diff --git a/frontend/src/components/layout/CommandPalette.tsx b/frontend/src/components/layout/CommandPalette.tsx index 73110415..b995480f 100644 --- a/frontend/src/components/layout/CommandPalette.tsx +++ b/frontend/src/components/layout/CommandPalette.tsx @@ -1,4 +1,4 @@ -import { useState, useEffect, useRef, useCallback } from 'react' +import { useState, useEffect, useRef, useCallback, useMemo } from 'react' import { useNavigate } from 'react-router-dom' import { Search, Loader2, ArrowRight, FileText, Clock, @@ -136,7 +136,7 @@ export function CommandPalette({ open, onClose }: CommandPaletteProps) { }, [query]) // Build groups based on intent and search results - const groups = useCallback((): Group[] => { + const builtGroups = useMemo((): Group[] => { const trimmed = query.trim() const intent = detectIntent(trimmed) const lower = trimmed.toLowerCase() @@ -243,8 +243,6 @@ export function CommandPalette({ open, onClose }: CommandPaletteProps) { return result }, [query, searchFlows, searchSessions, user]) - const builtGroups = groups() - // Flatten all items for keyboard navigation const flatItems: PaletteItem[] = builtGroups.flatMap(g => g.items)