diff --git a/apps/nextjs/src/components/board/items/item-select-modal.tsx b/apps/nextjs/src/components/board/items/item-select-modal.tsx index 84947d150..27be00279 100644 --- a/apps/nextjs/src/components/board/items/item-select-modal.tsx +++ b/apps/nextjs/src/components/board/items/item-select-modal.tsx @@ -40,10 +40,15 @@ export const ItemSelectModal = createModal(({ actions }) => { [t], ); - const filteredItems = useMemo( - () => items.filter((item) => item.name.toLowerCase().includes(search.toLowerCase())), - [items, search], - ); + const filteredItems = useMemo(() => { + const query = search.toLowerCase().trim(); + if (!query) return items; + return items.filter( + (item) => + item.name.toLowerCase().includes(query) || + item.supportedIntegrations.some((kind) => getIntegrationName(kind).toLowerCase().includes(query)), + ); + }, [items, search]); const handleAdd = (kind: WidgetKind) => { const definition = widgetImports[kind].definition;