diff --git a/web/templates/search.html b/web/templates/search.html
index 720beb9..129e7f3 100644
--- a/web/templates/search.html
+++ b/web/templates/search.html
@@ -76,6 +76,33 @@
 
       <hr style="border:none; border-top:1px solid var(--border); margin:12px 0;">
 
+      <!-- Recently Viewed -->
+      <div>
+        <div class="small muted" style="margin-bottom:6px;">Recently Viewed Illustrations</div>
+        <ul id="recentViewsList" class="small" style="margin:0; padding-left:18px;"></ul>
+        <div id="recentViewsEmpty" class="muted small" style="display:none;">Nothing yet—open an illustration and linger 10s.</div>
+      </div>
+    </div>
+  </div>
+  <div class="card" style="padding:0; margin:16px 0 12px;">
+    <h1 class="page-title dropdown-toggle history-title"
+        data-target="#history-panel"
+        role="button"
+        aria-expanded="false">
+      Illustration of the Day <span class="chevron">▾</span>
+    </h1>
+    <div id="history-panel" class="dropdown-panel">
+      <hr style="border:none; border-top:1px solid var(--border); margin:12px 0;">
+
+      <!-- Recent Searches -->
+      <div style="margin-top:6px;">
+        <div class="small muted" style="margin-bottom:6px;">Your Recent Searches</div>
+        <ul id="searchHistoryList" class="small" style="margin:0; padding-left:18px;"></ul>
+        <div id="searchHistoryEmpty" class="muted small" style="display:none;">No history yet.</div>
+      </div>
+
+      <hr style="border:none; border-top:1px solid var(--border); margin:12px 0;">
+
       <!-- Recently Viewed -->
       <div>
         <div class="small muted" style="margin-bottom:6px;">Recently Viewed Illustrations</div>