Update app.py

app.py

@@ -4,8 +4,50 @@ import time
 
 client = InferenceClient("lambdaindie/lambdai")
 
+css = """
+body {
+    background-color: #111;
+    color: #e0e0e0;
+    font-family: 'JetBrains Mono', monospace;
+}
+.gr-button {
+    background: linear-gradient(to right, #2a2a2a, #1f1f1f);
+    color: white;
+    border-radius: 10px;
+    padding: 8px 16px;
+    font-weight: bold;
+    font-family: 'JetBrains Mono', monospace;
+}
+.gr-button:hover {
+    background: #333;
+}
+.gr-textbox textarea {
+    background-color: #181818 !important;
+    color: #fff !important;
+    font-family: 'JetBrains Mono', monospace;
+    border-radius: 8px;
+}
+.gr-chat-message {
+    font-family: 'JetBrains Mono', monospace;
+}
+.markdown-think {
+    background-color: #1e1e1e;
+    border-left: 4px solid #555;
+    padding: 10px;
+    margin-bottom: 8px;
+    font-style: italic;
+    white-space: pre-wrap;
+    font-family: 'JetBrains Mono', monospace;
+    animation: pulse 1.5s infinite ease-in-out;
+}
+@keyframes pulse {
+    0% { opacity: 0.6; }
+    50% { opacity: 1.0; }
+    100% { opacity: 0.6; }
+}
+"""
+
 def respond(message, history, system_message, max_tokens, temperature, top_p):
-    # Build base message history
     messages = [{"role": "system", "content": system_message}] if system_message else []
 
     for user, assistant in history:
@@ -14,7 +56,6 @@ def respond(message, history, system_message, max_tokens, temperature, top_p):
         if assistant:
             messages.append({"role": "assistant", "content": assistant})
 
-    # Phase 1 — Thinking aloud (reasoning step)
     thinking_prompt = messages + [
         {
             "role": "user",
@@ -23,7 +64,7 @@ def respond(message, history, system_message, max_tokens, temperature, top_p):
     ]
 
     reasoning = ""
-    yield "**Thinking...**\n```markdown\n```"  # Trigger gray markdown block
+    yield '<div class="markdown-think">Thinking...</div>'
 
     for chunk in client.chat_completion(
         thinking_prompt,
@@ -34,11 +75,11 @@ def respond(message, history, system_message, max_tokens, temperature, top_p):
     ):
         token = chunk.choices[0].delta.content or ""
         reasoning += token
-        yield f"**Thinking...**\n```markdown\n{reasoning.strip()}```"
+        styled_thought = f'<div class="markdown-think">{reasoning.strip()}</div>'
+        yield styled_thought
 
-    time.sleep(0.5)  # Optional dramatic pause
+    time.sleep(0.5)
 
-    # Phase 2 — Final answer
     final_prompt = messages + [
         {"role": "user", "content": message},
         {"role": "assistant", "content": reasoning.strip()},
@@ -58,9 +99,10 @@ def respond(message, history, system_message, max_tokens, temperature, top_p):
         yield final_answer.strip()
 
 demo = gr.ChatInterface(
-    respond,
+    fn=respond,
     title="LENIRΛ",
-    theme=gr.themes.Base(primary_hue="gray", font=["JetBrains Mono", "monospace"]),
+    theme=gr.themes.Base(primary_hue="gray"),
+    css=css,
     additional_inputs=[
         gr.Textbox(
             value="You are a concise, logical AI that explains its reasoning clearly before answering.",