feat: add Portfolio metric to Dashboard and toggle button to Detail View

frontend/app/page.tsx

@@ -50,7 +50,26 @@ export default function HomePage() {
   const [status, setStatus] = useState("listening");
   const [searchKeyword, setSearchKeyword] = useState("");
   const [lang, setLang] = useState<Language>("en");
+  const [followedCount, setFollowedCount] = useState(0);
   const contentRef = useRef<HTMLDivElement>(null);
+
+  // Sync followed count from localStorage
+  useEffect(() => {
+    const updateFollowed = () => {
+      const saved = localStorage.getItem('andes_followed_tenders_full');
+      if (saved) {
+        setFollowedCount(JSON.parse(saved).length);
+      }
+    };
+    updateFollowed();
+    window.addEventListener('storage', updateFollowed);
+    // Also poll slightly for local changes if needed
+    const interval = setInterval(updateFollowed, 2000);
+    return () => {
+      window.removeEventListener('storage', updateFollowed);
+      clearInterval(interval);
+    };
+  }, []);
   
   const t = translations[lang];
 
@@ -254,7 +273,8 @@ export default function HomePage() {
                 tendersFound={tenders.length}
                 recommendedOpportunities={analysisResult?.decision === "Recommended" ? 1 : 0}
                 highRiskItems={analysisResult?.risks.filter(r => r.severity === "High").length ?? 0}
-                reportsGenerated={analysisResult ? 1 : 0}
+                reportsGenerated={analysisHistory.length}
+                followedTendersCount={followedCount}
                 tenders={tenders}
                 onFilterClick={handleFilterClick}
                 lang={lang}

frontend/components/Dashboard.tsx

@@ -11,6 +11,7 @@ type Props = {
   recommendedOpportunities: number;
   highRiskItems: number;
   reportsGenerated: number;
+  followedTendersCount: number;
   tenders: Tender[];
   onFilterClick?: (type: "sector" | "region", value: string) => void;
   lang: Language;
@@ -21,6 +22,7 @@ export default function Dashboard({
   recommendedOpportunities, 
   highRiskItems, 
   reportsGenerated,
+  followedTendersCount,
   tenders,
   onFilterClick,
   lang
@@ -133,6 +135,7 @@ export default function Dashboard({
         <StatCard title={t.tendersFound} value={tendersFound} subtitle={t.activeOpps} />
         <StatCard title={t.recommended} value={recommendedOpportunities} subtitle="Fit score > 80%" />
         <StatCard title={t.highRisk} value={highRiskItems} subtitle="Riesgos críticos" />
+        <StatCard title="Portfolio" value={followedTendersCount} subtitle="Opps. guardadas" />
         <StatCard title={t.totalPipeline} value={formatAmount(totalAmount)} subtitle="Monto total proyectado" />
       </div>
 

frontend/components/TenderSearch.tsx

@@ -220,7 +220,15 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
           <span className="text-2xl group-hover:-translate-x-1 transition-transform">←</span>
           <span className="text-xs font-black uppercase tracking-widest">Back to search</span>
         </button>
-        <div className="flex bg-white/5 p-1 rounded-2xl border border-white/10">
+        <div className="flex items-center gap-3 bg-white/5 p-1 rounded-2xl border border-white/10">
+          <button 
+            onClick={() => toggleFollow(tender)}
+            className={`px-4 py-2.5 rounded-xl text-[10px] font-black uppercase transition-all flex items-center gap-2 ${followedCodes.includes(tender.code) ? "bg-amber-500/20 text-amber-400 border border-amber-500/30" : "bg-white/5 text-slate-400 hover:bg-white/10"}`}
+          >
+            <span>{followedCodes.includes(tender.code) ? "★" : "☆"}</span>
+            <span>{followedCodes.includes(tender.code) ? "In Portfolio" : "Add to Portfolio"}</span>
+          </button>
+          <div className="w-px h-6 bg-white/10 mx-1" />
           <button onClick={() => setActiveDetailTab("Overview")} className={`px-6 py-2.5 rounded-xl text-xs font-black uppercase transition-all ${activeDetailTab === "Overview" ? "bg-purple-600 text-white shadow-lg" : "text-slate-500"}`}>Overview</button>
           <button onClick={() => setActiveDetailTab("Agent Chat")} className={`px-6 py-2.5 rounded-xl text-xs font-black uppercase transition-all ${activeDetailTab === "Agent Chat" ? "bg-purple-600 text-white shadow-lg" : "text-slate-500"}`}>Agent Chat</button>
         </div>