Extend video catalog source metadata

server/server.js

@@ -268,6 +268,7 @@ function slimEntry(j) {
   return {
     id,
     title:      pick(j, 'title') || '(untitled)',
+    url:        /^[\w-]{11}$/.test(id) ? `https://www.youtube.com/watch?v=${id}` : null,
     channel:    pickChannel(j),
     channelId:  pickChannelId(j),
     channelUrl: pickChannelUrl(j),
@@ -418,6 +419,8 @@ const searchLibrary = async (q) => {
   // This server's own library first — it still answers when YouTube is unreachable.
   try { return (await notesDb.listUploads({ q, limit: 20, listedOnly: true })).map(uploads.card); } catch { return []; }
 };
+const withYoutubeUrl = card => card && /^[\w-]{11}$/.test(card.id || '')
+  ? { ...card, url: `https://www.youtube.com/watch?v=${card.id}` } : card;
 
 // GET /api/search/local?q=<query> — videos this server already knows (from every
 // earlier search) plus its own uploads; answers in milliseconds so the app can
@@ -426,7 +429,7 @@ app.get('/api/search/local', async (c) => {
   const q = (c.req.query('q') || '').trim();
   if (!q) return c.json({ ok: false, error: 'empty query' }, 400);
   const [mine, known] = await Promise.all([searchLibrary(q), searchCacheDb.searchVideos(q).catch(() => [])]);
-  return c.json({ ok: true, results: [...mine, ...known], local: true });
+  return c.json({ ok: true, results: [...mine, ...known].map(withYoutubeUrl), local: true });
 });
 
 // GET /api/search?q=<query>[&refresh=1]
@@ -439,7 +442,7 @@ app.get('/api/search', async (c) => {
   if (!q) return c.json({ ok: false, error: 'empty query' }, 400);
   const key = q.toLowerCase();
   const mine = await searchLibrary(q);
-  const answer = (yt, extra = {}) => c.json({ ok: true, results: [...mine, ...yt], ...extra });
+  const answer = (yt, extra = {}) => c.json({ ok: true, results: [...mine, ...yt].map(withYoutubeUrl), ...extra });
   if (c.req.query('refresh') !== '1') {
     let hit = searchCache.get(key);
     if (!hit) {