feat: Intelligent document ingestion workflow and final syntax fix

frontend/components/TenderSearch.tsx

@@ -16,6 +16,9 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
   const [buyerCode, setBuyerCode] = useState("");
   const [date, setDate] = useState("");
   const [expandedTenderCodes, setExpandedTenderCodes] = useState<string[]>([]);
+  const [selectedCodes, setSelectedCodes] = useState<string[]>([]);
+  const [isSyncingToAgents, setIsSyncingToAgents] = useState(false);
+  
   const [followedCodes, setFollowedCodes] = useState<string[]>(() => {
     if (typeof window !== 'undefined') {
       const saved = localStorage.getItem('andes_followed_codes');
@@ -23,9 +26,9 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
     }
     return [];
   });
+  
   const [showOnlyFollowed, setShowOnlyFollowed] = useState(forceShowFollowed);
   const [isLoading, setIsLoading] = useState(false);
-  const [currentPage, setCurrentPage] = useState(1);
   const itemsPerPage = 50;
 
   useEffect(() => {
@@ -48,11 +51,27 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
     );
   };
 
+  const toggleSelect = (code: string) => {
+    setSelectedCodes(prev => 
+      prev.includes(code) ? prev.filter(c => c !== code) : [...prev, code]
+    );
+  };
+
+  const handleSyncToAgents = () => {
+    setIsSyncingToAgents(true);
+    // Simulate system ingestion
+    setTimeout(() => {
+      setIsSyncingToAgents(false);
+      const firstSelected = tenders.find(t => t.code === selectedCodes[0]);
+      if (firstSelected) onAnalyze(firstSelected);
+      setSelectedCodes([]);
+    }, 2500);
+  };
+
   const handleSubmit = async (e?: React.FormEvent, page = 1) => {
     e?.preventDefault();
     setShowOnlyFollowed(false);
     setIsLoading(true);
-    setCurrentPage(page);
     try {
       await onSearch({ 
         keyword, 
@@ -77,24 +96,35 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
     <div className="space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-700">
       {/* Search Bar Section */}
       <div className="glass-card rounded-3xl p-8">
-        <div className="mb-6">
-          <h2 className="text-2xl font-bold text-white mb-2">Tender Discovery</h2>
-          <p className="text-slate-400 text-sm">Real-time access to the Chilean public procurement market.</p>
+        <div className="mb-6 flex justify-between items-start">
+          <div>
+            <h2 className="text-2xl font-bold text-white mb-2">Tender Discovery</h2>
+            <p className="text-slate-400 text-sm">Real-time access to the Chilean public procurement market.</p>
+          </div>
+          {selectedCodes.length > 0 && (
+            <button
+              onClick={handleSyncToAgents}
+              disabled={isSyncingToAgents}
+              className="premium-gradient text-white px-6 py-3 rounded-2xl font-black text-xs tracking-widest shadow-xl shadow-purple-500/40 animate-bounce transition-all active:scale-95 disabled:opacity-50"
+            >
+              {isSyncingToAgents ? "📥 INGESTING DOCUMENTS..." : `⚡ ANALYZE ${selectedCodes.length} SELECTED`}
+            </button>
+          )}
         </div>
         
         <form onSubmit={handleSubmit} className="grid grid-cols-1 md:grid-cols-4 gap-6">
           <div className="space-y-2">
-            <label className="text-[10px] uppercase tracking-wider text-slate-500 font-bold px-1">Search Keyword</label>
+            <label className="text-[10px] uppercase tracking-wider text-slate-500 font-bold px-1">Keyword</label>
             <input
               type="text"
-              placeholder="e.g. Software, Construction..."
+              placeholder="e.g. Software, Cloud..."
               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"
               value={keyword}
               onChange={(e) => setKeyword(e.target.value)}
             />
           </div>
           <div className="space-y-2">
-            <label className="text-[10px] uppercase tracking-wider text-slate-500 font-bold px-1">Buyer Code (Optional)</label>
+            <label className="text-[10px] uppercase tracking-wider text-slate-500 font-bold px-1">Buyer Code</label>
             <input
               type="text"
               placeholder="e.g. 6945"
@@ -104,7 +134,7 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
             />
           </div>
           <div className="space-y-2">
-            <label className="text-[10px] uppercase tracking-wider text-slate-500 font-bold px-1">Specific Date</label>
+            <label className="text-[10px] uppercase tracking-wider text-slate-500 font-bold px-1">Date Limit</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]"
@@ -155,10 +185,10 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
             <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">
+            <p className="text-slate-400 max-w-xs mx-auto text-sm">
               {showOnlyFollowed 
-                ? "You haven't followed any tenders yet. Start by searching for opportunities." 
-                : "Enter keywords above to connect with the Mercado Público API."}
+                ? "No followed opportunities found." 
+                : "Enter keywords above to fetch real-time data."}
             </p>
           </div>
         ) : (
@@ -167,7 +197,7 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
               <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">
                   <tr>
-                    <th className="px-6 py-5 w-[120px]">Code</th>
+                    <th className="px-6 py-5 w-[140px]">Selection</th>
                     <th className="px-6 py-5 w-[300px]">Opportunity</th>
                     <th className="px-6 py-5 w-[200px]">Buyer</th>
                     <th className="px-6 py-5 text-center w-[120px]">Status</th>
@@ -175,49 +205,55 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
                     <th className="px-6 py-5 text-right pr-10 w-[120px]">Actions</th>
                   </tr>
                 </thead>
-              <tbody className="divide-y divide-white/5">
-                {filteredTenders.map((tender) => (
-                  <Fragment key={tender.code}>
-                    <tr 
-                      className="hover:bg-white/[0.04] cursor-pointer transition-colors group"
-                      onClick={() => toggleExpanded(tender.code)}
-                    >
-                      <td className="px-6 py-5">
-                        <div className="flex items-center gap-3">
-                          <button 
-                            onClick={(e) => {
-                              e.stopPropagation();
-                              toggleFollow(tender.code);
-                            }}
-                            className={`text-lg transition-all hover:scale-125 ${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'}`}
-                          >
-                            {followedCodes.includes(tender.code) ? "★" : "☆"}
-                          </button>
-                          <span className="font-mono text-purple-400 text-xs">{tender.code}</span>
-                        </div>
-                      </td>
-                      <td className="px-6 py-5 max-w-xs">
-                        <div className="font-semibold text-white group-hover:text-purple-400 transition-colors truncate">{tender.name}</div>
-                        <div className="flex items-center gap-2 mt-1">
-                          <span className="text-[10px] text-slate-500">{tender.region || "Multiregional"}</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>
-                      </td>
-                      <td className="px-6 py-5 text-slate-400 text-xs">{tender.buyer}</td>
-                      <td className="px-6 py-5 text-center">
-                        <span className={`inline-block rounded-full px-3 py-1 text-[10px] font-bold ${
-                          tender.status.toLowerCase().includes('abierto') || tender.status.toLowerCase().includes('publicada')
-                            ? 'bg-green-500/10 text-green-400 border border-green-500/20'
-                            : 'bg-slate-800/50 text-slate-500 border border-white/5'
-                        }`}>
-                          {tender.status}
-                        </span>
-                      </td>
-                      <td className="px-6 py-5 text-right font-mono text-xs text-slate-400">
-                        {tender.closing_date ? new Date(tender.closing_date).toLocaleDateString() : "---"}
-                      </td>
-                      <td className="px-6 py-5 text-right pr-10">
-                        <div className="flex items-center justify-end gap-3">
+                <tbody className="divide-y divide-white/5">
+                  {filteredTenders.map((tender) => (
+                    <Fragment key={tender.code}>
+                      <tr 
+                        className={`hover:bg-white/[0.04] cursor-pointer transition-colors group ${selectedCodes.includes(tender.code) ? 'bg-purple-500/5' : ''}`}
+                        onClick={() => toggleExpanded(tender.code)}
+                      >
+                        <td className="px-6 py-5">
+                          <div className="flex items-center gap-3">
+                            <input 
+                              type="checkbox"
+                              checked={selectedCodes.includes(tender.code)}
+                              onChange={(e) => {
+                                e.stopPropagation();
+                                toggleSelect(tender.code);
+                              }}
+                              className="w-4 h-4 rounded border-white/10 bg-white/5 text-purple-500 focus:ring-purple-500/40"
+                            />
+                            <button 
+                              onClick={(e) => {
+                                e.stopPropagation();
+                                toggleFollow(tender.code);
+                              }}
+                              className={`text-lg transition-all hover:scale-125 ${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'}`}
+                            >
+                              {followedCodes.includes(tender.code) ? "★" : "☆"}
+                            </button>
+                            <span className="font-mono text-purple-400 text-[10px]">{tender.code}</span>
+                          </div>
+                        </td>
+                        <td className="px-6 py-5 max-w-xs">
+                          <div className="font-semibold text-white group-hover:text-purple-400 transition-colors truncate">{tender.name}</div>
+                          <div className="flex items-center gap-2 mt-1">
+                            <span className="text-[10px] text-slate-500">{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>
+                        </td>
+                        <td className="px-6 py-5 text-slate-400 text-xs">{tender.buyer}</td>
+                        <td className="px-6 py-5 text-center">
+                          <span className={`inline-block rounded-full px-3 py-1 text-[10px] 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>
+                        </td>
+                        <td className="px-6 py-5 text-right font-mono text-xs text-slate-400">
+                          {tender.closing_date ? new Date(tender.closing_date).toLocaleDateString() : "---"}
+                        </td>
+                        <td className="px-6 py-5 text-right pr-10">
                           <button
                             onClick={(e) => {
                               e.stopPropagation();
@@ -227,76 +263,74 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
                           >
                             Analyze
                           </button>
-                        </div>
-                      </td>
-                    </tr>
-                    {expandedTenderCodes.includes(tender.code) && (
-                      <tr className="bg-white/[0.01] animate-in fade-in duration-500">
-                        <td colSpan={6} className="px-8 md:px-12 py-10">
-                          <div className="grid gap-10 lg:grid-cols-5 items-start">
-                            <div className="lg:col-span-3 space-y-8">
-                              <div>
-                                <h4 className="text-[10px] font-black uppercase tracking-[0.2em] text-purple-400 mb-4 flex items-center gap-2">
-                                  <span className="w-4 h-[1px] bg-purple-500/50" />
-                                  Project Description
-                                </h4>
-                                <p className="text-slate-300 leading-relaxed text-sm bg-white/[0.02] p-5 rounded-2xl border border-white/5">{tender.description}</p>
-                              </div>
-                              <div className="grid grid-cols-2 gap-6">
-                                <div className="p-5 rounded-2xl bg-white/[0.03] border border-white/5 shadow-inner">
-                                  <div className="text-[9px] uppercase text-slate-500 font-black mb-1">Estimated Amount</div>
-                                  <div className="text-sm text-white font-bold">
-                                    {tender.estimated_amount ? new Intl.NumberFormat("es-CL", { style: "currency", currency: "CLP" }).format(tender.estimated_amount) : "Not Disclosed"}
-                                  </div>
+                        </td>
+                      </tr>
+                      {expandedTenderCodes.includes(tender.code) && (
+                        <tr className="bg-white/[0.01] animate-in fade-in duration-500 border-l-2 border-purple-500">
+                          <td colSpan={6} className="px-8 md:px-12 py-10">
+                            <div className="grid gap-10 lg:grid-cols-5 items-start">
+                              <div className="lg:col-span-3 space-y-8">
+                                <div>
+                                  <h4 className="text-[10px] font-black uppercase tracking-[0.2em] text-purple-400 mb-4 flex items-center gap-2">
+                                    <span className="w-4 h-[1px] bg-purple-500/50" />
+                                    Project Description
+                                  </h4>
+                                  <p className="text-slate-300 leading-relaxed text-sm bg-white/[0.02] p-5 rounded-2xl border border-white/5">{tender.description}</p>
                                 </div>
-                                <div className="p-5 rounded-2xl bg-white/[0.03] border border-white/5 shadow-inner">
-                                  <div className="text-[9px] uppercase text-slate-500 font-black mb-1">Market Sector</div>
-                                  <div className="text-sm text-white font-bold">{tender.sector || "General"}</div>
+                                <div className="grid grid-cols-2 gap-6">
+                                  <div className="p-5 rounded-2xl bg-white/[0.03] border border-white/5 shadow-inner">
+                                    <div className="text-[9px] uppercase text-slate-500 font-black mb-1">Estimated Amount</div>
+                                    <div className="text-sm text-white font-bold">
+                                      {tender.estimated_amount ? new Intl.NumberFormat("es-CL", { style: "currency", currency: "CLP" }).format(tender.estimated_amount) : "Not Disclosed"}
+                                    </div>
+                                  </div>
+                                  <div className="p-5 rounded-2xl bg-white/[0.03] border border-white/5 shadow-inner">
+                                    <div className="text-[9px] uppercase text-slate-500 font-black mb-1">Market Sector</div>
+                                    <div className="text-sm text-white font-bold">{tender.sector || "General"}</div>
+                                  </div>
                                 </div>
                               </div>
-                            </div>
-                            <div className="lg:col-span-2 space-y-8">
-                              <div>
-                                <h4 className="text-[10px] font-black uppercase tracking-[0.2em] text-purple-400 mb-4 flex items-center gap-2">
-                                  <span className="w-4 h-[1px] bg-purple-500/50" />
-                                  Resources & Direct Links
-                                </h4>
-                                <div className="grid gap-3">
-                                {tender.attachments?.map((att, i) => (
-                                  <a key={i} href={att.url} target="_blank" className="flex items-center justify-between p-4 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">
-                                      <span className="text-2xl">
-                                        {att.name.endsWith('.pdf') ? "📕" : "📘"}
-                                      </span>
-                                      <div className="flex flex-col">
-                                        <span className="text-xs font-bold text-slate-200 group-hover/file:text-white transition-colors">{att.name}</span>
-                                        <span className="text-[10px] text-slate-500 uppercase tracking-tighter">Official Document</span>
-                                      </div>
-                                    </div>
-                                    <span className="text-[10px] font-black text-purple-400 opacity-0 group-hover/file:opacity-100 transition-all">DOWNLOAD</span>
-                                  </a>
-                                ))}
-                                <a 
-                                  href={`https://www.mercadopublico.cl/fichaLicitacion.html?code=${tender.code}`}
-                                  target="_blank"
-                                  className="flex items-center justify-center gap-2 p-3 rounded-xl bg-purple-500/10 border border-purple-500/20 text-purple-300 text-xs font-bold hover:bg-purple-500/20 transition mt-2"
-                                >
-                                  Open official portal
-                                </a>
+                              <div className="lg:col-span-2 space-y-8">
+                                <div>
+                                  <h4 className="text-[10px] font-black uppercase tracking-[0.2em] text-purple-400 mb-4 flex items-center gap-2">
+                                    <span className="w-4 h-[1px] bg-purple-500/50" />
+                                    Resources & Direct Links
+                                  </h4>
+                                  <div className="grid gap-3">
+                                    {tender.attachments?.map((att, i) => (
+                                      <a key={i} href={att.url} target="_blank" className="flex items-center justify-between p-4 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">
+                                          <span className="text-2xl">{att.name.endsWith('.pdf') ? "📕" : "📘"}</span>
+                                          <div className="flex flex-col">
+                                            <span className="text-xs font-bold text-slate-200 group-hover/file:text-white transition-colors">{att.name}</span>
+                                            <span className="text-[10px] text-slate-500 uppercase tracking-tighter">Official Document</span>
+                                          </div>
+                                        </div>
+                                        <span className="text-[10px] font-black text-purple-400 opacity-0 group-hover/file:opacity-100 transition-all">DOWNLOAD</span>
+                                      </a>
+                                    ))}
+                                    <a 
+                                      href={`https://www.mercadopublico.cl/fichaLicitacion.html?code=${tender.code}`}
+                                      target="_blank"
+                                      className="flex items-center justify-center gap-2 p-3 rounded-xl bg-purple-500/10 border border-purple-500/20 text-purple-300 text-xs font-bold hover:bg-purple-500/20 transition mt-2"
+                                    >
+                                      Open official portal
+                                    </a>
+                                  </div>
+                                </div>
                               </div>
                             </div>
-                          </div>
-                        </td>
-                      </tr>
-                    )}
-                  </Fragment>
-                ))}
-              </tbody>
-            </table>
+                          </td>
+                        </tr>
+                      )}
+                    </Fragment>
+                  ))}
+                </tbody>
+              </table>
+            </div>
           </div>
-        </div>
-      )}
-    </div>
+        )}
+      </div>
 
       {isLoading && <BrandLoader />}
     </div>