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/2] 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/2] 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>