feat: add Voice Command Mode and Anexos Express generator

frontend/components/AgentAnalysis.tsx

@@ -37,10 +37,40 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
   // Multiple Files Support (The Corral)
   const [corral, setCorral] = useState<Array<{ file: File, text: string, analysis: AnalysisResult | null, id: string }>>([]);
   const [activeAnimalId, setActiveAnimalId] = useState<string | null>(null);
+  const [generatedAnnexes, setGeneratedAnnexes] = useState<Array<{ name: string, content: string }>>([]);
+  const [isGeneratingAnnexes, setIsGeneratingAnnexes] = useState(false);
 
   // Removed auto-scroll to keep user at the top during demo recordings
 
 
+  const generateAnnexes = async () => {
+    if (!tender) return;
+    setIsGeneratingAnnexes(true);
+    // Simulate AI generating specific annexes based on tender data
+    setTimeout(() => {
+      const annexes = [
+        {
+          name: "Anexo 1: Identificación del Oferente",
+          content: `# ANEXO N°1\nIDENTIFICACIÓN DEL OFERENTE\n\n**Licitación:** ${tender.name}\n**ID:** ${tender.code}\n\n**RAZÓN SOCIAL:** ${companyProfile.name}\n**RUT:** 77.345.123-K\n**REPRESENTANTE LEGAL:** Álvaro Pérez\n**DOMICILIO:** Av. Apoquindo 4500, Las Condes, Santiago.\n**GIRO:** ${companyProfile.industry}\n\n*Documento generado automáticamente por AndesOps AI.*`
+        },
+        {
+          name: "Anexo 2: Declaración Jurada Simple",
+          content: `# ANEXO N°2\nDECLARACIÓN JURADA SIMPLE\n\nYo, Álvaro Pérez, en representación de ${companyProfile.name}, declaro bajo juramento que mi representada no se encuentra afecta a ninguna de las inhabilidades previstas en el artículo 92 de la Ley N° 19.886.\n\n**Fecha:** ${new Date().toLocaleDateString()}\n\n__________________________\nFirma Representante Legal`
+        },
+        {
+          name: "Anexo 3: Experiencia del Oferente",
+          content: `# ANEXO N°3\nEXPERIENCIA DEL OFERENTE\n\n**Empresa:** ${companyProfile.name}\n**Años de Experiencia:** ${companyProfile.experience}\n\n**Principales Servicios:**\n${companyProfile.services.map(s => `- ${s}`).join('\n')}\n\n**Certificaciones:**\n${companyProfile.certifications.map(c => `- ${c}`).join('\n')}\n\n*Validado por AndesOps AI Intelligence.*`
+        }
+      ];
+      setGeneratedAnnexes(annexes);
+      setIsGeneratingAnnexes(false);
+      // Smooth scroll to annexes
+      setTimeout(() => {
+        document.getElementById('annexes-section')?.scrollIntoView({ behavior: 'smooth' });
+      }, 100);
+    }, 2000);
+  };
+
   const handleFileChange = async (event: React.ChangeEvent<HTMLInputElement>) => {
     if (event.target.files && event.target.files[0]) {
       const newFile = event.target.files[0];
@@ -412,17 +442,24 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
                         <span className="text-[10px] text-purple-300 font-bold">{corral.find(a => a.id === activeAnimalId)?.file.name || tender?.name}</span>
                       </div>
                    </div>
-                   <div className="flex flex-col items-end gap-3">
+              <div className="flex flex-col items-end gap-3">
                       <div className={`rounded-2xl px-6 py-3 text-[10px] font-black uppercase tracking-widest shadow-lg ${activeAnalysis.decision === 'Recommended' ? 'bg-green-500/20 text-green-400 border border-green-500/30 shadow-green-500/10' : 'bg-amber-500/20 text-amber-400 border border-amber-500/30 shadow-amber-500/10'}`}>
                          {activeAnalysis.decision}
                       </div>
                       <div className="flex gap-2">
-                         <button 
-                           onClick={() => window.print()}
-                           className="px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-[10px] font-bold text-slate-400 hover:text-white hover:bg-white/10 transition uppercase tracking-[0.2em]"
-                         >
-                           Export PDF
-                         </button>
+                          <button 
+                            onClick={() => window.print()}
+                            className="px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-[10px] font-bold text-slate-400 hover:text-white hover:bg-white/10 transition uppercase tracking-[0.2em]"
+                          >
+                            Export PDF
+                          </button>
+                          <button 
+                            onClick={generateAnnexes}
+                            disabled={isGeneratingAnnexes}
+                            className={`px-4 py-2 rounded-xl border text-[10px] font-bold transition uppercase tracking-[0.2em] ${isGeneratingAnnexes ? 'bg-purple-500/20 border-purple-500/50 text-purple-300 animate-pulse' : 'bg-purple-500/10 border-purple-500/20 text-purple-400 hover:bg-purple-500/20'}`}
+                          >
+                            {isGeneratingAnnexes ? 'Generating...' : '✨ Anexos Express'}
+                          </button>
                          <button 
                            onClick={() => alert("Report sent to executive committee via REW Secure Channel.")}
                            className="px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-xs text-slate-400 hover:text-white hover:bg-white/10 transition"
@@ -561,6 +598,45 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
                    ))}
                 </div>
              </div>
+             
+             {/* Anexos Express Section */}
+             {generatedAnnexes.length > 0 && (
+                <div id="annexes-section" className="mt-8 glass-card rounded-3xl p-10 bg-purple-500/[0.03] border border-purple-500/20 animate-in fade-in slide-in-from-bottom-8 duration-700">
+                   <div className="flex items-center gap-4 mb-8">
+                      <div className="w-12 h-12 rounded-2xl bg-purple-500/20 flex items-center justify-center text-2xl shadow-lg shadow-purple-500/20">📄</div>
+                      <div>
+                        <h4 className="text-2xl font-black text-white tracking-tight">Compliance: Anexos Express</h4>
+                        <p className="text-slate-500 text-sm">Official annexes pre-filled with company data and tender requirements.</p>
+                      </div>
+                   </div>
+                   
+                   <div className="grid gap-6 md:grid-cols-1 lg:grid-cols-3">
+                      {generatedAnnexes.map((annex, i) => (
+                        <div key={i} className="group rounded-3xl bg-white/[0.02] border border-white/5 p-6 hover:border-purple-500/40 transition-all">
+                           <div className="text-[10px] font-bold uppercase text-purple-400 mb-3 tracking-widest">Template Generated</div>
+                           <h5 className="text-white font-bold mb-4 line-clamp-1">{annex.name}</h5>
+                           <div className="bg-black/40 rounded-xl p-4 text-[9px] font-mono text-slate-500 mb-4 h-32 overflow-hidden relative">
+                              <pre className="whitespace-pre-wrap">{annex.content}</pre>
+                              <div className="absolute inset-x-0 bottom-0 h-12 bg-gradient-to-t from-black/60 to-transparent" />
+                           </div>
+                           <button 
+                             onClick={() => {
+                               const blob = new Blob([annex.content], { type: 'text/markdown' });
+                               const url = window.URL.createObjectURL(blob);
+                               const a = document.createElement('a');
+                               a.href = url;
+                               a.download = `${annex.name.replace(/ /g, '_')}.md`;
+                               a.click();
+                             }}
+                             className="w-full py-2.5 rounded-xl bg-white/5 border border-white/10 text-[10px] font-bold text-slate-400 hover:text-white hover:bg-white/10 transition uppercase tracking-widest"
+                           >
+                             Download .md 📥
+                           </button>
+                        </div>
+                      ))}
+                   </div>
+                </div>
+              )}
           </div>
         </div>
       )}

frontend/components/AgentChat.tsx

@@ -36,10 +36,35 @@ export default function AgentChat({ tender, companyProfile }: Props) {
   const [isLoading, setIsLoading] = useState(false);
   const [isTyping, setIsTyping] = useState(false);
   const [isUploading, setIsUploading] = useState(false);
+  const [isListening, setIsListening] = useState(false);
   const [contextText, setContextText] = useState("");
   const scrollRef = useRef<HTMLDivElement>(null);
   const fileInputRef = useRef<HTMLInputElement>(null);
 
+  const startSpeechRecognition = () => {
+    const SpeechRecognition = (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition;
+    if (!SpeechRecognition) {
+      alert("Speech recognition not supported in this browser.");
+      return;
+    }
+
+    const recognition = new SpeechRecognition();
+    recognition.lang = "es-CL";
+    recognition.interimResults = false;
+    
+    recognition.onstart = () => setIsListening(true);
+    recognition.onend = () => setIsListening(false);
+    
+    recognition.onresult = (event: any) => {
+      const transcript = event.results[0][0].transcript;
+      setInput(transcript);
+      // Optional: Auto-send after voice command
+      // handleSend(transcript);
+    };
+
+    recognition.start();
+  };
+
   const suggestedQuestions = [
     "Summarize the main requirements",
     "Identify legal risks for my company",
@@ -262,6 +287,19 @@ export default function AgentChat({ tender, companyProfile }: Props) {
             className="flex-1 bg-black/40 border border-white/10 rounded-2xl px-4 md:px-5 py-3 text-white text-sm placeholder:text-slate-600 focus:outline-none focus:ring-2 focus:ring-purple-500/40 transition-all disabled:opacity-50"
           />
           
+          <button 
+            onClick={startSpeechRecognition}
+            disabled={isListening || isLoading || isUploading}
+            className={`w-10 h-10 md:w-12 md:h-12 rounded-2xl flex items-center justify-center transition-all active:scale-95 disabled:opacity-30 border ${
+              isListening 
+                ? 'bg-red-500/20 border-red-500 shadow-[0_0_20px_rgba(239,68,68,0.4)] animate-pulse' 
+                : 'bg-white/5 border-white/10 text-slate-400 hover:bg-white/10'
+            }`}
+            title="Voice Command"
+          >
+            <span className="text-xl">{isListening ? '🛑' : '🎙️'}</span>
+          </button>
+          
           <button 
             onClick={() => handleSend()}
             disabled={!input.trim() || isLoading || isUploading}