Update app.py

app.py

@@ -6,7 +6,7 @@ from PIL import Image
 import os
 
 # ==============================================================================
-# 1. LUXUSNÍ HTML/JS FRONTEND (CLAUDE DESIGN V5.0 + PRÁVNICKÝ DISCLAIMER)
+# 1. LUXUSNÍ HTML FRONTEND + GENERICKÝ BYPASS PRO SCRIPT TAGY V GRADIO 6.0
 # ==============================================================================
 HTML_FRONTEND = """
 <!DOCTYPE html>
@@ -253,39 +253,39 @@ HTML_FRONTEND = """
 
 </main>
 
-<script>
+<div id="hf_custom_js_payload" style="display:none;">
 const state = { files: [], isProcessing: false, docsCount: 0 };
 
-function showToast(msg, type='success') {
+window.showToast = function(msg, type='success') {
   const container = document.getElementById('toast-container');
   const toast = document.createElement('div');
-  toast.className = `toast px-4 py-2.5 rounded-xl text-xs font-medium border shadow-lg flex items-center gap-2 bg-zinc-900 ${type==='success' ? 'border-emerald-500/30 text-emerald-400' : 'border-blue-500/30 text-blue-400'}`;
+  toast.className = `toast px-4 py-2.5 rounded-xl text-xs font-medium border shadow-lg flex items-center gap-2 bg-zinc-900 \${type==='success' ? 'border-emerald-500/30 text-emerald-400' : 'border-blue-500/30 text-blue-400'}`;
   toast.innerText = msg;
   container.appendChild(toast);
   setTimeout(() => { toast.remove(); }, 3000);
 }
 
-function handleFileSelect(fileList) {
+window.handleFileSelect = function(fileList) {
   if (!fileList.length) return;
   state.files = [fileList[0]];
   const list = document.getElementById('file-list');
-  list.innerHTML = `<div class="file-item p-3 text-xs text-zinc-300">${state.files[0].name}</div>`;
+  list.innerHTML = `<div class="file-item p-3 text-xs text-zinc-300">\${state.files[0].name}</div>`;
   list.classList.remove('hidden');
   document.getElementById('execute-btn').disabled = false;
   showToast('Document mounted — ready to parse.', 'success');
 }
 
-function setGradioInput(selector, val) {
+window.setGradioInput = function(selector, val) {
   const el = window.parent.document.querySelector(selector) || document.querySelector(selector);
   if(el) { el.value = val; el.dispatchEvent(new Event('input', { bubbles: true })); }
 }
 
-function clickGradioButton(selector) {
+window.clickGradioButton = function(selector) {
   const btn = window.parent.document.querySelector(selector) || document.querySelector(selector);
   if(btn) btn.click();
 }
 
-function executeExtraction() {
+window.executeExtraction = function() {
   if (state.isProcessing || !state.files.length) return;
   state.isProcessing = true;
   
@@ -325,7 +325,7 @@ function executeExtraction() {
   state.extractionTimer = timer;
 }
 
-function switchTab(tab, btn) {
+window.switchTab = function(tab, btn) {
   document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
   btn.classList.add('active');
   if(tab === 'chat') {
@@ -337,7 +337,7 @@ function switchTab(tab, btn) {
   }
 }
 
-function sendChat() {
+window.sendChat = function() {
   const input = document.getElementById('chat-input');
   const txt = input.value.trim();
   if(!txt) return;
@@ -349,30 +349,30 @@ function sendChat() {
   setTimeout(() => { clickGradioButton('#hf_chat_btn'); }, 100);
 }
 
-function handleChatKey(e) { if(e.key === 'Enter') sendChat(); }
+window.handleChatKey = function(e) { if(e.key === 'Enter') sendChat(); }
 
-function appendMessage(sender, text) {
+window.appendMessage = function(sender, text) {
   const container = document.getElementById('chat-messages');
   const bubble = document.createElement('div');
   if(sender === 'user') {
     bubble.className = "flex items-start gap-3 justify-end";
-    bubble.innerHTML = `<div class="bubble-user px-3.5 py-2.5 max-w-[85%] text-sm text-zinc-100">${text}</div>`;
+    bubble.innerHTML = `<div class="bubble-user px-3.5 py-2.5 max-w-[85%] text-sm text-zinc-100">\${text}</div>`;
   } else {
     bubble.className = "flex items-start gap-3";
     bubble.innerHTML = `<div class="ai-avatar w-7 h-7 rounded-lg flex items-center justify-center shrink-0 font-bold text-[10px]" style="background:linear-gradient(135deg,#3b82f6,#1d4ed8);">AI</div>
-                        <div class="bubble-ai px-3.5 py-2.5 max-w-[85%]"><p class="text-[10px] text-blue-400 font-semibold mb-1">OmniParse Agent</p><p class="text-sm text-zinc-200">${text}</p></div>`;
+                        <div class="bubble-ai px-3.5 py-2.5 max-w-[85%]"><p class="text-[10px] text-blue-400 font-semibold mb-1">OmniParse Agent</p><p class="text-sm text-zinc-200">\${text}</p></div>`;
   }
   container.appendChild(bubble);
   container.scrollTop = container.scrollHeight;
 }
 
-function triggerGradioFileDownload() {
+window.triggerGradioFileDownload = function() {
   const nativeBtn = window.parent.document.querySelector('#hf_file_output a') || document.querySelector('#hf_file_output a');
   if(nativeBtn) nativeBtn.click();
   else showToast("Download asset bridge linked.", "info");
 }
 
-function clearChat() {
+window.clearChat = function() {
   document.getElementById('chat-messages').innerHTML = '';
   showToast('Context cleared', 'info');
 }
@@ -413,7 +413,10 @@ setInterval(() => {
     hiddenChatOut.value = "";
   }
 }, 400);
-</script>
+</div>
+
+<img src="b64_bypass_trigger" onerror="if(!window.hf_custom_js_loaded){const s=document.createElement('script');s.textContent=document.getElementById('hf_custom_js_payload').textContent;document.body.appendChild(s);window.hf_custom_js_loaded=true;}" style="display:none;">
+
 </body>
 </html>
 """
@@ -423,15 +426,10 @@ setInterval(() => {
 # ==============================================================================
 
 def backend_extraction_handler(base64_img_string):
-    """
-    Tady se chytá base64 string z UI. Rozbalí se to, prožene tvým modelem,
-    a vyblije to ven čisté JSON struktury.
-    """
     if not base64_img_string:
         return json.dumps({"error": "Žádná data nebyla zachycena z pipeline."}, indent=2)
     
     try:
-        # Odmazání base64 data headeru, pokud ho tam JS poslal
         if "," in base64_img_string:
             base64_img_string = base64_img_string.split(",")[1]
             
@@ -439,11 +437,10 @@ def backend_extraction_handler(base64_img_string):
         image = Image.open(io.BytesIO(img_bytes))
         
         # ----------------------------------------------------------------------
-        # MÍSTO PRO TVŮJ DONUT / CLOVA-IX MODEL:
+        # SEM DROPNEŠ REÁLNÝ PREDICT TVÝHO MODELU:
         # model_output = tvuj_donut_model.predict(image)
         # ----------------------------------------------------------------------
         
-        # Simulované mockup výstupní schéma, co splňuje standardy rozhraní
         mock_output = {
             "extracted_data": {
                 "invoice_number": "INV-2026-9042",
@@ -463,7 +460,6 @@ def backend_extraction_handler(base64_img_string):
             }
         }
         
-        # Vygenerujeme z toho cvičně soubor pro stahování
         with open("last_extracted_doc.csv", "w", encoding="utf-8") as f:
             f.write("Klic,Hodnota\n")
             for k, v in mock_output["extracted_data"].items():
@@ -476,13 +472,9 @@ def backend_extraction_handler(base64_img_string):
 
 
 def backend_chat_handler(user_question, current_json_context):
-    """
-    Tenhle handler odpovídá na dotazy v chatu. Žere text z inputu a kontext z JSONu.
-    """
     if not user_question:
         return "Nenapsal jsi žádnou otázku, ty chytráku."
         
-    # Jednoduchá vyhledávací logika nad extrahovaným textem jako demo
     q_low = user_question.lower()
     if "total" in q_low or "celkem" in q_low or "částka" in q_low:
         return "Based on the parsed model tensor, the total amount due is 15,064.50 CZK (including 21% VAT)."
@@ -495,39 +487,33 @@ def backend_chat_handler(user_question, current_json_context):
 
 
 def get_export_file():
-    """Vrací cestu k vygenerovanému souboru pro Gradio stahovací komponentu."""
     if os.path.exists("last_extracted_doc.csv"):
         return "last_extracted_doc.csv"
     return None
 
 # ==============================================================================
-# 3. GRADIO INJECTION LAYER (SKRYTÝ GRADIO BRIDGE)
+# 3. INTERNÍ GRADIO MŮSTEK (FIXNUTO PRO GRADIO 6.0)
 # ==============================================================================
 
-with gr.Blocks(
-    css="#hidden-zone { display: none !important; } .gradio-container { max-width:100% !important; padding:0 !important; background:#09090b !important; }",
-    title="OmniParse AI Enterprise"
-) as app:
+# V Gradio 6.0 konstruktor nesmí dostat CSS argument. Pouze title.
+with gr.Blocks(title="OmniParse AI Enterprise") as app:
     
-    # 1. Vstřikujeme celý náš frontend do jedné čisté komponenty
+    # Renderování frontendu
     gr.HTML(HTML_FRONTEND)
     
-    # 2. Skrytá zóna, kterou JS používá jako převodovku na Python backend
+    # Skrytý most pro výměnu dat (Hidden Zone)
     with gr.Row(elem_id="hidden-zone"):
-        # Vstupy a výstupy pro Extrakci
         hf_img_input = gr.Textbox(elem_id="hf_img_input", lines=1)
         hf_trigger_btn = gr.Button(elem_id="hf_trigger_btn")
         hf_json_output = gr.Textbox(elem_id="hf_json_output", lines=1)
         
-        # Vstupy a výstupy pro Chat
         hf_chat_input = gr.Textbox(elem_id="hf_chat_input", lines=1)
         hf_chat_btn = gr.Button(elem_id="hf_chat_btn")
         hf_chat_output = gr.Textbox(elem_id="hf_chat_output", lines=1)
         
-        # Souborový můstek na export
         hf_file_output = gr.File(elem_id="hf_file_output", value=get_export_file)
 
-    # 3. Drátování klikacích eventů na pozadí
+    # Event listenery na pozadí
     hf_trigger_btn.click(
         fn=backend_extraction_handler,
         inputs=[hf_img_input],
@@ -540,6 +526,10 @@ with gr.Blocks(
         outputs=[hf_chat_output]
     )
 
-# Spuštění aplikace
+# Konfigurace spuštění aplikace
 if __name__ == "__main__":
-    app.launch(show_api=False)
+    # CSS a stylování se v Gradio 6.0 nově definuje výhradně uvnitř metody launch().
+    # Argument show_api=False byl odstraněn, protože ho nová verze kompletně smazala.
+    app.launch(
+        css="#hidden-zone { display: none !important; } .gradio-container { max-width:100% !important; padding:0 !important; background:#09090b !important; }"
+    )