diff --git a/docs/index.html b/docs/index.html
index c0cb673..69be117 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -739,6 +739,60 @@
     </div>
   </section>
 
+  <!-- ════ RECENT UPDATES ════ -->
+  <section class="features-section" style="padding-top: 2rem;">
+    <div class="container">
+      <h2 class="features-heading">Recent Updates</h2>
+      <p class="features-sub">Actively maintained — here's what landed recently.</p>
+
+      <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; margin-top: 2rem;">
+
+        <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 1.25rem;">
+          <div style="font-size: 1.5rem; margin-bottom: 0.5rem;">📥</div>
+          <h3 style="color: var(--text-primary); font-size: 0.95rem; margin-bottom: 0.35rem;">Conversation Export</h3>
+          <p style="color: var(--text-secondary); font-size: 0.82rem; line-height: 1.5;">Download any conversation as a formatted Markdown file — messages, tool calls, thinking blocks, timestamps included.</p>
+          <span style="display: inline-block; margin-top: 0.5rem; font-size: 0.7rem; color: var(--cyan); opacity: 0.7;">v1.12</span>
+        </div>
+
+        <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 1.25rem;">
+          <div style="font-size: 1.5rem; margin-bottom: 0.5rem;">↔️</div>
+          <h3 style="color: var(--text-primary); font-size: 0.95rem; margin-bottom: 0.35rem;">Resizable Sidebar</h3>
+          <p style="color: var(--text-secondary); font-size: 0.82rem; line-height: 1.5;">Drag the sidebar edge to resize. Width persists across sessions via localStorage.</p>
+          <span style="display: inline-block; margin-top: 0.5rem; font-size: 0.7rem; color: var(--cyan); opacity: 0.7;">v1.5</span>
+        </div>
+
+        <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 1.25rem;">
+          <div style="font-size: 1.5rem; margin-bottom: 0.5rem;">🔔</div>
+          <h3 style="color: var(--text-primary); font-size: 0.95rem; margin-bottom: 0.35rem;">System Event Detection</h3>
+          <p style="color: var(--text-secondary); font-size: 0.82rem; line-height: 1.5;">Heartbeats, cron triggers, and webhooks display as subtle inline notifications — not full message bubbles.</p>
+          <span style="display: inline-block; margin-top: 0.5rem; font-size: 0.7rem; color: var(--cyan); opacity: 0.7;">v1.6</span>
+        </div>
+
+        <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 1.25rem;">
+          <div style="font-size: 1.5rem; margin-bottom: 0.5rem;">🏷️</div>
+          <h3 style="color: var(--text-primary); font-size: 0.95rem; margin-bottom: 0.35rem;">Smart Session Labels</h3>
+          <p style="color: var(--text-secondary); font-size: 0.82rem; line-height: 1.5;">Human-friendly titles, channel icons, agent name badges, model info, and relative timestamps in the sidebar.</p>
+          <span style="display: inline-block; margin-top: 0.5rem; font-size: 0.7rem; color: var(--cyan); opacity: 0.7;">v1.9 – v1.11</span>
+        </div>
+
+        <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 1.25rem;">
+          <div style="font-size: 1.5rem; margin-bottom: 0.5rem;">🗑️</div>
+          <h3 style="color: var(--text-primary); font-size: 0.95rem; margin-bottom: 0.35rem;">Session Management</h3>
+          <p style="color: var(--text-secondary); font-size: 0.82rem; line-height: 1.5;">Delete sessions from the sidebar, pin favorites to the top, and per-session input drafts preserved when switching.</p>
+          <span style="display: inline-block; margin-top: 0.5rem; font-size: 0.7rem; color: var(--cyan); opacity: 0.7;">v1.4 – v1.8</span>
+        </div>
+
+        <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 1.25rem;">
+          <div style="font-size: 1.5rem; margin-bottom: 0.5rem;">🐳</div>
+          <h3 style="color: var(--text-primary); font-size: 0.95rem; margin-bottom: 0.35rem;">Proper Releases</h3>
+          <p style="color: var(--text-secondary); font-size: 0.82rem; line-height: 1.5;">Semver tags, GitHub Releases with changelogs, and Docker images auto-published to ghcr.io on every release.</p>
+          <span style="display: inline-block; margin-top: 0.5rem; font-size: 0.7rem; color: var(--cyan); opacity: 0.7;">CI/CD</span>
+        </div>
+
+      </div>
+    </div>
+  </section>
+
   <footer class="footer">
     <div class="container">
       <div class="footer-links">