Update app.py

app.py

@@ -66,7 +66,13 @@ def find_similar_recipes_list(query_text):
     for idx in top_indices:
         row = df_recipes.iloc[idx]
         title = row['Title']
-        desc = str(row['Raw_Output'])[:800] + "..."
+        
+        # FIX: Removed truncation limit (was [:800]) to show FULL text
+        desc = str(row['Raw_Output'])
+        
+        # Formatting for readability: Replace newlines with HTML breaks if needed, 
+        # though Markdown usually handles it well. 
+        # We wrap it in the scrollable div.
         card_content = f"### 🏆 {title}\n\n<div class='sim-scroll'>{desc}</div>"
         results_list.append(card_content)
     
@@ -162,9 +168,7 @@ body, .gradio-container { background-color: #f0f2f5; }
     border-left: 4px solid #1877f2 !important;
 }
 
-/* --- FEED STYLING FIXES --- */
-
-/* 1. Force the container to have NO gap, so we can control it with margin */
+/* Feed Styling */
 #feed-container { 
     gap: 0px !important; 
     padding: 0px !important;
@@ -173,18 +177,14 @@ body, .gradio-container { background-color: #f0f2f5; }
     gap: 0px !important; 
 }
 
-/* 2. Style individual Cards */
 .content-card {
     background: white;
     border-radius: 12px;
     box-shadow: 0 1px 2px rgba(0,0,0,0.1);
     border: 1px solid #ddd;
     padding: 20px;
-    
-    /* 3. The Specific 7px Spacing */
     margin-bottom: 7px !important;
     margin-top: 0px !important;
-    
     width: 100%;
     display: block;
 }
@@ -257,7 +257,7 @@ with gr.Blocks(title="Legacy Kitchen") as demo:
                     <span class="app-slogan">Turning Handwritten Notes into a Digital Cookbook.</span>
                 </div>
             </div>
-            <div style="color: #65676b; font-weight: 600;">v3.7</div>
+            <div style="color: #65676b; font-weight: 600;">v3.9</div>
         </div>
     """)
 
@@ -326,21 +326,20 @@ with gr.Blocks(title="Legacy Kitchen") as demo:
                 magic_btn.click(ui_update_pipeline, input_img, [out_text, sim1, c1_btns, c2_box, sim2, c3_box, sim3])
 
             # === VIEW 2: FEED ===
-            # Important: Using gr.Column with elem_id to force 0-gap on the container
             with gr.Column(visible=False, elem_id="feed-container") as feed_view:
-                
                 if not df_recipes.empty:
                     feed_samples = df_recipes.sample(10)
                     for index, row in feed_samples.iterrows():
                         user_name = random.choice(["Grandma Rose", "Chef Mike", "Sarah J."])
                         emoji = random.choice(["🥘", "🥗", "🍰", "🌮"])
+                        time_options = ["2h", "3h", "4h", "6h", "9h", "12h", "a day ago", "2 days ago"]
+                        post_time = random.choice(time_options)
                         
-                        # Creating a floating card for each post
                         with gr.Group(elem_classes=["content-card"]):
                             gr.HTML(f"""
                             <div style="display:flex; gap:10px; align-items:center; margin-bottom:12px;">
                                 <div style="width:40px; height:40px; background:#e4e6eb; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:20px;">{emoji}</div>
-                                <div><b>{user_name}</b><br><span style="color:gray; font-size:12px;">2h · 🌍 Public</span></div>
+                                <div><b>{user_name}</b><br><span style="color:gray; font-size:12px;">{post_time} · 🌍 Public</span></div>
                             </div>
                             """)
                             gr.Markdown(f"### {row['Title']}")