fix: resolve syntax error in TenderSearch.tsx return statement

frontend/components/TenderSearch.tsx

@@ -41,37 +41,41 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
   });
   
   const followedCodes = useMemo(() => followedTenders.map(t => t.code), [followedTenders]);
-  
   const [showOnlyFollowed, setShowOnlyFollowed] = useState(forceShowFollowed);
   const [isLoading, setIsLoading] = useState(false);
   const [isAgileMode, setIsAgileMode] = useState(false);
   const isSearchPending = useRef(false);
   const itemsPerPage = 50;
 
+  const filteredTenders = useMemo(() => {
+    if (showOnlyFollowed) return followedTenders;
+    let list = tenders;
+    if (isAgileMode) {
+      list = list.filter(t => 
+        t.code.includes('COT26') || 
+        t.name.toLowerCase().includes('compra ágil') ||
+        t.sector?.toLowerCase().includes('agil')
+      );
+    }
+    return list;
+  }, [tenders, showOnlyFollowed, followedTenders, isAgileMode]);
+
   const isTenderCode = /^[0-9]+-[0-9]+-[A-Z0-9]+$/i.test(keyword);
-  const isLiveSearch = Boolean(isTenderCode || providerCode || orgCode || status || date);
-  const showLiveDefaultBadge = !showOnlyFollowed && !keyword && !providerCode && !orgCode && !status && !date;
-  const searchButtonLabel = isLoading
-    ? "Searching..."
-    : isLiveSearch
-      ? "Live MP Search"
-      : "Fetch Active Tenders";
+  const isLiveSearch = Boolean(isTenderCode || providerCode || orgCode || status || date || typeCode);
+  const searchButtonLabel = isLoading ? "Searching..." : isLiveSearch ? "Live MP Search" : "Fetch Active Tenders";
 
   useEffect(() => {
     if (forceShowFollowed) setShowOnlyFollowed(true);
   }, [forceShowFollowed]);
 
   useEffect(() => {
-    if (initialKeyword && initialKeyword !== keyword) {
-      setKeyword(initialKeyword);
-    }
+    if (initialKeyword && initialKeyword !== keyword) setKeyword(initialKeyword);
   }, [initialKeyword]);
 
   useEffect(() => {
     localStorage.setItem('andes_followed_tenders_full', JSON.stringify(followedTenders));
   }, [followedTenders]);
 
-  // Force scroll to top when opening detail modal
   useEffect(() => {
     if (selectedTenderForModal) {
       window.scrollTo({ top: 0, behavior: 'instant' });
@@ -83,26 +87,16 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
   const toggleFollow = (tender: Tender) => {
     setFollowedTenders(prev => {
       const isFollowing = prev.some(t => t.code === tender.code);
-      if (isFollowing) {
-        return prev.filter(t => t.code !== tender.code);
-      } else {
-        return [...prev, tender];
-      }
+      return isFollowing ? prev.filter(t => t.code !== tender.code) : [...prev, tender];
     });
   };
 
   const toggleSelect = (code: string) => {
-    setSelectedCodes(prev => 
-      prev.includes(code) ? prev.filter(c => c !== code) : [...prev, code]
-    );
+    setSelectedCodes(prev => prev.includes(code) ? prev.filter(c => c !== code) : [...prev, code]);
   };
 
   const toggleSelectAll = () => {
-    if (selectedCodes.length === filteredTenders.length) {
-      setSelectedCodes([]);
-    } else {
-      setSelectedCodes(filteredTenders.map(t => t.code));
-    }
+    setSelectedCodes(selectedCodes.length === filteredTenders.length ? [] : filteredTenders.map(t => t.code));
   };
 
   const handleSyncToAgents = () => {
@@ -121,9 +115,7 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
     isSearchPending.current = true;
     setIsLoading(true);
     try {
-      // Logic: If the query looks like a code (contains hyphens), prioritize code search
       const isCode = /^[0-9]+-[0-9]+-[A-Z0-9]+$/i.test(keyword);
-      
       await onSearch({ 
         keyword: isCode ? undefined : keyword,
         code: isCode ? keyword : undefined,
@@ -145,29 +137,10 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
     }
   };
 
-  const filteredTenders = useMemo(() => {
-    if (showOnlyFollowed) {
-      return followedTenders;
-    }
-    
-    let list = tenders;
-    if (isAgileMode) {
-      list = list.filter(t => 
-        t.code.includes('COT26') || 
-        t.name.toLowerCase().includes('compra ágil') ||
-        t.sector?.toLowerCase().includes('agil') ||
-        t.source?.toLowerCase().includes('real-time') ||
-        t.source?.toLowerCase().includes('synthetic')
-      );
-    }
-    return list;
-  }, [tenders, showOnlyFollowed, followedTenders, isAgileMode]);
-
   return (
     <div className="space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-700">
       {!selectedTenderForModal ? (
         <>
-          {/* Header Section */}
           <div className={`glass-card rounded-3xl p-8 mb-4 border transition-all duration-500 ${forceShowFollowed ? 'border-purple-500/30 bg-purple-500/5 shadow-[0_0_50px_rgba(168,85,247,0.1)]' : 'border-white/10'}`}>
             <div className="mb-6 flex justify-between items-start">
               <div>
@@ -202,10 +175,8 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
                     <label className="text-[10px] uppercase tracking-wider text-slate-500 font-bold px-1">Keyword / Tender Code</label>
                     <input
                       type="text"
-                      name="keyword"
-                      autoComplete="off"
                       placeholder="e.g. Software or 1509-5-L114"
-                      className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white placeholder:text-slate-600 focus:outline-none focus:ring-2 focus:ring-purple-500/40 transition-all"
+                      className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-purple-500/40 transition-all"
                       value={keyword}
                       onChange={(e) => setKeyword(e.target.value)}
                     />
@@ -214,10 +185,8 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
                     <label className="text-[10px] uppercase tracking-wider text-slate-500 font-bold px-1">Buyer name</label>
                     <input
                       type="text"
-                      name="buyerCode"
-                      autoComplete="off"
                       placeholder="e.g. Servicio de Salud"
-                      className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white placeholder:text-slate-600 focus:outline-none focus:ring-2 focus:ring-purple-500/40 transition-all"
+                      className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-purple-500/40 transition-all"
                       value={buyerCode}
                       onChange={(e) => setBuyerCode(e.target.value)}
                     />
@@ -226,10 +195,8 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
                     <label className="text-[10px] uppercase tracking-wider text-slate-500 font-bold px-1">Provider Code</label>
                     <input
                       type="text"
-                      name="providerCode"
-                      autoComplete="off"
                       placeholder="e.g. 17793"
-                      className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white placeholder:text-slate-600 focus:outline-none focus:ring-2 focus:ring-purple-500/40 transition-all"
+                      className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-purple-500/40 transition-all"
                       value={providerCode}
                       onChange={(e) => setProviderCode(e.target.value)}
                     />
@@ -238,10 +205,8 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
                     <label className="text-[10px] uppercase tracking-wider text-slate-500 font-bold px-1">Org Code</label>
                     <input
                       type="text"
-                      name="orgCode"
-                      autoComplete="off"
                       placeholder="e.g. 6945"
-                      className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white placeholder:text-slate-600 focus:outline-none focus:ring-2 focus:ring-purple-500/40 transition-all"
+                      className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-purple-500/40 transition-all"
                       value={orgCode}
                       onChange={(e) => setOrgCode(e.target.value)}
                     />
@@ -249,7 +214,7 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
                   <div className="space-y-2">
                     <label className="text-[10px] uppercase tracking-wider text-slate-500 font-bold px-1">Status</label>
                     <select
-                      className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-purple-500/40 transition-all"
+                      className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-purple-500/40"
                       value={status}
                       onChange={(e) => setStatus(e.target.value)}
                     >
@@ -259,51 +224,41 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
                       <option value="6">Cerrada (6)</option>
                       <option value="7">Desierta (7)</option>
                       <option value="8">Adjudicada (8)</option>
-                      <option value="18">Revocada (18)</option>
-                      <option value="19">Suspendida (19)</option>
                     </select>
                   </div>
                   <div className="space-y-2">
                     <label className="text-[10px] uppercase tracking-wider text-slate-500 font-bold px-1">Tender Type</label>
                     <select
-                      className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-purple-500/40 transition-all"
+                      className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-purple-500/40"
                       value={typeCode}
                       onChange={(e) => setTypeCode(e.target.value)}
                     >
                       <option value="">Any type</option>
-                      <option value="L1">L1 - Licitación Pública < 100 UTM</option>
-                      <option value="LE">LE - Licitación Pública 100-1000 UTM</option>
-                      <option value="LP">LP - Licitación Pública > 1000 UTM</option>
+                      <option value="L1">L1 - < 100 UTM</option>
+                      <option value="LE">LE - 100-1000 UTM</option>
+                      <option value="LP">LP - > 1000 UTM</option>
                       <option value="LS">LS - Servicios Personales</option>
                       <option value="A1">A1 - Privada por Desierta</option>
-                      <option value="D1">D1 - Trato Directo Proveedor Único</option>
-                      <option value="C2">C2 - Trato Directo (Cotización)</option>
                     </select>
                   </div>
                   <div className="space-y-2">
                     <label className="text-[10px] uppercase tracking-wider text-slate-500 font-bold px-1">Date</label>
                     <input
                       type="date"
-                      className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-purple-500/40 transition-all [color-scheme:dark]"
+                      className="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-purple-500/40 [color-scheme:dark]"
                       value={date}
                       onChange={(e) => setDate(e.target.value)}
                     />
                   </div>
                 </div>
-                <div className="rounded-3xl bg-slate-900/70 border border-white/10 p-4 text-slate-400 text-xs leading-5 flex justify-between items-center">
+                <div className="rounded-3xl bg-slate-900/70 border border-white/10 p-4 text-slate-400 text-xs flex justify-between items-center">
                   <div>
-                    <span className="font-bold text-slate-200">Tip:</span> Deja todos los campos vacíos para mostrar las licitaciones activas del día. Usa <span className="font-semibold text-white">Tender Code</span> para una búsqueda exacta o los filtros avanzados para consultas directas en Mercado Público.
+                    <span className="font-bold text-slate-200">Tip:</span> Use Tender Code for exact search or filters for direct live data.
                   </div>
                   <button 
                     type="button"
                     onClick={() => {
-                      setKeyword("");
-                      setBuyerCode("");
-                      setProviderCode("");
-                      setOrgCode("");
-                      setStatus("");
-                      setDate("");
-                      setTypeCode("");
+                      setKeyword(""); setBuyerCode(""); setProviderCode(""); setOrgCode(""); setStatus(""); setDate(""); setTypeCode("");
                     }}
                     className="text-[10px] font-bold uppercase text-slate-500 hover:text-white transition"
                   >
@@ -316,25 +271,15 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
                       type="button"
                       disabled={isLoading}
                       onClick={handleSearch}
-                      className="w-full sm:w-auto premium-gradient hover:opacity-90 text-white font-bold py-3.5 rounded-xl transition-all shadow-lg shadow-purple-500/20 active:scale-[0.98] disabled:opacity-50"
+                      className="w-full sm:w-auto premium-gradient text-white font-bold py-3.5 rounded-xl px-8 transition-all"
                     >
                       {searchButtonLabel}
                     </button>
-                    {isLiveSearch && (
-                      <span className="inline-flex items-center justify-center rounded-full bg-emerald-500/10 text-emerald-300 text-[10px] uppercase tracking-[0.25em] px-3 py-2 border border-emerald-500/20">
-                        Live Mercado Público search
-                      </span>
-                    )}
                   </div>
                   <button
                     type="button"
                     onClick={() => setIsAgileMode(!isAgileMode)}
-                    className={`w-full sm:w-auto px-4 py-3.5 rounded-xl border font-bold text-[10px] uppercase tracking-widest transition-all ${
-                      isAgileMode 
-                        ? "bg-cyan/20 border-cyan/40 text-cyan animate-pulse" 
-                        : "bg-white/5 border-white/10 text-slate-500 hover:border-white/20"
-                    }`}
-                    title="Toggle Compra Ágil Mode"
+                    className={`px-4 py-3.5 rounded-xl border font-bold text-[10px] uppercase tracking-widest transition-all ${isAgileMode ? "bg-cyan/20 border-cyan/40 text-cyan animate-pulse" : "bg-white/5 border-white/10 text-slate-500"}`}
                   >
                     🚀 Agile
                   </button>
@@ -343,131 +288,61 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
             )}
           </div>
 
-          {/* Results Controls */}
           <div className="flex flex-col gap-3 px-2 md:flex-row md:items-center md:justify-between">
-            <div className="flex flex-wrap items-center gap-3">
-              <h3 className="text-lg font-bold text-white">
-                {showOnlyFollowed ? "Saved Opportunities" : "Market Results"}
-              </h3>
-              <span className="text-[10px] bg-white/5 text-slate-400 px-2 py-0.5 rounded-full border border-white/5">
-                {filteredTenders.length} items
-              </span>
-              {showLiveDefaultBadge && (
-                <span className="text-[10px] bg-emerald-500/10 text-emerald-200 px-2 py-0.5 rounded-full border border-emerald-500/20 font-bold uppercase tracking-[0.25em]">
-                  Live Mercado Público data
-                </span>
-              )}
-            </div>
+            <h3 className="text-lg font-bold text-white">
+              {showOnlyFollowed ? "Portfolio" : "Market Results"} ({filteredTenders.length})
+            </h3>
             {followedCodes.length > 0 && (
               <button
                 onClick={() => setShowOnlyFollowed(!showOnlyFollowed)}
-                className={`flex items-center gap-2 rounded-xl px-4 py-2 text-xs font-bold transition-all border ${
-                  showOnlyFollowed 
-                    ? "bg-purple-500/20 border-purple-500/40 text-purple-300" 
-                    : "bg-white/5 border-white/10 text-slate-400 hover:border-white/20"
-                }`}
+                className={`rounded-xl px-4 py-2 text-xs font-bold border transition-all ${showOnlyFollowed ? "bg-purple-500/20 border-purple-500/40 text-purple-300" : "bg-white/5 border-white/10 text-slate-400"}`}
               >
-                {showOnlyFollowed ? "★ Viewing Portfolio" : "☆ Show Favorites Only"}
+                {showOnlyFollowed ? "★ Viewing Portfolio" : "☆ Show Favorites"}
               </button>
             )}
           </div>
 
-          {/* Results List */}
           <div className="space-y-4">
             {filteredTenders.length === 0 ? (
               <div className="flex flex-col items-center justify-center rounded-3xl border border-white/5 bg-white/[0.02] p-20 text-center">
-                <div className="w-16 h-16 rounded-2xl bg-white/5 flex items-center justify-center text-3xl mb-4 opacity-50">
-                  {showOnlyFollowed ? "🌟" : "📡"}
-                </div>
-                <p className="text-slate-400 max-w-xs mx-auto text-sm">
-                  {showOnlyFollowed 
-                    ? "No followed opportunities found." 
-                    : "Enter keywords above to fetch real-time data."}
-                </p>
+                <p className="text-slate-400 text-sm">No opportunities found.</p>
               </div>
             ) : (
-              <div className="glass-card rounded-3xl overflow-hidden shadow-2xl border border-white/5">
+              <div className="glass-card rounded-3xl overflow-hidden border border-white/5">
                 <div className="overflow-x-auto custom-scrollbar">
-                  <table className="w-full text-left text-sm table-fixed border-collapse">
-                    <thead className="bg-white/5 text-slate-500 uppercase text-[10px] tracking-widest font-bold border-b border-white/5">
+                  <table className="w-full text-left text-sm table-fixed">
+                    <thead className="bg-white/5 text-slate-500 uppercase text-[10px] font-bold border-b border-white/5">
                       <tr>
                         <th className="px-4 py-5 w-[100px]">
-                          <div className="flex items-center gap-2">
-                            <input 
-                              type="checkbox"
-                              checked={filteredTenders.length > 0 && selectedCodes.length === filteredTenders.length}
-                              onChange={toggleSelectAll}
-                              className="w-3.5 h-3.5 rounded border-white/10 bg-white/5 text-purple-500 focus:ring-purple-500/40"
-                            />
-                            {t.idSelect}
-                          </div>
+                          <input type="checkbox" checked={selectedCodes.length === filteredTenders.length} onChange={toggleSelectAll} className="mr-2" />
+                          ID
                         </th>
-                        <th className="px-4 py-5 w-[250px]">{t.opportunity}</th>
-                        <th className="px-4 py-5 w-[180px]">{t.buyer}</th>
-                        <th className="px-4 py-5 text-center w-[100px]">{t.status}</th>
+                        <th className="px-4 py-5 w-[250px]">Opportunity</th>
+                        <th className="px-4 py-5 w-[180px]">Buyer</th>
+                        <th className="px-4 py-5 text-center w-[100px]">Status</th>
                       </tr>
                     </thead>
                     <tbody className="divide-y divide-white/5">
                       {filteredTenders.map((tender) => (
-                        <tr 
-                          key={tender.code}
-                          className={`hover:bg-white/[0.04] transition-colors group ${selectedCodes.includes(tender.code) ? 'bg-purple-500/5' : ''}`}
-                        >
-                          <td className="px-4 py-5" onClick={(e) => e.stopPropagation()}>
-                            <div className="flex items-center gap-2 pointer-events-auto">
-                              <input 
-                                type="checkbox"
-                                checked={selectedCodes.includes(tender.code)}
-                                onChange={(e) => {
-                                  e.stopPropagation();
-                                  toggleSelect(tender.code);
-                                }}
-                                onClick={(e) => e.stopPropagation()}
-                                className="w-3.5 h-3.5 rounded border-white/10 bg-white/5 text-purple-500 focus:ring-purple-500/40 cursor-pointer"
-                              />
-                              <button 
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  toggleFollow(tender);
-                                }}
-                                className={`text-base transition-all hover:scale-125 cursor-pointer ${followedCodes.includes(tender.code) ? 'text-purple-400 drop-shadow-[0_0_8px_rgba(168,85,247,0.4)]' : 'text-slate-600 hover:text-slate-400'}`}
-                              >
+                        <tr key={tender.code} className="hover:bg-white/[0.04] transition-colors group">
+                          <td className="px-4 py-5">
+                            <div className="flex items-center gap-2">
+                              <input type="checkbox" checked={selectedCodes.includes(tender.code)} onChange={() => toggleSelect(tender.code)} />
+                              <button onClick={() => toggleFollow(tender)} className={followedCodes.includes(tender.code) ? 'text-purple-400' : 'text-slate-600'}>
                                 {followedCodes.includes(tender.code) ? "★" : "☆"}
                               </button>
                               <span className="font-mono text-purple-400 text-[9px] truncate">{tender.code}</span>
-                              <a
-                                href={`https://www.mercadopublico.cl/fichaLicitacion.html?code=${tender.code}`}
-                                target="_blank"
-                                rel="noopener noreferrer"
-                                onClick={(e) => e.stopPropagation()}
-                                className="ml-2 text-[10px] text-slate-400 hover:text-white transition"
-                                title="Open Tender in Mercado Público"
-                              >
-                                ↗
-                              </a>
                             </div>
                           </td>
-                          <td className="px-4 py-5 cursor-pointer hover:text-purple-400 transition-colors" onClick={() => setSelectedTenderForModal(tender)}>
+                          <td className="px-4 py-5 cursor-pointer" onClick={() => setSelectedTenderForModal(tender)}>
                             <div className="font-semibold text-white group-hover:text-purple-400 transition-colors truncate text-xs">{tender.name}</div>
-                            <div className="flex items-center gap-2 mt-1">
-                              <span className="text-[9px] text-slate-500 truncate">{tender.region || "Nacional"}</span>
-                              <span className="text-[8px] px-1.5 py-0.5 rounded-md bg-white/5 text-slate-600 border border-white/5 uppercase tracking-tighter">{tender.sector}</span>
-                            </div>
+                            <div className="text-[9px] text-slate-500">{tender.region || "Nacional"}</div>
                           </td>
                           <td className="px-4 py-5 text-slate-400 text-[11px] truncate">{tender.buyer}</td>
                           <td className="px-4 py-5 text-center">
-                            <div className="flex flex-col items-center gap-1">
-                              <span className={`inline-block rounded-full px-2 py-0.5 text-[9px] font-bold ${
-                                tender.status.toLowerCase().includes('publicada') ? 'bg-green-500/10 text-green-400 border border-green-500/20' : 'bg-slate-800/50 text-slate-500'
-                              }`}>
-                                {tender.status}
-                              </span>
-                              {tender.type && (
-                                <span className="text-[8px] font-mono text-slate-600 bg-white/5 px-1 rounded">
-                                  {tender.type}
-                                </span>
-                              )}
-                            </div>
+                            <span className={`inline-block rounded-full px-2 py-0.5 text-[9px] font-bold ${tender.status.toLowerCase().includes('publicada') ? 'bg-green-500/10 text-green-400' : 'bg-slate-800 text-slate-500'}`}>
+                              {tender.status}
+                            </span>
                           </td>
                         </tr>
                       ))}
@@ -479,251 +354,68 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
           </div>
         </>
       ) : (
-        /* Immersive Detail View (Replaces List) */
         <div className="animate-in slide-in-from-right-8 fade-in duration-700 w-full max-w-[1600px] mx-auto pt-4 pb-20">
-
           <div className="flex flex-col md:flex-row md:items-end justify-between gap-6 mb-8">
             <div className="flex flex-col gap-4">
-              <button 
-                onClick={() => setSelectedTenderForModal(null)}
-                className="flex items-center gap-2 text-slate-400 hover:text-white transition group w-fit"
-              >
+              <button onClick={() => setSelectedTenderForModal(null)} className="flex items-center gap-2 text-slate-400 hover:text-white transition group w-fit">
                 <span className="text-xl group-hover:-translate-x-1 transition-transform">←</span>
-                <span className="text-sm font-bold uppercase tracking-widest">{lang === 'en' ? 'Back to search' : 'Volver a búsqueda'}</span>
+                <span className="text-sm font-bold uppercase tracking-widest">Back to search</span>
               </button>
-              
               <div className="flex bg-white/5 p-1 rounded-2xl border border-white/10 w-fit">
-                <button 
-                  onClick={() => setActiveDetailTab("Overview")}
-                  className={`px-6 py-2.5 rounded-xl text-xs font-black uppercase tracking-widest transition-all ${activeDetailTab === "Overview" ? "bg-purple-600 text-white shadow-lg" : "text-slate-500 hover:text-slate-300"}`}
-                >
-                  Overview
-                </button>
-                <button 
-                  onClick={() => setActiveDetailTab("Agent Chat")}
-                  className={`px-6 py-2.5 rounded-xl text-xs font-black uppercase tracking-widest transition-all ${activeDetailTab === "Agent Chat" ? "bg-purple-600 text-white shadow-lg" : "text-slate-500 hover:text-slate-300"}`}
-                >
-                  Agent Chat
-                </button>
-              </div>
-            </div>
-
-            <div className="grid grid-cols-2 gap-4 w-full md:w-auto">
-              <div className="px-4 py-3 rounded-lg bg-white/5 border border-white/10">
-                <div className="text-[10px] font-black uppercase tracking-[0.2em] text-slate-400 mb-2">Search</div>
-                <p className="text-xs text-slate-300">View detailed information</p>
-              </div>
-              <div className="px-4 py-3 rounded-lg bg-purple-500/5 border border-purple-500/20">
-                <div className="text-[10px] font-black uppercase tracking-[0.2em] text-purple-300 mb-2">Save</div>
-                <button 
-                  onClick={() => toggleFollow(selectedTenderForModal)}
-                  className={`text-xs font-bold transition-all ${
-                    followedCodes.includes(selectedTenderForModal.code) 
-                      ? "text-purple-300"
-                      : "text-slate-400 hover:text-purple-300"
-                  }`}
-                >
-                  {followedCodes.includes(selectedTenderForModal.code) ? "★ Saved to Portfolio" : "☆ Save to Portfolio"}
-                </button>
+                <button onClick={() => setActiveDetailTab("Overview")} className={`px-6 py-2.5 rounded-xl text-xs font-black uppercase tracking-widest transition-all ${activeDetailTab === "Overview" ? "bg-purple-600 text-white" : "text-slate-500"}`}>Overview</button>
+                <button onClick={() => setActiveDetailTab("Agent Chat")} className={`px-6 py-2.5 rounded-xl text-xs font-black uppercase tracking-widest transition-all ${activeDetailTab === "Agent Chat" ? "bg-purple-600 text-white" : "text-slate-500"}`}>Agent Chat</button>
               </div>
             </div>
+            <button onClick={() => toggleFollow(selectedTenderForModal)} className="px-4 py-3 rounded-lg bg-white/5 border border-white/10 text-xs text-slate-400">
+              {followedCodes.includes(selectedTenderForModal.code) ? "★ Saved" : "☆ Save"}
+            </button>
           </div>
 
           {activeDetailTab === "Overview" ? (
-            <div className="glass-card rounded-[2.5rem] overflow-hidden border border-white/5 bg-slate-900/40 backdrop-blur-xl shadow-2xl">
-              {/* Header Section */}
-              <div className="p-10 md:p-14 border-b border-white/5 relative overflow-hidden">
-                <div className="absolute top-0 right-0 w-64 h-64 bg-purple-500/10 blur-[100px] -translate-y-1/2 translate-x-1/2" />
-                <div className="relative z-10">
-                  <div className="flex items-center gap-3 mb-6">
-                    <span className="text-sm font-mono text-purple-400 bg-purple-400/10 px-3 py-1 rounded-lg border border-purple-400/20">{selectedTenderForModal.code}</span>
-                    <span className={`px-3 py-1 rounded-lg text-xs font-black uppercase tracking-widest ${
-                      selectedTenderForModal.status.toLowerCase().includes('publicada') ? 'bg-green-500/10 text-green-400 border border-green-500/20' : 'bg-slate-800 text-slate-500'
-                    }`}>
-                      {selectedTenderForModal.status}
-                    </span>
-                  </div>
-                  <h3 className="text-3xl md:text-4xl font-black text-white leading-tight tracking-tight mb-4">{selectedTenderForModal.name}</h3>
-
-                  <div className="flex flex-wrap items-center gap-x-8 gap-y-4">
-                    <div className="flex items-center gap-3">
-                      <div className="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center text-lg">🏢</div>
-                      <span className="text-slate-400 font-medium">{selectedTenderForModal.buyer}</span>
-                    </div>
-                    <div className="flex items-center gap-3">
-                      <div className="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center text-lg">📍</div>
-                      <span className="text-slate-400 font-medium">{selectedTenderForModal.buyer_region || selectedTenderForModal.region || "Nacional"}</span>
-                    </div>
-                    <div className="flex items-center gap-3">
-                      <div className="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center text-lg">🏷️</div>
-                      <span className="text-slate-400 font-medium">Type: {selectedTenderForModal.type || "N/A"}</span>
-                    </div>
-                  </div>
+            <div className="glass-card rounded-[2.5rem] overflow-hidden border border-white/5 bg-slate-900/40 backdrop-blur-xl">
+              <div className="p-10 md:p-14 border-b border-white/5 relative">
+                <div className="flex items-center gap-3 mb-6">
+                  <span className="text-sm font-mono text-purple-400 bg-purple-400/10 px-3 py-1 rounded-lg">{selectedTenderForModal.code}</span>
+                  <span className="px-3 py-1 rounded-lg text-xs font-black uppercase bg-green-500/10 text-green-400">{selectedTenderForModal.status}</span>
+                </div>
+                <h3 className="text-3xl md:text-4xl font-black text-white leading-tight mb-4">{selectedTenderForModal.name}</h3>
+                <div className="flex flex-wrap gap-8">
+                  <span className="text-slate-400">🏢 {selectedTenderForModal.buyer}</span>
+                  <span className="text-slate-400">📍 {selectedTenderForModal.buyer_region || "Nacional"}</span>
                 </div>
               </div>
-
-              {/* Content Section */}
               <div className="p-10 md:p-14">
                 <div className="grid gap-16 lg:grid-cols-3">
-                  {/* Main Column */}
                   <div className="lg:col-span-2 space-y-12">
                     <section>
-                      <h4 className="text-[10px] font-black uppercase tracking-[0.3em] text-slate-500 mb-6 flex items-center gap-3">
-                        <span className="w-8 h-[1px] bg-slate-700" />
-                        Project Scope & Description
-                      </h4>
-                      <div className="text-slate-300 leading-relaxed text-lg bg-white/[0.02] p-8 rounded-[2rem] border border-white/5 whitespace-pre-wrap font-light mb-12">
-                        {selectedTenderForModal.description || "No detailed description provided."}
+                      <h4 className="text-[10px] font-black uppercase tracking-[0.3em] text-slate-500 mb-6">Description</h4>
+                      <div className="text-slate-300 leading-relaxed text-lg bg-white/[0.02] p-8 rounded-[2rem] border border-white/5 whitespace-pre-wrap">
+                        {selectedTenderForModal.description || "No description."}
                       </div>
-
-                      {selectedTenderForModal.items && selectedTenderForModal.items.length > 0 && (
-                        <section>
-                          <h4 className="text-[10px] font-black uppercase tracking-[0.3em] text-slate-500 mb-6 flex items-center gap-3">
-                            <span className="w-8 h-[1px] bg-slate-700" />
-                            Line Items & Requirements
-                          </h4>
-                          <div className="overflow-hidden rounded-3xl border border-white/5 bg-white/[0.01]">
-                            <table className="w-full text-left text-xs">
-                              <thead className="bg-white/5 text-slate-500 uppercase font-black tracking-tighter">
-                                <tr>
-                                  <th className="px-6 py-4">Item / Product</th>
-                                  <th className="px-6 py-4">Category</th>
-                                  <th className="px-6 py-4 text-right">Quantity</th>
-                                </tr>
-                              </thead>
-                              <tbody className="divide-y divide-white/5">
-                                {selectedTenderForModal.items.map((item, idx) => (
-                                  <tr key={idx} className="hover:bg-white/[0.02]">
-                                    <td className="px-6 py-4">
-                                      <div className="text-slate-200 font-bold">{item.name}</div>
-                                      <div className="text-[10px] text-slate-500 mt-1">{item.description}</div>
-                                    </td>
-                                    <td className="px-6 py-4 text-slate-400">{item.category || "N/A"}</td>
-                                    <td className="px-6 py-4 text-right">
-                                      <span className="text-cyan font-mono font-bold">{item.quantity}</span>
-                                      <span className="ml-1 text-slate-500 uppercase text-[10px]">{item.unit}</span>
-                                    </td>
-                                  </tr>
-                                ))}
-                              </tbody>
-                            </table>
-                          </div>
-                        </section>
-                      )}
                     </section>
-
                     <div className="grid grid-cols-2 gap-6">
-                      <div className="p-6 rounded-3xl bg-white/[0.03] border border-white/5 group hover:bg-white/[0.05] transition-colors">
-                        <div className="text-[10px] uppercase text-slate-500 font-black mb-2 tracking-widest">Estimated Investment</div>
-                        <div className="text-xl text-white font-bold tracking-tight">
-                          {selectedTenderForModal.estimated_amount 
-                            ? new Intl.NumberFormat("es-CL", { style: "currency", currency: selectedTenderForModal.currency || "CLP" }).format(selectedTenderForModal.estimated_amount) 
-                            : "Not Disclosed"}
+                      <div className="p-6 rounded-3xl bg-white/[0.03] border border-white/5">
+                        <div className="text-[10px] uppercase text-slate-500 font-black mb-2">Estimated Investment</div>
+                        <div className="text-xl text-white font-bold">
+                          {selectedTenderForModal.estimated_amount ? new Intl.NumberFormat("es-CL", { style: "currency", currency: "CLP" }).format(selectedTenderForModal.estimated_amount) : "Not Disclosed"}
                         </div>
-                        {selectedTenderForModal.currency && selectedTenderForModal.currency !== 'CLP' && (
-                          <div className="text-[10px] text-cyan mt-1 font-bold">Currency: {selectedTenderForModal.currency}</div>
-                        )}
-                      </div>
-                      <div className="p-6 rounded-3xl bg-white/[0.03] border border-white/5 group hover:bg-white/[0.05] transition-colors">
-                        <div className="text-[10px] uppercase text-slate-500 font-black mb-2 tracking-widest">Industry Classification</div>
-                        <div className="text-xl text-white font-bold tracking-tight">{selectedTenderForModal.sector || "General Procurement"}</div>
                       </div>
                     </div>
                   </div>
-
-                  {/* Sidebar Column */}
                   <div className="space-y-12">
-                    <div className="p-8 rounded-[2rem] bg-purple-600/10 border border-purple-500/20 shadow-2xl shadow-purple-500/5 relative overflow-hidden group">
-                      <div className="absolute top-0 right-0 w-32 h-32 bg-purple-500/20 blur-[60px] opacity-0 group-hover:opacity-100 transition-opacity" />
+                    <div className="p-8 rounded-[2rem] bg-purple-600/10 border border-purple-500/20">
                       <h4 className="text-[10px] font-black uppercase tracking-[0.3em] text-purple-400 mb-6">Timeline</h4>
-                      
-                      <div className="space-y-4">
-                        <div>
-                          <div className="text-[10px] text-slate-500 font-bold uppercase tracking-widest mb-1">Closing Deadline</div>
-                          <div className="text-2xl font-black text-white font-mono">
-                            {selectedTenderForModal.closing_date ? new Date(selectedTenderForModal.closing_date).toLocaleDateString() : "---"}
-                          </div>
-                        </div>
-                        
-                        {selectedTenderForModal.publication_date && (
-                          <div>
-                            <div className="text-[10px] text-slate-500 font-bold uppercase tracking-widest mb-1">Published On</div>
-                            <div className="text-sm font-bold text-slate-300">
-                              {new Date(selectedTenderForModal.publication_date).toLocaleDateString()}
-                            </div>
-                          </div>
-                        )}
-                      </div>
-                      
-                      <p className="mt-6 text-[10px] text-purple-400/60 font-bold uppercase tracking-tighter border-t border-purple-400/10 pt-4">Final Window for Submission</p>
-                    </div>
-
-                    <div>
-                      <h4 className="text-[10px] font-black uppercase tracking-[0.3em] text-slate-500 mb-6">Official Documentation</h4>
-                      <div className="grid gap-3">
-                        {selectedTenderForModal.attachments?.map((att, i) => (
-                          <a key={i} href={att.url} target="_blank" className="flex items-center justify-between p-5 rounded-2xl bg-white/[0.03] hover:bg-white/[0.08] border border-white/5 transition-all group/file">
-                            <div className="flex items-center gap-4">
-                              <div className="w-10 h-10 rounded-xl bg-white/5 flex items-center justify-center text-2xl">
-                                {att.name.endsWith('.pdf') ? "📕" : "📘"}
-                              </div>
-                              <div className="flex flex-col">
-                                <span className="text-sm font-bold text-slate-200 group-hover/file:text-white transition-colors truncate max-w-[150px]">{att.name}</span>
-                                <span className="text-[9px] text-slate-600 uppercase font-black">Official Basis</span>
-                              </div>
-                            </div>
-                            <span className="text-xl text-slate-600 group-hover/file:text-purple-400 transition-colors">↓</span>
-                          </a>
-                        ))}
-                        {!selectedTenderForModal.attachments?.length && (
-                          <div className="p-8 text-center rounded-2xl border border-white/5 bg-white/[0.01]">
-                            <p className="text-xs text-slate-600 italic font-medium">No external files registered.</p>
-                          </div>
-                        )}
-                      </div>
+                      <div className="text-[10px] text-slate-500 font-bold uppercase mb-1">Closing Deadline</div>
+                      <div className="text-2xl font-black text-white font-mono">{selectedTenderForModal.closing_date ? new Date(selectedTenderForModal.closing_date).toLocaleDateString() : "---"}</div>
                     </div>
-
-                    <a 
-                      href={`https://www.mercadopublico.cl/fichaLicitacion.html?code=${selectedTenderForModal.code}`}
-                      target="_blank"
-                      className="flex items-center justify-center gap-3 w-full p-5 rounded-2xl bg-white/5 border border-white/10 text-white text-sm font-black uppercase tracking-widest hover:bg-white/10 transition-all shadow-xl active:scale-[0.98]"
+                    <button 
+                      onClick={() => { onAnalyze(selectedTenderForModal); setSelectedTenderForModal(null); }}
+                      className="w-full premium-gradient text-white px-8 py-5 rounded-2xl font-black uppercase tracking-widest"
                     >
-                      Mercado Público Portal ↗
-                    </a>
-                  </div>
-                </div>
-              </div>
-
-              {/* Action Footer */}
-              <div className="p-10 md:p-14 bg-slate-950/40 border-t border-white/5 flex flex-col md:flex-row items-center justify-between gap-8">
-                <div className="flex items-center gap-4">
-                  <div className="w-12 h-12 rounded-full bg-cyan/10 border border-cyan/20 flex items-center justify-center text-cyan">🤖</div>
-                  <div>
-                    <p className="text-white font-bold text-sm">Ready for Analysis</p>
-                    <p className="text-slate-500 text-xs">Run AI compliance check and opportunity fit assessment.</p>
+                      Analyze Opportunity
+                    </button>
                   </div>
                 </div>
-                <div className="flex items-center gap-4 w-full md:w-auto">
-                  <button 
-                    onClick={() => toggleFollow(selectedTenderForModal)}
-                    className={`flex-1 md:flex-none px-6 py-3 text-xs font-bold uppercase tracking-widest rounded-lg border transition-all ${
-                      followedCodes.includes(selectedTenderForModal.code)
-                        ? 'bg-purple-500/20 border-purple-500/40 text-purple-300'
-                        : 'border-white/10 text-slate-400 hover:border-purple-400/40 hover:text-purple-300'
-                    }`}
-                  >
-                    {followedCodes.includes(selectedTenderForModal.code) ? "★ In Portfolio" : "☆ Add to Portfolio"}
-                  </button>
-                  <button 
-                    onClick={() => {
-                      onAnalyze(selectedTenderForModal);
-                      setSelectedTenderForModal(null);
-                    }}
-                    className="flex-1 md:flex-none premium-gradient text-white px-8 py-3 rounded-lg font-black text-xs uppercase tracking-[0.2em] shadow-xl shadow-purple-500/30 hover:scale-105 active:scale-95 transition-all"
-                  >
-                    {t.analyze}
-                  </button>
-                </div>
               </div>
             </div>
           ) : (