added ringg_ai

app.py

@@ -5,12 +5,20 @@ Makes API calls to private inference endpoint via ngrok
 """
 
 import os
-import numpy as np
+import base64
+from pathlib import Path
+
 import gradio as gr
 import requests
-import base64
-import io
-from typing import Optional
+
+
+LOGO_BASE64 = ""
+logo_path = Path(__file__).parent / "logo.png"
+if logo_path.exists():
+    try:
+        LOGO_BASE64 = base64.b64encode(logo_path.read_bytes()).decode("utf-8")
+    except Exception as e:
+        print(f"⚠️ Unable to load logo.png: {e}")
 
 # Custom CSS for Ringg branding
 custom_css = """
@@ -31,7 +39,20 @@ custom_css = """
 }
 .main-header .main-logo {
     height: 60px;
+    width: 60px;
     flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.main-header .main-logo img {
+    max-height: 100%;
+    max-width: 100%;
+    object-fit: contain;
+}
+.main-header .main-logo.main-logo--placeholder {
+    background-color: rgba(255, 255, 255, 0.2);
+    border-radius: 12px;
 }
 .main-header .main-text {
     text-align: left;
@@ -199,13 +220,20 @@ def create_interface():
         title="Ringg STT V0", theme=gr.themes.Soft(), css=custom_css
     ) as demo:
         status_class = "healthy" if health_status["status"] == "healthy" else "error"
+        logo_html = (
+            f'<div class="main-logo"><img src="data:image/png;base64,{LOGO_BASE64}" alt="Ringg Logo"></div>'
+            if LOGO_BASE64
+            else '<div class="main-logo main-logo--placeholder"></div>'
+        )
+
         gr.Markdown(f"""
         <div class="main-header">
-        <img src="file=logo.png" alt="Ringg Logo" class="main-logo" style="height: 60px;">
+        {logo_html}
         <div class="main-text">
         <h1>Ringg STT V0</h1>
         <p>High-Accuracy Hindi Speech-to-Text <span class="status-dot {status_class}"></span></p>
         </div>
+        </div>
         """)
 
         gr.Markdown(