box.scrollTop+box.offsetHeight)box.scrollTop=itemBot-box.offsetHeight;
+ }
+}
+function renderCommandPalette(q){
+ const box=document.getElementById('cp-results');if(!box)return;if(!q){
+ if(cpRecents.length){
+ box.innerHTML=`Recent searches
${cpRecents.slice(0,5).map(r=>`
`).join('')}
Quick actions
⬇ Downloads
Open downloads panel
📊 Statistics
View library insights
🩺 Library health
Diagnostics & maintenance
? Keyboard shortcuts
View all shortcuts
Start typing to search or browse quick actions below
Quick actions
⬇ Downloads
Open downloads panel
📊 Statistics
View library insights
🩺 Library health
Diagnostics & maintenance
? Keyboard shortcuts
View all shortcuts
Searching…
';
+}
+async function runCommandSearch(q){
+ const my=++cpSeq;const box=document.getElementById('cp-results');if(!box)return;if(!q){renderCommandPalette('');return}
try{
- const r=await(await api('/api/search?limit=100&q='+encodeURIComponent(q))).json();
- if(my!==ftsSeq)return; // a newer keystroke superseded this response
- const res=r.results||[];
- if(!res.length){box.innerHTML='No matches.
';if(status)status.textContent='0 results';return}
- box.innerHTML=res.map(h=>`
-
${esc(h.title)}
-
${esc(h.channel)} · ${esc(h.platform)}
- ${h.snippet?`
${ftsSnippet(h.snippet)}
`:''}
-
Search failed: ${esc(e.message)}
`}
+ const r=await(await api('/api/search?limit=60&q='+encodeURIComponent(q))).json();
+ if(my!==cpSeq)return;const res=r.results||[];
+ if(!res.length){box.innerHTML=`No matches
Try different keywords
${esc(ch)}
${items.map(h=>{const v=findVideo(h.video_id);const dt=(v&&v.upload_date)?fmtDate(v.upload_date):'';return `
${esc(h.title)}
${esc(h.platform)}${dt?' • '+dt:''}
${h.snippet?`
${ftsSnippet(h.snippet)}
`:''}
`}).join('')}
Search failed: ${esc(e.message)}
`;cpSelected=-1}
+}
+function cpSelect(id){
+ const q=document.getElementById('cp-input')?.value.trim()||'';if(q){cpRecents=cpRecents.filter(r=>r!==q);cpRecents.unshift(q);localStorage.setItem('cp-recents',JSON.stringify(cpRecents.slice(0,20)))}
+ closeCommandPalette();if(!findVideo(id)){setStatus('Video not in the loaded library — try Rescan');return}
+ selectVideo(id);document.getElementById('details')?.scrollIntoView({behavior:'smooth',block:'nearest'});
+}
+function cpOpenRecent(q){document.getElementById('cp-input').value=q;runCommandSearch(q);}
+function cpClearRecents(){cpRecents=[];localStorage.removeItem('cp-recents');renderCommandPalette('');}
+function closeCommandPalette(){
+ const bg=document.getElementById('cp-bg');if(!bg)return;bg.classList.add('cp-closing');setTimeout(()=>bg.remove(),200);
}
// FTS5 wraps matched terms in STX/ETX control chars; escape first, then mark.
function ftsSnippet(s){return esc(s).replace(/\x02/g,'').replace(/\x03/g,'')}
-function ftsOpen(id){
- document.getElementById('fts-modal')?.remove();
- if(!findVideo(id)){setStatus('Video not in the loaded library — try Rescan');return}
- selectVideo(id);
- document.getElementById('details')?.scrollIntoView({behavior:'smooth',block:'nearest'});
-}
/* ── Select / Details ───────────────────────────────────────────── */
function selectVideo(id){selectedId=selectedId===id?null:id;renderGrid();renderDetails()}
@@ -3330,7 +3370,8 @@ document.addEventListener('keydown',(e)=>{
e.preventDefault();
break;
case 'f':
- openSearch();
+ if(document.getElementById('cp-bg'))closeCommandPalette();
+ else openSearch();
e.preventDefault();
break;
case 'r':
@@ -3356,7 +3397,8 @@ function showShortcutsHelp(){
Keyboard shortcuts
${row('/','Focus filter box')}
- ${row('f','Search titles, descriptions & transcripts')}
+ ${row('f','Command palette search (keyboard-driven)')}
+ ${row('↑↓ in search','Navigate results')}
${row('r','Rescan library')}
${row('d','Open downloads')}
${row('Esc','Close modal / cancel')}