newtab: per-feed fetch timeout so one dead feed doesn't hang the grid (v0.2.14)

RSS feeds were stuck on 'Loading feeds…' because fetchFeed had no timeout — a
single slow/dead feed hangs Promise.all and renderFeeds never replaces the
placeholder. Add an 8s AbortController timeout per feed, render an error tile
on failure, make renderFeeds resilient if loading throws, and bump CACHE_V to
clear any stale feed cache. No manifest key / extension-id change.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: ralyodio

apps/desktop/extensions/ai-sidebar/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "TronBrowser",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "description": "TronBrowser — privacy-first, AI-native. Branded new tab, private search, CoinPay login, and a bring-your-own-keys AI sidebar.",
   "icons": {
     "16": "icons/icon-16.png",

apps/desktop/extensions/ai-sidebar/newtab.js

@@ -88,13 +88,23 @@ renderAccount();
 const TTL = 15 * 60 * 1000;
 
 async function fetchFeed(feed) {
-  const res = await fetch(feed.xmlUrl, { redirect: 'follow' });
-  if (!res.ok) throw new Error('HTTP ' + res.status);
-  const items = parseFeed(await res.text()).slice(0, 6);
-  return { ...feed, items };
+  // Per-feed timeout — without it, one dead/slow feed hangs Promise.all and the
+  // whole grid is stuck on "Loading feeds…" forever.
+  const ctrl = new AbortController();
+  const t = setTimeout(() => ctrl.abort(), 8000);
+  try {
+    const res = await fetch(feed.xmlUrl, { redirect: 'follow', signal: ctrl.signal });
+    if (!res.ok) throw new Error('HTTP ' + res.status);
+    const items = parseFeed(await res.text()).slice(0, 6);
+    return { ...feed, items };
+  } catch (e) {
+    throw new Error(e.name === 'AbortError' ? 'timed out' : e.message);
+  } finally {
+    clearTimeout(t);
+  }
 }
 
-const CACHE_V = 2; // bump to invalidate caches when item shape changes (thumbnails)
+const CACHE_V = 3; // bump to invalidate caches when item shape changes / clear stale
 async function getFeedData(feeds) {
   const { feedCache } = await chrome.storage.local.get('feedCache');
   if (feedCache && feedCache.v === CACHE_V && Date.now() - feedCache.at < TTL && feedCache.count === feeds.length) {
@@ -114,9 +124,15 @@ function fmtDate(d) {
 }
 
 async function renderFeeds() {
-  const feeds = await loadFeeds();
-  const data = await getFeedData(feeds);
   const grid = el('feeds');
+  let feeds, data;
+  try {
+    feeds = await loadFeeds();
+    data = await getFeedData(feeds);
+  } catch (e) {
+    grid.innerHTML = `<p class="err">Couldn't load feeds: ${escapeHtml(e.message)}</p>`;
+    return;
+  }
   grid.innerHTML = '';
   for (const f of data) {
     const card = document.createElement('div');