fix(header): update search link

Author: lzwjava

_includes/header.html

@@ -14,7 +14,7 @@ <h3 class="project-tagline">{{ page.description | default: site.description | de
       {% include theme-icons.html %}
     </button>
 
-    <button id="searchHeader" class="icon-button" aria-label="Search" onclick="window.location.href='/chat-en'">
+    <button id="searchHeader" class="icon-button" aria-label="Search" onclick="window.location.href='/search-en'">
       {% include search-icons.html %}
     </button>
 

original/2025-01-14-search-en.md

@@ -6,9 +6,16 @@ layout: post
 title: Search
 ---
 
-You can use Google's Programmable Search Engine to search my blog.
+You can use Google's Agent Builder AI Search to search my blog.
 
-<script async src="https://cse.google.com/cse.js?cx=e25f13ef1eb21450f">
-</script>
-<div class="gcse-search"></div>
+<!-- Widget JavaScript bundle -->
+<script src="https://cloud.google.com/ai/gen-app-builder/client?hl=en_US"></script>
 
+<!-- Search widget element is not visible by default -->
+<gen-search-widget
+  configId="e6c8dfcb-5174-4279-8250-e64cf0a4d032"
+  triggerId="searchWidgetTrigger">
+</gen-search-widget>
+
+<!-- Element that opens the widget on click. It does not have to be an input -->
+<input placeholder="Search here" id="searchWidgetTrigger" />