feat: Premium interactive rows, file icons, and enhanced search filtering

backend/app/main.py

@@ -109,8 +109,14 @@ async def startup_event():
                     region="Valparaíso",
                     sector="Cloud",
                     source="Mercado Público",
-                    items=[],
-                    attachments=[]
+                    items=[
+                        {"name": "Migration Service", "quantity": 1, "unit": "Unit"},
+                        {"name": "Cloud Storage 100TB", "quantity": 1, "unit": "Year"}
+                    ],
+                    attachments=[
+                        {"name": "Bases_Tecnicas.pdf", "url": "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf"},
+                        {"name": "Anexo_Economico.docx", "url": "https://calibre-ebook.com/downloads/demos/demo.docx"}
+                    ]
                 )
             ]
             for t in tenders_to_add:

backend/app/routers/tenders.py

@@ -29,7 +29,9 @@ async def search_tender_opportunities(
                 TenderModel.name.ilike(search_filter),
                 TenderModel.code.ilike(search_filter),
                 TenderModel.description.ilike(search_filter),
-                TenderModel.buyer.ilike(search_filter)
+                TenderModel.buyer.ilike(search_filter),
+                TenderModel.sector.ilike(search_filter),
+                TenderModel.region.ilike(search_filter)
             )
         )
     

frontend/components/TenderSearch.tsx

@@ -177,11 +177,17 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
               <tbody className="divide-y divide-white/5">
                 {filteredTenders.map((tender) => (
                   <Fragment key={tender.code}>
-                    <tr className="hover:bg-white/[0.02] transition-colors group">
+                    <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={() => toggleFollow(tender.code)}
+                            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) ? "★" : "☆"}
@@ -191,7 +197,10 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
                       </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="text-[10px] text-slate-500">{tender.region || "Multiregional"}</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">
@@ -209,13 +218,10 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
                       <td className="px-6 py-5 text-right pr-10">
                         <div className="flex items-center justify-end gap-3">
                           <button
-                            onClick={() => toggleExpanded(tender.code)}
-                            className="text-[11px] font-bold text-slate-400 hover:text-white transition"
-                          >
-                            {expandedTenderCodes.includes(tender.code) ? "Close" : "Detail"}
-                          </button>
-                          <button
-                            onClick={() => onAnalyze(tender)}
+                            onClick={(e) => {
+                              e.stopPropagation();
+                              onAnalyze(tender);
+                            }}
                             className="bg-white/10 hover:bg-white/20 text-white text-[11px] font-bold px-4 py-2 rounded-lg transition-all border border-white/10"
                           >
                             Analyze
@@ -249,9 +255,17 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
                               <h4 className="text-[10px] font-bold uppercase tracking-widest text-purple-400 mb-3">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 gap-3 p-3 rounded-xl bg-white/[0.03] hover:bg-white/[0.06] border border-white/5 transition group">
-                                    <span className="text-lg">📄</span>
-                                    <span className="text-xs text-slate-300 group-hover:text-white truncate">{att.name}</span>
+                                  <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