From aa449f514543bbfd74ba6cef6b23afae8dd8705b Mon Sep 17 00:00:00 2001
From: djanelle-mit <djanelle@mit.edu>
Date: Tue, 9 Jun 2026 11:45:01 -0400
Subject: [PATCH 1/5] Add USE search box toggle and form to search widget

---
 .../class-multisearch-widget.php              | 65 ++++++++++++++-----
 .../mitlib-multisearch-widget.css             | 57 ++++++++++++++++
 .../templates/tab-all-use.php                 | 39 +++++++++++
 3 files changed, 146 insertions(+), 15 deletions(-)
 create mode 100644 web/app/plugins/mitlib-multisearch-widget/templates/tab-all-use.php

diff --git a/web/app/plugins/mitlib-multisearch-widget/class-multisearch-widget.php b/web/app/plugins/mitlib-multisearch-widget/class-multisearch-widget.php
index e3873dd2..4bdda903 100644
--- a/web/app/plugins/mitlib-multisearch-widget/class-multisearch-widget.php
+++ b/web/app/plugins/mitlib-multisearch-widget/class-multisearch-widget.php
@@ -45,6 +45,9 @@ public function widget( $args, $instance ) {
 			$articles_tab_name = 'Articles + chapters';
 			$more_template = 'templates/tab-more-alma.php';
 		}
+		if ( 'use' == $instance['targets'] ) {
+			$all_template = 'templates/tab-all-use.php';
+		}
 
 		// Strip initial arguments.
 		$args = null;
@@ -84,27 +87,44 @@ public function widget( $args, $instance ) {
 		include( 'templates/form_nojs.html' );
 		echo '</noscript>';
 		echo '<div id="multisearch" class="' . esc_attr( $this->widgetClasses( $instance ) ) . ' nojs">';
-		echo '<h2 id="searchtabsheader" class="sr">Search the MIT libraries</h2>
-			<ul id="search_tabs_nav" aria-labelledby="searchtabsheader">
+		echo '<h2 id="searchtabsheader" class="sr">Search the MIT libraries</h2>';
+
+		// Render the search tabs only when "Unified Search" option is not selected
+		if ( $instance['targets'] != 'use' ) {
+		
+			echo '<ul id="search_tabs_nav" aria-labelledby="searchtabsheader">
 				<li><a id="tab-all" href="#search-all"><span>All</span></a></li>
 				<li><a id="tab-books" href="#search-books"><span>Books + media</span></a></li>
 				<li><a id="tab-articles" href="#search-articles"><span>'
 				. esc_html( $articles_tab_name )
 				. '</span></a></li>
 				<li><a id="tab-more" href="#search-more"><span>More...</span></a></li>
-			</ul>';
-		echo '<div id="search-all" aria-labelledby="tab-all">';
-			include( $all_template );
-		echo '</div>';
-		echo '<div id="search-books" aria-labelledby="tab-books">';
-			include( $books_template );
-		echo '</div>';
-		echo '<div id="search-articles" aria-labelledby="tab-articles">';
-			include( $articles_template );
-		echo '</div>';
-		echo '<div id="search-more" aria-labelledby="tab-more">';
-			include( $more_template );
-		echo '</div>';
+			</ul>';			
+
+			// Render the individual tab panes
+			echo '<div id="search-all" aria-labelledby="tab-all">';
+				include( $all_template );
+			echo '</div>';
+			echo '<div id="search-books" aria-labelledby="tab-books">';
+				include( $books_template );
+			echo '</div>';
+			echo '<div id="search-articles" aria-labelledby="tab-articles">';
+				include( $articles_template );
+			echo '</div>';
+			echo '<div id="search-more" aria-labelledby="tab-more">';
+				include( $more_template );
+			echo '</div>';
+
+		};
+
+		if ( $instance['targets'] == 'use' ) {
+		
+			echo '<div id="search-all" class="r-tabs-panel r-tabs-state-active use" aria-labelledby="tab-all">';
+				include( $all_template );
+			echo '</div>';
+
+		};
+
 		if ( $instance['banner_text'] ) {
 			$allowed = array(
 				'a' => array(
@@ -186,6 +206,21 @@ class="widefat"
 					Alma and Primo
 				</label>
 			</li>
+			<li>
+				<label>
+					<input
+						type="radio"
+						name="<?php echo esc_attr( $this->get_field_name( 'targets' ) ); ?>"
+						value="use"
+						<?php
+						if ( 'use' == $targets ) {
+							echo "checked='checked'";
+						}
+						?>
+					>
+					Unified Search
+				</label>
+			</li>			
 		</ul>
 		<p>
 			<label for="<?php echo esc_attr( $this->get_field_id( 'bento_url' ) ); ?>">
diff --git a/web/app/plugins/mitlib-multisearch-widget/mitlib-multisearch-widget.css b/web/app/plugins/mitlib-multisearch-widget/mitlib-multisearch-widget.css
index c07fe505..4f68f6b9 100644
--- a/web/app/plugins/mitlib-multisearch-widget/mitlib-multisearch-widget.css
+++ b/web/app/plugins/mitlib-multisearch-widget/mitlib-multisearch-widget.css
@@ -267,3 +267,60 @@
 	}
 }
 
+/* Updates for the USE search panel option */
+
+.r-tabs .use {
+
+	.search-option-links {
+		display: flex;
+		font-size: 0.8rem;
+		color: #ccc;
+		justify-content: space-between;
+
+		a:link {
+			color: #000;
+		}
+
+		.nls-toggle {
+
+			a {
+				line-height: 1.3;
+			}
+
+			.toggle {
+				margin-right: 8px;
+			}
+
+			.toggle::before {
+        background-color: #333;
+        color: #fff;
+        font-size: 0.6rem;
+        font-weight: 500;
+        letter-spacing: 0.08em;
+        padding: 3px 6px;
+        border-radius: 4px;
+        display: inline-block;
+        margin-right: 6px;
+				position: relative;
+				top: -1px;
+    	}
+
+			.toggle.off::before {
+				content: "OFF";
+			}
+
+			.toggle.on::before {
+				background-color: #CC00CC;
+				content: "ON";
+			}
+
+			.learn-more {
+				color: #666;
+			}
+
+			.learn-more:hover {
+				color: #000;
+			}
+	}
+	
+}
\ No newline at end of file
diff --git a/web/app/plugins/mitlib-multisearch-widget/templates/tab-all-use.php b/web/app/plugins/mitlib-multisearch-widget/templates/tab-all-use.php
new file mode 100644
index 00000000..168a587f
--- /dev/null
+++ b/web/app/plugins/mitlib-multisearch-widget/templates/tab-all-use.php
@@ -0,0 +1,39 @@
+<?php
+/**
+ * The "Alma variant" of the search tab for all content - which will search the Bento app.
+ *
+ * @package Multisearch Widget
+ * @since 1.5.0
+ */
+
+?>
+<h3 class="sr">All panel</h3>
+<form
+	class="form search-bento"
+	action="<?php echo esc_url( $instance['bento_url'] ); ?>search/bento"
+	method="get"
+	data-target="bento">
+	<label for="searchinput-bento">Search the MIT Libraries</label>
+	<div class="wrap-flex">
+		<div class="flex-left">
+			<input
+				class="field field-text"
+				type="text"
+				id="searchinput-bento"
+				name="q"
+				placeholder="Search across collections, services, and website content">
+		</div>
+		<div class="flex-right">
+			<input class="button button-search" type="submit" value="Search">
+		</div>
+	</div>
+</form>
+<div class="search-option-links">
+	<div>
+		<a href="/search-advanced/">Advanced search</a> | <a href="/search/">More ways to search</a>
+	</div>
+	<div class="nls-toggle">
+		<a class="toggle on" href="#">Try natural language search</a>
+		<a class="learn-more" href="https://search.libraries.mit.edu/about-natural-language-search">Learn more</a>
+	</div>
+</div>

From b7da68aa5ca8170f97e3a554834f643d9c60d6d9 Mon Sep 17 00:00:00 2001
From: djanelle-mit <djanelle@mit.edu>
Date: Tue, 9 Jun 2026 15:14:02 -0400
Subject: [PATCH 2/5] Updating url to search USE

---
 .../plugins/mitlib-multisearch-widget/templates/tab-all-use.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/app/plugins/mitlib-multisearch-widget/templates/tab-all-use.php b/web/app/plugins/mitlib-multisearch-widget/templates/tab-all-use.php
index 168a587f..f5ebce56 100644
--- a/web/app/plugins/mitlib-multisearch-widget/templates/tab-all-use.php
+++ b/web/app/plugins/mitlib-multisearch-widget/templates/tab-all-use.php
@@ -10,7 +10,7 @@
 <h3 class="sr">All panel</h3>
 <form
 	class="form search-bento"
-	action="<?php echo esc_url( $instance['bento_url'] ); ?>search/bento"
+	action="https://search.libraries.mit.edu/results"
 	method="get"
 	data-target="bento">
 	<label for="searchinput-bento">Search the MIT Libraries</label>

From 935b87c99532df4386584178d931949bc532af9c Mon Sep 17 00:00:00 2001
From: djanelle-mit <djanelle@mit.edu>
Date: Tue, 23 Jun 2026 08:53:00 -0400
Subject: [PATCH 3/5] Fix use template comment

---
 .../plugins/mitlib-multisearch-widget/templates/tab-all-use.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/app/plugins/mitlib-multisearch-widget/templates/tab-all-use.php b/web/app/plugins/mitlib-multisearch-widget/templates/tab-all-use.php
index f5ebce56..91153526 100644
--- a/web/app/plugins/mitlib-multisearch-widget/templates/tab-all-use.php
+++ b/web/app/plugins/mitlib-multisearch-widget/templates/tab-all-use.php
@@ -1,6 +1,6 @@
 <?php
 /**
- * The "Alma variant" of the search tab for all content - which will search the Bento app.
+ * The "Unified Search" of the search tab for all content - which will search "Search MIT Libraries" (USE).
  *
  * @package Multisearch Widget
  * @since 1.5.0

From d9beed30d8bb4cb0118a344dd7f0a60dba27c349 Mon Sep 17 00:00:00 2001
From: djanelle-mit <djanelle@mit.edu>
Date: Tue, 23 Jun 2026 08:58:53 -0400
Subject: [PATCH 4/5] Responsive fix for links under search box

---
 .../mitlib-multisearch-widget.css             | 77 ++++++++++---------
 1 file changed, 42 insertions(+), 35 deletions(-)

diff --git a/web/app/plugins/mitlib-multisearch-widget/mitlib-multisearch-widget.css b/web/app/plugins/mitlib-multisearch-widget/mitlib-multisearch-widget.css
index 4f68f6b9..f8d85907 100644
--- a/web/app/plugins/mitlib-multisearch-widget/mitlib-multisearch-widget.css
+++ b/web/app/plugins/mitlib-multisearch-widget/mitlib-multisearch-widget.css
@@ -276,51 +276,58 @@
 		font-size: 0.8rem;
 		color: #ccc;
 		justify-content: space-between;
+		padding-top: 4px;
 
-		a:link {
-			color: #000;
+		@media only screen and (max-width: 650px) {
+			flex-direction: column;
+			gap: 8px;
 		}
+	}
+
+	a:link {
+		color: #000;
+	}
 
-		.nls-toggle {
+	.nls-toggle {
 
-			a {
-				line-height: 1.3;
-			}
+		a {
+			line-height: 1.3;
+		}
 
-			.toggle {
-				margin-right: 8px;
-			}
+		.toggle {
+			margin-right: 8px;
+		}
 
-			.toggle::before {
-        background-color: #333;
-        color: #fff;
-        font-size: 0.6rem;
-        font-weight: 500;
-        letter-spacing: 0.08em;
-        padding: 3px 6px;
-        border-radius: 4px;
-        display: inline-block;
-        margin-right: 6px;
-				position: relative;
-				top: -1px;
-    	}
+		.toggle::before {
+			background-color: #333;
+			color: #fff;
+			font-size: 0.6rem;
+			font-weight: 500;
+			letter-spacing: 0.08em;
+			padding: 3px 6px;
+			border-radius: 4px;
+			display: inline-block;
+			margin-right: 6px;
+			position: relative;
+			top: -1px;
+		}
 
-			.toggle.off::before {
-				content: "OFF";
-			}
+		.toggle.off::before {
+			content: "OFF";
+		}
 
-			.toggle.on::before {
-				background-color: #CC00CC;
-				content: "ON";
-			}
+		.toggle.on::before {
+			background-color: #CC00CC;
+			content: "ON";
+		}
 
-			.learn-more {
-				color: #666;
-			}
+		.learn-more {
+			color: #666;
+		}
 
-			.learn-more:hover {
-				color: #000;
-			}
+		.learn-more:hover {
+			color: #000;
+		}
 	}
 	
 }
\ No newline at end of file

From ca8cafadfccdf2ddfa22a6d1a0cad858bcca7166 Mon Sep 17 00:00:00 2001
From: djanelle-mit <djanelle@mit.edu>
Date: Tue, 23 Jun 2026 09:53:49 -0400
Subject: [PATCH 5/5] Fix javascript bug from lack of tabs

---
 .../mitlib-multisearch-widget.js              | 33 +++++++++++--------
 .../templates/tab-all-use.php                 |  1 -
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/web/app/plugins/mitlib-multisearch-widget/mitlib-multisearch-widget.js b/web/app/plugins/mitlib-multisearch-widget/mitlib-multisearch-widget.js
index eb3c8c8e..842647d8 100644
--- a/web/app/plugins/mitlib-multisearch-widget/mitlib-multisearch-widget.js
+++ b/web/app/plugins/mitlib-multisearch-widget/mitlib-multisearch-widget.js
@@ -28,20 +28,25 @@ jQuery( document ).ready(function() {
 	// If javascript is present, we disable the nojs class.
 	$tabs.removeClass("nojs");
 
-	// Call Responsive Tabs plugin.
-	$tabs.responsiveTabs({
-		rotate: false,
-		startCollapsed: false,
-		collapsible: false,
-		setHash: true
-	});
-
-
-	$( '#search_tabs_nav a' ).click( function(e) {
-		$( '#search_tabs_nav a' ).removeAttr( "aria-expanded" );
-		$( '#search_tabs_nav a .current' ).remove();
-		$(this).attr( "aria-expanded", "true" ).prepend( "<span class='sr current'>Current: </span>" );
-	});
+	// Check if this is the USE form and does not need tabs.
+	if ( $('#search-all').hasClass("use") ) {
+		// add r-tabs class to force styling of the form to be consistent with the other tabs.
+		$tabs.addClass("r-tabs");
+	} else {
+		// Call Responsive Tabs plugin.
+		$tabs.responsiveTabs({
+			rotate: false,
+			startCollapsed: false,
+			collapsible: false,
+			setHash: true
+		});
+
+		$( '#search_tabs_nav a' ).click( function(e) {
+			$( '#search_tabs_nav a' ).removeAttr( "aria-expanded" );
+			$( '#search_tabs_nav a .current' ).remove();
+			$(this).attr( "aria-expanded", "true" ).prepend( "<span class='sr current'>Current: </span>" );
+		});
+	}
 
 	// prevent submission until text field is not empty 
 	preventSearch( '#searchinput-bento', '.search-bento .button-search');
diff --git a/web/app/plugins/mitlib-multisearch-widget/templates/tab-all-use.php b/web/app/plugins/mitlib-multisearch-widget/templates/tab-all-use.php
index 91153526..ba80a7f1 100644
--- a/web/app/plugins/mitlib-multisearch-widget/templates/tab-all-use.php
+++ b/web/app/plugins/mitlib-multisearch-widget/templates/tab-all-use.php
@@ -7,7 +7,6 @@
  */
 
 ?>
-<h3 class="sr">All panel</h3>
 <form
 	class="form search-bento"
 	action="https://search.libraries.mit.edu/results"