🐝 Getting Started🐛0
+
@@ -5729,8 +5746,9 @@
What sh
}
function refreshAgentsCollapsedCountdowns(nowMs) {
const strip = document.querySelector('.agents-collapsed-tiles');
- if (!strip) return;
const now = Number.isFinite(nowMs) ? nowMs : Date.now();
+ refreshAgentNavbarUpNextCountdowns(now);
+ if (!strip) return;
const tiles = Array.from(strip.querySelectorAll('.agent-collapsed-tile'));
tiles.forEach(tile => {
const rawNext = String(tile.getAttribute('data-agent-next-kick-ms') || '').trim();
@@ -5761,6 +5779,50 @@ What sh
if (window._agentsCollapsedCountdownInterval) return;
window._agentsCollapsedCountdownInterval = setInterval(refreshAgentsCollapsedCountdowns, AGENTS_COLLAPSED_COUNTDOWN_TICK_MS);
}
+ function agentNavbarHasSchedule(a, nowMs) {
+ return !!a && !agentIsDisabled(a) && (a.busy === 'working' || Number.isFinite(agentCollapsedNextKickMs(a, nowMs)) || a.continuous === true);
+ }
+ function agentNavbarTileHtml(a, nowMs, isUpNext) {
+ const name = (a && (a.displayName || a.name)) || 'agent';
+ const disabled = agentIsDisabled(a);
+ const isDown = a && a.state !== 'running';
+ const active = !!a && !disabled && a.busy === 'working';
+ const auth = agentCollapsedAuthInfo(a || {}, isDown);
+ const nextMs = agentCollapsedNextKickMs(a, nowMs);
+ const countdown = agentCollapsedNextLabel(a, nowMs);
+ const classes = ['agent-navbar-tile', active ? 'active' : '', isDown && !disabled ? 'stopped' : '', auth.needsLogin ? 'needs-login' : '', isUpNext ? 'up-next' : ''].filter(Boolean).join(' ');
+ const title = `${name}
+next kick: ${agentCollapsedTimestampDetail(nextMs, a && (a.nextKickAt || a.nextKick))}`;
+ const upNext = isUpNext ? 'up next' : '';
+ return ``;
+ }
+ function renderAgentNavbarUpNext(agents, nowMs) {
+ const wrap = document.getElementById('agent-navbar-upnext');
+ if (!wrap) return;
+ const now = Number.isFinite(nowMs) ? nowMs : Date.now();
+ const list = sortAgentsForCollapsedTiles(agents, now).filter(a => agentNavbarHasSchedule(a, now)).slice(0, 3);
+ wrap.hidden = list.length === 0;
+ wrap.innerHTML = list.length ? list.map((a, i) => agentNavbarTileHtml(a, now, i === 0)).join('') : '';
+ if (list.length) ensureAgentsCollapsedCountdownTicker();
+ }
+ function refreshAgentNavbarUpNextCountdowns(nowMs) {
+ const wrap = document.getElementById('agent-navbar-upnext');
+ if (!wrap || wrap.hidden) return;
+ const now = Number.isFinite(nowMs) ? nowMs : Date.now();
+ Array.from(wrap.querySelectorAll('.agent-navbar-tile')).forEach(tile => {
+ const rawNext = String(tile.getAttribute('data-agent-next-kick-ms') || '').trim();
+ const nextMs = rawNext ? Number(rawNext) : NaN;
+ const countdown = tile.getAttribute('data-agent-active') === '1' ? 'now' : formatKickCountdown(Number.isFinite(nextMs) ? nextMs - now : null);
+ const el = tile.querySelector('.agent-tile-countdown');
+ if (el && el.textContent !== countdown) el.textContent = countdown;
+ });
+ }
+ function openAgentsUpNextPanel() {
+ navPeekRestore('agents-section', { instant: true });
+ const expanded = navPeekExpand('agents-section');
+ if (!expanded && isSectionCollapsed('agents-section')) toggleSection('agents-section', { collapsed: false, persist: false, navPeek: true });
+ ocAfterNavLayoutSettles(['agents-section'], function() { ocScrollSectionIntoView('agents-section'); });
+ }
function agentsCollapsedTilesHtml(agents, nowMs) {
const list = sortAgentsForCollapsedTiles(agents, nowMs);
if (!list.length) return '';
@@ -9798,6 +9860,7 @@ What sh
})() : (Array.isArray(agents) ? agents : []);
refreshSectionCardShell('agents-section');
setSectionSummary('agents-section', agentsSectionSummary(agents));
+ renderAgentNavbarUpNext(agents, Date.now());
const el = document.getElementById('agents');
// Preserve custom prompt input values across re-renders
const savedInputs = {};
@@ -9807,6 +9870,7 @@ What sh
});
const { sorted: sortedAgents } = _sortAgentsBySidebar(agents);
if (sortedAgents.length === 0) {
+ renderAgentNavbarUpNext([], Date.now());
setSectionSummary('agents-section', agentsSectionSummary([]));
setIfChanged(el, emptyStateCard('🤖', 'Add your first agent',
'Agents are the workers that scan repos, review changes, keep CI healthy, and write docs. Start from a quick template or build one from scratch. ' +
diff --git a/src/pkg/dashboard/webstatic/style_ratchet_test.go b/src/pkg/dashboard/webstatic/style_ratchet_test.go
index 04237ebc69..2c5b7697d5 100644
--- a/src/pkg/dashboard/webstatic/style_ratchet_test.go
+++ b/src/pkg/dashboard/webstatic/style_ratchet_test.go
@@ -28,7 +28,7 @@ var styleRatchetBaselines = map[string]styleRatchetCounts{
"operator static/index.html": {
inlineStyles: 1588,
rawColors: 143,
- rawFontSizes: 666,
+ rawFontSizes: 666,
rawPadding: 229,
rawBorderRadii: 176},
"contributor landing": {