Update app.py

app.py

@@ -10,22 +10,18 @@ from huggingface_hub import hf_hub_download
 import tempfile
 
 # --- 1. CONFIGURATION & SECRETS ---
-# Reading secrets from Hugging Face Environment Variables
 GOOGLE_API_KEY = os.environ.get("GOOGLE_API_KEY")
 HF_TOKEN = os.environ.get("HF_TOKEN")
 
-# Model Configuration
 MODEL_REPO = "youkii-xr/hieroglyphic-detection"
 MODEL_FILENAME = "best.pt"
 JSON_DB_PATH = "gardiner_codes.json"
 
-# Configure YOLO to use a writable temp directory in HF Spaces
 os.environ["YOLO_CONFIG_DIR"] = "/tmp/Ultralytics"
 
-# --- 2. DATA LOADING (GARDINER CODES) ---
+# --- 2. DATA LOADING ---
 
 def load_gardiner_database():
-    """Loads the Gardiner Code database from the external JSON file."""
     if os.path.exists(JSON_DB_PATH):
         try:
             print(f"System: Loading Gardiner codes from {JSON_DB_PATH}...")
@@ -35,13 +31,13 @@ def load_gardiner_database():
             print(f"⚠️ Error reading JSON: {e}")
             return {}
     else:
-        print(f"⚠️ Warning: {JSON_DB_PATH} not found. Gardiner Code tab will be empty.")
+        print(f"⚠️ Warning: {JSON_DB_PATH} not found.")
         return {}
 
 gardiner_data = load_gardiner_database()
 gardiner_map = {k: v.get("Description", k) for k, v in gardiner_data.items()}
 
-# --- 3. HTML TABLE GENERATOR ---
+# --- 3. HTML GENERATORS ---
 
 CATEGORIES = {
     'A': "Men & Monarchs", 'B': "Women & Human Activities", 'C': "Deities",
@@ -57,7 +53,7 @@ CATEGORIES = {
 
 def generate_gardiner_html():
     if not gardiner_data:
-        return "<tr><td colspan='4'>No data loaded. Please upload gardiner_codes.json to the Space.</td></tr>"
+        return "<tr><td colspan='4'>No data loaded. Please upload gardiner_codes.json.</td></tr>"
 
     html_rows = ""
     grouped = {}
@@ -87,7 +83,7 @@ def generate_gardiner_html():
 
 GARDINER_TABLE_CONTENT = generate_gardiner_html()
 
-# --- 4. LOAD MODEL (FROM PRIVATE REPO) ---
+# --- 4. LOAD MODEL ---
 
 print("System: Initializing Rosetta Decoder Core...")
 try:
@@ -102,7 +98,7 @@ except Exception as e:
     print(f"Error loading model: {e}")
     model = None
 
-# --- 5. CORE PROCESSING LOGIC ---
+# --- 5. CORE LOGIC ---
 
 def clean_ai_text(text):
     text = re.sub(r'^\d+[\.\)]\s*', '', text)
@@ -196,7 +192,6 @@ def process_pipeline(image, conf_threshold):
                     unique_codes.add(code)
                     xyxy = box.xyxy[0].tolist()
                     detections.append({"code": code, "confidence": round(conf, 2), "box": xyxy})
-                    
                     crop_img = image.crop((xyxy[0], xyxy[1], xyxy[2], xyxy[3]))
                     crops.append((crop_img, f"{code}\n({int(conf*100)}%)"))
 
@@ -213,7 +208,7 @@ def process_pipeline(image, conf_threshold):
     except Exception as e:
         return None, f"System Failure: {str(e)}", "", None, str(e), None, []
 
-# --- 6. UI STYLING ---
+# --- 6. UI STYLING & ASSETS ---
 
 cursor_url = "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8ZyBmaWxsPSJub25lIiBzdHJva2U9IiNkNGFmMzciIHN0cm9rZS13aWR0aD0iMS41Ij4KICAgIDxwYXRoIGQ9Ik0xNiw4IEM2LDIwIDI2LDIwIDE2LDggWiIgZmlsbD0icmdiYSgyMTIsIDE3NSwgNTUsIDAuMSkiLz4KICAgIDxjaXJjbGUgY3g9IjE2IiBjeT0iMTUiIHI9IjMiIGZpbGw9IiNkNGFmMzciLz4KICAgIDxwYXRoIGQ9Ik0xNiwyMiBMMTYsMjggTDEwLDI4Ii8+CiAgPC9nPgo8L3N2Zz4=')"
 
@@ -283,6 +278,19 @@ code {{ font-family: 'Space Mono', monospace; background: rgba(0,0,0,0.3); paddi
 .scrollable-box textarea {{ overflow-y: auto !important; max-height: 400px !important; background-color: rgba(0,0,0,0.3) !important; }}
 button.primary-btn {{ background: var(--btn-grad) !important; border: 1px solid var(--border-color) !important; color: #000 !important; font-weight: 700 !important; font-size: 16px !important; }}
 .gradio-image, .gradio-json {{ background: transparent !important; border: none !important; }}
+
+/* UPDATED TOGGLE BUTTON CSS */
+button.toggle-btn {
+    background: #0a0a2e !important; /* Matches dark blue background */
+    border: 1px solid var(--border-color) !important;
+    color: var(--text-accent) !important;
+    padding: 5px 15px !important;
+    font-family: 'Space Mono', monospace;
+    box-shadow: none !important;
+}
+button.toggle-btn:hover {
+    background: var(--info-bg) !important;
+}
 """
 
 header_html = """
@@ -318,8 +326,31 @@ guide_html = """
 </div>
 """
 
-claude_json_content = """{ "mcpServers": { "gradio": { "command": "npx", "args": [ "mcp-remote", "https://youkii-xr-hieroglyph-mcp-server.hf.space/gradio_api/mcp/", "--transport", "streamable-http" ] }, "upload_helper": { "command": "C:\\\\Python313\\\\python.exe", "args": [ "-m", "gradio", "upload-mcp", "https://youkii-xr-hieroglyph-mcp-server.hf.space/", "C:\\\\Claude_Work" ] } } }"""
-
+claude_json_content = """{
+  "mcpServers": {
+    "gradio": {
+      "command": "npx",
+      "args": [
+        "mcp-remote",
+        "https://youkii-xr-hieroglyph-mcp-server.hf.space/gradio_api/mcp/",
+        "--transport",
+        "streamable-http"
+      ]
+    },
+    "upload_helper": {
+      "command": "C:\\\\Python313\\\\python.exe",
+      "args": [
+        "-m",
+        "gradio",
+        "upload-mcp",
+        "https://youkii-xr-hieroglyph-mcp-server.hf.space/",
+        "C:\\\\Claude_Work"
+      ]
+    }
+  }
+}"""
+
+# JS for Gold Dust Trail
 trail_script = """<script>document.addEventListener('DOMContentLoaded', () => { document.addEventListener('mousemove', (e) => { if (Math.random() > 0.7) return; const dust = document.createElement('div'); dust.classList.add('gold-dust'); dust.style.left = e.clientX + 'px'; dust.style.top = e.clientY + 'px'; document.body.appendChild(dust); setTimeout(() => dust.remove(), 600); }); });</script>"""
 
 # --- 7. MAIN APP ASSEMBLY ---
@@ -330,7 +361,7 @@ with gr.Blocks(title="Rosetta Decoder Ultimate") as demo:
     
     with gr.Row(elem_classes="header-row"):
         with gr.Column(scale=4): gr.HTML(header_html)
-        with gr.Column(scale=1): btn_toggle = gr.Button("🌗 Day / Night")
+        with gr.Column(scale=1): btn_toggle = gr.Button("🌗 Day / Night", elem_classes="toggle-btn")
 
     with gr.Tabs():
         # TAB 1: DECODER
@@ -366,12 +397,13 @@ with gr.Blocks(title="Rosetta Decoder Ultimate") as demo:
         # TAB 2: ABOUT
         with gr.TabItem("📜 VISION & ABOUT"): gr.HTML(mission_html)
 
-        # TAB 3: SETUP
+        # TAB 3: SETUP (Reordered)
         with gr.TabItem("🤖 SYSTEM SETUP"):
             gr.HTML(guide_html)
-            gr.Code(value=claude_json_content, language="json", label="claude_desktop_config.json", interactive=False, lines=15)
+            # Updated to show 25 lines so code box is expanded
+            gr.Code(value=claude_json_content, language="json", label="claude_desktop_config.json", interactive=False, lines=25, container=True)
 
-        # TAB 4: GARDINER CODES
+        # TAB 4: GARDINER CODES (Reordered)
         with gr.TabItem("𓀀 GARDINER CODES"):
             gr.HTML(f"""<div class="card"><div class="card-title">📜 SUPPORTED GARDINER CODES</div><div style="overflow-x: auto; max-height: 600px; overflow-y: auto;"><table class="gardiner-table"><thead><tr><th>Code</th><th>Description</th><th>Transliteration</th><th>Type</th></tr></thead><tbody>{GARDINER_TABLE_CONTENT}</tbody></table></div></div>""")