From edf21bae41f5a9c03ac146a65b292a6f19e41852 Mon Sep 17 00:00:00 2001
From: Mees Frensel <33722705+meesfrensel@users.noreply.github.com>
Date: Wed, 12 Nov 2025 16:19:18 +0100
Subject: [PATCH] feat(web): disable searching by disabled features (#23798)

fix(web): disable searching by disabled features
---
 .../search-bar/search-text-section.svelte                | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/components/shared-components/search-bar/search-text-section.svelte b/web/src/lib/components/shared-components/search-bar/search-text-section.svelte
index 902d6d79b1..af620bde05 100644
--- a/web/src/lib/components/shared-components/search-bar/search-text-section.svelte
+++ b/web/src/lib/components/shared-components/search-bar/search-text-section.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import RadioButton from '$lib/elements/RadioButton.svelte';
+  import { featureFlags } from '$lib/stores/server-config.store';
   import { t } from 'svelte-i18n';
 
   interface Props {
@@ -13,7 +14,9 @@
 <fieldset>
   <legend class="immich-form-label">{$t('search_type')}</legend>
   <div class="flex flex-wrap gap-x-5 gap-y-2 mt-1 mb-2">
-    <RadioButton name="query-type" id="context-radio" label={$t('context')} bind:group={queryType} value="smart" />
+    {#if $featureFlags.loaded && $featureFlags.smartSearch}
+      <RadioButton name="query-type" id="context-radio" label={$t('context')} bind:group={queryType} value="smart" />
+    {/if}
     <RadioButton
       name="query-type"
       id="file-name-radio"
@@ -28,7 +31,9 @@
       bind:group={queryType}
       value="description"
     />
-    <RadioButton name="query-type" id="ocr-radio" label={$t('ocr')} bind:group={queryType} value="ocr" />
+    {#if $featureFlags.loaded && $featureFlags.ocr}
+      <RadioButton name="query-type" id="ocr-radio" label={$t('ocr')} bind:group={queryType} value="ocr" />
+    {/if}
   </div>
 </fieldset>