diff --git a/core/src/main/java/hudson/Functions.java b/core/src/main/java/hudson/Functions.java
index 64add7b35193..67801475233d 100644
--- a/core/src/main/java/hudson/Functions.java
+++ b/core/src/main/java/hudson/Functions.java
@@ -62,6 +62,7 @@
 import hudson.model.View;
 import hudson.scm.SCM;
 import hudson.scm.SCMDescriptor;
+import hudson.search.SearchFactory;
 import hudson.search.SearchableModelObject;
 import hudson.security.ACL;
 import hudson.security.AccessControlled;
@@ -2578,6 +2579,11 @@ public static String generateItemId() {
         return String.valueOf(Math.floor(Math.random() * 3000));
     }
 
+    @Restricted(NoExternalUse.class)
+    public static ExtensionList<SearchFactory> getSearchFactories() {
+        return SearchFactory.all();
+    }
+
     /**
      * @param keyboardShortcut the shortcut to be translated
      * @return the translated shortcut, e.g. CMD+K to ⌘+K for macOS, CTRL+K for Windows
@@ -2596,6 +2602,10 @@ public static String translateModifierKeysForUsersPlatform(String keyboardShortc
 
     @Restricted(NoExternalUse.class)
     public static String formatMessage(String format, Object args) {
+        if (format == null) {
+            return args.toString();
+        }
+
         return MessageFormat.format(format, args);
     }
 }
diff --git a/core/src/main/java/hudson/model/Job.java b/core/src/main/java/hudson/model/Job.java
index d22c25e98e3d..7d140656e363 100644
--- a/core/src/main/java/hudson/model/Job.java
+++ b/core/src/main/java/hudson/model/Job.java
@@ -541,7 +541,7 @@ public void find(String token, List<SearchItem> result) {
             public void suggest(String token, List<SearchItem> result) {
                 find(token, result);
             }
-        }).add("configure", "config", "configure");
+        });
     }
 
     @Override
diff --git a/core/src/main/java/hudson/search/Search.java b/core/src/main/java/hudson/search/Search.java
index 7773d9e9d696..9bd624e34742 100644
--- a/core/src/main/java/hudson/search/Search.java
+++ b/core/src/main/java/hudson/search/Search.java
@@ -158,7 +158,7 @@ public void doSuggestOpenSearch(StaplerRequest2 req, StaplerResponse2 rsp, @Quer
     public void doSuggest(StaplerRequest2 req, StaplerResponse2 rsp, @QueryParameter String query) throws IOException, ServletException {
         Result r = new Result();
         for (SuggestedItem item : getSuggestions(req, query))
-            r.suggestions.add(new Item(item.getPath()));
+            r.suggestions.add(new Item(item.getPath(), item.getUrl()));
 
         rsp.serveExposedBean(req, r, Flavor.JSON);
     }
@@ -252,12 +252,25 @@ public static class Result {
 
     @ExportedBean(defaultVisibility = 999)
     public static class Item {
+
         @Exported
         @SuppressFBWarnings(value = "URF_UNREAD_PUBLIC_OR_PROTECTED_FIELD", justification = "read by Stapler")
         public String name;
 
+        private final String url;
+
         public Item(String name) {
+            this(name, null);
+        }
+
+        public Item(String name, String url) {
             this.name = name;
+            this.url = url;
+        }
+
+        @Exported
+        public String getUrl() {
+            return url;
         }
     }
 
diff --git a/core/src/main/java/hudson/search/SuggestedItem.java b/core/src/main/java/hudson/search/SuggestedItem.java
index 9ba455270e58..6911d002fe50 100644
--- a/core/src/main/java/hudson/search/SuggestedItem.java
+++ b/core/src/main/java/hudson/search/SuggestedItem.java
@@ -62,7 +62,7 @@ private void getPath(StringBuilder buf) {
             buf.append(item.getSearchName());
         else {
             parent.getPath(buf);
-            buf.append(' ').append(item.getSearchName());
+            buf.append(" » ").append(item.getSearchName());
         }
     }
 
diff --git a/core/src/main/java/jenkins/model/Jenkins.java b/core/src/main/java/jenkins/model/Jenkins.java
index bedbea0af7c4..eee96b5bca05 100644
--- a/core/src/main/java/jenkins/model/Jenkins.java
+++ b/core/src/main/java/jenkins/model/Jenkins.java
@@ -2346,9 +2346,7 @@ public String getSearchUrl() {
     public SearchIndexBuilder makeSearchIndex() {
         SearchIndexBuilder builder = super.makeSearchIndex();
         if (hasPermission(ADMINISTER)) {
-                builder.add("configure", "config", "configure")
-                    .add("manage")
-                    .add("log");
+            builder.add("manage", Messages.ManageJenkinsAction_DisplayName());
         }
         builder.add(new CollectionSearchIndex<TopLevelItem>() {
                     @Override
diff --git a/core/src/main/resources/jenkins/views/JenkinsHeader/search-box.js b/core/src/main/resources/jenkins/views/JenkinsHeader/search-box.js
deleted file mode 100644
index 91e805c4ceaf..000000000000
--- a/core/src/main/resources/jenkins/views/JenkinsHeader/search-box.js
+++ /dev/null
@@ -1,6 +0,0 @@
-(function () {
-  var element = document.getElementById("search-box-completion");
-  if (element) {
-    createSearchBox(element.getAttribute("data-search-url"));
-  }
-})();
diff --git a/core/src/main/resources/lib/layout/command-palette.jelly b/core/src/main/resources/lib/layout/command-palette.jelly
new file mode 100644
index 000000000000..3d454f88a8c1
--- /dev/null
+++ b/core/src/main/resources/lib/layout/command-palette.jelly
@@ -0,0 +1,47 @@
+<!--
+The MIT License
+
+Copyright (c) 2024, Jenkins contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+-->
+
+<?jelly escape-by-default='true'?>
+<j:jelly xmlns:j="jelly:core" xmlns:s="jelly:stapler" xmlns:l="/lib/layout">
+  <s:documentation>
+    The command palette overlay
+  </s:documentation>
+
+  <div id="command-palette-i18n" class="i18n"
+       data-no-results-for="${%No results for}"
+       data-help="${%Help}"
+       data-get-help="${%Get help using Jenkins search}"
+  />
+
+  <dialog id="command-palette" class="jenkins-command-palette__dialog">
+    <div class="jenkins-command-palette__wrapper">
+      <div class="jenkins-command-palette">
+        <l:search-bar id="command-bar" clazz="jenkins-command-palette__search" hasKeyboardShortcut="false" />
+        <div id="search-results-container" class="jenkins-command-palette__results-container">
+          <div id="search-results" class="jenkins-command-palette__results" />
+        </div>
+      </div>
+    </div>
+  </dialog>
+</j:jelly>
diff --git a/core/src/main/resources/lib/layout/header/searchbox.jelly b/core/src/main/resources/lib/layout/header/searchbox.jelly
index 916f5ad49c22..033dc2ab0407 100644
--- a/core/src/main/resources/lib/layout/header/searchbox.jelly
+++ b/core/src/main/resources/lib/layout/header/searchbox.jelly
@@ -1,25 +1,27 @@
 <?jelly escape-by-default='true'?>
-<j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:l="/lib/layout">
-  <div class="searchbox hidden-xs">
-    <!-- search box -->
-    <j:set var="searchURL" value="${h.searchURL}"/>
-    <form action="${searchURL}" method="get" style="position:relative;" class="no-json" name="search" role="search">
-      <!-- this div is used to calculate the width of the text box -->
-      <div id="search-box-sizer"/>
-      <div id="searchform">
-        <input name="q" placeholder="${searchPlaceholder}" id="search-box" class="main-search__input" value="${request.getParameter('q')}" role="searchbox" />
+<j:jelly xmlns:j="jelly:core" xmlns:l="/lib/layout" xmlns:st="jelly:stapler">
+  <div class="page-header__hyperlinks">
+    <j:forEach var="factory" items="${h.searchFactories}">
+      <st:include it="${factory}" page="search.jelly" optional="true" />
+    </j:forEach>
 
-        <span class="main-search__icon-leading">
-          <l:icon src="symbol-search"/>
+    <j:set var="commandPaletteTooltip">
+      <div class="jenkins-keyboard-shortcut__tooltip">
+        <span class="jenkins-!-margin-right-1">
+          ${%Search}
         </span>
-        <a href="${searchHelpUrl}" class="main-search__icon-trailing">
-          <l:icon src="symbol-help-circle"/>
-        </a>
-
-        <div id="search-box-completion" data-search-url="${searchURL}" />
-        <st:adjunct includes="jenkins.views.JenkinsHeader.search-box" />
+        <l:keyboard-shortcut shortcut="CMD+K" />
       </div>
-    </form>
+    </j:set>
+
+    <button id="button-open-command-palette"
+            data-html-tooltip="${commandPaletteTooltip}"
+            data-keyboard-shortcut="CMD+K"
+            data-search-url="${rootURL + '/search/suggest'}"
+            data-search-help-url="${searchHelpUrl}"
+    >
+      <l:icon src="symbol-search" />
+    </button>
   </div>
   <script src="${resURL}/jsbundles/keyboard-shortcuts.js" type="text/javascript"/>
 </j:jelly>
diff --git a/core/src/main/resources/lib/layout/layout.jelly b/core/src/main/resources/lib/layout/layout.jelly
index 210ca66f855a..cbbfa6d9109e 100644
--- a/core/src/main/resources/lib/layout/layout.jelly
+++ b/core/src/main/resources/lib/layout/layout.jelly
@@ -179,6 +179,7 @@ THE SOFTWARE.
     <script src="${resURL}/jsbundles/app.js" type="text/javascript" defer="true" />
   </head>
   <body id="jenkins" class="${removeYUI ? '' : 'yui-skin-sam'} ${layoutType} jenkins-${h.version}" data-version="${h.version}" data-model-type="${it.class.name}">
+    <l:command-palette />
 
     <j:if test="${layoutType!='full-screen'}">
       <!-- for accessibility, skip the entire navigation bar and etc and go straight to the head of the content -->
diff --git a/eslint.config.cjs b/eslint.config.cjs
index dcbd22d73060..a546c32cfa44 100644
--- a/eslint.config.cjs
+++ b/eslint.config.cjs
@@ -36,7 +36,6 @@ module.exports = [
         CodeMirror: "readonly",
         ComboBox: "readonly",
         COMBOBOX_VERSION: "writeable",
-        createSearchBox: "readonly",
         crumb: "readonly",
         dialog: "readonly",
         ensureVisible: "readonly",
diff --git a/src/main/js/api/search.js b/src/main/js/api/search.js
new file mode 100644
index 000000000000..ebe5f89df1bd
--- /dev/null
+++ b/src/main/js/api/search.js
@@ -0,0 +1,10 @@
+/**
+ * @param {string} searchTerm
+ */
+function search(searchTerm) {
+  const address = document.getElementById("button-open-command-palette").dataset
+    .searchUrl;
+  return fetch(`${address}?query=${encodeURIComponent(searchTerm)}`);
+}
+
+export default { search: search };
diff --git a/src/main/js/app.js b/src/main/js/app.js
index 63a35226d7d4..c59153608751 100644
--- a/src/main/js/app.js
+++ b/src/main/js/app.js
@@ -1,4 +1,5 @@
 import Dropdowns from "@/components/dropdowns";
+import CommandPalette from "@/components/command-palette";
 import Notifications from "@/components/notifications";
 import SearchBar from "@/components/search-bar";
 import Tooltips from "@/components/tooltips";
@@ -7,6 +8,7 @@ import ConfirmationLink from "@/components/confirmation-link";
 import Dialogs from "@/components/dialogs";
 
 Dropdowns.init();
+CommandPalette.init();
 Notifications.init();
 SearchBar.init();
 Tooltips.init();
diff --git a/src/main/js/components/command-palette/datasources.js b/src/main/js/components/command-palette/datasources.js
new file mode 100644
index 000000000000..8357fca3feaf
--- /dev/null
+++ b/src/main/js/components/command-palette/datasources.js
@@ -0,0 +1,29 @@
+import { LinkResult } from "./models";
+import Search from "@/api/search";
+import * as Symbols from "./symbols";
+
+export const JenkinsSearchSource = {
+  execute(query) {
+    const rootUrl = document.head.dataset.rooturl;
+
+    function correctAddress(url) {
+      if (url.startsWith("/")) {
+        url = url.substring(1);
+      }
+
+      return rootUrl + "/" + url;
+    }
+
+    return Search.search(query).then((rsp) =>
+      rsp.json().then((data) => {
+        return data["suggestions"].slice().map((e) =>
+          LinkResult({
+            icon: Symbols.SEARCH,
+            label: e.name,
+            url: correctAddress(e.url),
+          }),
+        );
+      }),
+    );
+  },
+};
diff --git a/src/main/js/components/command-palette/index.js b/src/main/js/components/command-palette/index.js
new file mode 100644
index 000000000000..dfb3c6eb7efe
--- /dev/null
+++ b/src/main/js/components/command-palette/index.js
@@ -0,0 +1,155 @@
+import { LinkResult } from "@/components/command-palette/models";
+import { JenkinsSearchSource } from "./datasources";
+import debounce from "lodash/debounce";
+import * as Symbols from "./symbols";
+import makeKeyboardNavigable from "@/util/keyboard";
+import { xmlEscape } from "@/util/security";
+import { createElementFromHtml } from "@/util/dom";
+
+const datasources = [JenkinsSearchSource];
+
+function init() {
+  const i18n = document.getElementById("command-palette-i18n");
+  const headerCommandPaletteButton = document.getElementById(
+    "button-open-command-palette",
+  );
+  const commandPalette = document.getElementById("command-palette");
+  const commandPaletteWrapper = commandPalette.querySelector(
+    ".jenkins-command-palette__wrapper",
+  );
+  const commandPaletteInput = document.getElementById("command-bar");
+  const commandPaletteSearchBarContainer = commandPalette.querySelector(
+    ".jenkins-command-palette__search",
+  );
+  const searchResults = document.getElementById("search-results");
+  const searchResultsContainer = document.getElementById(
+    "search-results-container",
+  );
+
+  const hoverClass = "jenkins-command-palette__results__item--hover";
+
+  makeKeyboardNavigable(
+    searchResultsContainer,
+    () => searchResults.querySelectorAll("a"),
+    hoverClass,
+  );
+
+  // Events
+  headerCommandPaletteButton.addEventListener("click", function () {
+    if (commandPalette.hasAttribute("open")) {
+      hideCommandPalette();
+    } else {
+      showCommandPalette();
+    }
+  });
+
+  commandPaletteWrapper.addEventListener("click", function (e) {
+    if (e.target !== e.currentTarget) {
+      return;
+    }
+
+    hideCommandPalette();
+  });
+
+  function renderResults() {
+    const query = commandPaletteInput.value;
+    let results;
+
+    if (query.length === 0) {
+      results = Promise.all([
+        LinkResult({
+          icon: Symbols.HELP,
+          label: i18n.dataset.getHelp,
+          url: headerCommandPaletteButton.dataset.searchHelpUrl,
+          isExternal: true,
+        }),
+      ]);
+    } else {
+      results = Promise.all(datasources.map((ds) => ds.execute(query))).then(
+        (e) => e.flat(),
+      );
+    }
+
+    results.then((results) => {
+      // Clear current search results
+      searchResults.innerHTML = "";
+
+      if (query.length === 0 || Object.keys(results).length > 0) {
+        results.forEach(function (obj) {
+          const link = createElementFromHtml(obj.render());
+          link.addEventListener("mouseenter", (e) => itemMouseEnter(e));
+          searchResults.append(link);
+        });
+
+        updateSelectedItem(0);
+      } else {
+        const label = document.createElement("p");
+        label.className = "jenkins-command-palette__info";
+        label.innerHTML =
+          "<span>" +
+          i18n.dataset.noResultsFor +
+          "</span> " +
+          xmlEscape(commandPaletteInput.value);
+        searchResults.append(label);
+      }
+
+      searchResultsContainer.style.height = searchResults.offsetHeight + "px";
+      commandPaletteSearchBarContainer.classList.remove(
+        "jenkins-search--loading",
+      );
+    });
+  }
+
+  const debouncedLoad = debounce(() => {
+    renderResults();
+  }, 150);
+
+  commandPaletteInput.addEventListener("input", () => {
+    commandPaletteSearchBarContainer.classList.add("jenkins-search--loading");
+    debouncedLoad();
+  });
+
+  // Helper methods for visibility of command palette
+  function showCommandPalette() {
+    commandPalette.showModal();
+    commandPaletteInput.focus();
+    commandPaletteInput.setSelectionRange(0, commandPaletteInput.value.length);
+
+    renderResults();
+  }
+
+  function hideCommandPalette() {
+    commandPalette.close();
+  }
+
+  function itemMouseEnter(item) {
+    let hoveredItems = document.querySelector("." + hoverClass);
+    if (hoveredItems) {
+      hoveredItems.classList.remove(hoverClass);
+    }
+
+    item.target.classList.add(hoverClass);
+  }
+
+  function updateSelectedItem(index, scrollIntoView = false) {
+    const maxLength = searchResults.getElementsByTagName("a").length;
+    const hoveredItem = document.querySelector("." + hoverClass);
+
+    if (hoveredItem) {
+      hoveredItem.classList.remove(hoverClass);
+    }
+
+    if (index < maxLength) {
+      const element = Array.from(searchResults.getElementsByTagName("a"))[
+        index
+      ];
+      element.classList.add(hoverClass);
+
+      if (scrollIntoView) {
+        element.scrollIntoView();
+      }
+    }
+  }
+}
+
+export default { init };
diff --git a/src/main/js/components/command-palette/models.js b/src/main/js/components/command-palette/models.js
new file mode 100644
index 000000000000..8159ce68c9a2
--- /dev/null
+++ b/src/main/js/components/command-palette/models.js
@@ -0,0 +1,27 @@
+import * as Symbols from "./symbols";
+import { xmlEscape } from "@/util/security";
+
+/**
+ * @param {Object} params
+ * @param {string} params.icon
+ * @param {string} params.label
+ * @param {string} params.url
+ * @param {boolean | undefined} params.isExternal
+ */
+export function LinkResult(params) {
+  return {
+    label: params.label,
+    url: params.url,
+    render: () => {
+      return `<a class="jenkins-command-palette__results__item" href="${xmlEscape(
+        params.url,
+      )}">
+        <div class="jenkins-command-palette__results__item__icon">${
+          params.icon
+        }</div>
+        ${xmlEscape(params.label)}
+        ${params.isExternal ? Symbols.EXTERNAL_LINK : ""}
+    </a>`;
+    },
+  };
+}
diff --git a/src/main/js/components/command-palette/symbols.js b/src/main/js/components/command-palette/symbols.js
new file mode 100644
index 000000000000..f1d7b63c4b2c
--- /dev/null
+++ b/src/main/js/components/command-palette/symbols.js
@@ -0,0 +1,3 @@
+export const EXTERNAL_LINK = `<svg class="jenkins-command-palette__results__item__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48M336 64h112v112M224 288L440 72" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="40"/></svg>`;
+export const HELP = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 40a216 216 0 10216 216A216 216 0 00256 40z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="38"/><path d="M200 202.29s.84-17.5 19.57-32.57C230.68 160.77 244 158.18 256 158c10.93-.14 20.69 1.67 26.53 4.45 10 4.76 29.47 16.38 29.47 41.09 0 26-17 37.81-36.37 50.8S251 281.43 251 296" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="38"/><circle cx="250" cy="360" r="25" fill="currentColor"/></svg>`;
+export const SEARCH = `<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Search</title><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"/></svg>`;
diff --git a/src/main/js/keyboard-shortcuts.js b/src/main/js/keyboard-shortcuts.js
index 3a10f4938b55..d22c023121ea 100644
--- a/src/main/js/keyboard-shortcuts.js
+++ b/src/main/js/keyboard-shortcuts.js
@@ -1,19 +1,21 @@
 import hotkeys from "hotkeys-js";
 
 window.addEventListener("load", () => {
-  const searchBar = document.querySelector("#search-box");
-  searchBar.placeholder =
-    searchBar.placeholder +
-    ` (${translateModifierKeysForUsersPlatform("CMD+K").replace("CMD", "⌘")})`;
+  const openCommandPaletteButton = document.querySelector(
+    "#button-open-command-palette",
+  );
+  if (openCommandPaletteButton) {
+    hotkeys(translateModifierKeysForUsersPlatform("CMD+K"), () => {
+      openCommandPaletteButton.click();
 
-  hotkeys(translateModifierKeysForUsersPlatform("CMD+K"), () => {
-    searchBar.focus();
-
-    // Returning false stops the event and prevents default browser events
-    return false;
-  });
+      // Returning false stops the event and prevents default browser events
+      return false;
+    });
+  }
 
-  const pageSearchBar = document.querySelectorAll(".jenkins-search__input");
+  const pageSearchBar = document.querySelectorAll(
+    "#page-body .jenkins-search__input",
+  );
   if (pageSearchBar.length === 1) {
     hotkeys("/", () => {
       pageSearchBar[0].focus();
diff --git a/src/main/scss/abstracts/_mixins.scss b/src/main/scss/abstracts/_mixins.scss
index 63a963f698c6..7999284e1a96 100644
--- a/src/main/scss/abstracts/_mixins.scss
+++ b/src/main/scss/abstracts/_mixins.scss
@@ -59,6 +59,7 @@
 @mixin item {
   position: relative;
   z-index: 0;
+  text-decoration: none !important;
   border-radius: 0.66rem;
 
   &::before,
diff --git a/src/main/scss/abstracts/_theme.scss b/src/main/scss/abstracts/_theme.scss
index 9353cc165201..f1248e5b21de 100644
--- a/src/main/scss/abstracts/_theme.scss
+++ b/src/main/scss/abstracts/_theme.scss
@@ -199,6 +199,19 @@ $semantics: (
   --link-text-decoration--active: underline;
   --link-font-weight: 450;
 
+  // Command Palette
+  --command-palette-results-backdrop-filter: contrast(0.7) brightness(1.5)
+    saturate(1.4) blur(20px);
+  --command-palette-inset-shadow: inset 0 0 2px 2px rgba(255, 255, 255, 0.1);
+
+  ::backdrop {
+    --command-palette-backdrop-background: radial-gradient(
+      farthest-corner at 50% 30vh,
+      rgba(0, 0, 0, 0.3),
+      rgba(0, 0, 0, 0.1)
+    );
+  }
+
   // Tooltips
   --tooltip-backdrop-filter: saturate(2) blur(20px);
   --tooltip-color: var(--text-color);
diff --git a/src/main/scss/components/_command-palette.scss b/src/main/scss/components/_command-palette.scss
new file mode 100644
index 000000000000..6c3b16517e3a
--- /dev/null
+++ b/src/main/scss/components/_command-palette.scss
@@ -0,0 +1,176 @@
+@use "../abstracts/mixins";
+
+.jenkins-command-palette__dialog {
+  &::backdrop {
+    background: var(--command-palette-backdrop-background);
+    backdrop-filter: contrast(0.7) brightness(0.9) saturate(1.25) blur(3px);
+    animation: jenkins-modal-backdrop-animate-in 0.3s;
+  }
+}
+
+.jenkins-command-palette__dialog {
+  background: none;
+  border: none;
+  height: 100vw !important;
+  max-height: 100vh !important;
+  width: 100vw !important;
+  max-width: 100vw !important;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+.jenkins-command-palette__wrapper {
+  width: 100%;
+  height: 100%;
+  max-height: 100vh;
+  overflow: scroll;
+  padding-top: 20vh;
+}
+
+.jenkins-command-palette {
+  position: relative;
+  width: 50vw;
+  min-width: 400px;
+  max-width: 650px;
+  color: var(--text-color);
+  pointer-events: auto;
+  margin: 0 auto 20vh;
+
+  &__search {
+    --search-bar-height: 3rem !important;
+
+    background: transparent;
+    box-shadow:
+      0 0 0 20px transparent,
+      var(--command-palette-inset-shadow);
+    margin-bottom: 1.5rem;
+    border-radius: 1rem;
+    transition: var(--standard-transition);
+    z-index: 10;
+    backdrop-filter: var(--command-palette-results-backdrop-filter);
+    max-width: unset;
+
+    input {
+      background: transparent !important;
+      border-radius: inherit;
+
+      &::before,
+      &::after {
+        border-radius: inherit;
+      }
+    }
+
+    &::before {
+      content: unset;
+    }
+  }
+
+  &__results-container {
+    display: flex;
+    flex-direction: column;
+    border-radius: 1rem;
+    backdrop-filter: var(--command-palette-results-backdrop-filter);
+    box-shadow: var(--command-palette-inset-shadow);
+    height: 0;
+    transition: height var(--standard-transition);
+    overflow: hidden;
+    will-change: height;
+  }
+
+  &__results {
+    display: flex;
+    flex-direction: column;
+    padding: 0.5rem;
+
+    &__heading {
+      font-weight: 600;
+      font-size: 0.85rem;
+      margin: 0;
+      padding: 0.75rem 0.75rem 0.625rem;
+      color: var(--text-color-secondary);
+
+      &:not(:first-of-type) {
+        padding-top: 2rem;
+      }
+    }
+
+    &__item {
+      @include mixins.item;
+
+      --item-background--hover: color-mix(
+        in sRGB,
+        var(--text-color-secondary) 15%,
+        transparent
+      );
+      --item-background--active: color-mix(
+        in sRGB,
+        var(--text-color-secondary) 20%,
+        transparent
+      );
+
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+      background: transparent;
+      padding: 0.75rem;
+      border-radius: 0.66rem;
+      font-weight: 600;
+      cursor: pointer;
+      color: var(--text-color) !important;
+      transition: var(--standard-transition);
+      box-shadow: 0 0 0 10px transparent;
+      border: none;
+      outline: none;
+
+      &--hover {
+        &::before {
+          background-color: var(--item-background--hover);
+        }
+      }
+
+      &__icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 1.4rem;
+        height: 1.4rem;
+        margin-right: 12.5px;
+        overflow: hidden;
+        pointer-events: none;
+        color: var(--text-color);
+
+        svg,
+        img {
+          width: 1.2rem;
+          height: 1.2rem;
+        }
+      }
+
+      &__description {
+        opacity: 0.5;
+        margin-left: 1ch;
+      }
+
+      &__chevron {
+        position: absolute;
+        top: calc(50% - 8px);
+        right: 12.5px;
+        width: 16px;
+        height: 16px;
+        opacity: 0.5;
+      }
+    }
+  }
+
+  &__info {
+    font-weight: 600;
+    font-size: 0.85rem;
+    margin: 0;
+    padding: 12.5px 12.5px 10px;
+    color: var(--text-color);
+
+    span {
+      color: var(--text-color-secondary);
+    }
+  }
+}
diff --git a/src/main/scss/components/_index.scss b/src/main/scss/components/_index.scss
index f3167bd091f9..d9c4133a2730 100644
--- a/src/main/scss/components/_index.scss
+++ b/src/main/scss/components/_index.scss
@@ -5,6 +5,7 @@
 @use "buttons";
 @use "buttons-deprecated";
 @use "cards";
+@use "command-palette";
 @use "content-blocks";
 @use "dialogs";
 @use "dropdowns";
diff --git a/src/main/scss/components/_page-header.scss b/src/main/scss/components/_page-header.scss
index e1b34ea09c71..76c7fc9028e4 100644
--- a/src/main/scss/components/_page-header.scss
+++ b/src/main/scss/components/_page-header.scss
@@ -47,6 +47,7 @@ a.page-header__brand-link {
 }
 
 .page-header__hyperlinks > a,
+.page-header__hyperlinks > button,
 .am-container > a {
   @include mixins.item;
 
@@ -54,11 +55,21 @@ a.page-header__brand-link {
 
   display: inline-flex;
   align-items: center;
+  appearance: none;
+  background: transparent;
+  outline: none;
+  border: none;
+  cursor: pointer;
   color: var(--text-color);
   text-decoration: none;
   padding: 0.5rem;
   margin-right: 0 !important;
 
+  svg {
+    width: 1.25rem;
+    height: 1.25rem;
+  }
+
   &::before,
   &::after {
     inset: 0 !important;
diff --git a/src/main/scss/form/_search-bar.scss b/src/main/scss/form/_search-bar.scss
index 1cff381003ed..ab4f6e9718cf 100644
--- a/src/main/scss/form/_search-bar.scss
+++ b/src/main/scss/form/_search-bar.scss
@@ -38,7 +38,7 @@
       min-height: 1.1rem;
       aspect-ratio: 1;
       margin-right: 0.2rem;
-      background: currentColor;
+      background: var(--text-color-secondary);
       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z'/%3E%3C/svg%3E");
       mask-size: contain;
       mask-repeat: no-repeat;
@@ -49,11 +49,11 @@
       cursor: pointer;
 
       &:hover {
-        opacity: 0.75 !important;
+        opacity: 0.85 !important;
       }
 
       &:active {
-        opacity: 1 !important;
+        opacity: 0.7 !important;
       }
     }
 
@@ -78,6 +78,21 @@
       }
     }
 
+    &:active,
+    &:focus {
+      outline: none;
+      background: var(--item-background--active);
+      box-shadow:
+        0 0 0 2px var(--focus-input-border),
+        0 0 0 7px var(--focus-input-glow);
+
+      &::-webkit-search-cancel-button {
+        opacity: 1;
+        pointer-events: all;
+        transform: scale(1);
+      }
+    }
+
     &:disabled {
       cursor: not-allowed;
     }
@@ -106,22 +121,24 @@
     &::before,
     &::after {
       content: "";
-      width: 0;
-      height: 0;
+      width: 45%;
+      height: 45%;
       max-width: 1.1rem;
       max-height: 1.1rem;
-      border: 0.125rem solid currentColor;
+      border: 0.125rem solid var(--text-color-secondary);
       border-radius: 100%;
       transition: var(--standard-transition);
       grid-column-start: 1;
       grid-row-start: 1;
       place-self: center center;
       opacity: 0;
+      scale: 0;
+      filter: blur(5px);
     }
 
     &::after {
+      border-color: currentColor;
       clip-path: inset(0 0 50% 50%);
-      transition: var(--standard-transition);
       animation: loading-spinner 1s infinite linear;
 
       @media (prefers-reduced-motion) {
@@ -144,19 +161,20 @@
     .jenkins-search__icon {
       svg {
         opacity: 0;
-        transform: scale(0);
+        scale: 0;
+        filter: blur(5px);
       }
 
       &::before {
-        opacity: 0.2;
-        width: 45%;
-        height: 45%;
+        opacity: 0.5;
+        scale: 1;
+        filter: blur(0);
       }
 
       &::after {
         opacity: 1;
-        width: 45%;
-        height: 45%;
+        scale: 1;
+        filter: blur(0);
       }
     }
   }
diff --git a/test/src/test/java/hudson/model/AbstractProjectTest.java b/test/src/test/java/hudson/model/AbstractProjectTest.java
index 290096ae30bc..04db7ea8f4fb 100644
--- a/test/src/test/java/hudson/model/AbstractProjectTest.java
+++ b/test/src/test/java/hudson/model/AbstractProjectTest.java
@@ -663,6 +663,7 @@ private void testAutoCompleteResponse(JSONObject responseBody, String... project
         for (String p : projects) {
             JSONObject o = new JSONObject();
             o.put("name", p);
+            o.put("url", JSONObject.fromObject(null));
             expected.add(o);
         }
         assertThat(suggestions.containsAll(expected), is(true));
diff --git a/test/src/test/java/hudson/search/SearchTest.java b/test/src/test/java/hudson/search/SearchTest.java
index be92c9dd471a..31660090eba2 100644
--- a/test/src/test/java/hudson/search/SearchTest.java
+++ b/test/src/test/java/hudson/search/SearchTest.java
@@ -28,6 +28,7 @@
 import static org.junit.Assert.assertFalse;
 import static org.junit.Assert.assertNotNull;
 import static org.junit.Assert.assertTrue;
+import static org.jvnet.hudson.test.QueryUtils.waitUntilStringIsPresent;
 
 import hudson.model.FreeStyleProject;
 import hudson.model.ListView;
@@ -38,7 +39,6 @@
 import hudson.security.GlobalMatrixAuthorizationStrategy;
 import java.io.IOException;
 import java.lang.reflect.Field;
-import java.net.HttpURLConnection;
 import java.net.URL;
 import java.util.ArrayList;
 import java.util.Collections;
@@ -48,6 +48,8 @@
 import net.sf.json.JSONObject;
 import net.sf.json.JSONSerializer;
 import org.htmlunit.Page;
+import org.htmlunit.html.HtmlButton;
+import org.htmlunit.html.HtmlInput;
 import org.htmlunit.html.HtmlPage;
 import org.junit.Rule;
 import org.junit.Test;
@@ -64,15 +66,22 @@ public class SearchTest {
 
     @Rule public JenkinsRule j = new JenkinsRule();
 
-    /**
-     * No exact match should result in a failure status code.
-     */
+    private void searchWithoutNavigating(HtmlPage page, String query) throws IOException {
+        HtmlButton button = page.querySelector("#button-open-command-palette");
+        button.click();
+
+        HtmlInput search = page.querySelector("#command-bar");
+        search.setValue(query);
+        page.executeJavaScript("document.querySelector('#command-bar').dispatchEvent(new Event(\"input\"))");
+    }
+
     @Test
     public void testFailure() throws Exception {
-        WebClient wc = j.createWebClient()
-                .withThrowExceptionOnFailingStatusCode(false);
-        HtmlPage resultPage = wc.search("no-such-thing");
-        assertEquals(HttpURLConnection.HTTP_NOT_FOUND, resultPage.getWebResponse().getStatusCode());
+        HtmlPage page = j.createWebClient().goTo("");
+
+        searchWithoutNavigating(page, "no-such-thing");
+
+        waitUntilStringIsPresent(page, "No results for no-such-thing");
     }
 
     /**
@@ -81,13 +90,17 @@ public void testFailure() throws Exception {
     @Issue("JENKINS-3415")
     @Test
     public void testXSS() throws Exception {
-        WebClient wc = j.createWebClient()
-                .withThrowExceptionOnFailingStatusCode(false);
+        WebClient wc = j.createWebClient();
         wc.setAlertHandler((page, message) -> {
             throw new AssertionError();
         });
-        HtmlPage resultPage = wc.search("<script>alert('script');</script>");
-        assertEquals(HttpURLConnection.HTTP_NOT_FOUND, resultPage.getWebResponse().getStatusCode());
+        FreeStyleProject freeStyleProject = j.createFreeStyleProject("Project");
+        freeStyleProject.setDisplayName("<script>alert('script');</script>");
+
+        Page result = wc.search("<script>alert('script');</script>");
+
+        assertNotNull(result);
+        assertEquals(j.getInstance().getRootUrl() + freeStyleProject.getUrl(), result.getUrl().toString());
     }
 
     @Test
@@ -127,7 +140,7 @@ public void testSearchByProjectNameInAFolder() throws Exception {
         MockFolder myMockFolder = j.createFolder("my-folder-1");
         FreeStyleProject myFreeStyleProject = myMockFolder.createProject(FreeStyleProject.class, "my-job-1");
 
-        Page result = j.createWebClient().goTo(myMockFolder.getUrl() + "search?q=" + myFreeStyleProject.getFullName());
+        Page result = j.search(myFreeStyleProject.getName());
 
         assertNotNull(result);
         j.assertGoodStatus(result);
@@ -181,41 +194,6 @@ public void testSearch2ProjectsWithSameDisplayName() throws Exception {
         assertFalse(contents.contains(otherDisplayName));
     }
 
-    @Test
-    public void testProjectNamePrecedesDisplayName() throws Exception {
-        final String project1Name = "foo";
-        final String project1DisplayName = "project1DisplayName";
-        final String project2Name = "project2Name";
-        final String project2DisplayName = project1Name;
-        final String project3Name = "project3Name";
-        final String project3DisplayName = "project3DisplayName";
-
-        // create 1 freestyle project with the name foo
-        FreeStyleProject project1 = j.createFreeStyleProject(project1Name);
-        project1.setDisplayName(project1DisplayName);
-
-        // create another with the display name foo
-        FreeStyleProject project2 = j.createFreeStyleProject(project2Name);
-        project2.setDisplayName(project2DisplayName);
-
-        // create a third project and make sure it's not picked up by search
-        FreeStyleProject project3 = j.createFreeStyleProject(project3Name);
-        project3.setDisplayName(project3DisplayName);
-
-        // search for foo
-        Page result = j.search(project1Name);
-        assertNotNull(result);
-        j.assertGoodStatus(result);
-
-        // make sure we get the project with the name foo
-        String contents = result.getWebResponse().getContentAsString();
-        assertTrue(contents.contains(String.format("<title>%s [Jenkins]</title>", project1DisplayName)));
-        // make sure projects 2 and 3 were not picked up
-        assertFalse(contents.contains(project2Name));
-        assertFalse(contents.contains(project3Name));
-        assertFalse(contents.contains(project3DisplayName));
-    }
-
     @Test
     public void testGetSuggestionsHasBothNamesAndDisplayNames() throws Exception {
         final String projectName = "project name";
@@ -335,7 +313,7 @@ public void testProjectNameInAFolderDisplayName() throws Exception {
 
             String name = (String) jsonSuggestion.get("name");
 
-            if (displayName2.equals(name)) {
+            if ("my-folder-1 » job-2".equals(name)) {
                 foundDisplayName = true;
             }
         }
diff --git a/test/src/test/java/hudson/widgets/HistoryWidgetTest.java b/test/src/test/java/hudson/widgets/HistoryWidgetTest.java
index 45af1b28b806..bc1229d3b658 100644
--- a/test/src/test/java/hudson/widgets/HistoryWidgetTest.java
+++ b/test/src/test/java/hudson/widgets/HistoryWidgetTest.java
@@ -36,7 +36,7 @@ public void displayFilterInput() throws Exception {
 
         { // Filter input shouldn't display when there's no build
             HtmlPage page = wc.goTo("job/" + p.getName());
-            DomNode searchInputContainer = page.querySelector(".jenkins-search");
+            DomNode searchInputContainer = page.querySelector("#jenkins-builds .jenkins-search");
             assertTrue(searchInputContainer.getAttributes().getNamedItem("class").getNodeValue().contains("jenkins-hidden"));
         }
 
@@ -44,7 +44,7 @@ public void displayFilterInput() throws Exception {
 
         { // Filter input should display when there's a build
             HtmlPage page = wc.goTo("job/" + p.getName());
-            DomNode searchInputContainer = page.querySelector(".jenkins-search");
+            DomNode searchInputContainer = page.querySelector("#jenkins-builds .jenkins-search");
             assertFalse(searchInputContainer.getAttributes().getNamedItem("class").getNodeValue().contains("jenkins-hidden"));
         }
     }
diff --git a/test/src/test/java/jenkins/model/JenkinsTest.java b/test/src/test/java/jenkins/model/JenkinsTest.java
index 3f3f615a6c5f..8469c9b46c36 100644
--- a/test/src/test/java/jenkins/model/JenkinsTest.java
+++ b/test/src/test/java/jenkins/model/JenkinsTest.java
@@ -132,8 +132,7 @@ public void verifyUploadedFingerprintFilePermission() throws Exception {
         assumeFalse(Functions.isWindows());
 
         HtmlPage page = j.createWebClient().goTo("fingerprintCheck");
-        // The form doesn't have a name, the page contain the search form and the one we're interested in
-        HtmlForm form = page.getForms().get(1);
+        HtmlForm form = page.getForms().get(0);
         File dir = tmp.newFolder();
         File plugin = new File(dir, "htmlpublisher.jpi");
         // We're using a plugin to have a file above DiskFileItemFactory.DEFAULT_SIZE_THRESHOLD
diff --git a/war/src/main/webapp/scripts/hudson-behavior.js b/war/src/main/webapp/scripts/hudson-behavior.js
index da691e76c97f..9ae3d9298d37 100644
--- a/war/src/main/webapp/scripts/hudson-behavior.js
+++ b/war/src/main/webapp/scripts/hudson-behavior.js
@@ -895,6 +895,7 @@ function preventInputEe(event) {
   }
 }
 
+// eslint-disable-next-line no-unused-vars
 function escapeHTML(html) {
   return html
     .replace(/&/g, "&amp;")
@@ -2201,6 +2202,7 @@ function toQueryString(params) {
 }
 
 // get the cascaded computed style value. 'a' is the style name like 'backgroundColor'
+// eslint-disable-next-line no-unused-vars
 function getStyle(e, a) {
   if (document.defaultView && document.defaultView.getComputedStyle) {
     return document.defaultView
@@ -2259,61 +2261,6 @@ function ensureVisible(e) {
   }
 }
 
-// set up logic behind the search box
-// eslint-disable-next-line no-unused-vars
-function createSearchBox(searchURL) {
-  var ds = new YAHOO.util.XHRDataSource(searchURL + "suggest");
-  ds.responseType = YAHOO.util.XHRDataSource.TYPE_JSON;
-  ds.responseSchema = {
-    resultsList: "suggestions",
-    fields: ["name"],
-  };
-  var ac = new YAHOO.widget.AutoComplete(
-    "search-box",
-    "search-box-completion",
-    ds,
-  );
-  ac.typeAhead = false;
-  ac.autoHighlight = false;
-  ac.formatResult = ac.formatEscapedResult;
-  ac.maxResultsDisplayed = 25;
-
-  var box = document.getElementById("search-box");
-  var sizer = document.getElementById("search-box-sizer");
-  var comp = document.getElementById("search-box-completion");
-
-  Behaviour.addLoadEvent(function () {
-    // copy font style of box to sizer
-    var ds = sizer.style;
-    ds.fontFamily = getStyle(box, "fontFamily");
-    ds.fontSize = getStyle(box, "fontSize");
-    ds.fontStyle = getStyle(box, "fontStyle");
-    ds.fontWeight = getStyle(box, "fontWeight");
-  });
-
-  // update positions and sizes of the components relevant to search
-  function updatePos() {
-    sizer.innerHTML = escapeHTML(box.value);
-    var cssWidth,
-      offsetWidth = sizer.offsetWidth;
-    if (offsetWidth > 0) {
-      cssWidth = offsetWidth + "px";
-    } else {
-      // sizer hidden on small screen, make sure resizing looks OK
-      cssWidth = getStyle(sizer, "minWidth");
-    }
-    box.style.width = comp.firstElementChild.style.minWidth =
-      "calc(60px + " + cssWidth + ")";
-
-    var pos = YAHOO.util.Dom.getXY(box);
-    pos[1] += YAHOO.util.Dom.get(box).offsetHeight + 2;
-    YAHOO.util.Dom.setXY(comp, pos);
-  }
-
-  updatePos();
-  box.addEventListener("input", updatePos);
-}
-
 /**
  * Finds the DOM node of the given DOM node that acts as a parent in the form submission.
  *