Merge pull request #1721 from ashrafchowdury/fix/1717-select-model-co…

…mponent-searchbar

Fix: select model component search bar

agenta-web/src/components/Playground/Views/GroupedSelect.tsx

@@ -49,20 +49,8 @@ const iconMap: {[key: string]: React.ComponentType<any>} = {
     Gemini: Gemini.Color,
 }
 
-const getTextContent = (element: React.ReactNode): string => {
-    if (typeof element === "string") {
-        return element
-    } else if (React.isValidElement(element) && element.props.children) {
-        return React.Children.toArray(element.props.children).reduce<string>(
-            (acc, child) => acc + getTextContent(child),
-            "",
-        )
-    }
-    return ""
-}
-
 const filterOption = (input: string, option?: {label: React.ReactNode; value: string}) =>
-    getTextContent(option?.label).toLowerCase().includes(input.toLowerCase())
+    (option?.value ?? "").toLowerCase().includes(input.toLowerCase())
 
 export const ModelName: React.FC<{label: string; value: string}> = ({label, value}) => {
     const classes = useStyles()

agenta-web/src/pages/apps/[app_id]/annotations/human_a_b_testing/[evaluation_id]/index.tsx

@@ -1,5 +1,5 @@
 import ABTestingEvaluationTable from "@/components/EvaluationTable/ABTestingEvaluationTable"
-import {Evaluation} from "@/lib/Types"
+import type {Evaluation} from "@/lib/Types"
 import {loadEvaluation, loadEvaluationsScenarios, loadTestset} from "@/lib/services/api"
 import {useRouter} from "next/router"
 import {useEffect, useState} from "react"

agenta-web/src/pages/apps/[app_id]/annotations/single_model_test/[evaluation_id]/index.tsx

@@ -1,4 +1,4 @@
-import {Evaluation, EvaluationScenario, GenericObject} from "@/lib/Types"
+import type {Evaluation, EvaluationScenario, GenericObject} from "@/lib/Types"
 import {loadEvaluation, loadEvaluationsScenarios, loadTestset} from "@/lib/services/api"
 import {useRouter} from "next/router"
 import {useEffect, useState} from "react"