add slot above results full width for plugins

Author: riofriz

src/generators/plugin-slot.ts

@@ -13,7 +13,9 @@ const indexTpl = (name: string) => `// If this file also exports other hooks (in
 //
 // All hooks in this file will share that id and appear as one card in settings.
 
-// positions: above-results | below-results | above-sidebar | below-sidebar | knowledge-panel | at-a-glance
+// positions: above-results | below-results | full-width-above-results | above-sidebar | below-sidebar | knowledge-panel | at-a-glance
+// full-width-above-results renders above the whole results layout at full content width.
+// degoog only supplies the shared width and horizontal padding, so all other styling is yours.
 export const slot = {
   id: "${name}",
   name: "${name}",

src/templates/theme/search.html

@@ -3,18 +3,19 @@
     <div id="results-header"></div>
     <div id="results-tabs"></div>
     <div id="results-meta"></div>
+    <div id="slot-full-width-above-results"></div>
     <div id="results-layout">
       <div id="results-main">
         <div id="at-a-glance"></div>
-        <div id="slot-above-results" data-position="above-results"></div>
+        <div id="slot-above-results"></div>
         <div id="results-list"></div>
         <div id="pagination"></div>
-        <div id="slot-below-results" data-position="below-results"></div>
+        <div id="slot-below-results"></div>
       </div>
       <div id="sidebar-col">
-        <div id="slot-above-sidebar" data-position="above-sidebar"></div>
+        <div id="slot-above-sidebar"></div>
         <div id="results-sidebar"></div>
-        <div id="slot-below-sidebar" data-position="below-sidebar"></div>
+        <div id="slot-below-sidebar"></div>
       </div>
       <div id="media-preview-panel"></div>
       <div id="image-filters-bar" class="degoog-scrollbar"></div>