diff --git a/frontend/assets/css/main.scss b/frontend/assets/css/main.scss
index 77fce977f..65f963956 100644
--- a/frontend/assets/css/main.scss
+++ b/frontend/assets/css/main.scss
@@ -3,14 +3,20 @@
 @import "~/assets/css/fonts.scss";
 @import "~/assets/css/utils.scss";
 
+html {
+  transition-behavior: allow-discrete;
+  interpolate-size: allow-keywords;
+}
+
 html,
 h1,h2,h3,h4,h5,h6,
+input,
 ul,
 li
  {
   margin: 0;
   padding: 0;
-  font: inherit;
+  font: var(--standard_text_font_family);
 }
 ul {
   padding-inline-start: 1.5rem;
diff --git a/frontend/assets/css/prime.scss b/frontend/assets/css/prime.scss
index 2816bfd93..e4728b694 100644
--- a/frontend/assets/css/prime.scss
+++ b/frontend/assets/css/prime.scss
@@ -503,7 +503,7 @@ div.p-select {
     height: 30px;
 
     .p-select-label {
-      font-size: var(--tiny_text_font_size);
+      font-size: var(--small_text_font_size);
       color: var(--input-active-text-color);
     }
 
@@ -641,4 +641,5 @@ div.p-accordion {
 
 div.p-dialog-mask.p-overlay-mask {
   background: rgba(0, 0, 0, 0.5);
+  // isolation: isolate;
 }
\ No newline at end of file
diff --git a/frontend/components/bc/BcButtonIcon.vue b/frontend/components/bc/BcButtonIcon.vue
index 1720a3c99..11bdeff49 100644
--- a/frontend/components/bc/BcButtonIcon.vue
+++ b/frontend/components/bc/BcButtonIcon.vue
@@ -10,7 +10,10 @@ const props = defineProps<{
 </script>
 
 <template>
-  <button class="bc-button-icon">
+  <button
+    class="bc-button-icon"
+    type="button"
+  >
     <BcScreenreaderOnly>{{ props.screenreaderText }}</BcScreenreaderOnly>
     <slot />
   </button>
@@ -20,5 +23,10 @@ const props = defineProps<{
   .bc-button-icon {
     background-color: unset;
     border: unset;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.875rem;
+
 }
 </style>
diff --git a/frontend/components/bc/BcInputSearch.vue b/frontend/components/bc/BcInputSearch.vue
new file mode 100644
index 000000000..444d1475b
--- /dev/null
+++ b/frontend/components/bc/BcInputSearch.vue
@@ -0,0 +1,315 @@
+<script setup lang="ts" generic="T">
+const props = withDefaults(defineProps<{
+  hasFocus?: boolean,
+  isLoading: boolean,
+  results: T[],
+  shouldClearOnSubmit?: boolean,
+  shouldSelectFirstResult?: boolean,
+}>(), {
+  shouldClearOnSubmit: true,
+})
+
+const emit = defineEmits<{
+  (e: 'search', value: string): void,
+  (e: 'submit', value: T): void,
+}>()
+
+const { t: $t } = useTranslation()
+
+const input = defineModel<string>()
+
+const elementInput = ref<HTMLElement | null>(null)
+const hasInput = computed(() => input.value?.length)
+
+const idResults = useId()
+const elementResults = ref<HTMLElement | null>(null)
+
+const idElementList = useId()
+const elementList = ref<Array<HTMLElement> | null>(null)
+
+const resultItems = computed(() => {
+  if (!elementList.value) return []
+  const result = elementList.value
+  return result
+})
+
+const hasResults = computed(() => props.results.length)
+const hasPopover = ref(false)
+
+const currentIndex = ref(-1)
+
+const changeSelectedIndex = (step: number) => {
+  showPopover()
+  currentIndex.value = currentIndex.value + step
+  if (currentIndex.value >= resultItems.value.length) {
+    currentIndex.value = 0
+    return
+  }
+  if (currentIndex.value < 0) {
+    currentIndex.value = resultItems.value.length - 1
+    return
+  }
+}
+
+const {
+  bottom,
+  left,
+  right,
+  update: updatePositionOfInput,
+} = useElementBounding(elementInput, {
+  immediate: false,
+})
+
+const showPopover = () => {
+  updatePositionOfInput()
+  hasPopover.value = true
+  if (!elementResults.value || elementResults.value.matches(':popover-open')) return
+  if (props.shouldSelectFirstResult) currentIndex.value = 0
+  elementResults.value.showPopover()
+}
+const hidePopover = () => {
+  hasPopover.value = false
+  currentIndex.value = -1
+  if (!elementResults.value || !elementResults.value.matches(':popover-open')) return
+  elementResults.value.hidePopover()
+}
+
+const isEmpty = computed(() => !props.results.length)
+watchDebounced(input, async () => {
+  emit('search', input.value ?? '')
+})
+watch(hasInput, () => {
+  if (!hasInput.value) {
+    hidePopover()
+  }
+})
+watch(() => props.results, () => {
+  if (!hasInput.value) return
+  showPopover()
+})
+watchEffect(() => {
+  elementResults.value?.style.setProperty('--position-top', bottom.value + 'px')
+  elementResults.value?.style.setProperty('--position-left', left.value + 'px')
+  elementResults.value?.style.setProperty('--position-right', right.value + 'px')
+})
+
+const handleEsc = (event: KeyboardEvent) => {
+  if (!hasInput.value) return
+  event.stopPropagation()
+  if (!hasPopover.value) return
+  event.preventDefault()
+  hidePopover()
+}
+const handleFocus = (event: Event) => {
+  if (!(event.target as HTMLInputElement).value) return
+  if (hasResults.value) showPopover()
+}
+
+const selectedResult = computed(() => props.results[currentIndex.value])
+const handleSubmit = () => {
+  if (!selectedResult.value) return
+  emit('submit', toRaw(selectedResult.value))
+  if (props.shouldClearOnSubmit) input.value = ''
+  hidePopover()
+}
+const handleClick = (index: number) => {
+  currentIndex.value = index
+  elementInput.value?.focus()
+  handleSubmit()
+}
+const isResultsHovered = () => elementResults.value?.matches(':hover')
+const handleBlur = () => {
+  if (isResultsHovered()) {
+    // elementInput.value?.focus()
+    return
+  }
+  hidePopover()
+}
+onMounted(() => {
+  if (props.hasFocus) elementInput.value?.focus()
+})
+</script>
+
+<template>
+  <form
+    role="search"
+    class="bc-input-search__form"
+    @keydown.arrow-up.prevent="hasResults && changeSelectedIndex(-1)"
+    @keydown.arrow-down.prevent="hasResults && changeSelectedIndex(+1)"
+    @keydown.arrow-down.alt.exact.prevent="hasResults && showPopover()"
+    @keydown.esc="handleEsc"
+    @submit.prevent="handleSubmit"
+  >
+    <input
+      ref="elementInput"
+      v-model.trim="input"
+      role="combobox"
+      :aria-expanded="hasPopover"
+      :aria-busy="isLoading"
+      aria-autocomplete="none"
+      :aria-controls="idResults"
+      :aria-label="$t('dashboard.validator.management.search.label')"
+      :aria-activedescendant="results.length ? `${idElementList}-${currentIndex}` : `${idResults}-empty`"
+      :placeholder="$t('dashboard.validator.management.search.placeholder')"
+      type="search"
+      class="bc-input-search__input"
+      :class="{ 'bc-input-search__input--has-popover': hasPopover }"
+      @blur="handleBlur"
+      @focus="handleFocus"
+    >
+    <span
+      class="bc-input-search__loading-indicator"
+    >
+      <BcLoadingSpinner
+        v-if="isLoading"
+        size="full"
+        loading
+      />
+    </span>
+    <div
+      :id="idResults"
+      ref="elementResults"
+      popover="manual"
+      class="bc-input-search__results"
+      :class="{ 'bc-input-search__results--has-popover': hasPopover }"
+    >
+      <div
+        class="bc-input-search__results_content"
+      >
+        <div
+          v-if="isEmpty"
+          :id="`${idResults}-empty`"
+          class="bc-input-search__list-content-empty"
+        >
+          <slot name="empty">
+            {{ $t('common.empty_search') }}
+          </slot>
+        </div>
+        <slot
+          v-else
+          name="results"
+          :results
+          role="listbox"
+        >
+          <ul
+            role="listbox"
+            aria-label="Add the following validators to your dashbard"
+            class="bc-input-search__list"
+          >
+            <!-- <li
+              v-for="(item, index) in results"
+              :id="`${idElementList}-${index}`"
+              :key="`${item}-${index}`"
+              ref="elementList"
+              role="option"
+              class="bc-input-search__list-item"
+            >
+              <slot name="result" :item />
+            </li> -->
+            <BcInputSearchItem
+              v-for="(item, index) in results"
+              :id="`${idElementList}-${index}`"
+              :key="`${item}-${index}`"
+              ref="elementList"
+              :is-aria-selected="currentIndex === index"
+              tabindex="-1"
+              @click="handleClick(index)"
+            >
+              <slot name="result" :item />
+            </BcInputSearchItem>
+          </ul>
+        </slot>
+      </div>
+    </div>
+  </form>
+</template>
+
+<style scoped lang="scss">
+.bc-input-search__form {
+  --padding: .375rem;
+  position: relative;
+}
+.bc-input-search__input {
+  width: 100%;
+  flex: 1;
+  font-size: var(--small_text_font_size);
+  padding: var(--padding);
+  padding-right: 1.625rem;
+  border: none;
+  border: .0625rem solid var(--input-border-color);
+  border-radius: var(--corner-radius, .25rem);
+  background-color: var(--input-background);
+  color: var(--input-active-text-color);
+  transition: border-radius 200ms ease-in;
+
+  &::-webkit-search-cancel-button {
+    display: none;
+  }
+
+  &:focus-visible,
+  &:focus-within,
+  &--has-popover
+  {
+    border-color: var(--primary-color);
+    outline: none;
+  }
+}
+.bc-input-search__input--has-popover {
+    --missing-border-bottom: .0625rem;
+    border-bottom: unset;
+    padding-bottom: calc(var(--padding) + var(--missing-border-bottom) );
+    border-bottom-left-radius: unset;
+    border-bottom-right-radius: unset;
+}
+.bc-input-search__loading-indicator{
+  position: absolute;
+  inset: var(--padding);
+  left: unset;
+  aspect-ratio: 1;
+}
+.bc-input-search__results {
+  --position-top: 0;
+  --position-left: 0;
+  --position-right: 0;
+  font-size: var(--small_text_font_size);
+  border: .0625rem solid var(--primary-color);
+  border-top: none;
+  border-bottom-left-radius: var(--corner-radius, .25rem);
+  border-bottom-right-radius: var(--corner-radius, .25rem);
+  background-color: var(--input-background);
+  inset: unset;
+  top: calc(var(--position-top) - .0625rem);
+  left: var(--position-left);
+  width: calc(var(--position-right) - var(--position-left));
+  color: var(--input-active-text-color);
+  padding: 0;
+  overflow: clip;
+  height: 0;
+  transition: height 200ms ease-in, display 200ms;
+  transition-delay: 200ms;
+  height: auto;
+  &:popover-open{
+    @starting-style {
+      height: 0;
+    }
+  }
+}
+.bc-input-search__results_content {
+  border-top: .0625rem solid var(--input-border-color);
+}
+.bc-input-search__list {
+  overflow: auto;
+  max-height: 13.75rem;
+  list-style: none;
+  padding-inline-start: 0;
+  display: grid;
+  grid-auto-flow: row;
+  grid-template-columns: min-content max-content 2fr max-content;
+  column-gap: .625rem;
+}
+.bc-input-search__list-content-empty {
+  padding: var(--padding);
+  text-align: center;
+  color: var(--text-color-disabled)
+}
+</style>
diff --git a/frontend/components/bc/BcInputSearchItem.vue b/frontend/components/bc/BcInputSearchItem.vue
new file mode 100644
index 000000000..795ec0375
--- /dev/null
+++ b/frontend/components/bc/BcInputSearchItem.vue
@@ -0,0 +1,34 @@
+<script setup lang="ts">
+defineProps<{
+  isAriaSelected: boolean,
+}>()
+</script>
+
+<template>
+  <div>
+    <li
+      :aria-selected="isAriaSelected"
+      role="option"
+      class="bc-input-search__list-item"
+      tabindex="-1"
+    >
+      <slot />
+    </li>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.bc-input-search__list-item {
+  grid-column: 1 / -1;
+  display: grid;
+  align-items: center;
+  grid-template-columns: subgrid;
+  padding: var(--padding);
+  width: 100%;
+  cursor: pointer;
+  &:hover,
+  &[aria-selected="true"] {
+    background: var(--list-hover-background);
+  }
+}
+</style>
diff --git a/frontend/components/bc/BcTextEllipsis.vue b/frontend/components/bc/BcTextEllipsis.vue
new file mode 100644
index 000000000..efd17df1f
--- /dev/null
+++ b/frontend/components/bc/BcTextEllipsis.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts"></script>
+
+<template>
+  <span class="bc-text-ellipsis">
+    <slot />
+  </span>
+</template>
+
+<style scoped lang="scss">
+.bc-text-ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+</style>
diff --git a/frontend/components/bc/BcTextEllipsisMiddle.vue b/frontend/components/bc/BcTextEllipsisMiddle.vue
new file mode 100644
index 000000000..8acd74ad7
--- /dev/null
+++ b/frontend/components/bc/BcTextEllipsisMiddle.vue
@@ -0,0 +1,64 @@
+<script setup lang="ts">
+const props = defineProps<{
+  text: string,
+}>()
+const root = ref(null)
+
+const {
+  update,
+  width,
+} = useElementBounding(root, {
+  immediate: false,
+})
+onMounted(() => {
+  update()
+})
+const characterTotal = computed(() => props.text.length)
+
+// this is estimated by manually messuring for 10_0000 characters 🙉
+const averageCharacterWidth = 9
+
+const allowedCharacterCount = computed(() => Math.round(width.value / averageCharacterWidth))
+
+const difference = computed(() => {
+  const result = characterTotal.value - allowedCharacterCount.value
+  if (result <= 0) return 0
+  return result
+})
+
+const indexOfCenter = computed(() => Math.round(characterTotal.value / 2))
+
+const leftPart = computed(() => Math.round(difference.value / 2))
+const rightPart = computed(() => difference.value - leftPart.value)
+const left = computed(() => props.text.substring(0, indexOfCenter.value - leftPart.value))
+const right = computed(() => props.text.substring(indexOfCenter.value + rightPart.value))
+</script>
+
+<template>
+  <span
+    ref="root"
+    class="bc-text-ellipsis-middle"
+  >
+    <span
+      class="bc-text-ellipsis-middle-left"
+    >
+      {{ left }}
+    </span>
+    <span
+      v-if="difference"
+    >…</span>
+    <span
+      class="bc-text-ellipsis-middle-left"
+    >{{ right }}</span>
+  </span>
+</template>
+
+<style scoped lang="scss">
+.bc-text-ellipsis-middle {
+  white-space: nowrap;
+}
+.bc-text-ellipsis-middle-left,
+.bc-text-ellipsis-middle-right {
+  white-space: nowrap;
+}
+</style>
diff --git a/frontend/components/bc/premium/BcPremiumModal.vue b/frontend/components/bc/premium/BcPremiumModal.vue
index c9bb13d57..527c48127 100644
--- a/frontend/components/bc/premium/BcPremiumModal.vue
+++ b/frontend/components/bc/premium/BcPremiumModal.vue
@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import { type BcButton } from '#components'
+
 interface Props {
   description?: string,
   dismissLabel?: string,
@@ -13,8 +15,21 @@ const hide = () => {
   dialogRef?.value.close()
 }
 
+const buttonDismiss = ref<typeof BcButton>()
+const lastActiveElement = ref<Element | null>(null)
+onBeforeMount(() => {
+  lastActiveElement.value = document.activeElement
+  console.log('👉', lastActiveElement.value)
+})
 onMounted(() => {
   setHeader($t('premium.title'), true)
+  buttonDismiss.value?.$el?.focus()
+})
+onUnmounted(() => {
+  console.log('👉', lastActiveElement.value)
+  if (lastActiveElement.value instanceof HTMLElement) {
+    lastActiveElement.value.focus()
+  }
 })
 </script>
 
@@ -23,12 +38,14 @@ onMounted(() => {
     {{ props?.description || $t("premium.description") }}
   </div>
   <div class="footer">
-    <div
+    <BcButton
+      ref="buttonDismiss"
+      variant="secondary"
       class="dismiss"
       @click="hide()"
     >
       {{ props?.dismissLabel || $t("navigation.dismiss") }}
-    </div>
+    </BcButton>
     <BcLink
       to="/pricing"
       target="_blank"
diff --git a/frontend/components/dashboard/DashboardValidatorManagementModal.vue b/frontend/components/dashboard/DashboardValidatorManagementModal.vue
index a7590e8fd..52c2ece3a 100644
--- a/frontend/components/dashboard/DashboardValidatorManagementModal.vue
+++ b/frontend/components/dashboard/DashboardValidatorManagementModal.vue
@@ -18,23 +18,15 @@ import type {
 } from '~/types/api/validator_dashboard'
 import type { Cursor } from '~/types/datatable'
 import type { NumberOrString } from '~/types/value'
-import {
-  pickHighestPriorityAmongBestMatchings,
-  type ResultSuggestion,
-  ResultType,
-  type SearchBar,
-  SearchbarColors,
-  SearchbarPurpose,
-  SearchbarShape,
-} from '~/types/searchbar'
+
 import {
   API_PATH, type PathValues,
 } from '~/types/customFetch'
-import { useNetworkStore } from '~/stores/useNetworkStore'
+import type { InternalPostSearchResponse } from '~/types/api/search'
+// import type { InternalPostSearchResponse } from '~/types/api/search'
 
 const { t: $t } = useTranslation()
 const { fetch } = useCustomFetch()
-const { currentNetwork } = useNetworkStore()
 
 const { width } = useWindowSize()
 
@@ -49,14 +41,15 @@ const {
 const cursor = ref<Cursor>()
 const pageSize = ref<number>(25)
 const selectedGroup = ref<number>(-1)
-const selectedValidator = ref<string>('')
 const {
-  addEntities, dashboardKey, dashboardType, isPublic, removeEntities,
+  addEntities,
+  dashboardKey,
+  isPublic: isPublicDashboard,
+  removeEntities,
 }
   = useDashboardKey()
-const { updateHash } = useUserDashboardStore()
 const {
-  isLoggedIn, user,
+  user,
 } = useUserStore()
 
 const initialQuery = {
@@ -73,14 +66,13 @@ const {
 
 const data = ref<GetValidatorDashboardValidatorsResponse | undefined>()
 const selected = ref<VDBManageValidatorsTableRow[]>()
-const searchBar = ref<SearchBar>()
 const hasNoOpenDialogs = ref(true)
 
 type ValidatorUpdateBody = {
   deposit_address?: string,
   graffiti?: string,
   group_id?: number,
-  validators?: string[],
+  validators?: number[],
   withdrawal_address?: string,
 }
 
@@ -109,9 +101,9 @@ const onClose = () => {
 
 const mapIndexOrPubKey = (
   validators?: VDBManageValidatorsTableRow[],
-): string[] => {
+) => {
   return [ ...new Set(validators?.map(
-    validator => validator.index?.toString() ?? validator.public_key)) ]
+    validator => validator.index ?? validator.public_key)) ]
 }
 
 const changeGroup = async (body: ValidatorUpdateBody, groupId?: number) => {
@@ -144,8 +136,8 @@ const removeValidators = async (validators?: NumberOrString[]) => {
     warn('no validators selected to change group')
     return
   }
-  if (isPublic.value) {
-    removeEntities(validators as string[])
+  if (isPublicDashboard.value) {
+    removeEntities(validators.map(v => v.toString()))
     return
   }
 
@@ -162,58 +154,7 @@ const removeValidators = async (validators?: NumberOrString[]) => {
   refreshOverview(dashboardKey.value)
 }
 
-const addValidator = (result: ResultSuggestion) => {
-  if (total.value + 1 > maxValidatorsPerDashboard.value) {
-    dialog.open(BcPremiumModal, {})
-    return
-  }
-
-  let list: string[] = []
-  selectedValidator.value = ''
-  const body: ValidatorUpdateBody = {}
-  switch (result.type) {
-    case ResultType.ValidatorsByIndex:
-    case ResultType.ValidatorsByPubkey:
-      list = [ String(result.rawResult.num_value!) ]
-      selectedValidator.value = list[0]
-      body.validators = list
-      break
-    case ResultType.ValidatorsByDepositAddress:
-    case ResultType.ValidatorsByDepositEnsName:
-      body.deposit_address = result.rawResult.hash_value
-      break
-    case ResultType.ValidatorsByWithdrawalCredential:
-    case ResultType.ValidatorsByWithdrawalAddress:
-    case ResultType.ValidatorsByWithdrawalEnsName:
-      body.withdrawal_address = result.rawResult.hash_value
-      break
-    case ResultType.ValidatorsByGraffiti:
-      body.graffiti = result.rawResult.str_value
-      break
-  }
-
-  if (isPublic.value || !isLoggedIn.value) {
-    addEntities(list)
-    if (!isLoggedIn.value) {
-      updateHash(dashboardType.value, dashboardKey.value)
-    }
-  }
-  else {
-    changeGroup(body, selectedGroup.value)
-  }
-  searchBar.value!.empty()
-}
-
-// called for each row in the drop-down of the search bar and returns `true` to deactivate the row
-function isSearchResultRestricted(result: ResultSuggestion): boolean {
-  switch (result.type) {
-    case ResultType.ValidatorsByIndex:
-    case ResultType.ValidatorsByPubkey:
-      return false
-    default:
-      return isPublic.value || !user.value?.premium_perks?.bulk_adding
-  }
-}
+const { premium_perks } = useUserStore()
 
 const editSelected = () => {
   hasNoOpenDialogs.value = false
@@ -221,7 +162,7 @@ const editSelected = () => {
     data: {
       groupId: selected.value?.[0]?.group_id ?? undefined,
       selectedValidators: selected.value?.length,
-      totalValidators: total?.value,
+      totalValidatorsValidators: totalValidators?.value,
     },
     onClose: (response) => {
       hasNoOpenDialogs.value = true
@@ -331,17 +272,74 @@ const removeRow = (row: VDBManageValidatorsTableRow) => {
   })
 }
 
-const total = computed(() => addUpValues(overview.value?.validators))
+const totalValidators = computed(() => addUpValues(overview.value?.validators))
 
 const maxValidatorsPerDashboard = computed(() =>
-  isPublic.value || !user.value?.premium_perks?.validators_per_dashboard
+  isPublicDashboard.value || !user.value?.premium_perks?.validators_per_dashboard
     ? 20
     : user.value.premium_perks.validators_per_dashboard,
 )
 
 const premiumLimit = computed(
-  () => total.value >= maxValidatorsPerDashboard.value,
+  () => totalValidators.value >= maxValidatorsPerDashboard.value,
 )
+// const hasTooManyValidators = computed(() => totalValidators.value + 1 > maxValidatorsPerDashboard.value)
+const hasPremiumPerkBulkAdding = computed(() => !!premium_perks.value?.bulk_adding)
+
+const handleInvalidSubmit = () => {
+  dialog.open(BcPremiumModal, {})
+}
+const resetInput = () => {
+  inputValidator.value = ''
+}
+const handleSubmit = (item: InternalPostSearchResponse['data'][number]) => {
+  const {
+    type,
+    value,
+  } = item
+  if (
+    totalValidators.value + 1 > maxValidatorsPerDashboard.value
+    || (type === 'validator_list' && totalValidators.value + value.validators.length > maxValidatorsPerDashboard.value)
+  ) {
+    handleInvalidSubmit()
+    return
+  }
+  if (
+    !hasPremiumPerkBulkAdding.value
+    && (type !== 'validator' && type !== 'validator_list')
+  ) {
+    handleInvalidSubmit()
+    return
+  }
+  if (isPublicDashboard.value) {
+    if (item.type === 'validator') {
+      addEntities([ `${item.value.index}` ])
+      resetInput()
+      return
+    }
+    if (item.type === 'validator_list') {
+      addEntities(
+        item.value.validators
+          .map(validator => `${validator}`),
+      )
+      resetInput()
+      return
+    }
+    handleInvalidSubmit()
+    return
+  }
+  changeGroup({
+    ...(type === 'validator' && { validators: [ value.index ] }),
+    ...(type === 'validator_list' && { validators: value.validators }),
+    ...(type === 'validators_by_deposit_address' && { deposit_address: value.deposit_address }),
+    ...(type === 'validators_by_withdrawal_credential' && { withdrawal_credential: value.withdrawal_credential }),
+    ...(type === 'validators_by_graffiti' && { graffiti: value.graffiti }),
+  },
+  selectedGroup.value,
+  )
+  resetInput()
+}
+const inputValidator = ref('')
 </script>
 
 <template>
@@ -361,7 +359,7 @@ const premiumLimit = computed(
     <BcTableControl
       :search-placeholder="
         $t(
-          isPublic
+          isPublicDashboard
             ? 'dashboard.validator.summary.search_placeholder_public'
             : 'dashboard.validator.summary.search_placeholder',
         )
@@ -385,22 +383,14 @@ const premiumLimit = computed(
             :include-all="true"
             class="small group-selection"
           />
-          <!-- TODO: below, "[currentNetwork]" is wrong! Replace it with an array containing the chain ID that
-           the dashboard was created for (it is not necessarily the current network). -->
-          <BcSearchbarMain
-            ref="searchBar"
-            :bar-shape="SearchbarShape.Small"
-            :color-theme="SearchbarColors.Default"
-            :bar-purpose="SearchbarPurpose.ValidatorAddition"
-            :only-networks="[currentNetwork]"
-            :row-lacks-premium-subscription="isSearchResultRestricted"
-            :pick-by-default="pickHighestPriorityAmongBestMatchings"
-            :screen-width-causing-sudden-change="
-              0 /*if you introduce a media query (or similar) changing the width of the bar, give the threshold here
-              to avoid visual bugs in the list of results */
-            "
+          <DashboardValidatorManagementModalSearch
+            v-model="inputValidator"
             class="search-bar"
-            @go="addValidator"
+            :has-premium-perk-bulk-adding
+            :total-validators
+            :max-validators-per-dashboard
+            :is-public-dashboard
+            @submit="handleSubmit"
           />
         </div>
       </template>
@@ -583,7 +573,7 @@ const premiumLimit = computed(
                 >
                   <span>
                     <BcFormatNumber
-                      :value="total"
+                      :value="totalValidators"
                       default="0"
                     /> /
                     <BcFormatNumber
@@ -613,6 +603,7 @@ const premiumLimit = computed(
 @use "~/assets/css/main.scss";
 @use "~/assets/css/utils.scss";
 @use "~/assets/css/fonts.scss";
+@use '~/assets/css/breakpoints' as *;
 
 :global(.validator-managment-modal-container) {
   width: 1060px;
@@ -643,7 +634,10 @@ const premiumLimit = computed(
 }
 
 .group-selection {
-  width: 160px;
+  width: 6rem;
+  @media (min-width: $breakpoint-md) {
+    width: 10rem;
+  }
 }
 
 .management-table {
diff --git a/frontend/components/dashboard/DashboardValidatorManagementModalSearch.vue b/frontend/components/dashboard/DashboardValidatorManagementModalSearch.vue
new file mode 100644
index 000000000..d77762d4a
--- /dev/null
+++ b/frontend/components/dashboard/DashboardValidatorManagementModalSearch.vue
@@ -0,0 +1,233 @@
+<script setup lang="ts">
+import { faGem } from '@fortawesome/pro-regular-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+import type { InternalPostSearchResponse } from '~/types/api/search'
+import { API_PATH } from '~/types/customFetch'
+
+const props = defineProps<{
+  hasPremiumPerkBulkAdding: boolean,
+  isPublicDashboard: boolean,
+  maxValidatorsPerDashboard: number,
+  totalValidators: number,
+}>()
+
+const { fetch } = useCustomFetch()
+const { t: $t } = useTranslation()
+
+const input = defineModel<string>()
+
+const {
+  overview,
+} = useValidatorDashboardOverviewStore()
+const { chainIdByDefault } = useRuntimeConfig().public
+
+const currentDashboardNetwork = computed(() => overview.value?.network ?? chainIdByDefault)
+const {
+  data,
+  execute,
+  status,
+} = useAsyncData(
+  'validator_search',
+  () => fetch<InternalPostSearchResponse>(API_PATH.SEARCH, {
+    body: {
+      input: input.value,
+      networks: [ currentDashboardNetwork.value ],
+    },
+  }), {
+    immediate: false,
+  },
+)
+const results = computed(() => data.value?.data || [])
+const isLoading = computed(() => status.value === 'pending')
+
+const handleSearch = (input: string) => {
+  if (!input.length) return
+  execute()
+}
+const emit = defineEmits<{
+  (e: 'submit', value: typeof results.value[number]): void,
+}>()
+const handleSubmit = (result: typeof results.value[number]) => {
+  emit('submit', result)
+}
+const isDisabled = (type: InternalPostSearchResponse['data'][number]['type'], validatorCount?: number) => {
+  if (
+    props.totalValidators + 1 > props.maxValidatorsPerDashboard
+    || (type === 'validator_list' && props.totalValidators + (validatorCount ?? 0) > props.maxValidatorsPerDashboard)
+  ) {
+    return true
+  }
+  if (
+    !props.hasPremiumPerkBulkAdding
+    && (type !== 'validator' && type !== 'validator_list')
+  ) {
+    return true
+  }
+  if (
+    props.isPublicDashboard
+    && ((type !== 'validator' && type !== 'validator_list'))
+  ) {
+    return true
+  }
+  return false
+}
+</script>
+
+<template>
+  <BcInputSearch
+    v-model="input"
+    :results
+    :is-loading
+    should-select-first-result
+    :should-clear-on-submit="false"
+    has-focus
+    @search="handleSearch"
+    @submit="handleSubmit"
+  >
+    <template #empty>
+      {{ $t('dashboard.validator.management.search.empty') }}
+    </template>
+    <template #result="{ item }">
+      <div
+        v-if="item.type === 'validator'"
+        class="dashboard-validator-management-modal-search__item"
+        :class="{ 'dashboard-validator-management-modal-search__item--disabled': isDisabled(item.type) }"
+      >
+        <IconDatatypeValidatorIcon
+          width="16px"
+        />
+        <span class="dashboard-validator-management-modal-search__item-validator_info">
+          1 {{ $t('common.validator', 1) }}
+          <FontAwesomeIcon
+            v-if="isDisabled(item.type)"
+            :icon="faGem"
+            class="dashboard-validator-management-modal-search__item-gem"
+          />
+        </span>
+        <BcTextEllipsisMiddle
+          :text="`(${item.value.public_key})`"
+        />
+        <span class="dashboard-validator-management-modal-search__item-info">
+          {{ $t('common.index') }}: {{ item.value.index }}
+        </span>
+      </div>
+      <div
+        v-if="item.type === 'validators_by_deposit_address'"
+        class="dashboard-validator-management-modal-search__item"
+        :class="{ 'dashboard-validator-management-modal-search__item--disabled': isDisabled(item.type) }"
+      >
+        <IconDatatypeValidatorIcon
+          width="16px"
+        />
+        <span class="dashboard-validator-management-modal-search__item-validator_info">
+          {{ item.value.count }} {{ $t('common.validator', item.value.count) }}
+          <FontAwesomeIcon
+            v-if="isDisabled(item.type)"
+            :icon="faGem"
+            class="dashboard-validator-management-modal-search__item-gem"
+          />
+        </span>
+        <BcTextEllipsisMiddle
+          :text="`${item.value.deposit_address}`"
+        />
+        <span class="dashboard-validator-management-modal-search__item-info">
+          {{ $t('dashboard.validator.management.search.deposited_by') }}
+        </span>
+      </div>
+      <div
+        v-if="item.type === 'validator_list'"
+        class="dashboard-validator-management-modal-search__item"
+        :class="{ 'dashboard-validator-management-modal-search__item--disabled': isDisabled(item.type, item.value.validators.length) }"
+      >
+        <IconDatatypeValidatorIcon
+          width="16px"
+        />
+        <span class="dashboard-validator-management-modal-search__item-validator_info">
+          {{ item.value.validators.length }} {{ $t('common.validator', item.value.validators.length) }}
+          <FontAwesomeIcon
+            v-if="isDisabled(item.type, item.value.validators.length)"
+            :icon="faGem"
+            class="dashboard-validator-management-modal-search__item-gem"
+          />
+        </span>
+        <BcTextEllipsis>
+          {{ item.value.validators.join(', ') }}
+        </BcTextEllipsis>
+        <span class="dashboard-validator-management-modal-search__item-info">
+          {{ $t('dashboard.validator.management.search.by_index_or_public_key') }}
+        </span>
+      </div>
+      <div
+        v-if="item.type === 'validators_by_withdrawal_credential'"
+        class="dashboard-validator-management-modal-search__item"
+        :class="{ 'dashboard-validator-management-modal-search__item--disabled': isDisabled(item.type) }"
+      >
+        <IconDatatypeValidatorIcon
+          width="16px"
+        />
+        <span class="dashboard-validator-management-modal-search__item-validator_info">
+          {{ item.value.count }} {{ $t('common.validator', item.value.count) }}
+          <FontAwesomeIcon
+            v-if="isDisabled(item.type)"
+            :icon="faGem"
+            class="dashboard-validator-management-modal-search__item-gem"
+          />
+        </span>
+        <BcTextEllipsisMiddle
+          :text="item.value.ens_name ? item.value.ens_name : item.value.withdrawal_credential"
+        />
+        <span class="dashboard-validator-management-modal-search__item-info">
+          {{ $t('dashboard.validator.management.search.withdrawal_credential') }}
+        </span>
+      </div>
+      <div
+        v-if="item.type === 'validators_by_graffiti'"
+        class="dashboard-validator-management-modal-search__item"
+        :class="{ 'dashboard-validator-management-modal-search__item--disabled': isDisabled(item.type) }"
+      >
+        <IconDatatypeValidatorIcon
+          width="16px"
+        />
+        <span class="dashboard-validator-management-modal-search__item-validator_info">
+          {{ item.value.count }} {{ $t('common.validator', item.value.count) }}
+          <FontAwesomeIcon
+            v-if="isDisabled(item.type)"
+            :icon="faGem"
+            class="dashboard-validator-management-modal-search__item-gem"
+          />
+        </span>
+        <BcTextEllipsis>
+          {{ item.value.graffiti }}
+        </BcTextEllipsis>
+        <span class="dashboard-validator-management-modal-search__item-info">
+          {{ $t('dashboard.validator.management.search.with_graffiti') }}
+        </span>
+      </div>
+    </template>
+  </BcInputSearch>
+</template>
+
+<style scoped lang="scss">
+.dashboard-validator-management-modal-search__item-info {
+  color: var(--text-color-disabled)
+}
+.dashboard-validator-management-modal-search__item-gem {
+  color: var(--primary-color);
+  isolation: isolate;
+}
+.dashboard-validator-management-modal-search__item {
+  display: grid;
+  grid-template-columns: subgrid;
+  grid-column: 1/-1;
+  align-items: center;
+}
+.dashboard-validator-management-modal-search__item--disabled {
+  opacity: .7;
+}
+.dashboard-validator-management-modal-search__item-validator_info {
+  display: flex;
+  justify-content: end;
+  align-items: center;
+  gap: 6px;
+}
+</style>
diff --git a/frontend/locales/en.json b/frontend/locales/en.json
index 39538f427..84871d64d 100644
--- a/frontend/locales/en.json
+++ b/frontend/locales/en.json
@@ -39,6 +39,7 @@
     "earned": "Earned",
     "edit": "Edit",
     "email": "Email",
+    "empty_search": "No results found. Please adjust your search and try again.",
     "ens_address": "ENS address | ENS addresses",
     "epoch": "Epoch | Epochs",
     "erc20token": "ERC-20 Token | ERC-20 Tokens",
@@ -61,6 +62,7 @@
     "past": "Past",
     "penalty": "Penalty",
     "protocol": "Protocol | Protocols",
+    "search": "Search",
     "selected": "Selected",
     "send": "Send",
     "slot": "Slot | Slots",
@@ -260,6 +262,16 @@
       "management": {
         "remove_text": "Do you want to remove validator {validator} from your dashboard? | Do you want to remove {count} validators from your dashboard?",
         "remove_title": "Remove Validators",
+        "search": {
+          "by_index_or_public_key": "By Index or Public key",
+          "deposited_by": "Deposited by",
+          "empty": "No validators found. Try adjusting your search criteria.",
+          "label": "Search for Index, Public key, Deposit or Withdrawal credential, ENS or Graffiti",
+          "placeholder": "Index, Public key, Deposit or Withdrawal credential, ENS or Graffiti",
+          "with_graffiti": "with…block Graffiti",
+          "withdrawal_credential": "Withdrawal Credential"
+
+        },
         "sub_title": "Add or remove validators from your dashboard",
         "title": "Manage"
       },
@@ -995,7 +1007,6 @@
     "blocks_with": "Blocks with",
     "by_your_filters": "by your filters",
     "credential": "Credential | Credentials",
-    "deposited_by": "Deposited by",
     "ens_overview": "ENS Overview | ENS Overviews",
     "general_placeholder": "Search the blockchain",
     "named": "Named",
diff --git a/frontend/server/routes/healthz.ts b/frontend/server/routes/healthz.ts
index dabc31024..40636e584 100644
--- a/frontend/server/routes/healthz.ts
+++ b/frontend/server/routes/healthz.ts
@@ -1,4 +1,5 @@
 export default defineEventHandler(() => {
+  // this endpoint is used for the `loadbalancer` to check if the server is up (status 200)
   return {
     status: 'ok',
   }
diff --git a/frontend/stores/useUserStore.ts b/frontend/stores/useUserStore.ts
index 8011c8b47..f5d13c5c4 100644
--- a/frontend/stores/useUserStore.ts
+++ b/frontend/stores/useUserStore.ts
@@ -55,11 +55,14 @@ export function useUserStore() {
     return !!user.value
   })
 
+  const premium_perks = computed(() => user.value?.premium_perks)
+
   return {
     doLogin,
     doLogout,
     getUser,
     isLoggedIn,
+    premium_perks,
     user,
   }
 }
diff --git a/frontend/types/customFetch.ts b/frontend/types/customFetch.ts
index 6f44c0a81..046efb1f0 100644
--- a/frontend/types/customFetch.ts
+++ b/frontend/types/customFetch.ts
@@ -1,7 +1,4 @@
-import {
-  simulateAPIresponseAboutNetworkList,
-  simulateAPIresponseForTheSearchBar,
-} from '~/utils/mock'
+import { simulateAPIresponseAboutNetworkList } from '~/utils/mock'
 
 export enum API_PATH {
   AD_CONFIGURATIONs = '/adConfigurations',
@@ -394,8 +391,6 @@ export const mapping: Record<string, MappingData> = {
   },
   [API_PATH.SEARCH]: {
     method: 'POST',
-    mock: false,
-    mockFunction: simulateAPIresponseForTheSearchBar,
     path: '/search',
   },
   [API_PATH.STRIPE_CHECKOUT_SESSION]: {
diff --git a/frontend/utils/mock.ts b/frontend/utils/mock.ts
index 23a2b3184..b34fe1f65 100644
--- a/frontend/utils/mock.ts
+++ b/frontend/utils/mock.ts
@@ -1,355 +1,6 @@
 import type { InternalGetLatestStateResponse } from '~/types/api/latest_state'
 import type { ApiDataResponse } from '~/types/api/common'
 import { isMainNet } from '~/types/network'
-import {
-  Indirect,
-  type ResultType,
-  type SearchAheadAPIresponse,
-  TypeInfo,
-} from '~/types/searchbar'
-
-const probabilityOfNoResultOrError = 0.0
-
-export function simulateAPIresponseForTheSearchBar(
-  body?: Record<string, any>,
-): SearchAheadAPIresponse {
-  const searched = body?.input as string
-  const searchableTypes = body?.types as ResultType[]
-  const searchableNetworks = body?.networks as number[]
-  const response: SearchAheadAPIresponse = {} as SearchAheadAPIresponse
-  response.data = []
-
-  if (Math.random() < probabilityOfNoResultOrError / 2) {
-    return {} as SearchAheadAPIresponse
-  }
-  if (Math.random() < probabilityOfNoResultOrError / 2) {
-    return response
-  }
-
-  const n = Math.floor(Number(searched))
-  const searchedIsPositiveInteger
-    = n !== Infinity && n >= 0 && String(n) === searched
-
-  let ordinal = searched
-  if (Number(searched) < 11 || Number(searched) > 13) {
-    const last = searched.slice(-1)
-    ordinal
-      += last === '1' ? 'st' : last === '2' ? 'nd' : last === '3' ? 'rd' : 'th'
-  }
-  else {
-    ordinal += 'th'
-  }
-
-  response.data.push(
-    {
-      chain_id: 1,
-      hash_value: '0x06e523CD06A0cF68DaA6D8EB5ad672B5ADad0AD4',
-      str_value: searched + 'Coin',
-      type: 'tokens',
-    },
-    {
-      chain_id: 1,
-      hash_value: '0xc9f2d4D703d5B14bdb0FF261e308F88306DfF47b',
-      type: 'accounts',
-    },
-    {
-      chain_id: 1,
-      str_value: searched + ' tutta la vita',
-      type: 'graffiti',
-    },
-    {
-      chain_id: 1,
-      hash_value: '0xEB84C94dCBBceF74bf6CEB74Bc9bBf418939202D',
-      str_value: 'C' + searched,
-      type: 'contracts',
-    },
-    {
-      chain_id: 1,
-      hash_value: '0x2b7290a54aD073bB3963DDEb538b630e8ff10aD7',
-      str_value: '',
-      type: 'contracts',
-    },
-  )
-  if (searchedIsPositiveInteger) {
-    response.data.push(
-      {
-        chain_id: 1,
-        num_value: Number(searched),
-        type: 'epochs',
-      },
-      {
-        chain_id: 1,
-        hash_value:
-          '0x910e0f2ee77c80bc506a1cefc90751b919cc612d42f17bb0acc49b546f42f0ce',
-        num_value: Number(searched),
-        type: 'slots',
-      },
-      {
-        chain_id: 1,
-        hash_value:
-          '0x910e0f2ee77c80bc506a1cefc90751b919cc612d42f17bb0acc49b546f42f0ce',
-        num_value: Number(searched),
-        type: 'blocks',
-      },
-      {
-        chain_id: 1,
-        hash_value:
-          '0xa525497ec3116c1310be8d73d2efd536dc0ce6bd4b0163dffddf94dad3d91d154c061b9a3bfd1b704a5ba67fc443974a',
-        num_value: Number(searched),
-        type: 'validator_by_index',
-      },
-      {
-        chain_id: 1,
-        hash_value: '0x3bfCb296F2d28FaDE20a7E53A508F73557Ca938',
-        str_value: searched + 'kETH-hodler-club.eth',
-        type: 'validators_by_deposit_ens_name',
-      },
-      {
-        chain_id: 1,
-        str_value: ordinal + ' proposal!',
-        type: 'validators_by_graffiti',
-      },
-    )
-  }
-  else {
-    response.data.push(
-      {
-        chain_id: 1,
-        hash_value: '0xb794f5ea0ba39494ce839613fffba74279579268',
-        str_value: searched,
-        type: 'tokens',
-      },
-      {
-        chain_id: 1,
-        hash_value: '0x3bfCb296F2d28FaDE20a7E53A508F73557Ca938',
-        str_value: searched + '.bitfly.eth',
-        type: 'ens_addresses',
-      },
-      {
-        chain_id: 1,
-        hash_value: '0x3bfCb296F2d28FaDE20a7E53A508F73557Ca938',
-        str_value: searched + '.bitfly.eth',
-        type: 'ens_overview',
-      },
-      {
-        chain_id: 1,
-        hash_value: '0xEB84C94dCBBceF74bf6CEB74Bc9bBf418939202D',
-        str_value: searched + '.bitfly.eth',
-        type: 'validators_by_withdrawal_ens_name',
-      },
-      {
-        chain_id: 1,
-        hash_value:
-          '0x8000300c7607886b7e6f1030f833162f81b02e702ff9cea045e5a1d4a13bc7010e277f077533c7899334df2d51d65660',
-        num_value: Math.floor(Math.random() * 1000000),
-        type: 'validator_by_public_key',
-      },
-      {
-        chain_id: 1,
-        hash_value: '0xc2c89C217d256b060e6b3Ae567B6b213ad9954B2',
-        type: 'validators_by_withdrawal_address',
-      },
-    )
-  }
-  response.data.push(
-    {
-      chain_id: 1,
-      hash_value: '0x1c6bC968f5Be2410e98f0CB5Fad7363Fac875351',
-      str_value: 'Uniswap',
-      type: 'contracts',
-    },
-    {
-      chain_id: 42161,
-      hash_value: '0xF2C5B60e03cb38cA0e568b847BB8773c93E31e12',
-      str_value: 'Tormato Cash',
-      type: 'contracts',
-    },
-    {
-      chain_id: 42161,
-      hash_value:
-        '0xacd47cc7a30b4273aadec96b4e5aa06d1cfa627b751f358069b9a7febdba3c30',
-      type: 'transactions',
-    },
-    {
-      chain_id: 8453,
-      hash_value: '0x2b7290a54aD073bB3963DDEb538b630e8ff10aD7',
-      type: 'accounts',
-    },
-    {
-      chain_id: 8453,
-      hash_value: '0x2b7290a54aD073bB3963DDEb538b630e8ff10aD7',
-      type: 'validators_by_deposit_address',
-    },
-  )
-  if (searchedIsPositiveInteger) {
-    response.data.push(
-      {
-        chain_id: 8453,
-        num_value: Number(searched),
-        type: 'epochs',
-      },
-      {
-        chain_id: 8453,
-        hash_value:
-          '0xb47b779916e7b1517863ec60c372abf0dc255180ed6b47dd6f93e77f2dd6b9ca',
-        num_value: Number(searched),
-        type: 'slots',
-      },
-      {
-        chain_id: 8453,
-        hash_value:
-          '0xb47b779916e7b1517863ec60c372abf0dc255180ed6b47dd6f93e77f2dd6b9ca',
-        num_value: Number(searched),
-        type: 'blocks',
-      },
-      {
-        chain_id: 8453,
-        hash_value:
-          '0x99f9ec412465e15243a5996205928ef1461fd4ef6b6a0c642748c6f85de72c801751facda0c96454a8c2ad3bd19f91ee',
-        num_value: Number(searched),
-        type: 'validator_by_index',
-      },
-      {
-        chain_id: 100,
-        num_value: Number(searched),
-        type: 'epochs',
-      },
-      {
-        chain_id: 100,
-        hash_value:
-          '0xd13eb040661d8d8de07d154985be5f4332f57141948a9d67b87bb7a2cae29b81',
-        num_value: Number(searched),
-        type: 'slots',
-      },
-      {
-        chain_id: 100,
-        hash_value:
-          '0xd13eb040661d8d8de07d154985be5f4332f57141948a9d67b87bb7a2cae29b81',
-        num_value: Number(searched),
-        type: 'blocks',
-      },
-      {
-        chain_id: 100,
-        hash_value:
-          '0x85e5ac15a728a2bf0b0b4f22312dad780d4e27856e30997ee11f73d74d86682800046a86a01d134dbdf171326cd7cc54',
-        num_value: Number(searched),
-        type: 'validator_by_index',
-      },
-      {
-        chain_id: 100,
-        hash_value: '0x2b7290a54aD073bB3963DDEb538b630e8ff10aD7',
-        type: 'validators_by_deposit_address',
-      },
-      {
-        chain_id: 100,
-        hash_value: '0xc2c89C217d256b060e6b3Ae567B6b213ad9954B2',
-        type: 'validators_by_withdrawal_address',
-      },
-      {
-        chain_id: 100,
-        hash_value:
-          '0x0100000000000000000000000c6bd499ef02a44031ffe8336f59c82d81333f2a',
-        type: 'validators_by_withdrawal_credential',
-      },
-      {
-        chain_id: 100,
-        hash_value: '0x06e523CD06A0cF68DaA6D8EB5ad672B5ADad0AD4',
-        str_value: '',
-        type: 'contracts',
-      },
-    )
-  }
-  else {
-    response.data.push(
-      {
-        chain_id: 8453,
-        hash_value: '0xb794f5ea0ba39494ce839613fffba74279579268',
-        str_value: searched + 'USD',
-        type: 'tokens',
-      },
-      {
-        chain_id: 8453,
-        hash_value: '0x0701BF988309bf45a6771afaa6B8802Ba3E24090',
-        str_value: searched + 'Plus',
-        type: 'tokens',
-      },
-      {
-        chain_id: 100,
-        hash_value: '0x71C7656EC7ab88b098defB751B7401B5f6d8976F',
-        str_value: searched + 'Coin',
-        type: 'tokens',
-      },
-      {
-        chain_id: 100,
-        hash_value: '0xF2C5B60e03cb38cA0e568b847BB8773c93E31e12',
-        str_value: searched,
-        type: 'contracts',
-      },
-      {
-        chain_id: 100,
-        hash_value: '0xA9Bc41b63fCb29F2d2FaDE0a7E3A50F7357Ca938',
-        str_value: searched + '-futureoffinance.eth',
-        type: 'ens_addresses',
-      },
-      {
-        chain_id: 100,
-        hash_value: '0x3bfCb296F2d28FaDE20a7E53A508F73557CaBdF',
-        str_value: searched + '.bitfly.eth',
-        type: 'ens_addresses',
-      },
-      {
-        chain_id: 100,
-        hash_value: '0xA9Bc41b63fCb29F2d2FaDE0a7E3A50F7357Ca938',
-        str_value: searched + '-green.eth',
-        type: 'ens_overview',
-      },
-      {
-        chain_id: 100,
-        hash_value: '0x3bfCb296F2d28FaDE20a7E53A508F73557CaBdF',
-        str_value: searched + '.bitfly.eth',
-        type: 'ens_overview',
-      },
-      {
-        chain_id: 100,
-        hash_value: '0x0701BF988309bf45a6771afaa6B8802Ba3E24090',
-        str_value: searched + '-futureoffinance.eth',
-        type: 'validators_by_withdrawal_ens_name',
-      },
-      {
-        chain_id: 100,
-        hash_value: '0xEB84C94dCBBceF74bf6CEB74Bc9bBf418939202D',
-        str_value: searched + '.bitfly.eth',
-        type: 'validators_by_withdrawal_ens_name',
-      },
-    )
-  }
-
-  // keeping only the results that the API is asked for
-  if (searchableTypes.length) {
-    response.data = response.data.filter(singleRes =>
-      searchableTypes.includes(singleRes.type as ResultType),
-    )
-  }
-  if (searchableNetworks.length) {
-    response.data = response.data.filter(
-      singleRes =>
-        searchableNetworks.includes(singleRes.chain_id)
-        || TypeInfo[singleRes.type as ResultType].belongsToAllNetworks,
-    )
-  }
-  // adding fake numbers of identical results where it is possible
-  for (const singleRes of response.data) {
-    const batchSize = 2 + Math.floor(30 * Math.random())
-    switch (TypeInfo[singleRes.type as ResultType].countSource) {
-      case Indirect.APInum_value:
-        singleRes.num_value = batchSize
-        break
-      // add cases here in the future if new fields can hold batches or counts
-    }
-  }
-
-  return response
-}
 
 let mockSlot = 10000