+
+ 0 && selectedEntry ? `cp-opt-${selectedEntry.id}` : undefined
+ }
+ placeholder="Search pages..."
+ value={query}
+ onChange={(e) => {
+ setQuery(e.target.value);
+ setSelectedIndex(0);
+ }}
+ className="w-full bg-transparent py-4 text-sm text-[var(--foreground)] outline-none placeholder:text-[var(--muted-foreground)]"
+ />
+
+
+ {filtered.length === 0 ? (
+ - No results
+ ) : (
+ filtered.map((entry, i) => (
+ - navigate(entry)}
+ className={`flex cursor-pointer items-center justify-between rounded-lg px-3 py-2.5 text-sm transition-colors ${
+ i === selectedIndex
+ ? 'bg-[var(--accent)] text-[var(--foreground)]'
+ : 'text-[var(--muted-foreground)] hover:bg-[var(--accent)] hover:text-[var(--foreground)]'
+ }`}
+ >
+ {entry.label}
+ {entry.href}
+
+ ))
+ )}
+
+