Update app.py

app.py

@@ -26,6 +26,7 @@ pc, pine_index, APIFY_TOKEN, OPENAI_API_KEY, TAVILY_API_KEY, client = initialize
 embedding_model = initialize_embedding_model()
 summarizer = initialize_summarizer()
 
+
 # ==== Gradio UI Components ====
 class RoadmapUnlockManager:
     def __init__(self):
@@ -71,34 +72,135 @@ def render_text_roadmap(goal, steps):
 
 
 
-def recall_from_memory(user_id, goal):
-    try:
-        query = user_id + ":" + goal.replace(" ", "_")
-        result = pine_index.fetch([query])  # ✅ returns a FetchResponse object
-        
-        if query not in result.vectors:
-            return "❌ No saved plan found for this goal."
 
-        metadata = result.vectors[query].get("metadata", {})
-        steps = metadata.get("steps", [])
-        steps = [smart_label_converter(s) for s in steps if isinstance(s, str) and len(s.strip()) > 1]
-        summary = metadata.get("summary", "")
-        courses = metadata.get("courses", [])
-        course_section = ""
+with gr.Blocks(css="""
+    @import url(\'https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap\');
 
-        diagram = render_text_roadmap(goal, steps)
-        
-        if courses:
-            course_section = "\n\n### 📚 Recommended Courses\n" + "\n".join([f"- [{c['name']}]({c['url']})" for c in courses if 'name' in c and 'url' in c])
+    body {
+        font-family: \'Source Sans Pro\', sans-serif;
+        background-color: #121212;
+        color: #f0f0f0;
+    }
 
-        return f"""### 🔁 Recalled Plan for {goal}
+    #nickname-box {
+    max-width: 300px;
+    margin: 0 auto;
+    padding: 20px;
+    background-color: #1e1e1e;
+    border-radius: 12px;
+    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
+    }
+
+    #planner-card {
+    max-width: 720px;
+    margin: 0 auto;
+    padding: 28px;
+    background-color: #1e1e1e;
+    border-radius: 16px;
+    box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
+    }
+    
+    #planner-card input,
+    #planner-card textarea,
+    #planner-card .gr-button {
+    font-size: 14px;
+    padding: 8px 12px;
+    border-radius: 8px;
+    }
+    
+    #planner-card .gr-button {
+    background-color: #3a3aff;
+    color: white;
+    font-weight: bold;
+    }
+    
+    #planner-card label {
+    font-weight: 600;
+    color: #f0f0f0;
+    }
+    
+    #planner-card .gr-tab {
+    margin-top: 12px;
+    }
 
 
- with gr.Blocks() as app:
+    /* 🔗 Linky Tab Styling - Match Welcome Dark Mode */
+    
+    #linky-tab {
+    background-color: #1e1e1e !important;
+    color: #f0f0f0 !important;
+    padding: 24px;
+    border-radius: 16px;
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
+    }
+    
+    /* Fix outer wrappers Gradio uses */
+    #linky-tab .gr-block,
+    #linky-tab .gr-column,
+    #linky-tab .gr-panel {
+    background-color: transparent !important;
+    color: inherit;
+    box-shadow: none;}
+    
+    /* Override inputs + textareas inside dark tab */
+    #linky-tab input,
+    #linky-tab textarea {
+    background-color: #2c2c2c !important;
+    color: #ffffff !important;
+    border: 1px solid #444 !important;
+    border-radius: 6px;}
+    
+    /* Fix submit button look */
+    #linky-tab .gr-button {
+    background-color: #4444aa !important;
+    color: #fff !important;
+    border-radius: 6px;}
+
+    #dds-logo img {
+        max-width: 200px;
+        display: block;
+        margin: 0 auto 15px;
+    }
+
+    /* Shared Card Styling (like Welcome tab) */
+    #user-card {
+        background-color: #ffffff;
+        border: 1px solid #dddddd;
+        border-radius: 12px;
+        padding: 24px;
+        margin-top: 20px;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        color: #1a1a1a;
+    }
+
+    #user-card input,
+    #user-card textarea {
+        background-color: #f5f5f5 !important;
+        color: #111111 !important;
+        border: 1px solid #ccc;
+        border-radius: 6px;
+        padding: 10px;
+    }
+
+    #user-card label {
+        color: #333333;
+    }
+
+    /* Responsive Tweaks */
+    @media (max-width: 768px) {
+        .gr-row {
+            flex-direction: column !important;
+        }
+
+        #user-card {
+            margin-top: 20px;
+        }
+    }
+""") as app:
     user_id_state = gr.State()
     roadmap_unlock = RoadmapUnlockManager()
     start_date = gr.Textbox(label="📅 Start Date", value=str(datetime.date.today()))
-    
+
     with gr.Tabs():
         with gr.Tab("✨ Welcome"):
             with gr.Row(equal_height=True):
@@ -312,4 +414,3 @@ def recall_from_memory(user_id, goal):
 
 app.launch(debug=True, enable_queue=True)
 
-