05/31 Phase 5

app/templates/dashboard/index.html

@@ -139,6 +139,32 @@
     </div>
 </div>
 
+
+<!-- AI Daily Insight -->
+{% if ai_insight %}
+<div class="pcard mb-4" style="background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-color:#334155;color:#f1f5f9;">
+    <div class="d-flex justify-content-between align-items-start mb-2">
+        <div class="d-flex align-items-center gap-2">
+            <i class="bi bi-stars" style="color:#818cf8;font-size:16px;"></i>
+            <span style="font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#818cf8;">AI Daily Insight</span>
+            <span style="font-size:10px;color:#475569;">{{ ai_insight.insight_date.strftime('%b %d') }}</span>
+        </div>
+        <a href="{{ url_for('ai.index') }}" style="font-size:12px;color:#818cf8;">Ask AI →</a>
+    </div>
+    <p style="font-size:13px;color:#cbd5e1;line-height:1.6;margin:0;">{{ ai_insight.content }}</p>
+</div>
+{% else %}
+<div class="pcard mb-4" style="background:#0f172a;border-color:#1e293b;color:#94a3b8;">
+    <div class="d-flex justify-content-between align-items-center">
+        <div class="d-flex align-items-center gap-2">
+            <i class="bi bi-stars" style="color:#475569;font-size:16px;"></i>
+            <span style="font-size:13px;">AI daily insight not yet generated.</span>
+        </div>
+        <a href="{{ url_for('ai.index') }}" class="btn btn-sm" style="font-size:12px;background:#1e293b;color:#818cf8;border:1px solid #334155;">Open AI</a>
+    </div>
+</div>
+{% endif %}
+
 <!-- Accounts + Recent Transactions -->
 <div class="row g-3">
     <div class="col-12 col-lg-4">