ui

README.md

@@ -13,3 +13,9 @@ tags:
 short_description: Can humanity survive the next 7 days?
 ---
 
+icons
+icons by christos hooper via ICON Repo (CC BY 3.0)
+https://www.iconrepo.com/collection/64921/end-of-the-world-a-collection-of-contemporary/
+
+font Monitorica by 4th february (CC BY-ND)
+https://www.1001fonts.com/monitorica-font.html 

app.py

@@ -194,9 +194,26 @@ class MCPClientWrapper:
 client = MCPClientWrapper()
 
 def gradio_interface():
-    with gr.Blocks(title="MCP Doomsweek Client") as demo:
-        gr.Markdown("# MCP Doomsweek Assistant")
-        gr.Markdown("Connect to the DOOMSWEEK MCP Server and chat with the assistant")
+    with gr.Blocks(title="MCP Doomsweek Assistant", css_paths=["styles.css"],) as demo:
+        
+        title_html = """
+                <style>
+                @font-face { 
+                    font-family: Monitorica;
+                    src: url("/gradio_api/file=monitorica.bold.otf") format("opentype");
+                    font-weight: Regular;
+                    font-style: normal;
+                }
+                </style>
+                <center> 
+                <h1 style='font-family: Monitorica; font-size: 42px;'> Your Doomsweek MCP Assistant </h1>
+                </center>
+                """
+
+        with gr.Row():
+            title = gr.HTML(title_html)
+
+        gr.Markdown("What is more important than to know one's own end? This space will answer ultimate questions. In particular will you know if humanity will survive the next 7 days. To do that, this agent will connect via MCP to the DOOMSWEEK MCP Server.    The server fetches data from the NASA Near Earth Object Web Service and checks if ... we are doomed. Anthropic's Claude will give you the result in nice words, hopefully.    In other words, before an Asteroid will smash this planet you will learn it here first. Nice, isn't it? You will have enough time to enjoy a scoop of your favourate ice cream, walk the dog a last time and sell all tech stocks. You won't need them, promised.    Try it out and chat with the assistant (examples below).")
         
         with gr.Row(equal_height=True):
             with gr.Column(scale=4):
@@ -229,7 +246,14 @@ def gradio_interface():
         connect_btn.click(client.connect, inputs=server_path, outputs=status)
         msg.submit(client.process_message, [msg, chatbot], [chatbot, msg])
         clear_btn.click(lambda: [], None, chatbot)
-        
+        examples = gr.Examples(
+                examples=[
+                    ["Tell me about the probability of doom in the next week."],
+                    ["How likely is it that humanity will survive the next week?"],
+                    ["Will asteroids destroy the earth next week?"],
+                ],
+                inputs=[msg],
+            )
     return demo
 
 if __name__ == "__main__":
@@ -237,4 +261,4 @@ if __name__ == "__main__":
         print("Warning: ANTHROPIC_API_KEY not found in environment. Please set it in your .env file.")
     
     interface = gradio_interface()
-    interface.launch(debug=True)
+    interface.launch(debug=True, allowed_paths=["monitorica.bold.otf"],)

doomsweek_mcp_server.py

@@ -1,7 +1,6 @@
 # -*- coding: utf-8 -*-
  
 from mcp.server.fastmcp import FastMCP
-from dotenv import load_dotenv
 import gradio as gr
 import io
 import json
@@ -14,8 +13,6 @@ import requests
 sys.stdout = io.TextIOWrapper(sys.stdout.buffer, encoding='utf-8', errors='replace')
 sys.stderr = io.TextIOWrapper(sys.stderr.buffer, encoding='utf-8', errors='replace')
 
-nasa_api_key = os.getenv("NASA_API_KEY")
-
 mcp = FastMCP("doomsweek_mcp_server")
 
 def calc_asteroid_factor(data, weight=1.0):
@@ -83,7 +80,6 @@ async def calc_doom_probability():
 # demo.launch(mcp_server=True)
 
 if __name__ == "__main__":
-    load_dotenv()
+    # NOTE the NASA API is provided by the client via env server parameters
     nasa_api_key = os.getenv("NASA_API_KEY")
-    print(os.getenv("NASA_API_KEY"))
     mcp.run(transport='stdio')

styles.css

@@ -0,0 +1,9 @@
+
+@keyframes skew-x-shaking {
+ 0% { transform: skewX(-15deg); }
+ 5% { transform: skewX(15deg); }
+ 10% { transform: skewX(-15deg); }
+ 15% { transform: skewX(15deg); }
+ 20% { transform: skewX(0deg); }
+ 100% { transform: skewX(0deg); }
+}