Update app.py

app.py

@@ -26,7 +26,7 @@ except Exception as e:
 # --- 2. LOGIC ---
 def generate_human_report(detections, counts):
     if not detections:
-        return "The Eye of Horus sees no intelligible glyphs in this image."
+        return "The system detects no intelligible glyphs in this image."
     
     total = len(detections)
     sorted_counts = sorted(counts.items(), key=lambda item: item[1], reverse=True)
@@ -80,55 +80,50 @@ def detect_hieroglyphs(image: Image.Image, conf_threshold: float = 0.25):
         return None, {"error": str(e)}, f"Critical Error: {str(e)}"
 
 # --- 3. THE MYSTICAL UI (CSS) ---
-# We use CSS Variables (--name) to handle Light/Dark mode switching automatically.
 
-# Base64 SVG Cursor (Eye of Horus)
-cursor_url = "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBmaWxsPSJub25lIiBzdHJva2U9IiNkNGFmMzciIHN0cm9rZS13aWR0aD0iMiI+CiAgICA8cGF0aCBkPSZNMTYsOCBDNiwyMCAyNiwyMCAxNiw4IFoiIGZpbGw9InJnYmEoMjEyLCAxNzUsIDU1LqmAuMykiLz4KICAgIDxjaXJjbGUgY3g9IjE2IiBjeT0iMTUiIHI9IjMiIGZpbGw9IiNkNGFmMzciLz4KICAgIDxwYXRoIGQ9Ik0xNiwyMiBMMTYsMjggTDEwLDI4Ii8+CiAgPC9nPgo8L3N2Zz4=')"
+# Eye of Horus Cursor (SVG Base64)
+cursor_url = "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBmaWxsPSJub25lIiBzdHJva2U9IiNkNGFmMzciIHN0cm9rZS13aWR0aD0iMiI+CiAgICA8cGF0aCBkPSZNMTYsOCBDNiwyMCAyNiwyMCAxNiw4IFoiIGZpbGw9InJnYmEoMjEyLCAxNzUsIDU1LCAwLjEpIi8+CiAgICA8cGF0aCBkPSZNMTYsMjIgTDEwLDI4IEwyMiwyOCIvPgogICAgPGNpcmNsZSBjeD0iMTYiIGN5PSIxNSIgcj0iMyIgZmlsbD0iI2Q0YWYzNyIvPgogIDwvZz4KPC9zdmc+')"
 
 custom_css = f"""
 @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap');
 
-/* --- 1. THEME VARIABLES (DAY vs NIGHT) --- */
+/* --- THEME VARIABLES (DAY vs NIGHT) --- */
 :root {{
-    /* LIGHT MODE (PAPYRUS DAY) */
+    /* DAY MODE (PAPYRUS) */
     --bg-gradient: linear-gradient(135deg, #fdf6e3 0%, #f5e6d3 100%);
     --card-bg: rgba(255, 255, 255, 0.6);
-    --text-primary: #5c4033; /* Dark Brown */
-    --text-accent: #b8860b;   /* Dark Gold */
+    --text-primary: #5c4033;
+    --text-accent: #b8860b;
     --border-color: #d4af37;
-    --highlight-bg: rgba(212, 175, 55, 0.1);
     --warning-bg: rgba(255, 0, 0, 0.05);
     --warning-border: #cc0000;
 }}
 
 .dark {{
-    /* DARK MODE (EGYPTIAN NIGHT) */
+    /* NIGHT MODE (LAPIS) */
     --bg-gradient: radial-gradient(circle at 50% 0%, #1a1f35 0%, #050510 100%);
     --card-bg: rgba(10, 15, 30, 0.7);
-    --text-primary: #e0e7ff; /* Light Blue */
-    --text-accent: #ffd700;  /* Bright Gold */
+    --text-primary: #e0e7ff;
+    --text-accent: #ffd700;
     --border-color: #d4af37;
-    --highlight-bg: rgba(212, 175, 55, 0.1);
     --warning-bg: rgba(255, 99, 71, 0.1);
     --warning-border: #ff6b6b;
 }}
 
-/* --- 2. GLOBAL STYLES --- */
+/* --- GLOBAL --- */
 body, .gradio-container {{
     background: var(--bg-gradient) !important;
     font-family: 'Cinzel', serif !important;
     color: var(--text-primary) !important;
-    /* MYSTICAL CURSOR */
     cursor: {cursor_url} 16 16, auto !important; 
 }}
 
-/* BUTTONS & LINKS CURSOR OVERRIDE */
 button, a, .cursor-pointer {{
     cursor: {cursor_url} 16 16, pointer !important;
 }}
 
-/* --- 3. ANIMATED CARDS --- */
+/* --- CARDS & ANIMATIONS --- */
 .card {{
     background: var(--card-bg) !important;
     border: 1px solid rgba(212, 175, 55, 0.3) !important;
@@ -137,14 +132,14 @@ button, a, .cursor-pointer {{
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(10px);
     margin-bottom: 20px;
-    transition: all 0.4s ease; /* Animation Speed */
+    transition: all 0.4s ease;
 }}
 
-/* HOVER ANIMATION: Glow and Lift */
+/* HOVER EFFECT: Pulse */
 .card:hover {{
     transform: translateY(-5px);
     border-color: var(--border-color) !important;
-    box-shadow: 0 0 20px rgba(212, 175, 55, 0.4), inset 0 0 10px rgba(212, 175, 55, 0.1);
+    box-shadow: 0 0 25px rgba(212, 175, 55, 0.3);
 }}
 
 .card-title {{
@@ -158,7 +153,7 @@ button, a, .cursor-pointer {{
     margin-bottom: 15px;
 }}
 
-/* --- 4. BUTTONS --- */
+/* --- BUTTONS --- */
 button.primary-btn {{
     background: linear-gradient(135deg, #b8860b 0%, #d4af37 100%) !important;
     border: 1px solid #ffd700 !important;
@@ -171,56 +166,52 @@ button.primary-btn {{
 }}
 
 button.primary-btn:hover {{
-    transform: scale(1.02);
-    box-shadow: 0 0 25px rgba(212, 175, 55, 0.6);
+    transform: scale(1.05);
+    box-shadow: 0 0 30px rgba(212, 175, 55, 0.8);
 }}
 
-/* --- 5. IMPORTANT NOTES HIGHLIGHTING --- */
+/* --- WARNING BOXES --- */
 .warning-box {{
     background-color: var(--warning-bg);
     border-left: 5px solid var(--warning-border);
     padding: 15px;
     margin: 10px 0;
     border-radius: 0 10px 10px 0;
-    font-family: 'Courier Prime', monospace; /* Monospace for tech look */
+    font-family: 'Courier Prime', monospace;
     font-size: 13px;
 }}
 
-.highlight-path {{
-    background-color: rgba(255, 255, 255, 0.1);
-    border: 1px dashed var(--border-color);
+.path-box {{
+    background: rgba(128, 128, 128, 0.2);
     padding: 2px 6px;
     border-radius: 4px;
-    color: var(--text-accent);
     font-weight: bold;
+    color: var(--text-accent);
 }}
 
-/* REPORT TEXTBOX */
+/* UI CLEANUP */
+.gradio-image, .gradio-json {{ background: transparent !important; border: none !important; }}
 .report-box textarea {{
     background-color: rgba(0,0,0,0.2) !important;
     border: 1px solid var(--border-color) !important;
     font-family: 'Courier Prime', monospace !important;
     color: var(--text-accent) !important;
 }}
-
-/* REMOVE DEFAULT GRADIO BORDERS */
-.gradio-image, .gradio-json {{ background: transparent !important; border: none !important; }}
 """
 
-# HTML HEADER
 header_html = """
 <div style="display: flex; align-items: center; gap: 20px; padding: 20px 0;">
-    <div style="font-size: 50px;">👁️</div>
+    <div style="font-size: 40px;">👁️</div>
     <div>
         <h1 style="margin: 0; font-size: 32px; color: var(--text-accent);">HORUS VISION</h1>
-        <p style="margin: 0; opacity: 0.8; font-size: 12px; letter-spacing: 2px;">HIEROGLYPHIC TRANSLATION & PRESERVATION</p>
+        <p style="margin: 0; font-size: 12px; letter-spacing: 2px; opacity: 0.8;">HIEROGLYPHIC TRANSLATION & PRESERVATION</p>
     </div>
 </div>
 """
 
 mission_html = """
 <div class="card">
-    <div class="card-title">📜 THE MISSION</div>
+    <div class="card-title">📜 MISSION BRIEF</div>
     <p style="opacity: 0.9; font-size: 14px; line-height: 1.6;">
         <b>To preserve the past is to save the future.</b><br>
         This tool uses AI to digitize Ancient Egyptian inscriptions. 
@@ -229,33 +220,27 @@ mission_html = """
 </div>
 """
 
-# NEW DETAILED INSTRUCTIONS HTML
 guide_instructions_html = """
 <div class="card" style="border-color: var(--warning-border) !important;">
-    <div class="card-title" style="color: var(--warning-border);">🤖 CLAUDE DESKTOP INTEGRATION GUIDE</div>
+    <div class="card-title" style="color: var(--warning-border);">🤖 CLAUDE DESKTOP CONFIGURATION</div>
     
     <div class="warning-box">
-        <strong style="font-size:14px; display:block; margin-bottom:5px;">⚠️ CRITICAL: IMAGE PLACEMENT</strong>
-        Claude Desktop cannot see your entire computer. It is sandboxed.<br><br>
-        1. You <b>MUST</b> create this exact folder: <span class="highlight-path">C:\\Claude_Work</span><br>
-        2. Place your images <b>INSIDE</b> this folder.<br>
-        3. Do <b>NOT</b> drag-and-drop images into Claude. Instead, type: 
-           <i>"Analyze the image at C:\\Claude_Work\\papyrus.jpg"</i>
+        <strong style="font-size:14px; display:block; margin-bottom:5px; color: var(--warning-border);">⚠️ STEP 1: IMAGE FOLDER (CRITICAL)</strong>
+        Claude Desktop is "sandboxed" (isolated). It cannot see your Desktop or Downloads.<br><br>
+        1. Create this EXACT folder: <span class="path-box">C:\\Claude_Work</span><br>
+        2. Put your images INSIDE it.<br>
+        3. <b>Prompting:</b> "Analyze the image at C:\\Claude_Work\\my_image.jpg"
     </div>
 
     <div class="warning-box" style="border-color: var(--text-accent);">
-        <strong style="font-size:14px; display:block; margin-bottom:5px;">🐍 CRITICAL: CHECK PYTHON PATH</strong>
-        The config below assumes your Python is at <code>C:\\Python313\\python.exe</code>.<br><br>
-        If you installed Python normally, it might be in a hidden User folder.<br>
-        <b>How to check:</b> Open CMD or PowerShell and type <code>where python</code>.<br>
-        <b>Action:</b> If the path is different, copy the path from CMD and replace it in the JSON below.
+        <strong style="font-size:14px; display:block; margin-bottom:5px; color: var(--text-accent);">🐍 STEP 2: PYTHON PATH</strong>
+        The code below assumes Python is at <code>C:\\Python313\\python.exe</code>.<br>
+        If your Python is installed elsewhere, you must change this line in the JSON.<br>
+        <i>(Run <code>where python</code> in CMD to find your real path).</i>
     </div>
 
-    <div style="margin-top: 15px; opacity: 0.9;">
-        <b>Step-by-Step Setup:</b><br>
-        1. Open your Config file: <code>%APPDATA%\\Claude\\claude_desktop_config.json</code><br>
-        2. Paste the code block below.<br>
-        3. <b>Fully Quit</b> Claude (Right-click Icon in Tray -> Quit) and restart.
+    <div style="margin-top: 15px; opacity: 0.9; font-size: 13px;">
+        <b>FINAL STEP:</b> Copy the JSON below into <code>%APPDATA%\\Claude\\claude_desktop_config.json</code> and RESTART Claude.
     </div>
 """
 
@@ -284,7 +269,9 @@ claude_json_content = """{
 }"""
 
 # --- 4. MAIN APP ---
-with gr.Blocks(title="Horus Vision", theme=gr.themes.Default()) as demo:
+# NOTE: removed 'theme' argument to prevent errors. Styling is handled by custom_css.
+with gr.Blocks(title="Horus Vision") as demo:
+    
     # Inject CSS
     gr.HTML(f"<style>{custom_css}</style>")
     
@@ -316,7 +303,7 @@ with gr.Blocks(title="Horus Vision", theme=gr.themes.Default()) as demo:
                 out_json = gr.JSON(label="JSON Data")
             gr.HTML('</div>')
 
-    # Config Section
+    # Config Section (Footer)
     gr.HTML(guide_instructions_html)
     gr.Code(value=claude_json_content, language="json", label="claude_desktop_config.json", interactive=False, lines=15)
     gr.HTML("</div>")