feat: persistent search history and professional PDF export with branded headers

backend/app/routers/analysis.py

@@ -12,6 +12,7 @@ router = APIRouter()
 
 # Load initial history from disk
 analysis_history: List[AnalysisRecord] = load_from_json(AnalysisRecord, "analysis_history.json")
+search_history: List[SearchRecord] = load_from_json(SearchRecord, "search_history.json")
 
 
 @router.post("/analyze", response_model=AnalysisResult)
@@ -62,3 +63,15 @@ async def agent_chat(request: ChatRequest):
     if not response:
         response = "Lo siento, tuve un problema procesando tu solicitud. ¿Podrías intentar de nuevo?"
     return {"response": response}
+
+@router.post("/search-history")
+def save_search_history(record: SearchRecord):
+    search_history.insert(0, record)
+    if len(search_history) > 50:
+        search_history.pop()
+    save_to_json(search_history, "search_history.json")
+    return {"status": "ok"}
+
+@router.get("/search-history", response_model=List[SearchRecord])
+def get_search_history():
+    return search_history

backend/app/schemas/analysis.py

@@ -67,3 +67,9 @@ class AnalysisRecord(BaseModel):
     tender_name: str
     analyzed_at: datetime
     analysis: AnalysisResult
+
+class SearchRecord(BaseModel):
+    query: str
+    results_count: int
+    searched_at: datetime
+    is_agile: bool = False

frontend/app/page.tsx

@@ -47,6 +47,7 @@ export default function HomePage() {
   });
   const [analysisResult, setAnalysisResult] = useState<AnalysisResult | null>(null);
   const [analysisHistory, setAnalysisHistory] = useState<AnalysisHistoryItem[]>([]);
+  const [searchHistory, setSearchHistory] = useState<any[]>([]);
   const [status, setStatus] = useState("listening");
   const [searchKeyword, setSearchKeyword] = useState("");
   const [lang, setLang] = useState<Language>("en");
@@ -123,6 +124,14 @@ export default function HomePage() {
         console.error("History load error", e);
       }
 
+      try {
+        const { fetchSearchHistory } = await import("../lib/api");
+        const sHistory = await fetchSearchHistory();
+        setSearchHistory(sHistory);
+      } catch (e) {
+        console.error("Search history load error", e);
+      }
+
       try {
         const initialTenders = await searchTenders({ status: 'activas' });
         setTenders(initialTenders);
@@ -157,6 +166,13 @@ export default function HomePage() {
         results = await searchTenders(params);
       }
       setTenders(results);
+      // Log search to history
+      if (params.keyword || params.code) {
+        const { saveSearchHistory, fetchSearchHistory } = await import("../lib/api");
+        await saveSearchHistory(params.keyword || params.code || "Active Tenders", results.length, params.isAgile);
+        const sHistory = await fetchSearchHistory();
+        setSearchHistory(sHistory);
+      }
     } catch (error) {
       console.error("Search error:", error);
     }
@@ -306,7 +322,7 @@ export default function HomePage() {
               />
             )}
             {activeTab === "Proposal Draft" && <ProposalDraft proposal={analysisResult?.proposal_draft ?? ""} />}
-            {activeTab === "History" && <AnalysisHistory history={analysisHistory} />}
+            {activeTab === "History" && <AnalysisHistory history={analysisHistory} searchHistory={searchHistory} />}
             {activeTab === "About" && <SystemInfo />}
           </div>
         </main>

frontend/components/AgentAnalysis.tsx

@@ -565,7 +565,18 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
         <div id="analysis-results" className="grid gap-8 lg:grid-cols-12 animate-in fade-in slide-in-from-bottom-8 duration-500 scroll-mt-20">
           <div className="lg:col-span-8 space-y-8">
              <div className="glass-card rounded-3xl p-10 bg-white/[0.02]">
-                <div className="flex items-start justify-between mb-8">
++                {/* Professional Print Header */}
++                <div className="hidden print-only mb-12 border-b-4 border-slate-900 pb-8 text-center">
++                   <h1 className="text-4xl font-black text-slate-900 mb-2">ANDESOPS AI</h1>
++                   <p className="text-sm font-bold uppercase tracking-[0.5em] text-slate-500">Intelligent Bidding Analysis Report</p>
++                   <div className="mt-6 flex justify-between text-[10px] font-mono text-slate-400">
++                      <span>DATE: {new Date().toLocaleDateString()}</span>
++                      <span>REF ID: {tender?.code}</span>
++                      <span>CONFIDENTIAL - FOR INTERNAL USE ONLY</span>
++                   </div>
++                </div>
++
+                 <div className="flex items-start justify-between mb-8">
                    <div>
                       <div className="text-[11px] font-bold uppercase tracking-[0.3em] text-purple-400 mb-2">Agent Consensus</div>
                       <h3 className="text-6xl font-black text-white">{activeAnalysis.fit_score}% <span className="text-2xl font-light text-slate-500">Fit Score</span></h3>

frontend/components/AnalysisHistory.tsx

@@ -3,6 +3,7 @@ import type { AnalysisHistoryItem } from "../lib/types";
 
 type Props = {
   history: AnalysisHistoryItem[];
+  searchHistory?: any[];
 };
 
 export default function AnalysisHistory({ history }: Props) {
@@ -14,6 +15,8 @@ export default function AnalysisHistory({ history }: Props) {
     );
   };
 
+  const [activeHistoryTab, setActiveHistoryTab] = useState<"Analysis" | "Searches">("Analysis");
+
   if (!history.length) {
     return (
       <div className="flex flex-col items-center justify-center min-h-[40vh] glass-card rounded-3xl border border-white/5 p-12 text-center animate-in fade-in duration-700">
@@ -26,7 +29,25 @@ export default function AnalysisHistory({ history }: Props) {
 
   return (
     <div className="space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-700">
-      <div className="space-y-6">
+      <div className="flex items-center justify-between mb-4">
+        <div className="flex bg-white/5 p-1 rounded-2xl border border-white/10">
+          <button 
+            onClick={() => setActiveHistoryTab("Analysis")} 
+            className={`px-6 py-2 rounded-xl text-xs font-black uppercase transition-all ${activeHistoryTab === "Analysis" ? "bg-purple-600 text-white shadow-lg" : "text-slate-500"}`}
+          >
+            Analysis Logs
+          </button>
+          <button 
+            onClick={() => setActiveHistoryTab("Searches")} 
+            className={`px-6 py-2 rounded-xl text-xs font-black uppercase transition-all ${activeHistoryTab === "Searches" ? "bg-purple-600 text-white shadow-lg" : "text-slate-500"}`}
+          >
+            Search Audit
+          </button>
+        </div>
+      </div>
+
+      {activeHistoryTab === "Analysis" ? (
+        <div className="space-y-6">
         {history.map((item) => {
           const itemId = `${item.tender_code}-${item.analyzed_at}`;
           const isExpanded = expandedItems.includes(itemId);
@@ -98,7 +119,18 @@ export default function AnalysisHistory({ history }: Props) {
 
               {isExpanded && (
                 <div className="mt-8 p-6 rounded-3xl bg-black/40 border border-white/5 animate-in slide-in-from-top-4 duration-500">
-                  <h4 className="text-[10px] font-black uppercase tracking-widest text-slate-500 mb-4">Agent Intelligence Log (Full Audit)</h4>
+                  {/* Professional Print Header */}
+                  <div className="hidden print-only mb-12 border-b-4 border-slate-900 pb-8 text-center">
+                    <h1 className="text-4xl font-black text-slate-900 mb-2">ANDESOPS AI</h1>
+                    <p className="text-sm font-bold uppercase tracking-[0.5em] text-slate-500">Historical Audit Report</p>
+                    <div className="mt-6 flex justify-between text-[10px] font-mono text-slate-400">
+                      <span>DATE: {new Date().toLocaleDateString()}</span>
+                      <span>REF ID: {item.tender_code}</span>
+                      <span>ORIGINAL ANALYSIS: {new Date(item.analyzed_at).toLocaleString()}</span>
+                    </div>
+                  </div>
+                  
+                  <h4 className="text-[10px] font-black uppercase tracking-widest text-slate-500 mb-4 no-print">Agent Intelligence Log (Full Audit)</h4>
                   
                   {item.analysis.raw_responses && (
                     <div className="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8">
@@ -132,7 +164,40 @@ export default function AnalysisHistory({ history }: Props) {
             </div>
           );
         })}
-      </div>
+        </div>
+      ) : (
+        <div className="glass-card rounded-3xl overflow-hidden border border-white/5">
+          <table className="w-full text-left text-sm">
+            <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">Search Query</th>
+                <th className="px-6 py-5">Results</th>
+                <th className="px-6 py-5">Type</th>
+                <th className="px-6 py-5 text-right">Timestamp</th>
+              </tr>
+            </thead>
+            <tbody className="divide-y divide-white/5">
+              {searchHistory?.map((s, idx) => (
+                <tr key={idx} className="hover:bg-white/[0.04] transition-colors">
+                  <td className="px-6 py-5 font-bold text-white">{s.query}</td>
+                  <td className="px-6 py-5 text-cyan font-mono">{s.results_count}</td>
+                  <td className="px-6 py-5">
+                    <span className={`px-2 py-0.5 rounded text-[10px] font-black uppercase ${s.is_agile ? 'bg-green-500/10 text-green-400' : 'bg-white/5 text-slate-500'}`}>
+                      {s.is_agile ? "Agile" : "Standard"}
+                    </span>
+                  </td>
+                  <td className="px-6 py-5 text-right text-slate-500 text-xs">{new Date(s.searched_at).toLocaleString()}</td>
+                </tr>
+              ))}
+              {!searchHistory?.length && (
+                <tr>
+                  <td colSpan={4} className="px-6 py-12 text-center text-slate-600 italic">No search logs recorded yet.</td>
+                </tr>
+              )}
+            </tbody>
+          </table>
+        </div>
+      )}
     </div>
   );
 }

frontend/globals.css

@@ -109,3 +109,72 @@ textarea,
 select {
   font: inherit;
 }
+/* Professional PDF Print Styles for AndesOps AI reports */
+@media print {
+  @page {
+    margin: 2cm;
+    size: A4;
+  }
+
+  body {
+    background: white !important;
+    color: black !important;
+    font-family: 'Inter', system-ui, sans-serif !important;
+  }
+
+  .glass-card {
+    background: white !important;
+    border: 1px solid #e2e8f0 !important;
+    box-shadow: none !important;
+    backdrop-filter: none !important;
+    page-break-inside: avoid;
+    margin-bottom: 20px !important;
+    color: black !important;
+  }
+
+  .premium-gradient,
+  .bg-purple-600,
+  .bg-cyan {
+    background: #f8fafc !important;
+    color: black !important;
+    border: 1px solid #000 !important;
+  }
+
+  .text-white, 
+  .text-slate-300, 
+  .text-slate-400,
+  .text-purple-400,
+  .text-cyan {
+    color: black !important;
+  }
+
+  /* Hide UI elements */
+  nav, 
+  aside, 
+  footer, 
+  button,
+  .no-print {
+    display: none !important;
+  }
+
+  /* Force display of hidden elements in print */
+  .print-only {
+    display: block !important;
+  }
+
+  /* Professional spacing */
+  h1, h2, h3, h4 {
+    color: #1e293b !important;
+    margin-top: 1.5rem !important;
+    margin-bottom: 0.75rem !important;
+  }
+
+  .prose {
+    color: #334155 !important;
+    line-height: 1.6 !important;
+  }
+  
+  .border-white\/5 {
+    border-color: #e2e8f0 !important;
+  }
+}

frontend/lib/api.ts

@@ -167,6 +167,25 @@ export async function fetchAnalysisHistory(): Promise<AnalysisHistoryItem[]> {
   return res.json();
 }
 
+export async function saveSearchHistory(query: string, resultsCount: number, isAgile: boolean = false) {
+  return fetch(`${API_BASE}/api/search-history`, {
+    method: "POST",
+    headers: jsonHeaders,
+    body: JSON.stringify({
+      query,
+      results_count: resultsCount,
+      searched_at: new Date().toISOString(),
+      is_agile: isAgile
+    })
+  });
+}
+
+export async function fetchSearchHistory(): Promise<any[]> {
+  const res = await fetch(`${API_BASE}/api/search-history`);
+  if (!res.ok) return [];
+  return res.json();
+}
+
 export async function syncDatabase() {
   const res = await fetch(`${API_BASE}/api/tenders/sync`, { method: "POST" });
   if (!res.ok) {