Add SQL insight dashboard widgets

templates/dashboard.html

@@ -94,7 +94,24 @@
     hx-target="this" hx-swap="outerHTML">
 </div>
 
-{% if dashboard|length == 0 %}
+{% if pinned_widgets %}
+<section class="mb-8">
+    <div class="flex items-center justify-between mb-4">
+        <div>
+            <h2 class="text-2xl font-bold text-gray-900">Pinned insights</h2>
+            <p class="text-sm text-gray-500">Live tables and graphs from your saved SQL queries.</p>
+        </div>
+        <a hx-get="{{ url_for('sql_explorer.sql_explorer') }}" hx-push-url="true" hx-target="#container" class="text-sm font-medium text-cyan-600 hover:text-cyan-800 cursor-pointer">Manage insights</a>
+    </div>
+    <div class="w-full grid grid-cols-1 xl:grid-cols-2 gap-4">
+        {% for widget in pinned_widgets %}
+        {{ render_partial('partials/dashboard_insight.html', widget=widget) }}
+        {% endfor %}
+    </div>
+</section>
+{% endif %}
+
+{% if dashboard|length == 0 %}
 <div class="bg-purple-100 rounded-lg py-5 px-6 mb-4 text-base text-purple-700 mb-3" role="alert" id="no-workouts">
     No workouts selected.
 </div>
@@ -193,4 +210,4 @@
     hx-target="#stats" hx-swap="innerHTML">
 </div>
 
-{% endblock %}
+{% endblock %}