@oddessentials/agent-guild 0.3.0 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oddessentials/agent-guild",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Launch and watch AI coding-assistant terminal sessions from one local web page. A bundled session manager owns the terminals so the page can close and reconnect.",
   "license": "MIT",
   "repository": {

package/src/manager/main.mjs

@@ -8,6 +8,7 @@ import { ProviderRegistry } from './providers.mjs';
 import { SessionManager } from './session-manager.mjs';
 import { UsageMonitor } from './usage.mjs';
 import { ModelStats } from './model-stats.mjs';
+import { NewsFeed } from './news.mjs';
 import { createManagerServer } from './server.mjs';
 import { SelfUpdate } from './self-update.mjs';
 import { resolveBaseEnv, pathReader } from './shell-env.mjs';
@@ -59,6 +60,7 @@ export async function startManager({ port = resolvePort(), host = DEFAULT_HOST,
   const manager = new SessionManager({ registry, baseEnv, getApiUrl: () => api.url, sessionDefaults, shimDir, selfUpdate });
   const usage = new UsageMonitor({ registry, env: baseEnv });
   const modelStats = new ModelStats({ registry });
+  const news = new NewsFeed({ registry });
   let closing = null;
 
   const refreshVersions = () => {
@@ -91,6 +93,7 @@ export async function startManager({ port = resolvePort(), host = DEFAULT_HOST,
     registry,
     usage,
     modelStats,
+    news,
     token,
     host,
     port,

package/src/manager/news.mjs

@@ -0,0 +1,470 @@
+import crypto from 'node:crypto';
+import { EventEmitter } from 'node:events';
+import { VERSION } from './config.mjs';
+
+const TTL_MS = 30 * 60 * 1000;
+const RETRY_MS = 10 * 60 * 1000;
+const RELEASE_TTL_MS = 60 * 60 * 1000;
+const FETCH_TIMEOUT_MS = 20000;
+const MAX_BYTES = 5 * 1024 * 1024;
+const CONCURRENCY = 4;
+const WINDOW_MS = 30 * 24 * 60 * 60 * 1000;
+const FUTURE_MS = 2 * 24 * 60 * 60 * 1000;
+const LIMITS = { news: 20, releases: 5, research: 10 };
+const TITLE_MAX = 300;
+const SUMMARY_MAX = 240;
+const RAW_MAX = 8000;
+const USER_AGENT = `agent-guild/${VERSION} (+https://github.com/oddessentials/agent-guild)`;
+const FEED_ACCEPT = 'application/rss+xml, application/atom+xml, application/xml;q=0.9, text/xml;q=0.8, */*;q=0.5';
+
+const latestRelease = (id, name, repo, provider) => ({
+  id, name, category: 'releases', provider, format: 'github', every: RELEASE_TTL_MS,
+  url: `https://api.github.com/repos/${repo}/releases/latest`,
+});
+
+export const FEEDS = [
+  { id: 'openai', name: 'OpenAI', category: 'news', url: 'https://openai.com/news/rss.xml' },
+  { id: 'google-deepmind', name: 'Google DeepMind', category: 'news', url: 'https://deepmind.google/blog/rss.xml' },
+  { id: 'google-ai', name: 'Google AI', category: 'news', url: 'https://blog.google/innovation-and-ai/technology/ai/rss/' },
+  { id: 'hugging-face', name: 'Hugging Face', category: 'news', url: 'https://huggingface.co/blog/feed.xml' },
+  { id: 'ollama-blog', name: 'Ollama', category: 'news', url: 'https://ollama.com/blog/rss.xml' },
+  latestRelease('claude-code', 'Claude Code', 'anthropics/claude-code', 'anthropic'),
+  latestRelease('codex-cli', 'Codex CLI', 'openai/codex', 'openai'),
+  latestRelease('gemini-cli', 'Gemini CLI', 'google-gemini/gemini-cli', 'google'),
+  { id: 'ollama', name: 'Ollama', category: 'releases', url: 'https://github.com/ollama/ollama/releases.atom' },
+  { id: 'llama-cpp', name: 'llama.cpp', category: 'releases', url: 'https://github.com/ggml-org/llama.cpp/releases.atom' },
+  { id: 'transformers', name: 'Transformers', category: 'releases', url: 'https://github.com/huggingface/transformers/releases.atom' },
+  { id: 'arxiv-cs-cl', name: 'arXiv cs.CL', category: 'research', filter: true, url: 'https://export.arxiv.org/rss/cs.CL' },
+  { id: 'arxiv-cs-ai', name: 'arXiv cs.AI', category: 'research', filter: true, url: 'https://export.arxiv.org/rss/cs.AI' },
+  { id: 'simon-willison', name: 'Simon Willison\'s Weblog', category: 'news', url: 'https://simonwillison.net/atom/everything/' },
+  { id: 'interconnects', name: 'Interconnects', category: 'news', url: 'https://www.interconnects.ai/feed' },
+  { id: 'lil-log', name: 'Lil\'Log', category: 'news', url: 'https://lilianweng.github.io/index.xml' },
+  {
+    id: 'hacker-news', name: 'Hacker News', category: 'news', format: 'hn', filter: true,
+    url: 'https://hn.algolia.com/api/v1/search_by_date?tags=story&numericFilters=points%3E%3D50&hitsPerPage=100&attributesToRetrieve=title,url,created_at,points,num_comments,objectID&attributesToHighlight=none',
+  },
+  { id: 'llm-digest', name: 'LLM Digest', category: 'news', url: 'https://www.llm-digest.com/rss.xml' },
+  { id: 'slashdot', name: 'Slashdot', category: 'news', filter: true, url: 'https://rss.slashdot.org/Slashdot/slashdotMain' },
+  { id: 'slashdot-developers', name: 'Slashdot', category: 'news', filter: true, url: 'https://rss.slashdot.org/Slashdot/slashdotDevelopers' },
+];
+
+const TERMS = /\bagents?\b|\bagentic\b|\bmulti[-\s]?agents?\b|\btool[-\s]?use\b|\bmcp\b|\bollama\b|\bllama\.cpp\b|\bllamacpp\b|\bggml\b|\bgguf\b|\bopen[-\s]?weights?\b|\blocal[-\s]+models?\b|\bvllm\b|\bsglang\b|\bquanti[sz]\w*\b/i;
+const TRACKING = new Set(['fbclid', 'gclid', 'mc_cid', 'mc_eid', 'igshid', 'ref_src']);
+const ARXIV_PATH = /^\/(?:abs|pdf|html)\/([a-z-]+\/\d{7}|\d{4}\.\d{4,5})(?:v\d+)?(?:\.pdf)?$/i;
+const PRERELEASE = /(?:^|[^a-z])(?:alpha|beta|rc|nightly|preview|canary|dev|pre)(?![a-z])/i;
+const ARXIV_PREFIX = /^arXiv:\S+\s+Announce Type:\s*[\w-]+\s+Abstract:\s*/i;
+const ENTRY = /<((?:[\w-]+:)?(?:item|entry))\b[^>]*>([\s\S]*?)<\/\1\s*>/gi;
+const DATE_FIELDS = ['pubDate', 'published', 'dc:date', 'updated', 'issued', 'modified'];
+const NAMED = {
+  amp: '&', lt: '<', gt: '>', quot: '"', apos: '\'', nbsp: ' ', ensp: ' ', emsp: ' ', thinsp: ' ', shy: '', zwj: '', zwnj: '',
+  ndash: '–', mdash: '—', hellip: '…', lsquo: '‘', rsquo: '’', sbquo: '‚', ldquo: '“', rdquo: '”', bdquo: '„', laquo: '«', raquo: '»',
+  bull: '•', middot: '·', prime: '′', Prime: '″', copy: '©', reg: '®', trade: '™', deg: '°', plusmn: '±', times: '×', divide: '÷',
+  euro: '€', pound: '£', cent: '¢', yen: '¥', sect: '§', para: '¶', larr: '←', rarr: '→', uarr: '↑', darr: '↓', harr: '↔',
+  aacute: 'á', agrave: 'à', acirc: 'â', auml: 'ä', eacute: 'é', egrave: 'è', ecirc: 'ê', iacute: 'í', oacute: 'ó', ouml: 'ö',
+  uacute: 'ú', uuml: 'ü', ccedil: 'ç', ntilde: 'ñ', szlig: 'ß', Auml: 'Ä', Ouml: 'Ö', Uuml: 'Ü',
+};
+
+class FeedError extends Error {}
+
+const fields = new Map();
+const attrs = new Map();
+
+export function matchesTerms(title, text = '') {
+  return TERMS.test(`${title}\n${text}`);
+}
+
+export function decodeEntities(text) {
+  return text.replace(/&(?:#(\d{1,7})|#x([0-9a-f]{1,6})|([a-z][a-z0-9]{1,31}));/gi, (match, dec, hex, name) => {
+    if (name) return Object.hasOwn(NAMED, name) ? NAMED[name] : match;
+    const code = dec ? Number(dec) : parseInt(hex, 16);
+    return code > 0 && code <= 0x10ffff && (code < 0xd800 || code > 0xdfff) ? String.fromCodePoint(code) : '�';
+  });
+}
+
+function tidy(text) {
+  return text.replace(/[\u0000-\u0008\u000b\u000c\u000e-\u001f\u007f]/g, '').replace(/\s+/g, ' ').trim();
+}
+
+function stripTags(html) {
+  return html
+    .replace(/<(script|style|template)\b[\s\S]*?(?:<\/\1\s*>|$)/gi, ' ')
+    .replace(/<\/?(?:p|div|br|li|ul|ol|h[1-6]|tr|td|th|table|blockquote|pre|section|article|header|footer|figure|figcaption|hr)\b[^>]*>/gi, ' ')
+    .replace(/<[^>]*>/g, '')
+    .replace(/<[^>]*$/, '');
+}
+
+export function clip(text, max) {
+  if (text.length <= max) return text;
+  let cut = text.slice(0, max);
+  if (/[\ud800-\udbff]$/.test(cut)) cut = cut.slice(0, -1);
+  const space = cut.lastIndexOf(' ');
+  if (space >= max * 0.6) cut = cut.slice(0, space);
+  return `${cut.replace(/[\s.,;:–—-]+$/, '')}…`;
+}
+
+function protect(xml) {
+  const blocks = [];
+  const text = xml
+    .replace(/\u0000/g, '')
+    .replace(/<!\[CDATA\[([\s\S]*?)\]\]>/g, (_, inner) => `\u0000${blocks.push(inner) - 1}\u0000`)
+    .replace(/<!--[\s\S]*?-->/g, '');
+  return { text, blocks };
+}
+
+function xmlText(inner, blocks) {
+  return inner.split(/\u0000(\d+)\u0000/).map((part, i) => (i % 2 ? blocks[Number(part)] ?? '' : decodeEntities(part))).join('');
+}
+
+function field(raw, name) {
+  let re = fields.get(name);
+  if (!re) fields.set(name, (re = new RegExp(`<${name}(\\s[^>]*)?(?:/>|>([\\s\\S]*?)</${name}\\s*>)`, 'i')));
+  const match = re.exec(raw);
+  return match ? { attrs: match[1] ?? '', inner: match[2] ?? '' } : null;
+}
+
+function attr(source, name) {
+  let re = attrs.get(name);
+  if (!re) attrs.set(name, (re = new RegExp(`(?:^|\\s)${name}\\s*=\\s*(?:"([^"]*)"|'([^']*)')`, 'i')));
+  const match = re.exec(source);
+  return match ? decodeEntities(match[1] ?? match[2]) : null;
+}
+
+function textOf(found, blocks, { html, max = RAW_MAX }) {
+  const type = attr(found.attrs, 'type');
+  const source = xmlText(found.inner.slice(0, max), blocks).slice(0, max);
+  return tidy(decodeEntities((type ? /html/i.test(type) : html) ? stripTags(source) : source));
+}
+
+export function webUrl(value, base) {
+  try {
+    const url = new URL(String(value).trim(), base);
+    if ((url.protocol !== 'https:' && url.protocol !== 'http:') || url.username || url.password || url.href.length > 2000) return null;
+    return url.href;
+  } catch {
+    return null;
+  }
+}
+
+function entryLink(raw, blocks, base) {
+  const links = [...raw.matchAll(/<link\b([^>]*)>/gi)]
+    .map(([, found]) => ({ href: attr(found, 'href'), rel: attr(found, 'rel') ?? 'alternate', type: attr(found, 'type') }))
+    .filter((link) => link.href);
+  const alternate = links.find((link) => link.rel === 'alternate' && (!link.type || /html/i.test(link.type))) ?? links.find((link) => link.rel === 'alternate');
+  if (alternate) return webUrl(alternate.href, base);
+  const text = field(raw, 'link');
+  if (text && text.inner.trim()) return webUrl(tidy(xmlText(text.inner, blocks)), base);
+  const guid = field(raw, 'guid');
+  return guid && attr(guid.attrs, 'isPermaLink') !== 'false' ? webUrl(tidy(xmlText(guid.inner, blocks)), base) : null;
+}
+
+function entryDate(raw, blocks) {
+  for (const name of DATE_FIELDS) {
+    const found = field(raw, name);
+    if (!found) continue;
+    const time = Date.parse(tidy(xmlText(found.inner, blocks)));
+    if (Number.isFinite(time)) return time;
+  }
+  return null;
+}
+
+function feedEntries(xml) {
+  const { text, blocks } = protect(xml);
+  if (!/<(?:[\w-]+:)?(?:rss|feed|RDF)\b/i.test(text)) throw new FeedError('did not send a feed');
+  return [...text.matchAll(ENTRY)].map(([, , raw]) => ({ raw, blocks, date: entryDate(raw, blocks) }));
+}
+
+function readEntry({ raw, blocks }, base) {
+  const title = field(raw, 'title');
+  const body = [['summary', false], ['description', true], ['content:encoded', true], ['content', false]]
+    .map(([name, html]) => [field(raw, name), html])
+    .find(([found]) => found);
+  const announce = field(raw, 'arxiv:announce_type');
+  return {
+    title: title ? clip(textOf(title, blocks, { html: false, max: Infinity }), TITLE_MAX) : '',
+    link: entryLink(raw, blocks, base),
+    text: body ? textOf(body[0], blocks, { html: body[1] }).replace(ARXIV_PREFIX, '') : '',
+    announce: announce ? tidy(xmlText(announce.inner, blocks)) : null,
+  };
+}
+
+export function parseFeed(xml, base) {
+  return feedEntries(xml).map((entry) => ({ ...readEntry(entry, base), date: entry.date }));
+}
+
+function count(value, word) {
+  return Number.isInteger(value) && value >= 0 ? `${value} ${word}${value === 1 ? '' : 's'}` : null;
+}
+
+export function parseHackerNews(text) {
+  const hits = JSON.parse(text)?.hits;
+  if (!Array.isArray(hits)) throw new FeedError('sent no stories');
+  return hits.filter((hit) => hit && typeof hit === 'object').map((hit) => {
+    const id = String(hit.objectID ?? '');
+    const thread = /^\d+$/.test(id) ? `https://news.ycombinator.com/item?id=${id}` : null;
+    const link = (typeof hit.url === 'string' && webUrl(hit.url)) || thread;
+    return {
+      title: clip(tidy(decodeEntities(String(hit.title ?? ''))), TITLE_MAX),
+      link,
+      text: [count(hit.points, 'point'), count(hit.num_comments, 'comment')].filter(Boolean).join(' · '),
+      discussion: link === thread ? null : thread,
+      date: Date.parse(hit.created_at),
+    };
+  });
+}
+
+export function markdownText(markdown) {
+  return String(markdown)
+    .replace(/```[\s\S]*?(?:```|$)/g, ' ')
+    .replace(/!\[[^\]]*\]\([^)]*\)/g, ' ')
+    .replace(/\[([^\]]*)\]\([^)]*\)/g, '$1')
+    .replace(/<[^>]*>/g, ' ')
+    .split(/\r?\n/)
+    .filter((line) => !/^\s*(?:#{1,6}\s|\*\*full changelog\b|full changelog\b)/i.test(line))
+    .map((line) => tidy(decodeEntities(line
+      .replace(/^\s*(?:[-*+]\s+|\d+\.\s+|>\s*)/, '')
+      .replace(/^#\d+\s+|\s*\(#\d+\)/g, '')
+      .replace(/\s+by @[\w-]+(?:\s+in\s+\S+)?/g, '')
+      .replace(/https?:\/\/\S+/g, '')
+      .replace(/[*_`~]+/g, ''))))
+    .filter(Boolean)
+    .join(' · ');
+}
+
+export function releaseTitle(name, title) {
+  const label = title.replace(/^(?:patch\s+)?release\b:?\s*/i, '').replace(/^rust-(?=v?\d)/i, '').trim() || title;
+  return label.toLowerCase().startsWith(name.toLowerCase()) ? label : `${name} ${label}`;
+}
+
+export function parseGithubRelease(text, name) {
+  const release = JSON.parse(text);
+  if (!release || typeof release !== 'object' || typeof release.tag_name !== 'string') throw new FeedError('sent no release');
+  if (release.draft || release.prerelease) return [];
+  return [{
+    title: releaseTitle(name, tidy(String(release.name || release.tag_name))),
+    link: webUrl(release.html_url ?? ''),
+    text: markdownText(release.body ?? ''),
+    date: Date.parse(release.published_at),
+  }];
+}
+
+function releaseTag(link) {
+  const tag = /^https?:\/\/(?:www\.)?github\.com\/[^/]+\/[^/]+\/releases\/tag\/([^/?#]+)/i.exec(link)?.[1];
+  if (!tag) return null;
+  try {
+    return decodeURIComponent(tag);
+  } catch {
+    return tag;
+  }
+}
+
+export function isPrerelease(tag) {
+  return PRERELEASE.test(tag);
+}
+
+const tracking = (key) => /^utm_/i.test(key) || TRACKING.has(key.toLowerCase());
+
+export function cleanUrl(link) {
+  const url = new URL(link);
+  const keys = [...url.searchParams.keys()].filter(tracking);
+  if (keys.length === 0) return link;
+  for (const key of keys) url.searchParams.delete(key);
+  return url.href;
+}
+
+export function canonicalUrl(link) {
+  const url = new URL(link);
+  const host = url.hostname.toLowerCase().replace(/^www\./, '');
+  const port = url.port && url.port !== '80' && url.port !== '443' ? `:${url.port}` : '';
+  let path = url.pathname || '/';
+  if (path.length > 1 && path.endsWith('/')) path = path.slice(0, -1);
+  const arxiv = host.endsWith('arxiv.org') ? ARXIV_PATH.exec(path) : null;
+  if (arxiv) path = `/abs/${arxiv[1]}`;
+  const query = [...url.searchParams]
+    .filter(([key]) => !tracking(key))
+    .sort(([a, x], [b, y]) => (a < b ? -1 : a > b ? 1 : x < y ? -1 : x > y ? 1 : 0));
+  return `${host}${port}${path}${query.length ? `?${new URLSearchParams(query)}` : ''}`;
+}
+
+function summaryFor(text, title) {
+  const rest = text.toLowerCase().startsWith(title.toLowerCase()) ? text.slice(title.length).replace(/^[\s.,;:–—-]+/, '') : text;
+  return clip(rest, SUMMARY_MAX);
+}
+
+function select(feed, entries, now) {
+  const fresh = entries
+    .filter((entry) => Number.isFinite(entry.date) && entry.date - now <= FUTURE_MS && now - entry.date <= WINDOW_MS)
+    .sort((a, b) => b.date - a.date);
+  const items = [];
+  for (const entry of fresh) {
+    if (items.length >= LIMITS[feed.category]) break;
+    const found = entry.raw === undefined ? entry : { ...readEntry(entry, feed.url), date: entry.date };
+    if (!found.title || !found.link) continue;
+    if (found.announce && /^replace/i.test(found.announce)) continue;
+    const release = feed.category === 'releases' && feed.format !== 'github';
+    const tag = releaseTag(found.link) ?? (release ? found.title.split(' ')[0] : null);
+    if (tag && isPrerelease(tag)) continue;
+    if (feed.filter && !matchesTerms(found.title, found.text)) continue;
+    const key = canonicalUrl(found.link);
+    items.push({
+      key,
+      id: crypto.createHash('sha256').update(key).digest('hex').slice(0, 16),
+      title: release ? releaseTitle(feed.name, found.title) : found.title,
+      url: cleanUrl(found.link),
+      discussion: found.discussion ?? null,
+      summary: summaryFor(found.text, found.title),
+      date: found.date,
+      time: Math.min(found.date, now),
+    });
+  }
+  return items;
+}
+
+function merge(previous, fresh, limit, now) {
+  const byKey = new Map(previous.filter((item) => now - item.time <= WINDOW_MS).map((item) => [item.key, item]));
+  for (const item of fresh) {
+    const stored = byKey.get(item.key);
+    if (stored?.date === item.date) item.time = stored.time;
+    byKey.set(item.key, item);
+  }
+  return [...byKey.values()].sort((a, b) => b.time - a.time).slice(0, limit);
+}
+
+async function readBody(res, maxBytes) {
+  const tooLarge = () => new FeedError(`sent more than ${maxBytes / 1024 / 1024} MB`);
+  if (Number(res.headers.get('content-length')) > maxBytes) throw tooLarge();
+  const chunks = [];
+  let size = 0;
+  for await (const chunk of res.body ?? []) {
+    size += chunk.byteLength;
+    if (size > maxBytes) throw tooLarge();
+    chunks.push(chunk);
+  }
+  const bytes = Buffer.concat(chunks);
+  const charset = /charset\s*=\s*["']?([\w.:-]+)/i.exec(res.headers.get('content-type') ?? '')?.[1]
+    ?? /^\s*<\?xml[^>]*encoding\s*=\s*["']([\w.:-]+)/i.exec(bytes.subarray(0, 256).toString('latin1'))?.[1];
+  try {
+    return new TextDecoder(charset ?? 'utf-8').decode(bytes);
+  } catch {
+    return new TextDecoder().decode(bytes);
+  }
+}
+
+function refusal(res) {
+  if ((res.status === 403 || res.status === 429) && res.headers.get('x-ratelimit-remaining') === '0') return 'GitHub API rate limit exceeded';
+  return `HTTP ${res.status}`;
+}
+
+function failure(err, timeoutMs) {
+  if (err instanceof FeedError) return err.message;
+  if (err?.name === 'TimeoutError') return `did not answer within ${timeoutMs / 1000} seconds`;
+  if (err instanceof SyntaxError) return 'sent data that could not be read';
+  return `could not be reached (${err?.cause?.code || err?.message || 'unknown error'})`;
+}
+
+const iso = (time) => (time ? new Date(time).toISOString() : null);
+
+export class NewsFeed extends EventEmitter {
+  constructor({
+    registry = null, feeds = FEEDS, fetchImpl = fetch, ttlMs = TTL_MS, retryMs = RETRY_MS, timeoutMs = FETCH_TIMEOUT_MS, maxBytes = MAX_BYTES,
+  } = {}) {
+    super();
+    this.registry = registry;
+    this.fetchImpl = fetchImpl;
+    this.ttlMs = ttlMs;
+    this.retryMs = retryMs;
+    this.timeoutMs = timeoutMs;
+    this.maxBytes = maxBytes;
+    this.states = feeds.map((feed) => ({ feed, items: [], etag: null, lastModified: null, checkedAt: 0, okAt: 0, error: null }));
+    this.refreshedAt = 0;
+    this.refreshing = null;
+  }
+
+  snapshot() {
+    const active = this.states.filter((state) => !state.feed.provider || this._installed(state.feed.provider));
+    this._refreshDue(active);
+    return this._describe(active);
+  }
+
+  _installed(id) {
+    const provider = this.registry?.providers?.find((p) => p.id === id);
+    try {
+      return Boolean(provider && this.registry.resolve(provider));
+    } catch {
+      return false;
+    }
+  }
+
+  _refreshDue(active) {
+    if (this.refreshing) return;
+    const now = Date.now();
+    const due = active.filter((state) => now - state.checkedAt >= (state.error ? this.retryMs : state.feed.every ?? this.ttlMs));
+    if (due.length === 0) return;
+    this.refreshing = this._refresh(due).finally(() => {
+      this.refreshing = null;
+      this.emit('updated');
+    });
+  }
+
+  async _refresh(states) {
+    const queue = [...states];
+    await Promise.all(Array.from({ length: Math.min(CONCURRENCY, queue.length) }, async () => {
+      while (queue.length) await this._update(queue.shift());
+    }));
+    this.refreshedAt = Date.now();
+  }
+
+  async _update(state) {
+    const { feed } = state;
+    state.checkedAt = Date.now();
+    try {
+      const headers = { 'User-Agent': USER_AGENT, Accept: feed.format === 'github' ? 'application/vnd.github+json' : feed.format === 'hn' ? 'application/json' : FEED_ACCEPT };
+      if (feed.format === 'github') headers['X-GitHub-Api-Version'] = '2022-11-28';
+      if (state.etag) headers['If-None-Match'] = state.etag;
+      if (state.lastModified) headers['If-Modified-Since'] = state.lastModified;
+      const res = await this.fetchImpl(feed.url, { headers, signal: AbortSignal.timeout(this.timeoutMs) });
+      if (res.status !== 304) {
+        if (!res.ok) throw new FeedError(refusal(res));
+        const text = await readBody(res, this.maxBytes);
+        const entries = feed.format === 'hn' ? parseHackerNews(text) : feed.format === 'github' ? parseGithubRelease(text, feed.name) : feedEntries(text);
+        const now = Date.now();
+        state.items = merge(state.items, select(feed, entries, now), LIMITS[feed.category], now);
+        state.etag = res.headers.get('etag');
+        state.lastModified = res.headers.get('last-modified');
+      }
+      state.error = null;
+      state.okAt = Date.now();
+    } catch (err) {
+      state.error = failure(err, this.timeoutMs);
+    }
+  }
+
+  _describe(active) {
+    const now = Date.now();
+    const taken = new Set();
+    const items = [];
+    for (const { feed, items: own } of active) {
+      for (const item of own) {
+        if (now - item.time > WINDOW_MS || taken.has(item.key)) continue;
+        taken.add(item.key);
+        items.push({ feed, item });
+      }
+    }
+    items.sort((a, b) => b.item.time - a.item.time);
+    return {
+      refreshedAt: iso(this.refreshedAt),
+      refreshing: Boolean(this.refreshing),
+      sources: active.map(({ feed, error, okAt }) => ({ id: feed.id, name: feed.name, category: feed.category, error, okAt: iso(okAt) })),
+      items: items.map(({ feed, item }) => ({
+        id: item.id,
+        title: item.title,
+        url: item.url,
+        discussion: item.discussion,
+        summary: item.summary,
+        source: feed.name,
+        sourceId: feed.id,
+        category: feed.category,
+        publishedAt: iso(item.time),
+      })),
+    };
+  }
+}

package/src/manager/server.mjs

@@ -101,6 +101,7 @@ export function createManagerServer({
   registry,
   usage,
   modelStats,
+  news = null,
   token,
   host = '127.0.0.1',
   port = 0,
@@ -230,6 +231,9 @@ export function createManagerServer({
     if (route === '/model-stats' && method === 'GET') {
       return sendJson(res, 200, await modelStats.snapshot(manager.list()));
     }
+    if (route === '/news' && method === 'GET' && news) {
+      return sendJson(res, 200, news.snapshot());
+    }
     const installMatch = route.match(/^\/providers\/([a-z0-9][a-z0-9_-]{0,31})\/install$/);
     if (installMatch && method === 'POST') {
       const body = await readJsonBody(req);
@@ -342,6 +346,7 @@ export function createManagerServer({
   manager.on('event', broadcast);
   registry.on('updated', () => broadcast({ type: 'providers.updated', providers: registry.list() }));
   selfUpdate?.on('updated', () => broadcast({ type: 'manager.upgrade', upgrade: upgradeInfo() }));
+  news?.on('updated', () => broadcast({ type: 'news.updated' }));
 
   function handleEvents(ws) {
     eventClients.add(ws);

package/web/app.js

@@ -5,6 +5,8 @@ const TOKEN_KEY = 'agentGuild.token';
 const CWD_KEY = 'agentGuild.cwd';
 const ACCOUNTS_KEY = 'agentGuild.accounts';
 const THEME_KEY = 'agentGuild.theme';
+const NEWS_SEEN_KEY = 'agentGuild.newsSeen';
+const NEWS_FILTER_KEY = 'agentGuild.newsFilter';
 const isMac = /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent);
 
 const $ = (id) => document.getElementById(id);
@@ -15,6 +17,7 @@ const state = {
   accounts: {},
   stats: null,
   statsFor: new Map(),
+  news: null,
   sessions: new Map(),
   views: new Map(),
   activeId: null,
@@ -900,6 +903,291 @@ function closeModels() {
   if ($('models').open) $('models').close();
 }
 
+const NEWS_LATEST = 5;
+const NEWS_POLL_MS = 10 * 60 * 1000;
+const NEWS_FILTERS = [['all', 'All'], ['news', 'News'], ['releases', 'Releases'], ['research', 'Research']];
+const newsView = { shown: null, since: Infinity, filter: 'all', opener: null };
+let newsLoading = null;
+let newsAgain = false;
+let newsLoadedAt = 0;
+
+function newsSeen() {
+  const seen = Date.parse(load(NEWS_SEEN_KEY));
+  return Number.isFinite(seen) ? seen : null;
+}
+
+function newestTime(items) {
+  return items.reduce((newest, item) => Math.max(newest, Date.parse(item.publishedAt) || 0), 0);
+}
+
+function loadNews() {
+  if (newsLoading) {
+    newsAgain = true;
+    return newsLoading;
+  }
+  newsLoading = api('GET', '/news').then(setNews, () => {}).finally(() => {
+    newsLoading = null;
+    newsLoadedAt = Date.now();
+    if (newsAgain) {
+      newsAgain = false;
+      loadNews();
+    }
+  });
+  return newsLoading;
+}
+
+function setNews(news) {
+  state.news = news;
+  if (newsSeen() === null && news.items.length) save(NEWS_SEEN_KEY, new Date(newestTime(news.items)).toISOString());
+  renderLatestNews();
+  if ($('news').open) updateNewsPanel();
+}
+
+function webHref(value) {
+  try {
+    const url = new URL(value);
+    return url.protocol === 'https:' || url.protocol === 'http:' ? url.href : null;
+  } catch {
+    return null;
+  }
+}
+
+function newsTitle(item) {
+  const href = webHref(item.url);
+  const title = document.createElement(href ? 'a' : 'span');
+  title.className = 'news-link';
+  title.textContent = item.title;
+  if (href) {
+    title.href = href;
+    title.target = '_blank';
+    title.rel = 'noopener noreferrer';
+    title.setAttribute('aria-description', 'Opens in a new tab');
+  }
+  return title;
+}
+
+function newsMeta(item) {
+  const meta = document.createElement('span');
+  meta.className = 'news-meta';
+  const time = document.createElement('time');
+  time.dateTime = item.publishedAt;
+  time.textContent = relativeTime(item.publishedAt);
+  time.title = new Date(item.publishedAt).toLocaleString();
+  meta.append(`${item.source} · `, time);
+  return meta;
+}
+
+function isNew(item, since) {
+  return Date.parse(item.publishedAt) > since;
+}
+
+function newBadge() {
+  return badge('new', 'New', 'Published since you last opened the news');
+}
+
+function latestNews(items) {
+  const sources = new Set();
+  const latest = [];
+  for (const item of items) {
+    if (item.category !== 'news' || sources.has(item.source)) continue;
+    sources.add(item.source);
+    latest.push(item);
+    if (latest.length === NEWS_LATEST) break;
+  }
+  return latest;
+}
+
+function failureLines(news) {
+  const groups = new Map();
+  for (const source of news.sources) if (source.error) groups.set(source.error, [...(groups.get(source.error) ?? []), source]);
+  return [...groups].map(([error, sources]) => {
+    if (sources.length === 1) {
+      const [source] = sources;
+      return `${source.name}: ${error} · ${source.okAt ? `showing items fetched ${relativeTime(source.okAt)}` : 'nothing fetched yet'}`;
+    }
+    const names = [...new Set(sources.map((source) => source.name))];
+    return `${names.length <= 3 ? listJoin(names) : `${sources.length} sources`}: ${error}`;
+  });
+}
+
+function newsNote(news) {
+  if (!news || (news.refreshing && news.items.length === 0)) return 'Loading news…';
+  const failed = news.sources.filter((s) => s.error);
+  if (news.items.length === 0 && failed.length > 0 && failed.length === news.sources.length) {
+    return `News could not be loaded. ${failureLines(news)[0]}. Agent Guild tries again in a few minutes.`;
+  }
+  return 'No news from the last 30 days.';
+}
+
+function renderLatestNews() {
+  const news = state.news;
+  const list = $('news-latest');
+  const seen = newsSeen() ?? Infinity;
+  const items = news ? latestNews(news.items) : [];
+  const focused = document.activeElement?.closest?.('#news-latest .news-row')?.dataset.id;
+  list.replaceChildren(...items.map((item) => {
+    const row = document.createElement('li');
+    row.className = 'news-row';
+    row.dataset.id = item.id;
+    row.append(newsTitle(item), ...(isNew(item, seen) ? [newBadge()] : []), newsMeta(item));
+    return row;
+  }));
+  if (focused) [...list.children].find((row) => row.dataset.id === focused)?.querySelector('.news-link')?.focus({ preventScroll: true });
+  list.hidden = items.length === 0;
+  const fresh = news ? news.items.filter((item) => item.category === 'news' && isNew(item, seen)).length : 0;
+  $('news-count').textContent = fresh ? `· ${fresh} new` : '';
+  $('news-note').textContent = items.length ? '' : newsNote(news);
+  $('news-note').hidden = items.length > 0;
+}
+
+function dayLabel(time) {
+  const date = new Date(time);
+  const today = new Date();
+  const yesterday = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 1);
+  if (date.toDateString() === today.toDateString()) return 'Today';
+  if (date.toDateString() === yesterday.toDateString()) return 'Yesterday';
+  return date.toLocaleDateString(undefined, { weekday: 'long', month: 'short', day: 'numeric' });
+}
+
+function newsEntry(item) {
+  const entry = document.createElement('li');
+  entry.className = 'news-item';
+  entry.dataset.id = item.id;
+  const head = document.createElement('div');
+  head.className = 'news-head';
+  head.append(newsTitle(item), ...(isNew(item, newsView.since) ? [newBadge()] : []));
+  entry.append(head, newsMeta(item));
+  if (item.summary) {
+    const summary = document.createElement('p');
+    summary.className = 'news-summary';
+    const discussion = webHref(item.discussion);
+    if (discussion) {
+      const link = document.createElement('a');
+      link.className = 'news-discussion';
+      link.href = discussion;
+      link.target = '_blank';
+      link.rel = 'noopener noreferrer';
+      link.textContent = item.summary;
+      link.setAttribute('aria-description', `Opens the discussion on ${item.source} in a new tab`);
+      summary.append(link);
+    } else {
+      summary.textContent = item.summary;
+    }
+    entry.append(summary);
+  }
+  return entry;
+}
+
+function renderNewsFilters() {
+  $('news-filters').replaceChildren(...NEWS_FILTERS.map(([id, label]) => {
+    const chip = document.createElement('button');
+    chip.type = 'button';
+    chip.className = 'news-filter';
+    chip.textContent = label;
+    chip.setAttribute('aria-pressed', String(id === newsView.filter));
+    chip.addEventListener('click', () => {
+      newsView.filter = id;
+      save(NEWS_FILTER_KEY, id);
+      for (const other of $('news-filters').children) other.setAttribute('aria-pressed', String(other === chip));
+      newsView.shown = state.news;
+      renderNewsList();
+      document.querySelector('.news-body').scrollTop = 0;
+    });
+    return chip;
+  }));
+}
+
+function renderNewsList() {
+  const shown = newsView.shown;
+  const items = (shown?.items ?? []).filter((item) => newsView.filter === 'all' || item.category === newsView.filter);
+  const groups = [];
+  for (const item of items) {
+    const label = dayLabel(Date.parse(item.publishedAt));
+    if (groups.at(-1)?.label !== label) groups.push({ label, items: [] });
+    groups.at(-1).items.push(item);
+  }
+  $('news-list').replaceChildren(...groups.map((group) => {
+    const section = document.createElement('section');
+    section.className = 'news-group';
+    const heading = document.createElement('h3');
+    heading.className = 'news-day';
+    heading.textContent = group.label;
+    const list = document.createElement('ul');
+    list.className = 'news-items';
+    list.append(...group.items.map(newsEntry));
+    section.append(heading, list);
+    return section;
+  }));
+  const label = NEWS_FILTERS.find(([id]) => id === newsView.filter)[1];
+  $('news-empty').textContent = items.length ? '' : newsView.filter === 'all' || !shown ? newsNote(shown) : `Nothing in ${label} from the last 30 days.`;
+  $('news-empty').hidden = items.length > 0;
+  $('news-fresh').hidden = true;
+  const fresh = (shown?.items ?? []).filter((item) => isNew(item, newsView.since)).length;
+  $('news-sub').textContent = fresh ? `${fresh} new since your last visit` : 'Newest first';
+}
+
+function renderNewsStatus() {
+  const news = state.news;
+  const status = $('news-status');
+  status.hidden = !news;
+  if (!news) return;
+  const updated = news.refreshing ? 'checking for news…' : news.refreshedAt ? `updated ${relativeTime(news.refreshedAt)}` : '';
+  const lines = [[`${news.sources.length} source${news.sources.length === 1 ? '' : 's'}`, updated].filter(Boolean).join(' · '), ...failureLines(news)];
+  status.replaceChildren(...lines.map((text) => {
+    const line = document.createElement('span');
+    line.textContent = text;
+    return line;
+  }));
+}
+
+function updateNewsPanel() {
+  renderNewsStatus();
+  if (!newsView.shown?.items.length) {
+    newsView.shown = state.news;
+    renderNewsList();
+    return;
+  }
+  const shownIds = new Set(newsView.shown.items.map((item) => item.id));
+  const added = state.news.items.filter((item) => !shownIds.has(item.id) && (newsView.filter === 'all' || item.category === newsView.filter)).length;
+  const fresh = $('news-fresh');
+  fresh.hidden = added === 0;
+  fresh.textContent = `Show ${added} new item${added === 1 ? '' : 's'}`;
+}
+
+function showFreshNews() {
+  const before = new Set(newsView.shown.items.map((item) => item.id));
+  newsView.shown = state.news;
+  renderNewsList();
+  const first = [...$('news-list').querySelectorAll('.news-item')].find((entry) => !before.has(entry.dataset.id));
+  (first?.querySelector('.news-link') ?? $('news-close')).focus();
+}
+
+function openNews() {
+  const dialog = $('news');
+  const saved = load(NEWS_FILTER_KEY);
+  newsView.filter = NEWS_FILTERS.some(([id]) => id === saved) ? saved : 'all';
+  newsView.since = newsSeen() ?? Infinity;
+  newsView.shown = state.news;
+  renderNewsFilters();
+  renderNewsList();
+  renderNewsStatus();
+  if (!dialog.open) {
+    newsView.opener = document.activeElement;
+    dialog.showModal();
+  }
+  ($('news-list').querySelector('.news-link') ?? $('news-close')).focus();
+  if (!state.news) loadNews();
+}
+
+function closeNews() {
+  if ($('news').open) $('news').close();
+}
+
+function tickNews() {
+  for (const time of document.querySelectorAll('#news-latest time, #news-list time')) time.textContent = relativeTime(time.dateTime);
+  if ($('news').open) renderNewsStatus();
+}
+
 const CHANNEL_LABELS = {
   npm: 'npm', native: 'native', brew: 'Homebrew', winget: 'WinGet', legacy: 'legacy install', unknown: 'unknown install',
 };
@@ -1343,6 +1631,7 @@ function enterStopping(running = 0) {
   state.stopRemaining = null;
   closePanel();
   closeModels();
+  closeNews();
   for (const view of state.views.values()) view.dispose();
   state.views.clear();
   state.sessions.clear();
@@ -1400,6 +1689,9 @@ function connectEvents() {
       for (const id of [...state.views.keys()]) if (!state.sessions.has(id)) dropSession(id);
       renderSessions();
       setUpgrade(msg.upgrade);
+      loadNews();
+    } else if (msg.type === 'news.updated') {
+      loadNews();
     } else if (msg.type === 'manager.upgrade') {
       setUpgrade(msg.upgrade);
     } else if (msg.type === 'manager.stopping') {
@@ -1453,9 +1745,11 @@ function readTokenFromHash() {
 
 let usageTimer;
 let statsInterval;
+let newsTimer;
 
 function showAuth(message = '') {
   closeModels();
+  closeNews();
   $('app').hidden = true;
   $('terminal-panel').hidden = true;
   $('stopped').hidden = true;
@@ -1488,6 +1782,8 @@ async function boot() {
   loadStats();
   clearInterval(statsInterval);
   statsInterval = setInterval(loadStats, 60 * 60 * 1000);
+  clearInterval(newsTimer);
+  newsTimer = setInterval(() => { if (document.visibilityState === 'visible') loadNews(); }, NEWS_POLL_MS);
 }
 
 $('auth-form').addEventListener('submit', (e) => {
@@ -1530,6 +1826,21 @@ document.addEventListener('keydown', (e) => {
 }, true);
 addEventListener('scroll', () => { if (tipFor) hideTip(); }, true);
 addEventListener('resize', () => { if (tipFor) hideTip(); });
+$('news-all').addEventListener('click', openNews);
+$('news-close').addEventListener('click', closeNews);
+$('news-fresh').addEventListener('click', showFreshNews);
+$('news').addEventListener('click', (e) => { if (e.target === $('news')) closeNews(); });
+$('news').addEventListener('close', () => {
+  const newest = newestTime(newsView.shown?.items ?? []);
+  if (newest > (newsSeen() ?? 0)) save(NEWS_SEEN_KEY, new Date(newest).toISOString());
+  renderLatestNews();
+  const opener = newsView.opener?.isConnected && !newsView.opener.closest('[hidden]') ? newsView.opener : $('news-all');
+  opener.focus();
+  newsView.opener = null;
+});
+document.addEventListener('visibilitychange', () => {
+  if (document.visibilityState === 'visible' && state.connected && Date.now() - newsLoadedAt > 60000) loadNews();
+});
 $('models-more').addEventListener('click', () => {
   const before = $('models-list').childElementCount;
   modelsView.all = true;
@@ -1554,6 +1865,7 @@ $('cwd').value = load(CWD_KEY) || '';
 try { state.accounts = JSON.parse(load(ACCOUNTS_KEY)) || {}; } catch { state.accounts = {}; }
 if (typeof state.accounts !== 'object' || Array.isArray(state.accounts)) state.accounts = {};
 setInterval(renderSessions, 30000);
+setInterval(tickNews, 30000);
 
 // The terminal panel sits below the top bar, which wraps onto two rows on
 // narrow screens; publish its height so the panel never covers its controls.

package/web/art/art.css

@@ -155,6 +155,26 @@
   .badge { background: rgba(0, 0, 0, 0.45); border-color: #4a3d25; }
   .model-pill:hover { border-color: var(--gold-dim); }
 
+  .news-latest {
+    border-radius: 6px; border-color: #4a3d25; background: var(--card-bg);
+    box-shadow: inset 0 0 0 1px rgba(232, 196, 124, 0.06), 0 8px 24px rgba(0, 0, 0, 0.35);
+  }
+  .news-row + .news-row, .news-bar, .news-filters, .news-item, .news-status { border-color: #2a2418; }
+  .news-link { color: #f3ead8; }
+  a.news-link:visited { color: var(--muted); }
+  .news-panel {
+    background: #12141a; border-left-color: #4a3d25;
+    box-shadow: inset 1px 0 0 rgba(232, 196, 124, 0.08), -24px 0 60px rgba(0, 0, 0, 0.6);
+  }
+  .news-panel::backdrop { background: rgba(5, 6, 9, 0.72); }
+  .news-bar { padding: 16px 18px 12px; }
+  .news-filters, .news-status { padding-left: 18px; padding-right: 18px; }
+  .news-body { padding: 0 18px 14px; }
+  .news-day { background: #12141a; color: #c9ab72; }
+  .news-filter { border-color: #4a3d25; background: rgba(0, 0, 0, 0.35); }
+  .news-filter:hover { border-color: var(--gold-dim); }
+  .news-filter[aria-pressed="true"] { border-color: #b8955a; color: #fff; background: linear-gradient(#8e8ef6, #6262d6); }
+
   .session-card { padding-left: 152px; min-height: 196px; }
   .session-card::before {
     inset: 0 auto 0 0; width: 168px; background-size: 168px auto;

package/web/index.html

@@ -47,6 +47,15 @@
       <div id="sessions" class="session-grid" role="list"></div>
       <p id="empty" class="empty">No sessions yet. Pick a provider above to start one. Sessions keep running when you close this page.</p>
     </section>
+
+    <section class="news" aria-labelledby="news-heading">
+      <div class="section-head">
+        <h2 id="news-heading">Latest news <span id="news-count" class="count"></span></h2>
+        <button id="news-all" class="btn" type="button" aria-haspopup="dialog">All news</button>
+      </div>
+      <ol id="news-latest" class="news-latest" hidden></ol>
+      <p id="news-note" class="empty">Loading news…</p>
+    </section>
   </main>
 
   <section id="auth" class="auth" hidden>
@@ -105,6 +114,23 @@
     <p id="models-source" class="models-source"></p>
   </dialog>
 
+  <dialog id="news" class="news-panel" aria-labelledby="news-title">
+    <div class="news-bar">
+      <div class="news-heading">
+        <h2 id="news-title">News</h2>
+        <p id="news-sub" class="sub"></p>
+      </div>
+      <button id="news-close" class="btn" type="button">Close</button>
+    </div>
+    <div id="news-filters" class="news-filters" role="group" aria-label="Show"></div>
+    <div class="news-body">
+      <button id="news-fresh" class="btn news-fresh" type="button" hidden></button>
+      <div id="news-list"></div>
+      <p id="news-empty" class="news-empty" hidden></p>
+    </div>
+    <p id="news-status" class="news-status" hidden></p>
+  </dialog>
+
   <div id="tip" class="tip" aria-hidden="true" hidden><strong id="tip-title"></strong><span id="tip-source"></span><p id="tip-text"></p></div>
 
   <div id="toast" class="toast" role="alert" hidden></div>

package/web/styles.css

@@ -341,6 +341,59 @@ main { max-width: 1200px; margin: 0 auto; padding: 20px 16px 48px; display: grid
 .models-note { margin: 14px 0 0; color: var(--muted); }
 .models-source { margin: 0; padding: 10px 14px; border-top: 1px solid var(--border); color: var(--muted); font-size: 0.75rem; line-height: 1.45; }
 
+.news-latest {
+  list-style: none; margin: 0; padding: 0;
+  border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow);
+}
+.news-row { display: flex; align-items: baseline; gap: 4px 10px; min-width: 0; padding: 9px 14px; }
+.news-row + .news-row { border-top: 1px solid var(--border); }
+.news-row .news-link { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.news-row .badge, .news-row .news-meta { flex: none; }
+.news-link { color: var(--text); font-weight: 600; text-decoration: none; }
+a.news-link:hover, .news-discussion:hover { text-decoration: underline; }
+a.news-link:visited { color: var(--muted); }
+.news-link:focus-visible, .news-discussion:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 3px; }
+.news-meta { color: var(--muted); font-size: 0.78rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
+
+.news-panel {
+  width: min(460px, 100vw); max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0 0 0 auto; padding: 0;
+  border: 0; border-left: 1px solid var(--border); background: var(--surface); color: var(--text);
+  box-shadow: -16px 0 48px rgba(0, 0, 0, 0.25);
+}
+.news-panel[open] { display: flex; flex-direction: column; animation: news-in 0.18s ease-out; }
+.news-panel::backdrop { background: rgba(15, 17, 21, 0.4); }
+.news-bar { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--border); }
+.news-heading { flex: 1; min-width: 0; }
+.news-heading .sub { margin: 2px 0 0; color: var(--muted); font-size: 0.78rem; }
+.news-filters { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 14px; border-bottom: 1px solid var(--border); }
+.news-filter {
+  font: inherit; font-size: 0.75rem; font-weight: 600; padding: 3px 11px; border-radius: 999px; cursor: pointer;
+  border: 1px solid var(--border); background: var(--surface-2); color: var(--muted);
+}
+.news-filter:hover { border-color: var(--muted); }
+.news-filter:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
+.news-filter[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--accent-text); }
+.news-body { flex: 1; min-height: 0; overflow: auto; padding: 0 14px 14px; }
+.news-fresh { width: 100%; margin-top: 12px; }
+.news-day {
+  position: sticky; top: 0; z-index: 1; margin: 0; padding: 12px 0 6px; background: var(--surface);
+  color: var(--muted); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase;
+}
+.news-items { list-style: none; margin: 0; padding: 0; }
+.news-item { padding: 10px 0; border-top: 1px solid var(--border); }
+.news-head { display: flex; align-items: baseline; gap: 6px; }
+.news-head .news-link { overflow-wrap: anywhere; }
+.news-head .badge { flex: none; margin-left: auto; }
+.news-item .news-meta { display: block; margin-top: 3px; }
+.news-summary {
+  margin: 4px 0 0; color: var(--muted); font-size: 0.82rem; line-height: 1.45; overflow-wrap: anywhere;
+  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
+}
+.news-discussion { color: inherit; text-decoration: none; }
+.news-empty { margin: 14px 0 0; color: var(--muted); }
+.news-status { margin: 0; padding: 10px 14px; border-top: 1px solid var(--border); color: var(--muted); font-size: 0.75rem; line-height: 1.45; }
+.news-status span { display: block; }
+
 .toast {
   position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 20;
   max-width: min(640px, calc(100vw - 32px)); padding: 10px 14px; border-radius: 8px;
@@ -350,9 +403,10 @@ main { max-width: 1200px; margin: 0 auto; padding: 20px 16px 48px; display: grid
 @keyframes pulse { 50% { opacity: 0.35; } }
 @keyframes ring { 0% { transform: scale(0.85); opacity: 0.8; } 100% { transform: scale(1.3); opacity: 0; } }
 @keyframes stat-fill { from { transform: scaleX(0); } }
+@keyframes news-in { from { transform: translateX(24px); opacity: 0; } }
 
 @media (prefers-reduced-motion: reduce) {
-  .status-pill.active::before, .agent.working::after, .model-detail .stat-fill { animation: none; }
+  .status-pill.active::before, .agent.working::after, .model-detail .stat-fill, .news-panel[open] { animation: none; }
   .model-name::before { transition: none; }
 }
 
@@ -370,4 +424,7 @@ main { max-width: 1200px; margin: 0 auto; padding: 20px 16px 48px; display: grid
   .model-detail .stat { padding-bottom: 6px; }
   .model-detail .stat-reading { row-gap: 1px; }
   .model-detail .stat-note { grid-column: 1 / -1; }
+  .news-row { flex-wrap: wrap; }
+  .news-row .news-link { flex-basis: 100%; white-space: normal; }
+  .news-panel { border-left: 0; }
 }