From 2ea75e567dbcdc7d80e15263abc4c82a971b46f5 Mon Sep 17 00:00:00 2001
From: Ricardo <rick@rmendes.net>
Date: Sun, 8 Feb 2026 19:53:13 +0100
Subject: [PATCH] fix: search sidebar widget now renders Pagefind UI

The search widget was only showing a heading with an empty div.
Now loads Pagefind CSS/JS and initializes the search UI.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 _includes/components/homepage-sidebar.njk | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/_includes/components/homepage-sidebar.njk b/_includes/components/homepage-sidebar.njk
index 4fe6e6c..49561f9 100644
--- a/_includes/components/homepage-sidebar.njk
+++ b/_includes/components/homepage-sidebar.njk
@@ -19,7 +19,14 @@
       {# Pagefind search widget #}
       <div class="sidebar-widget">
         <h3 class="text-sm font-semibold text-surface-600 dark:text-surface-400 uppercase tracking-wide mb-3">Search</h3>
-        <div id="search"></div>
+        <link rel="stylesheet" href="/pagefind/pagefind-ui.css">
+        <div id="sidebar-search"></div>
+        <script src="/pagefind/pagefind-ui.js"></script>
+        <script>
+          window.addEventListener("DOMContentLoaded", function() {
+            new PagefindUI({ element: "#sidebar-search", showSubResults: false, showImages: false });
+          });
+        </script>
       </div>
     {% else %}
       <!-- Unknown widget type: {{ widget.type }} -->