From c06fb823919d5d3429edcbeb80570e0305576e10 Mon Sep 17 00:00:00 2001
From: waleed <walif6@gmail.com>
Date: Sun, 22 Feb 2026 13:43:48 -0800
Subject: [PATCH] fix(search): fix icon in model dropdown search

---
 .../components/combobox/combobox.tsx          | 33 ++++++++++++++++---
 1 file changed, 29 insertions(+), 4 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/combobox/combobox.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/combobox/combobox.tsx
index f20da325f1..ca4ef71b77 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/combobox/combobox.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/combobox/combobox.tsx
@@ -442,12 +442,37 @@ export const ComboBox = memo(function ComboBox({
   )
 
   /**
-   * Gets the icon for the currently selected option
+   * Gets the icon for the currently selected option.
+   * Uses prefix/partial matching to show icon while user is typing a search query.
    */
   const selectedOption = useMemo(() => {
-    if (!value) return undefined
-    return comboboxOptions.find((opt) => opt.value === value)
-  }, [comboboxOptions, value])
+    // First try exact match on stored value
+    if (value) {
+      const exactMatch = comboboxOptions.find((opt) => opt.value === value)
+      if (exactMatch) return exactMatch
+    }
+
+    // Try prefix match on input text (while user is typing to search/filter)
+    if (inputValue) {
+      const inputLower = inputValue.toLowerCase()
+      const prefixMatch = comboboxOptions.find(
+        (opt) =>
+          opt.value.toLowerCase().startsWith(inputLower) ||
+          opt.label.toLowerCase().startsWith(inputLower)
+      )
+      if (prefixMatch) return prefixMatch
+
+      // Try contains match as fallback
+      const containsMatch = comboboxOptions.find(
+        (opt) =>
+          opt.value.toLowerCase().includes(inputLower) ||
+          opt.label.toLowerCase().includes(inputLower)
+      )
+      if (containsMatch) return containsMatch
+    }
+
+    return undefined
+  }, [comboboxOptions, value, inputValue])
 
   const selectedOptionIcon = selectedOption?.icon