ok

app.py

@@ -48,16 +48,18 @@ def program():
         if selected_task:
             st.header(selected_task)
             results = data[selected_task]
+            rec = {str(r['id']): r for r in results['recommendations']}
             
-            recommendations = pd.DataFrame(results['recommendations'])
-            recommendations['date'] = pd.to_datetime(recommendations.apply(lambda x:x['metadata']['date'], axis=1))
-            recommendations = recommendations.sort_values(by='date')
-
-
-            rec = {str(r['id']): r for r in recommendations.to_dict('records')}
             for group in results['groups']:
                 ids = [i.strip() for i in group['ids'].split(",")]
-                rec2html = ''.join([f"""<tr><td style="border: 1px solid #ddd; padding: 8px;">{i+1}</td><td style="border: 1px solid #ddd; padding: 8px;"><a href="{rec[idx]['metadata']['id']}" target="_blank">{rec[idx]['title']}</a></td><td style="border: 1px solid #ddd; padding: 8px;">{rec[idx]['metadata']['date']}</td></tr>""" for i, idx in enumerate(ids)])
+
+                selected_rec = [rec[i]  for i in ids]
+
+                selected_rec = pd.DataFrame(selected_rec)
+                selected_rec['date'] = pd.to_datetime(selected_rec.apply(lambda x:x['metadata']['date'], axis=1))
+                selected_rec = selected_rec.sort_values(by='date').to_dict('records')
+                
+                rec2html = ''.join([f"""<tr><td style="border: 1px solid #ddd; padding: 8px;">{i+1}</td><td style="border: 1px solid #ddd; padding: 8px;"><a href="{rec['metadata']['id']}" target="_blank">{rec['title']}</a></td><td style="border: 1px solid #ddd; padding: 8px;">{rec['metadata']['date']}</td></tr>""" for i, rec in enumerate(selected_rec)])
                 title = group['title'].split(':', 1)[1].strip()
                 st.markdown(f"""
                 <div style="border: 1px solid #ccc; padding: 10px; margin: 10px 0; border-radius: 5px; width: 100%;">