@oddessentials/agent-guild 1.17.0 → 1.19.0

package/web/app.js

@@ -2293,8 +2293,8 @@ function buildProvider(provider) {
     existing.addEventListener('click', (event) => showHistory(provider, false, event.currentTarget));
     node.querySelector('.launch-flags').addEventListener('click', (event) => showFlags(provider, event.currentTarget));
     const memory = node.querySelector('.memory-link');
-    memory.hidden = !provider.available || (!provider.memorySource && !provider.historyDetails);
-    const historyLink = !provider.memorySource && provider.historyDetails;
+    const historyLink = !provider.memorySource && provider.historySource === 'antigravity';
+    memory.hidden = !provider.available || (!provider.memorySource && !historyLink);
     memory.textContent = historyLink ? 'History' : 'Memory';
     memory.title = historyLink ? `Read ${provider.tool}'s saved conversations` : `See what ${provider.tool} remembers about the working folder`;
     memory.addEventListener('click', (event) => historyLink ? showHistory(provider, true, event.currentTarget) : showMemory(provider, event.currentTarget));
@@ -3970,7 +3970,7 @@ async function startSession(provider, card, { resume, cwd, account = selectedAcc
       ({ session } = await api('POST', '/sessions', body));
     } catch (err) {
       if (err.code !== 'bad_cwd' || !cwd) throw err;
-      if (resume && provider.historyDetails) {
+      if (resume && provider.historySource === 'antigravity') {
         const chosen = (await ask(`${cwd} no longer exists. Choose a working folder to resume this conversation:`, { ok: 'Resume', value: working }))?.trim();
         if (!chosen) return;
         ({ session } = await api('POST', '/sessions', { ...body, cwd: chosen }));
@@ -4011,20 +4011,22 @@ function renderHistoryPreview(view) {
   $('history-preview-title').textContent = view.target?.title || 'Select a conversation';
   $('history-preview-refresh').disabled = !view.target || view.loading;
   $('history-preview-more').hidden = !view.nextCursor;
-  paintPending($('history-preview-more'), view.loading, 'Read more', 'Reading…');
+  paintPending($('history-preview-more'), view.loading, 'Read earlier', 'Reading…');
   const notes = [];
   if (view.error) notes.push(view.error);
   else if (view.loading) notes.push('Reading saved messages…');
-  else if (view.target && !view.messages.length) notes.push(view.nextCursor ? 'No visible messages in this part. Continue reading below.' : 'No complete visible messages in this part.');
+  else if (view.target && !view.messages.length) notes.push(view.nextCursor ? 'No visible messages in this part. Read earlier messages above.' : 'No visible messages in this conversation.');
   else if (!view.target) notes.push('Read a saved exchange, then resume when you want to continue it.');
-  if (view.omitted) notes.push('Some unreadable or oversized records were omitted.');
+  if (view.omitted) notes.push('Some unreadable records were omitted.');
+  if (view.truncated) notes.push('Earlier messages cannot be shown: a record before these is too large or unreadable.');
   if (view.incomplete) notes.push('The last record is incomplete. Refresh after the conversation finishes writing.');
   $('history-preview-note').textContent = notes.join(' ');
   const messages = $('history-messages');
-  const scroll = messages.scrollTop;
+  const fromBottom = messages.scrollHeight - messages.scrollTop;
+  const first = messages.childElementCount === 0;
   messages.replaceChildren(...view.messages.map((message) => el('article', 'history-message',
     el('h4', null, message.role === 'user' ? 'You' : 'Assistant'), el('p', null, message.text))));
-  messages.scrollTop = view.messages.length ? scroll : 0;
+  messages.scrollTop = first ? messages.scrollHeight : messages.scrollHeight - fromBottom;
   for (const node of $('history-list').querySelectorAll('.history-preview-open')) node.setAttribute('aria-current', String(node.dataset.id === view.target?.id));
 }
 
@@ -4090,10 +4092,8 @@ async function loadHistory() {
   renderHistory();
   try {
     const query = new URLSearchParams({ account: accountId, limit: HISTORY_LIMIT });
-    if (provider.historyDetails) {
-      if ($('history-here').checked && $('cwd').value.trim()) query.set('cwd', $('cwd').value.trim());
-      if ($('history-filter').value.trim()) query.set('q', $('history-filter').value.trim());
-    }
+    if ($('history-here').checked && $('cwd').value.trim()) query.set('cwd', $('cwd').value.trim());
+    if ($('history-filter').value.trim()) query.set('q', $('history-filter').value.trim());
     const { history } = await api('GET', `/providers/${providerId}/history?${query}`);
     if (request !== historyView.request) return;
     historyView.snapshot = history;
@@ -4107,27 +4107,18 @@ async function loadHistory() {
 }
 
 function historyFiltersChanged() {
-  if (historyProvider()?.historyDetails) {
+  if (historyProvider()?.historySource) {
     historyView.snapshot = null;
     historyPreview.clear();
     loadHistory();
   } else renderHistory();
 }
 
-function historyText(entry) {
-  return `${entry.title ?? ''}\n${entry.cwd ?? ''}\n${entry.id}`.toLowerCase();
-}
-
 function folderName(dir) {
   const parts = dir.replace(/[\\/]+$/, '').split(/[\\/]/);
   return parts.at(-1) || dir;
 }
 
-function sameFolder(a, b) {
-  const clean = (dir) => (dir || '').replace(/[\\/]+$/, '').replace(/\\/g, '/').toLowerCase();
-  return clean(a) === clean(b);
-}
-
 function historyEntry(id) {
   return historyView.snapshot?.sessions.find((entry) => entry.id === id) ?? null;
 }
@@ -4138,7 +4129,7 @@ async function resumeFromHistory(provider, id, cwd) {
     closeHistory({ focusOpener: false });
     openPanel(running.id);
   } else {
-    if (provider.historyDetails && !cwd) {
+    if (provider.historySource === 'antigravity' && !cwd) {
       const workspaces = historyEntry(id)?.workspaces ?? [];
       const reason = workspaces.length > 1 ? `This conversation has several workspaces:\n${workspaces.join('\n')}\n\n` : 'The saved working folder is unknown.\n\n';
       cwd = (await ask(`${reason}Choose a working folder to resume in:`, { ok: 'Resume', value: $('cwd').value.trim() }))?.trim();
@@ -4164,27 +4155,28 @@ function buildHistoryRow(id) {
 
 function updateHistoryRow(node, provider, entry) {
   const running = runningOn(provider.id, historyView.accountId, entry.id);
-  node.classList.toggle('untitled', !entry.title);
+  const label = entry.name ?? entry.title;
+  node.classList.toggle('untitled', !label);
   node.classList.toggle('running', Boolean(running));
   const title = node.querySelector('.history-title');
-  title.title = entry.title ?? '';
+  title.title = label ?? '';
   if (provider.historyDetails) {
     let preview = title.querySelector('button');
     if (!preview) {
       preview = button('', () => {
         const current = historyEntry(entry.id);
-        if (current) historyPreview.select({ providerId: provider.id, accountId: historyView.accountId, id: entry.id, title: current.title ?? 'Untitled session' });
+        if (current) historyPreview.select({ providerId: provider.id, accountId: historyView.accountId, id: entry.id, title: current.name ?? current.title ?? 'Untitled session' });
       }, 'history-preview-open');
       preview.dataset.id = entry.id;
       title.replaceChildren(preview);
     }
-    preview.textContent = entry.title ?? 'Untitled session';
+    preview.textContent = label ?? 'Untitled session';
     preview.setAttribute('aria-current', String(historyPreview.state.target?.id === entry.id));
-  } else title.textContent = entry.title ?? 'Untitled session';
+  } else title.textContent = label ?? 'Untitled session';
   const meta = node.querySelector('.history-meta');
   const when = entry.updatedAt ? `updated ${relativeTime(entry.updatedAt)}` : '';
-  const folder = entry.cwd ? folderName(entry.cwd) : provider.historyDetails ? (entry.workspaces?.length > 1 ? `${entry.workspaces.length} workspaces` : 'Folder unknown') : null;
-  meta.textContent = [folder, when, running && `open in Agent Guild as ${running.name}`].filter(Boolean).join(' · ');
+  const folder = entry.cwd ? folderName(entry.cwd) : provider.historySource === 'antigravity' ? (entry.workspaces?.length > 1 ? `${entry.workspaces.length} workspaces` : 'Folder unknown') : null;
+  meta.textContent = [entry.name && entry.title !== entry.name ? entry.title : null, folder, when, running && `open in Agent Guild as ${running.name}`].filter(Boolean).join(' · ');
   meta.title = [...(entry.workspaces ?? [entry.cwd]), entry.startedAt && `started ${new Date(entry.startedAt).toLocaleString()}`].filter(Boolean).join('\n');
   const action = node.querySelector('.history-resume');
   const key = sessionActionKey(provider.id, historyView.accountId, entry.id);
@@ -4193,7 +4185,7 @@ function updateHistoryRow(node, provider, entry) {
   action.title = running
     ? `This session is running in Agent Guild as "${running.name}". Open it instead of resuming it twice.`
     : `Resume this ${provider.tool} session${entry.cwd ? ` in ${entry.cwd}` : ''}`;
-  action.setAttribute('aria-label', `${action.textContent} ${entry.title ?? entry.id}`);
+  action.setAttribute('aria-label', `${action.textContent} ${label ?? entry.id}`);
 }
 
 /** Rows are kept and updated in place, so a refresh never drops keyboard focus from a row's buttons. */
@@ -4222,9 +4214,8 @@ function renderHistory() {
   const here = $('history-here');
   here.disabled = !working;
   here.parentElement.title = working ? `Only sessions started in ${working}` : 'Set a working folder above to filter by it';
-  const serverFiltered = provider.historyDetails && Boolean(filter || (here.checked && !here.disabled));
-  const all = snapshot?.sessions ?? [];
-  const shown = provider.historyDetails ? all : all.filter((entry) => (!filter || historyText(entry).includes(filter)) && (!here.checked || here.disabled || sameFolder(entry.cwd, working)));
+  const serverFiltered = Boolean(filter || (here.checked && !here.disabled));
+  const shown = snapshot?.sessions ?? [];
   const parts = [];
   if ((provider.accounts?.length ?? 0) > 1 && account) parts.push(`${account.label} account`);
   if (snapshot && !snapshot.error) {
@@ -4239,14 +4230,11 @@ function renderHistory() {
   if (!provider.historySource) note = `Agent Guild cannot list ${provider.tool}'s sessions. Enter the id of one to resume it.`;
   else if (historyView.loading && !snapshot) note = `Reading ${provider.tool}'s sessions…`;
   else if (snapshot?.error) note = `Sessions could not be read: ${snapshot.error}`;
-  else if (snapshot && all.length === 0 && !serverFiltered) note = `No ${provider.tool} sessions were found${account && account.id !== 'default' ? ` for the ${account.label} account` : ''}.`;
+  else if (snapshot && shown.length === 0 && !serverFiltered) note = `No ${provider.tool} sessions were found${account && account.id !== 'default' ? ` for the ${account.label} account` : ''}.`;
   else if (snapshot && shown.length === 0) note = 'No session matches the filter.';
   if (snapshot?.note) note = [note, snapshot.note].filter(Boolean).join(' ');
-  if (snapshot?.total > all.length) {
-    const limitNote = provider.historyDetails
-      ? `Showing ${all.length} of ${snapshot.total} sessions. Narrow the filter to find older conversations.`
-      : `Loaded the newest ${all.length} of ${snapshot.total} sessions. Filtering searches these loaded sessions.`;
-    note = [note, limitNote].filter(Boolean).join(' ');
+  if (snapshot?.total > shown.length) {
+    note = [note, `Showing ${shown.length} of ${snapshot.total} sessions. Narrow the filter to find older conversations.`].filter(Boolean).join(' ');
   }
   $('history-note').textContent = note;
   $('history-note').hidden = !note;
@@ -4619,6 +4607,7 @@ function loadGitHub() {
 function setGitHub(github) {
   const before = state.github?.signIn;
   state.github = github;
+  dropWatchAccounts(github.accounts);
   const branches = githubPick.data.branches;
   if (branches && !github.accounts.some((a) => a.id === branches.repo.accountId && !a.needsSignIn)) {
     // Replace the generation even while the dock is closed; signing in again must
@@ -5304,6 +5293,7 @@ async function loadView(view) {
   const request = { key, stamp, value: before?.stamp === stamp ? before.value : null, error: null, loading: true };
   githubPick.data[view] = request;
   renderGitHubViews();
+  const watching = view === 'actions' ? new Set(runWatch.runs.values()) : null;
   let value = null;
   let error = null;
   try {
@@ -5317,6 +5307,10 @@ async function loadView(view) {
   githubPick.data[view] = { key, stamp, value: value ?? slot.value, error, loading: false };
   renderGitHubViews();
   if (view === 'actions') scheduleRuns();
+  if (view === 'actions' && value) {
+    runWatchSeen(repo, value.runs, watching);
+    deliverRunWatch();
+  }
 }
 
 // Each object is a listing generation, scoped to the selected account/repository.
@@ -5500,6 +5494,156 @@ function scheduleRuns() {
   runsTimer = setTimeout(() => loadView('actions'), viewData('actions')?.value?.running ? RUNS_POLL_MS : RUNS_IDLE_POLL_MS);
 }
 
+const RUN_WATCH_KEY = 'agentGuild.githubWatch';
+const RUN_FAILURES = new Set(['failure', 'timed_out', 'startup_failure', 'action_required']);
+const runWatch = { runs: new Map(), outcomes: [], failures: [], timer: 0, polling: null, told: null };
+
+function runWatchKey(repo, id) {
+  return `${repoKey(repo)}#${id}`;
+}
+
+function saveRunWatch() {
+  const { runs, outcomes, failures } = runWatch;
+  const value = runs.size || outcomes.length || failures.length ? JSON.stringify({ watches: [...runs.values()], outcomes, failures }) : null;
+  try { value === null ? sessionStorage.removeItem(RUN_WATCH_KEY) : sessionStorage.setItem(RUN_WATCH_KEY, value); } catch {}
+}
+
+function loadRunWatch() {
+  let saved = null;
+  try { saved = JSON.parse(sessionStorage.getItem(RUN_WATCH_KEY) ?? 'null'); } catch { saved = null; }
+  const list = (value) => (Array.isArray(value) ? value.filter((item) => item && typeof item === 'object') : []);
+  runWatch.runs = new Map();
+  for (const item of list(saved?.watches)) {
+    if (Number.isSafeInteger(item.id) && Number.isSafeInteger(item.repo?.accountId) && typeof item.repo.fullName === 'string') runWatch.runs.set(runWatchKey(item.repo, item.id), item);
+  }
+  runWatch.outcomes = list(saved?.outcomes);
+  runWatch.failures = list(saved?.failures);
+  renderRunFailures();
+  scheduleRunWatch();
+  deliverRunWatch();
+}
+
+function watchedRun(repo, id) {
+  return runWatch.runs.has(runWatchKey(repo, id));
+}
+
+function toggleRunWatch(repo, run) {
+  const key = runWatchKey(repo, run.id);
+  if (runWatch.runs.has(key)) runWatch.runs.delete(key);
+  else {
+    const { accountId, login, owner, name, fullName } = repo;
+    runWatch.runs.set(key, { repo: { accountId, login, owner, name, fullName }, id: run.id, name: run.name, title: run.title, url: run.url });
+  }
+  saveRunWatch();
+  renderGitHubViews();
+  scheduleRunWatch();
+}
+
+function endWatch(key, outcome) {
+  const watch = runWatch.runs.get(key);
+  runWatch.runs.delete(key);
+  runWatch.outcomes.push({ repo: watch.repo.fullName, name: watch.name, title: watch.title, url: watch.url, ...outcome });
+}
+
+/** Only the watches there were when the request for `runs` began: a later one may be for a run newer than those listed. */
+function runWatchSeen(repo, runs, watching = new Set(runWatch.runs.values())) {
+  const key = repoKey(repo);
+  let changed = false;
+  for (const [id, watch] of runWatch.runs) {
+    if (repoKey(watch.repo) !== key || !watching.has(watch)) continue;
+    const run = runs.find((r) => r.id === watch.id);
+    if (run && run.status !== 'completed') continue;
+    changed = true;
+    if (!run) endWatch(id, { kind: 'ended', text: `${watch.title} is no longer among the latest runs of ${watch.repo.fullName}.` });
+    else if (run.conclusion === 'success') endWatch(id, { kind: 'passed', text: `${watch.name} passed: ${watch.title}` });
+    else if (RUN_FAILURES.has(run.conclusion)) endWatch(id, { kind: 'failed', label: runLabel(run), branch: run.branch });
+    else endWatch(id, { kind: 'ended', text: `${watch.name} was ${runLabel(run)}: ${watch.title}` });
+  }
+  if (!changed) return;
+  saveRunWatch();
+  renderGitHubViews();
+  scheduleRunWatch();
+}
+
+function dropWatchAccounts(accounts) {
+  let changed = false;
+  for (const [key, watch] of runWatch.runs) {
+    if (accounts.some((a) => a.id === watch.repo.accountId)) continue;
+    changed = true;
+    endWatch(key, { kind: 'ended', text: `Stopped watching ${watch.title}: @${watch.repo.login} was signed out.` });
+  }
+  if (!changed) return;
+  saveRunWatch();
+  scheduleRunWatch();
+  deliverRunWatch();
+}
+
+function deliverRunWatch() {
+  if (!runWatch.outcomes.length || runWatch.polling || document.visibilityState !== 'visible' || $('app').hidden) return;
+  const outcomes = runWatch.outcomes;
+  runWatch.outcomes = [];
+  runWatch.failures.push(...outcomes.filter((o) => o.kind === 'failed'));
+  saveRunWatch();
+  renderRunFailures();
+  const showing = runWatch.told && !$('toast').hidden && $('toast').contains(runWatch.told.node) ? runWatch.told.outcomes : [];
+  const told = [...showing, ...outcomes.filter((o) => o.kind !== 'failed')];
+  if (told.length) {
+    const node = document.createTextNode(told.map((o) => o.text).join('\n'));
+    runWatch.told = { node, outcomes: told };
+    const single = told.length === 1 && told[0].url ? { label: 'GitHub', run: () => window.open(told[0].url, '_blank', 'noopener,noreferrer') } : null;
+    toast(node, 8000, single);
+  }
+  if (outcomes.some((o) => o.kind === 'passed')) yardUi?.celebrate();
+}
+
+function renderRunFailures() {
+  const failures = runWatch.failures;
+  $('run-failed').hidden = !failures.length;
+  if (!failures.length) return;
+  $('run-failed-title').textContent = failures.length === 1 ? `${failures[0].name} ${failures[0].label}` : `${failures.length} watched runs failed`;
+  $('run-failed-list').replaceChildren(...failures.map((o) => el('li', null, externalLink(o.title, o.url, 'run-failed-link'),
+    ` · ${[o.repo, o.branch, failures.length > 1 && `${o.name} ${o.label}`].filter(Boolean).join(' · ')}`)));
+}
+
+function dismissRunFailures() {
+  runWatch.failures = [];
+  saveRunWatch();
+  renderRunFailures();
+}
+
+function scheduleRunWatch() {
+  clearTimeout(runWatch.timer);
+  runWatch.timer = 0;
+  if (!runWatch.runs.size || runWatch.polling) return;
+  runWatch.timer = setTimeout(pollRunWatch, document.visibilityState === 'visible' ? RUNS_POLL_MS : RUNS_IDLE_POLL_MS);
+}
+
+function pollRunWatch() {
+  if (runWatch.polling) return runWatch.polling;
+  clearTimeout(runWatch.timer);
+  runWatch.timer = 0;
+  runWatch.polling = (async () => {
+    if (!state.connected || !runWatch.runs.size) return;
+    if (!state.github) await api('GET', '/github').then(({ github }) => setGitHub(github), () => {});
+    const watching = new Set(runWatch.runs.values());
+    const repos = new Map();
+    for (const watch of watching) repos.set(repoKey(watch.repo), watch.repo);
+    const accounts = usableGitHubAccounts();
+    await Promise.all([...repos.values()].filter((repo) => accounts.some((a) => a.id === repo.accountId)).map(async (repo) => {
+      try {
+        runWatchSeen(repo, (await api('GET', `${repoPath(repo)}/actions`)).runs, watching);
+      } catch (err) {
+        if (err instanceof AuthError) showAuth(err.message);
+      }
+    }));
+  })().finally(() => {
+    runWatch.polling = null;
+    deliverRunWatch();
+    scheduleRunWatch();
+  });
+  return runWatch.polling;
+}
+
 function switchGitHubView(view, { focus = false } = {}) {
   if (!GITHUB_VIEWS.includes(view)) return;
   githubPick.view = view;
@@ -5963,7 +6107,15 @@ function renderRuns() {
   const banner = slot?.value ? el('p', `github-running-note${slot.value.running ? ' on' : ''}`, slot.value.running ? 'A workflow is running. This list refreshes every few seconds.' : 'No workflow is running.') : null;
   const rows = runs.map((run) => {
     const meta = [run.name !== run.title && run.name, run.branch && `on ${run.branch}`, run.event, run.runNumber && `#${run.runNumber}`, run.updatedAt && relativeTime(run.updatedAt)].filter(Boolean).join(' · ');
-    return recordRow(`run:${run.id}`, run.title, meta, badge(runTone(run), runLabel(run), `Status: ${runLabel(run)}`), run.url);
+    const side = el('span', 'github-run-side', badge(runTone(run), runLabel(run), `Status: ${runLabel(run)}`));
+    if (run.status !== 'completed') {
+      const watching = watchedRun(githubPick.repo, run.id);
+      const watch = keyed(button(watching ? 'Watching' : 'Watch', () => toggleRunWatch(githubPick.repo, run)), `watch:${run.id}`);
+      watch.setAttribute('aria-pressed', String(watching));
+      watch.title = watching ? 'Stop watching this run' : 'Fireworks when this run passes, a red screen when it fails';
+      side.prepend(watch);
+    }
+    return recordRow(`run:${run.id}`, run.title, meta, side, run.url);
   });
   redraw(panel, [
     viewTools('actions'),
@@ -7571,7 +7723,8 @@ function connectEvents() {
       loadNews();
       // A changelog.updated sent while the socket was down is lost; catch up the open panel.
       if ($('changelog').open) loadChangelog();
-      if (dockShows('github')) loadGitHub();
+      if (dockShows('github') || runWatch.runs.size) loadGitHub();
+      deliverRunWatch();
       catchUpNotes(msg.notesRevision, msg.notesUnreadable === true);
       loadProviders(ws).catch((err) => {
         if (state.pageAway || state.remoteRevoked || state.eventsSocket !== ws) return;
@@ -7588,10 +7741,12 @@ function connectEvents() {
     } else if (msg.type === 'yard-art.updated') {
       state.yardArt = msg.yardArt;
       notifyViews();
+    } else if (msg.type === 'yard.fireworks') {
+      yardUi?.celebrate();
     } else if (msg.type === 'news.updated') {
       loadNews();
     } else if (msg.type === 'github.updated') {
-      if (dockShows('github')) loadGitHub();
+      if (dockShows('github') || runWatch.runs.size) loadGitHub();
     } else if (msg.type === 'changelog.updated') {
       if ($('changelog').open) loadChangelog();
     } else if (msg.type === 'manager.upgrade') {
@@ -8425,5 +8580,12 @@ onSessionRequest((id) => {
   if (state.connected && state.eventsSocket?.greeted) openAskedSession();
 });
 
+document.addEventListener('visibilitychange', () => {
+  if (document.visibilityState === 'visible' && runWatch.runs.size) pollRunWatch();
+  else scheduleRunWatch();
+  deliverRunWatch();
+});
+$('run-failed-dismiss').addEventListener('click', dismissRunFailures);
+loadRunWatch();
 state.token = readTokenFromHash() || load(TOKEN_KEY);
 boot();

package/web/history-preview.js

@@ -2,10 +2,10 @@
 // can be exercised with explicitly released promises, without timers or a browser.
 export function createHistoryPreview({ read, changed, authError = () => {} }) {
   let request = 0;
-  const state = { target: null, messages: [], nextCursor: null, loading: false, error: null, incomplete: false, omitted: false };
+  const state = { target: null, messages: [], nextCursor: null, loading: false, error: null, incomplete: false, omitted: false, truncated: false };
   function clear(target = null) {
     request++;
-    Object.assign(state, { target, messages: [], nextCursor: null, loading: false, error: null, incomplete: false, omitted: false });
+    Object.assign(state, { target, messages: [], nextCursor: null, loading: false, error: null, incomplete: false, omitted: false, truncated: false });
     changed(state);
   }
   async function load(more = false) {
@@ -14,19 +14,19 @@ export function createHistoryPreview({ read, changed, authError = () => {} }) {
     const target = state.target;
     const cursor = more ? state.nextCursor : null;
     Object.assign(state, { loading: true, error: null });
-    if (!more) Object.assign(state, { messages: [], nextCursor: null, incomplete: false, omitted: false });
+    if (!more) Object.assign(state, { messages: [], nextCursor: null, incomplete: false, omitted: false, truncated: false });
     changed(state);
     try {
       const detail = await read(target, cursor);
       if (request !== ticket) return;
-      Object.assign(state, { messages: more ? [...state.messages, ...detail.messages] : detail.messages,
-        nextCursor: detail.nextCursor, incomplete: detail.incomplete, omitted: state.omitted || detail.omitted });
+      Object.assign(state, { messages: more ? [...detail.messages, ...state.messages] : detail.messages,
+        nextCursor: detail.nextCursor, incomplete: more ? state.incomplete : detail.incomplete, omitted: state.omitted || detail.omitted, truncated: detail.truncated === true });
     } catch (err) {
       if (request !== ticket) return;
       authError(err);
       state.error = err.message || 'The conversation could not be read.';
-      // A stale cursor cannot be retried; other errors can retry the same page.
-      if (err.code === 'history_changed') state.nextCursor = null;
+      // A changed conversation drops what was read; other errors can retry the same page.
+      if (err.code === 'history_changed') Object.assign(state, { messages: [], nextCursor: null, incomplete: false, omitted: false, truncated: false });
     } finally {
       if (request === ticket) { state.loading = false; changed(state); }
     }

package/web/index.html

@@ -650,8 +650,8 @@
           <button id="history-preview-refresh" class="btn" type="button">Refresh</button>
         </div>
         <p id="history-preview-note" class="models-note" role="status"></p>
+        <button id="history-preview-more" class="btn" type="button" hidden>Read earlier</button>
         <div id="history-messages" class="history-messages" tabindex="0" aria-label="Saved messages"></div>
-        <button id="history-preview-more" class="btn" type="button" hidden>Read more</button>
       </section>
     </div>
     <form id="history-form" class="history-form">
@@ -776,6 +776,16 @@
 
   <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="run-failed" class="run-failed" hidden>
+    <div class="run-failed-banner" role="alert">
+      <strong id="run-failed-title"></strong>
+      <ul id="run-failed-list" class="run-failed-list"></ul>
+      <div class="run-failed-actions">
+        <button id="run-failed-dismiss" class="btn primary" type="button">Dismiss</button>
+      </div>
+    </div>
+  </div>
+
   <div id="toast" class="toast" role="alert" popover="manual" hidden></div>
 
   <template id="provider-template">

package/web/styles.css

@@ -1222,6 +1222,19 @@ a.btn.github-out::after {
 .github-service-note .console-link { color: inherit; text-decoration: underline; }
 .github-running-note.on { color: var(--warn); background: color-mix(in srgb, var(--warn) 12%, var(--surface)); }
 .badge.run { --badge: var(--warn); }
+.github-run-side { display: inline-flex; align-items: center; gap: 6px; }
+.run-failed { position: fixed; inset: 0; z-index: 13; pointer-events: none; background: color-mix(in srgb, var(--danger) 30%, transparent); }
+.run-failed:not([hidden]) { animation: fade-in 0.5s ease-out; }
+.run-failed-banner {
+  pointer-events: auto; position: absolute; left: 50%; top: calc(var(--topbar-h, 56px) + 24px); transform: translateX(-50%);
+  width: max-content; max-width: min(560px, calc(100vw - 32px)); max-height: calc(100dvh - var(--topbar-h, 56px) - 48px); padding: 14px 18px;
+  display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 8px;
+  background: var(--surface); color: var(--text); border: 2px solid var(--danger); border-radius: var(--radius); box-shadow: var(--shadow);
+}
+.run-failed-banner strong { color: var(--danger); font-size: 1.05rem; }
+.run-failed-list { margin: 0; padding: 0; list-style: none; display: grid; align-content: start; gap: 4px; color: var(--muted); overflow-wrap: anywhere; overflow-y: auto; }
+.run-failed-link { color: var(--text); }
+.run-failed-actions { display: flex; justify-content: flex-end; gap: 8px; }
 .badge.ok { --badge: var(--ok); }
 .badge.bad { --badge: var(--danger); }
 .badge.run, .badge.ok, .badge.bad { color: color-mix(in srgb, var(--badge) 72%, #000); border-color: color-mix(in srgb, var(--badge) 45%, transparent); }
@@ -1302,7 +1315,7 @@ body:has(#terminal-panel:not([hidden]) .terminal-controls:not([hidden])) .toast
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .status-pill.active::before, .agent.working::after, .model-detail .stat-fill, .toast:not([hidden]), .tip:not([hidden]), .menu:popover-open { animation: none; }
+  .status-pill.active::before, .agent.working::after, .model-detail .stat-fill, .toast:not([hidden]), .tip:not([hidden]), .run-failed:not([hidden]), .menu:popover-open { animation: none; }
   .model-name::before, .provider .copies summary::before, .menu-button::after, .btn, .videos-play img, .videos-play-icon, .models, .news-panel, .models::backdrop, .news-panel::backdrop { transition: none; }
   .github-waiting::before, .github-running, body:has(#app[hidden]):has(#auth[hidden]):has(#stopped[hidden])::after { animation: none; }
   .btn:active:not(:disabled):not([aria-disabled="true"]) { transform: none; }