Update index.html

index.html

@@ -4,31 +4,22 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>AI Studio Lite</title>
-    
-    <!-- Gradio-lite CSS and JS CDN -->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@gradio/lite/dist/lite.css" />
     <script type="module" src="https://cdn.jsdelivr.net/npm/@gradio/lite/dist/lite.js"></script>
-
-    <!-- Configuration block to prevent dependency auto-resolution crashes -->
-    <script type="config">
-    {
-      "dependencies": []
-    }
-    </script>
 </head>
-<body style="margin: 0; padding: 20px; font-family: sans-serif;">
-    <h2>Client-Side AI Workspace</h2>
+<body style="margin: 0; padding: 16px; font-family: -apple-system, BlinkMacSystemFont, sans-serif;">
+    <h3 style="text-align: center; color: #333;">AI Studio Workspace</h3>
     
     <gradio-lite>
 import gradio as gr
 
-def process_prompt(prompt_text):
-    return f"Processed locally in browser: {prompt_text}"
+def respond(message):
+    return f"Received on mobile: {message}"
 
 demo = gr.Interface(
-    fn=process_prompt, 
-    inputs=gr.Textbox(label="Enter your prompt", placeholder="Type something..."), 
-    outputs=gr.Textbox(label="Output")
+    fn=respond,
+    inputs=gr.Textbox(label="Prompt", placeholder="Type your idea here..."),
+    outputs=gr.Textbox(label="Response")
 )
 demo.launch()
     </gradio-lite>