chore: temporary recovery mode for TenderSearch to debug build

frontend/components/TenderSearch.tsx

@@ -1,400 +1,29 @@
 "use client";
 
-import { Fragment, useMemo, useState, useRef, useEffect } from "react";
-import BrandLoader from "./BrandLoader";
+import { useState } from "react";
 import type { Tender } from "../lib/types";
-import { Language, translations } from "../lib/translations";
-import AgentChat from "./AgentChat";
+import { Language } from "../lib/translations";
 import type { CompanyProfile } from "../lib/types";
 
 type Props = {
   tenders: Tender[];
-  onSearch: (params: { keyword?: string; buyer?: string; provider_code?: string; org_code?: string; status?: string; code?: string; date?: string; type_code?: string; skip?: number; limit?: number; isAgile?: boolean }) => void;
+  onSearch: (params: any) => void;
   onAnalyze: (tender: Tender) => void;
-  forceShowFollowed?: boolean;
-  initialKeyword?: string;
   lang: Language;
   companyProfile: CompanyProfile;
 };
 
-export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFollowed = false, initialKeyword = "", lang, companyProfile }: Props) {
-  const t = translations[lang];
-  const [keyword, setKeyword] = useState(initialKeyword);
-  const [buyerCode, setBuyerCode] = useState("");
-  const [providerCode, setProviderCode] = useState("");
-  const [orgCode, setOrgCode] = useState("");
-  const [status, setStatus] = useState("");
-  const [date, setDate] = useState("");
-  const [typeCode, setTypeCode] = useState("");
-  const [showAdvanced, setShowAdvanced] = useState(false);
-  const [selectedTenderForModal, setSelectedTenderForModal] = useState<Tender | null>(null);
-  const [selectedCodes, setSelectedCodes] = useState<string[]>([]);
-  const [isSyncingToAgents, setIsSyncingToAgents] = useState(false);
-  const [activeDetailTab, setActiveDetailTab] = useState<"Overview" | "Agent Chat">("Overview");
-  
-  const [followedTenders, setFollowedTenders] = useState<Tender[]>(() => {
-    if (typeof window !== 'undefined') {
-      const saved = localStorage.getItem('andes_followed_tenders_full');
-      return saved ? JSON.parse(saved) : [];
-    }
-    return [];
-  });
-  
-  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 || 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);
-  }, [initialKeyword]);
-
-  useEffect(() => {
-    localStorage.setItem('andes_followed_tenders_full', JSON.stringify(followedTenders));
-  }, [followedTenders]);
-
-  useEffect(() => {
-    if (selectedTenderForModal) {
-      window.scrollTo({ top: 0, behavior: 'instant' });
-      const timer = setTimeout(() => window.scrollTo(0, 0), 100);
-      return () => clearTimeout(timer);
-    }
-  }, [selectedTenderForModal]);
-
-  const toggleFollow = (tender: Tender) => {
-    setFollowedTenders(prev => {
-      const isFollowing = prev.some(t => t.code === tender.code);
-      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]);
-  };
-
-  const toggleSelectAll = () => {
-    setSelectedCodes(selectedCodes.length === filteredTenders.length ? [] : filteredTenders.map(t => t.code));
-  };
-
-  const handleSyncToAgents = () => {
-    setIsSyncingToAgents(true);
-    setTimeout(() => {
-      setIsSyncingToAgents(false);
-      const firstSelected = tenders.find(t => t.code === selectedCodes[0]);
-      if (firstSelected) onAnalyze(firstSelected);
-      setSelectedCodes([]);
-    }, 2500);
-  };
-
-  const handleSearch = async (e?: React.FormEvent) => {
-    if (e) e.preventDefault();
-    if (isSearchPending.current) return;
-    isSearchPending.current = true;
-    setIsLoading(true);
-    try {
-      const isCode = /^[0-9]+-[0-9]+-[A-Z0-9]+$/i.test(keyword);
-      await onSearch({ 
-        keyword: isCode ? undefined : keyword,
-        code: isCode ? keyword : undefined,
-        provider_code: providerCode || undefined,
-        org_code: orgCode || undefined,
-        status: status || undefined,
-        type_code: typeCode || undefined,
-        buyer: buyerCode, 
-        date,
-        skip: 0, 
-        limit: itemsPerPage,
-        isAgile: isAgileMode
-      });
-    } catch (error) {
-      console.error(error);
-    } finally {
-      setIsLoading(false);
-      isSearchPending.current = false;
-    }
-  };
-
+export default function TenderSearch({ tenders, onSearch, onAnalyze, lang, companyProfile }: Props) {
   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>
-                <div className="flex items-center gap-3 mb-2">
-                   <div className={`w-10 h-10 rounded-2xl flex items-center justify-center text-xl ${forceShowFollowed ? 'bg-purple-500 text-white' : 'bg-white/5 text-slate-400'}`}>
-                      {forceShowFollowed ? "★" : "📡"}
-                   </div>
-                   <h2 className="text-3xl font-black text-white tracking-tight">
-                     {forceShowFollowed ? "My Portfolio" : "Tender Discovery"}
-                   </h2>
-                </div>
-                <p className="text-slate-400 text-sm">
-                  {forceShowFollowed ? "Your curated list of high-value opportunities." : "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>
-            
-            {!forceShowFollowed && (
-              <form onSubmit={handleSearch} className="relative z-10 space-y-6">
-                <div className="flex flex-col md:flex-row gap-4">
-                  <div className="relative flex-1 group">
-                    <div className="absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none text-slate-500">
-                      <span className="text-xl">🔍</span>
-                    </div>
-                    <input
-                      type="text"
-                      placeholder={isAgileMode ? "Product keyword for Compra Ágil..." : "Search by name, ID, buyer, or description..."}
-                      className="w-full bg-slate-900/60 border border-white/10 rounded-2xl pl-12 pr-4 py-4 text-white placeholder:text-slate-600 focus:outline-none focus:ring-2 focus:ring-purple-500/50 transition-all backdrop-blur-sm"
-                      value={keyword}
-                      onChange={(e) => setKeyword(e.target.value)}
-                    />
-                  </div>
-
-                  <div className="flex gap-2">
-                     <button
-                        type="button"
-                        onClick={() => setShowAdvanced(!showAdvanced)}
-                        className={`px-6 py-4 rounded-2xl border transition-all flex items-center gap-2 font-bold text-sm ${showAdvanced ? 'bg-purple-500/20 border-purple-500/50 text-purple-300' : 'bg-white/5 border-white/10 text-slate-400 hover:bg-white/10'}`}
-                     >
-                        <span>⚙️</span> Advanced
-                     </button>
-
-                     <button
-                        type="submit"
-                        disabled={isLoading}
-                        className="px-8 py-4 bg-purple-600 hover:bg-purple-500 disabled:bg-purple-800 text-white rounded-2xl font-bold transition-all shadow-lg active:scale-95 flex items-center gap-3"
-                     >
-                        {isLoading && <div className="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin" />}
-                        {searchButtonLabel}
-                     </button>
-                  </div>
-                </div>
-
-                {showAdvanced && (
-                  <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 p-6 glass-card rounded-3xl bg-white/[0.02] border border-white/5 animate-in slide-in-from-top-4 duration-300">
-                    <div className="space-y-2">
-                      <label className="text-[10px] font-bold uppercase tracking-widest text-slate-500 ml-1">Date</label>
-                      <input type="date" className="w-full bg-black/40 border border-white/10 rounded-xl px-4 py-2.5 text-white text-sm focus:ring-1 focus:ring-purple-500/50 [color-scheme:dark]" value={date} onChange={(e) => setDate(e.target.value)} />
-                    </div>
-                    <div className="space-y-2">
-                      <label className="text-[10px] font-bold uppercase tracking-widest text-slate-500 ml-1">Organization ID</label>
-                      <input type="text" placeholder="e.g. 6945" className="w-full bg-black/40 border border-white/10 rounded-xl px-4 py-2.5 text-white text-sm focus:ring-1 focus:ring-purple-500/50" value={orgCode} onChange={(e) => setOrgCode(e.target.value)} />
-                    </div>
-                    <div className="space-y-2">
-                      <label className="text-[10px] font-bold uppercase tracking-widest text-slate-500 ml-1">Status</label>
-                      <select className="w-full bg-black/40 border border-white/10 rounded-xl px-4 py-2.5 text-white text-sm focus:ring-1 focus:ring-purple-500/50" value={status} onChange={(e) => setStatus(e.target.value)}>
-                        <option value="">All Statuses</option>
-                        <option value="activas">Active (Publicada)</option>
-                        <option value="5">Publicada</option>
-                        <option value="6">Cerrada</option>
-                        <option value="7">Desierta</option>
-                        <option value="8">Adjudicada</option>
-                      </select>
-                    </div>
-                    <div className="space-y-2">
-                      <label className="text-[10px] font-bold uppercase tracking-widest text-slate-500 ml-1">Tender Type</label>
-                      <select className="w-full bg-black/40 border border-white/10 rounded-xl px-4 py-2.5 text-white text-sm focus:ring-1 focus:ring-purple-500/50" value={typeCode} onChange={(e) => setTypeCode(e.target.value)}>
-                        <option value="">All Types</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="D1">D1 - Trato Directo</option>
-                      </select>
-                    </div>
-                    
-                    <div className="lg:col-span-4 flex justify-between items-center pt-2">
-                       <button type="button" onClick={() => setIsAgileMode(!isAgileMode)} className={`px-4 py-2 rounded-xl border text-[10px] font-bold uppercase transition-all ${isAgileMode ? 'bg-cyan/20 border-cyan/40 text-cyan animate-pulse' : 'bg-white/5 border-white/10 text-slate-500'}`}>🚀 Compra Ágil Mode</button>
-                       <button type="button" onClick={() => { setKeyword(""); setBuyerCode(""); setProviderCode(""); setOrgCode(""); setStatus(""); setDate(""); setTypeCode(""); }} className="text-[10px] font-bold uppercase text-slate-500 hover:text-white transition">Clear Filters</button>
-                    </div>
-                  </div>
-                )}
-              </form>
-            )}
-          </div>
-
-          {/* Results List */}
-          <div className="space-y-4">
-            <div className="flex items-center justify-between px-2">
-              <h3 className="text-lg font-bold text-white">{showOnlyFollowed ? "Portfolio" : "Market Results"} ({filteredTenders.length})</h3>
-              {followedCodes.length > 0 && (
-                <button onClick={() => setShowOnlyFollowed(!showOnlyFollowed)} 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"}
-                </button>
-              )}
-            </div>
-
-            {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 text-slate-400">
-                <div className="text-4xl mb-4 opacity-50">{showOnlyFollowed ? "🌟" : "📡"}</div>
-                <p>No opportunities found.</p>
-              </div>
-            ) : (
-              <div className="glass-card rounded-3xl overflow-hidden border border-white/5 shadow-2xl">
-                <div className="overflow-x-auto custom-scrollbar">
-                  <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-6 py-5 w-[120px]">
-                           <div className="flex items-center gap-3">
-                              <input type="checkbox" checked={selectedCodes.length === filteredTenders.length && filteredTenders.length > 0} onChange={toggleSelectAll} className="w-4 h-4 rounded border-white/10 bg-white/5 text-purple-500" />
-                              ID
-                           </div>
-                        </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>
-                      </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">
-                          <td className="px-6 py-5">
-                            <div className="flex items-center gap-3">
-                              <input type="checkbox" checked={selectedCodes.includes(tender.code)} onChange={() => toggleSelect(tender.code)} className="w-4 h-4 rounded border-white/10 bg-white/5 text-purple-500" />
-                              <button onClick={() => toggleFollow(tender)} className={`text-lg transition-all ${followedCodes.includes(tender.code) ? 'text-purple-400' : 'text-slate-600 hover:text-slate-400'}`}>
-                                {followedCodes.includes(tender.code) ? "★" : "☆"}
-                              </button>
-                              <span className="font-mono text-purple-400 text-[10px] truncate">{tender.code}</span>
-                            </div>
-                          </td>
-                          <td className="px-6 py-5 cursor-pointer group-hover:text-purple-400 transition-colors" onClick={() => setSelectedTenderForModal(tender)}>
-                            <div className="font-bold text-white group-hover:text-purple-400 truncate text-xs">{tender.name}</div>
-                            <div className="text-[10px] text-slate-500 mt-1">{tender.region || "Nacional"}</div>
-                          </td>
-                          <td className="px-6 py-5 text-slate-400 text-[11px] truncate">{tender.buyer}</td>
-                          <td className="px-6 py-5 text-center">
-                            <span className={`inline-block rounded-full px-3 py-1 text-[9px] font-black uppercase tracking-widest ${tender.status.toLowerCase().includes('publicada') ? 'bg-green-500/10 text-green-400 border border-green-500/20' : 'bg-slate-800 text-slate-500'}`}>
-                              {tender.status}
-                            </span>
-                          </td>
-                        </tr>
-                      ))}
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            )}
-          </div>
-        </>
-      ) : (
-        <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">
-                <span className="text-xl group-hover:-translate-x-1 transition-transform">←</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="flex items-center gap-4">
-                <button onClick={() => toggleFollow(selectedTenderForModal)} className={`px-6 py-3 rounded-xl border text-xs font-bold transition-all ${followedCodes.includes(selectedTenderForModal.code) ? 'bg-purple-500/20 border-purple-500/40 text-purple-300' : 'bg-white/5 border-white/10 text-slate-400'}`}>
-                  {followedCodes.includes(selectedTenderForModal.code) ? "★ Saved to Portfolio" : "☆ Save to Portfolio"}
-                </button>
-                <button onClick={() => { onAnalyze(selectedTenderForModal); setSelectedTenderForModal(null); }} className="premium-gradient text-white px-8 py-3 rounded-xl font-black text-xs uppercase tracking-widest shadow-xl">Analyze Opportunity</button>
-            </div>
-          </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">
-              <div className="p-10 md:p-14 border-b border-white/5 relative">
-                <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 bg-green-500/10 text-green-400 border border-green-500/20">{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-8 text-slate-400 font-medium">
-                    <span>🏢 {selectedTenderForModal.buyer}</span>
-                    <span>📍 {selectedTenderForModal.buyer_region || "Nacional"}</span>
-                    <span>🏷️ Type: {selectedTenderForModal.type || "N/A"}</span>
-                  </div>
-                </div>
-              </div>
-              <div className="p-10 md:p-14">
-                <div className="grid gap-16 lg:grid-cols-3">
-                  <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</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">
-                        {selectedTenderForModal.description || "No description provided."}
-                      </div>
-                    </section>
-                    <div className="grid grid-cols-2 gap-6">
-                      <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>
-                      </div>
-                    </div>
-                  </div>
-                  <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">
-                      <h4 className="text-[10px] font-black uppercase tracking-[0.3em] text-purple-400 mb-6">Timeline</h4>
-                      <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>
-                    <div>
-                      <h4 className="text-[10px] font-black uppercase tracking-[0.3em] text-slate-500 mb-6">Official Files</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">
-                             <span className="text-sm font-bold text-slate-200 group-hover/file:text-white truncate max-w-[200px]">{att.name}</span>
-                             <span className="text-xl text-slate-600 group-hover/file:text-purple-400">↓</span>
-                          </a>
-                        ))}
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          ) : (
-            <AgentChat tender={selectedTenderForModal} companyProfile={companyProfile} />
-          )}
-        </div>
-      )}
-
-      {isLoading && <BrandLoader />}
+    <div className="p-20 text-center">
+      <h1 className="text-4xl font-black text-white">RECOVERY MODE</h1>
+      <p className="text-slate-400 mt-4">The search system is being recalibrated to resolve a compilation issue.</p>
+      <button 
+        onClick={() => window.location.reload()}
+        className="mt-8 px-8 py-4 bg-purple-600 text-white rounded-2xl font-bold"
+      >
+        Reload Platform
+      </button>
     </div>
   );
 }