Filter on title

Signed-off-by: David Gageot <[email protected]>

Author: dgageot

src/extension/ui/src/components/tabs/ToolCatalog.tsx

@@ -25,16 +25,16 @@ const ToolCatalog: React.FC<ToolCatalogProps> = ({
   // Memoize the filtered catalog items to prevent unnecessary recalculations
   const all = useMemo(() => {
     const filteredItems = catalogItems.filter((item) => {
-      return item.name.toLowerCase().includes(search.toLowerCase());
+      return item.title.toLowerCase().includes(search.toLowerCase());
     });
 
     return sort === 'name-asc'
       ? filteredItems.sort((a, b) => {
-        return a.name.localeCompare(b.name);
+        return a.title.localeCompare(b.title);
       })
       : sort === 'name-desc'
         ? filteredItems.sort((a, b) => {
-          return b.name.localeCompare(a.name);
+          return b.title.localeCompare(a.title);
         })
         : filteredItems;
   }, [catalogItems, search, sort]);

src/extension/ui/src/components/tile/Modal.tsx

@@ -195,7 +195,7 @@ const ConfigurationModal = ({
               }}
             />
           }
-          {catalogItem.title ?? catalogItem.name}
+          {catalogItem.title}
           <Tooltip
             placement="right"
             title={

src/extension/ui/src/components/tile/Top.tsx

@@ -52,7 +52,7 @@ export default function Top({ item, onToggleRegister }: TopProps) {
             color: 'text.primary',
           }}
         >
-          {item.title ?? item.name}
+          {item.title}
         </Typography>
       }
       action={

src/extension/ui/src/types/catalog/index.ts

@@ -5,7 +5,7 @@ import { JsonSchema } from "json-schema-library";
  */
 export interface CatalogItem {
   description?: string;
-  title?: string;
+  title: string;
   source?: string;
   icon?: string;
   secrets?: { name: string }[];