+
+
+ {
+ setQuery(e.target.value);
+ setSelectedResultIndex(0);
+ }}
+ onKeyDown={handleKeyDown}
+ className="pl-10 pr-10"
+ />
+ {query && (
+
+ )}
+
+
+
+
+
+
+
+ {query && (
+
+
+
+ {searchResults.length} result{searchResults.length !== 1 ? "s" : ""}
+
+ {searchResults.length > 0 && (
+
+ {selectedResultIndex + 1} of {searchResults.length}
+
+ )}
+
+
+ {searchResults.length > 0 && (
+
+
+ {searchResults.map((result, index) => (
+
onMessageSelect?.(result.message.id)}
+ onMouseEnter={() => setSelectedResultIndex(index)}
+ >
+
+
+ {result.message.role === "user" ? "You" : "Assistant"}
+
+
+ {(result.message as any).created_at
+ ? new Date((result.message as any).created_at).toLocaleTimeString()
+ : new Date().toLocaleTimeString()
+ }
+
+
+
+
+ ))}
+
+
+ )}
+
+ {searchResults.length === 0 && (
+
+
+
No messages found matching "{query}"
+
+ )}
+
+ )}
+
+