Discover repositories and local projects to start picking what this hub should track.
';
panel.innerHTML = 'Nothing needs your attention. Enjoy the calm.
';
wireRepoLinks($("focusList"));
wireItemCards($("focusList"));
}
function wireRepoLinks(root) {
root.querySelectorAll(".repo-link[data-detail]").forEach((el) => el.addEventListener("click", (e) => { e.stopPropagation(); openRepoDetail(el.dataset.detail); }));
}
function itemHtml(it, opts = {}) {
const badges = (it.tags || []).map((t) => '' +
'' + esc(it.kind) + ' ' + link + '
' + rank + right + '
' + esc(it.repo) + ' · ' + esc(it.detail) + '
' +
(badges ? '' + badges + '
' : "") +
(it.reasons && it.reasons.length ? 'Why now: ' + esc(it.reasons.join(", ")) + (opts.rank ? '' : ' · score ' + esc(it.score)) + '
' : "") +
guidance +
(actionable ? 'Click to view & act →
' : "") +
(jumpable ? '↪ Jump to session
' : "") +
'';
}
function wireItemCards(root) {
root.querySelectorAll(".item.actionable").forEach((el) => el.addEventListener("click", (e) => {
if (e.target.closest("a, .repo-link")) return;
openItemDetail(el.dataset.itemRepo, el.dataset.itemType, el.dataset.itemNumber);
}));
root.querySelectorAll(".jump-btn").forEach((el) => el.addEventListener("click", (e) => { e.stopPropagation(); jumpToSession(el); }));
}
async function jumpToSession(btn) {
const original = btn.textContent;
btn.disabled = true; btn.textContent = "Jumping…";
try {
const res = await api("/api/session/jump", { method: "POST", body: JSON.stringify({ sessionId: btn.dataset.jump, repo: btn.dataset.jumpRepo, branch: btn.dataset.jumpBranch }) });
btn.textContent = "✓ " + (res.message || "Requested");
} catch (e) {
btn.textContent = "⚠ " + e.message; btn.disabled = false;
setTimeout(() => { btn.textContent = original; }, 3000);
}
}
function renderRepoFilter(repos) {
const cur = state.filters.repo;
$("repoFilter").innerHTML = 'All repos ' + repos.map((r) => '' + esc(r.slug) + ' ').join("");
$("repoFilter").value = cur;
}
function renderChips() {
$("chips").innerHTML = CHIP_DEFS.map((c) => '✕ Clear ' : "");
$("chips").querySelectorAll(".chip").forEach((el) => el.addEventListener("click", () => {
const id = el.dataset.chip;
if (id === "__clear") state.filters.chips.clear();
else if (state.filters.chips.has(id)) state.filters.chips.delete(id);
else state.filters.chips.add(id);
renderChips(); renderWork();
}));
}
function renderWork() {
const m = state.model; if (!m) return;
const f = state.filters;
let items = m.focusItems.slice();
if (f.repo) items = items.filter((it) => it.repo === f.repo);
if (f.text) { const q = f.text.toLowerCase(); items = items.filter((it) => (it.title + " " + it.repo + " " + it.detail).toLowerCase().includes(q)); }
if (f.chips.size) {
const kindChips = [...f.chips].filter((c) => CHIP_KINDS[c]).map((c) => CHIP_KINDS[c]);
const tagChips = [...f.chips].filter((c) => !CHIP_KINDS[c]);
if (kindChips.length) items = items.filter((it) => kindChips.includes(it.kind));
if (tagChips.length) items = items.filter((it) => tagChips.every((c) => (it.tags || []).includes(c)));
}
if (f.sort === "recent") items.sort((a, b) => (a.updatedAgeDays ?? 999) - (b.updatedAgeDays ?? 999));
else if (f.sort === "repo") items.sort((a, b) => a.repo.localeCompare(b.repo) || b.score - a.score);
else items.sort((a, b) => b.score - a.score);
$("workList").innerHTML = items.length ? items.map((it) => itemHtml(it)).join("") : 'No work matches these filters.
';
wireRepoLinks($("workList"));
wireItemCards($("workList"));
}
const CLEANUP_BUCKETS = [
{ id: "fresh", label: "Fresh (<2d)" },
{ id: "aging", label: "Aging (2–7d)" },
{ id: "stale", label: "Stale (7–30d)" },
{ id: "ancient", label: "Ancient (30d+)" },
{ id: "orphaned", label: "Archived (worktree gone)" },
];
function cleanupInventory() {
const m = state.model; if (!m) return [];
return (m.sessionInventory || []).slice();
}
function cleanupFiltered() {
const c = state.cleanup;
let items = cleanupInventory();
if (c.repo) items = items.filter((s) => s.repository === c.repo);
if (c.text) { const q = c.text.toLowerCase(); items = items.filter((s) => (s.summary + " " + s.repository + " " + s.branch + " " + s.cwd).toLowerCase().includes(q)); }
if (c.buckets.size) items = items.filter((s) => c.buckets.has(s.orphaned ? "orphaned" : s.bucket) || (c.buckets.has("orphaned") && s.orphaned));
if (c.sort === "newest") items.sort((a, b) => (a.ageDays ?? 1e9) - (b.ageDays ?? 1e9));
else if (c.sort === "repo") items.sort((a, b) => a.repository.localeCompare(b.repository) || (b.ageDays ?? 0) - (a.ageDays ?? 0));
else items.sort((a, b) => (b.ageDays ?? -1) - (a.ageDays ?? -1));
return items;
}
function renderCleanup() {
const m = state.model; if (!m) return;
const all = cleanupInventory();
// repo filter options
const repos = [...new Set(all.map((s) => s.repository))].sort();
const sel = state.cleanup.repo;
$("cleanupRepo").innerHTML = 'All repos (' + all.length + ') ' + repos.map((r) => '' + esc(r) + ' ').join("");
// stats
const s = m.summary;
const orphaned = all.filter((x) => x.orphaned).length;
const ancient = all.filter((x) => x.bucket === "ancient").length;
const cards = [
{ v: all.length, l: "total sessions" },
{ v: s.staleSessionCount ?? 0, l: "stale or older", cls: (s.staleSessionCount ? "warn" : "") },
{ v: ancient, l: "30d+ ancient", cls: ancient ? "warn" : "" },
{ v: orphaned, l: "archived (worktree gone)", cls: orphaned ? "alert" : "" },
];
$("cleanupStats").innerHTML = cards.map((c) => '' + esc(c.v) + ' ' + esc(c.l) + '
').join("");
// bucket chips
const cnt = (id) => all.filter((x) => id === "orphaned" ? x.orphaned : x.bucket === id).length;
$("cleanupChips").innerHTML = CLEANUP_BUCKETS.map((b) => '' + cnt(b.id) + ' ✕ Clear ' : "");
$("cleanupChips").querySelectorAll(".chip").forEach((el) => el.addEventListener("click", () => {
const id = el.dataset.cbucket;
if (id === "__clear") state.cleanup.buckets.clear();
else if (state.cleanup.buckets.has(id)) state.cleanup.buckets.delete(id);
else state.cleanup.buckets.add(id);
renderCleanup();
}));
// prune stale selections
const validIds = new Set(all.map((x) => x.id));
for (const id of [...state.cleanup.selected]) if (!validIds.has(id)) state.cleanup.selected.delete(id);
// list
const items = cleanupFiltered();
$("cleanupList").innerHTML = items.length ? items.map(cleanupRowHtml).join("") : 'No sessions match these filters. 🎉
';
wireCleanupRows();
// select-all reflects shown selection
const shownIds = items.map((x) => x.id);
$("cleanupAll").checked = shownIds.length > 0 && shownIds.every((id) => state.cleanup.selected.has(id));
updateCleanupBar();
}
function cleanupRowHtml(sn) {
const checked = state.cleanup.selected.has(sn.id) ? " checked" : "";
const archived = sn.orphaned;
const badge = archived ? '📦 archived ' : '' + esc(sn.bucket) + ' ';
const where = archived ? "worktree removed" : (sn.isWorktree ? "worktree" : "main checkout");
const openBtn = archived
? '↪ Open '
: '↪ Open ';
const menu = '' +
'⋯ ' +
'' +
'
';
return '' +
'
' +
'
' +
'
' + esc(sn.summary) + '
' +
'
' + esc(sn.repository) + (sn.branch ? ' · ' + esc(sn.branch) + '' : "") + ' · ' + where + ' · last active ' + esc(sn.ageLabel) + ' ago
' +
'
' +
'
' + badge + openBtn + menu + '
' +
'
' + esc(s.t) + ' ' + esc(s.m) + ' ↗ No open PRs or issues.
';
const local = r.localGit && r.localGit.available ? ((r.localGit.branchLine || "git").replace(/^## /, "") + " · " + (r.localGit.dirtyCount || 0) + " changed") : "no local checkout";
return '' +
'' + esc(r.slug) + ' ' + (r.isPrivate ? '
private ' : "") + '
' + esc(r.description || r.language || r.defaultBranch) + '
' +
'
' + metric(r.openPrCount, "PRs") + metric(r.openIssueCount, "Issues") + metric(r.needsHumanPrCount, "Review") + metric(r.releaseAgeLabel, "Release") + '
' +
'' + esc(r.status.detail) + '
' +
(r.latestDeploy ? '🚀 ' + esc(r.latestDeploy.environment) + ' ' + esc(r.latestDeploy.state) + ' ' + esc(ageLabelClient(r.latestDeploy.ageDays)) + ' ago' + (r.deployments.length > 1 ? ' +' + (r.deployments.length - 1) + ' env ' : "") + '
' : '🚀 no deployments
') +
'🖥 ' + esc(local) + '
' +
'' +
'Details → ' +
(sub.length ? '▸ ' + sub.length + ' open items ' : "") +
'
' +
'' + subHtml + '
' +
' ';
}
function ageLabelClient(days) {
if (days === null || days === undefined) return "unknown";
if (days === 0) return "today";
if (days === 1) return "1 day";
if (days < 30) return days + " days";
const months = Math.floor(days / 30);
if (months < 18) return months + " mo";
return Math.floor(days / 365) + " yr";
}
function metric(v, l) { return '' + esc(v) + ' ' + esc(l) + '
'; }
function renderErrors(errors) {
$("errorList").innerHTML = errors.length ? errors.slice(0, 20).map((e) => '' + esc(e.repo || e.source || "source") + ' : ' + esc(e.message) + '
').join("") : 'All data sources returned successfully.
';
}
/* ---- repo detail drawer ---- */
function openRepoDetail(slug) {
const m = state.model; if (!m) return;
const r = m.repos.find((x) => x.slug === slug); if (!r) return;
const rel = r.latestRelease;
const deployHtml = r.deployments && r.deployments.length
? r.deployments.map((d) => '' + esc(d.state) + ' ' + esc(ageLabelClient(d.ageDays)) + ' ago
No deployments found.
';
const prHtml = r.prs.length ? r.prs.map((p) => '#' + p.number + ' ' + esc(p.title) + '
↗ ' + esc(p.author) + ' · ' + esc(p.reviewDecision) + (p.failingChecks ? ' · ⚠ checks failing' : '') + (p.isDraft ? ' · draft' : '') + ' · View & act →
No open PRs.
';
const issueHtml = r.issues.length ? r.issues.map((i) => '#' + i.number + ' ' + esc(i.title) + '
↗ ' + esc(i.author) + ' · ' + i.comments + ' comments' + (i.assignedToJames ? ' · assigned to you' : '') + ' · View & act →
No open issues.
';
const g = r.localGit || {};
const localHtml = g.available
? 'Branch: ' + esc((g.branchLine || "").replace(/^## /, "") || "?") + '
' + metric(g.dirtyCount || 0, "changed") + metric(g.ahead || 0, "ahead") + metric(g.behind || 0, "behind") + metric(ageLabelClient(g.lastCommitAgeDays), "last commit") + '
' + esc(g.path || "") + '
'
: 'No local checkout detected under ~/Projects.
';
const sessionHtml = r.activeSessions && r.activeSessions.length
? r.activeSessions.map((s) => '' + esc(s.summary) + ' ' + esc(s.branch || "?") + ' · updated ' + esc(ageLabelClient(s.ageDays)) + ' ago
No recent sessions.
';
$("detailDrawer").innerHTML =
'' + esc(r.slug) + ' ' + esc(r.description || r.language || r.defaultBranch) + '
✕ ' +
'
' +
'
Open on GitHub ↗ ' +
(r.isPrivate ? '
private ' : '') + (r.language ? '
' + esc(r.language) + ' ' : '') + '
★ ' + (r.stars || 0) + ' ' +
'
' + esc(r.status.detail) + '
' +
'Overview ' + metric(r.openPrCount, "Open PRs") + metric(r.openIssueCount, "Open issues") + metric(r.needsHumanPrCount, "Need review") + metric(ageLabelClient(r.pushedAgeDays), "Last push") + '
Deployments ' + deployHtml + 'Latest release ' + (rel ? '' : 'No release or tag found.
') + 'Open PRs (' + r.prs.length + ') ' + prHtml + 'Open issues (' + r.issues.length + ') ' + issueHtml + 'Local checkout ' + localHtml + 'Recent sessions ' + sessionHtml + '' + esc(type.toUpperCase()) + ' #' + esc(number) + ' ' + esc(repo) + '
✕
';
$("itemOverlay").classList.add("open");
$("itemClose").addEventListener("click", closeItemDetail);
try {
const it = await api("/api/item?repo=" + encodeURIComponent(repo) + "&type=" + encodeURIComponent(type) + "&number=" + encodeURIComponent(number));
renderItemPane(it);
} catch (e) {
$("itemDrawer").innerHTML = '
Could not load ✕ ' + esc(e.message) + '
';
$("itemClose").addEventListener("click", closeItemDetail);
}
}
function renderItemPane(it) {
const isPr = it.type === "pr";
const stateLabel = it.state + (it.isDraft ? " · draft" : "");
const meta = [];
meta.push('' + esc(stateLabel) + ' ');
if (isPr) {
meta.push('' + esc(it.reviewDecision) + ' ');
if (it.checksTotal) meta.push('' + (it.checksFailing ? it.checksFailing + ' failing' : 'checks ok') + ' ');
meta.push('' + esc(it.mergeable) + ' ');
}
it.labels.forEach((l) => meta.push('' + esc(l) + ' '));
const metrics = isPr
? '' + metric('+' + (it.additions ?? 0), "additions") + metric('-' + (it.deletions ?? 0), "deletions") + metric(it.changedFiles ?? 0, "files") + metric(ageLabelClient(it.ageDays), "updated") + '
'
: '' + metric(it.comments.length, "comments") + metric(it.assignees.length, "assignees") + metric(ageLabelClient(it.ageDays), "updated") + '
';
const branchLine = isPr ? '' + esc(it.headRefName) + ' → ' + esc(it.baseRefName) + '
' : '';
const assignLine = it.assignees.length ? 'Assignees: ' + esc(it.assignees.join(", ")) + '
' : '';
const bodyHtml = it.body.trim() ? '' + esc(it.body) + '
' : 'No description.
';
const commentsHtml = it.comments.length
? it.comments.map((c) => '').join("")
: 'No comments yet.
';
const actions = [];
actions.push('Open on GitHub ↗ ');
if (isPr) {
if (it.isDraft) actions.push('Mark ready ');
actions.push('Approve ');
actions.push('🤖 Request Copilot review ');
actions.push('Request my review ');
actions.push('Squash & merge ');
} else {
if (it.assignees.map((a) => a.toLowerCase()).includes((state.model.currentLogin || "").toLowerCase())) actions.push('Unassign me ');
else actions.push('Assign to me ');
}
if (it.state && it.state.toUpperCase() === "OPEN") actions.push('Close ');
else actions.push('Reopen ');
$("itemDrawer").innerHTML =
'' + esc(it.title) + ' ' + esc(it.repo) + ' · ' + esc(it.type.toUpperCase()) + ' #' + it.number + ' · by ' + esc(it.author || "unknown") + '
✕ ' + meta.join("") + '
' +
branchLine + assignLine +
'' +
'Description ' + bodyHtml + 'Work on this 🧭 Plan mode ⚡ Implement now ' + (isPr ? "" : '📝 Refine spec ☁ Assign to cloud session ') + '
Plan proposes an approach; Implement starts coding' + (isPr ? "" : "; Refine spec sharpens requirements; Cloud assigns the issue to a remote coding session") + '. New session in the ' + esc(it.repo) + ' project.
Actions ' + actions.join("") + '
' +
'' +
'Comment
Recent comments (' + it.comments.length + ') ' + commentsHtml + '
';
try { state.discover = await api("/api/available-repos" + (force ? "?force=1" : "")); }
catch (e) { $("discoverGrid").innerHTML = '' + esc(e.message) + '
'; }
finally { state.discoverLoading = false; renderManage(); renderOnboarding(); }
}
function renderManage() {
const m = state.model; if (!m) return;
const tracked = m.repos;
$("trackedCount").textContent = tracked.length;
$("trackedList").innerHTML = tracked.map((r) => '' + esc(r.slug) + ' ' + (r.path ? '
local ' : "") + '
' + esc(r.status ? r.status.label : "") + ' · ' + r.openPrCount + ' PRs · ' + r.openIssueCount + ' issues
Remove No repos tracked yet.
';
$("trackedList").querySelectorAll("[data-remove]").forEach((el) => el.addEventListener("click", () => removeRepo(el.dataset.remove)));
if (!state.discover) { if (!state.discoverLoading) $("discoverGrid").innerHTML = 'Click “Reload my repos”.
'; return; }
const trackedSet = new Set(tracked.map((r) => r.slug.toLowerCase()));
const q = state.filters.discoverText.toLowerCase();
const repos = discoverItems().filter((r) => !q || (r.slug + " " + (r.description || "") + " " + (r.path || "")).toLowerCase().includes(q));
$("discoverGrid").innerHTML = repos.slice(0, 120).map((r) => {
const isTracked = trackedSet.has(r.slug.toLowerCase());
const payload = esc(encodedRepo(r));
return '' + esc(r.slug) + ' ' +
(isTracked ? 'Track ') + '
' +
'' + esc(r.description || "No description") + '
' +
'' + (r.source === "local" ? "local project · " + esc(r.path || "") : (r.isPrivate ? "private · " : "") + (r.isFork ? "fork · " : "") + "★ " + (r.stars || 0) + " · pushed " + esc(r.pushedAgeDays === null ? "?" : r.pushedAgeDays + "d ago")) + '
No repositories match.
';
$("discoverGrid").querySelectorAll("[data-add-repo]").forEach((el) => el.addEventListener("click", () => addRepo(JSON.parse(el.dataset.addRepo))));
}
async function trackSelectedOnboarding() {
const repos = [...state.onboarding.selected].map((value) => JSON.parse(value));
if (!repos.length) return;
try {
await api("/api/repos/set", { method: "POST", body: JSON.stringify({ repos, onboarded: true }) });
state.onboarding.selected.clear();
await load(true);
} catch (e) { alert(e.message); }
}
async function addRepo(slug) {
const repo = typeof slug === "string" ? { slug } : slug;
try { await api("/api/repos/add", { method: "POST", body: JSON.stringify({ repos: [repo] }) }); await load(true); switchTab("manage"); }
catch (e) { alert(e.message); }
}
async function removeRepo(slug) {
try { await api("/api/repos/remove", { method: "POST", body: JSON.stringify({ slug }) }); await load(true); switchTab("manage"); }
catch (e) { alert(e.message); }
}
/* ---- wiring ---- */
$("refresh").addEventListener("click", () => load(true));
["mood", "minutes", "busyness", "focusIntent"].forEach((id) => $(id).addEventListener("change", saveFocus));
document.querySelectorAll(".tab").forEach((el) => el.addEventListener("click", () => switchTab(el.dataset.tab)));
$("search").addEventListener("input", (e) => { state.filters.text = e.target.value; renderWork(); });
$("repoFilter").addEventListener("change", (e) => { state.filters.repo = e.target.value; renderWork(); });
$("sort").addEventListener("change", (e) => { state.filters.sort = e.target.value; renderWork(); });
$("repoSearch").addEventListener("input", (e) => { state.filters.repoText = e.target.value; renderRepos(); });
$("repoSort").addEventListener("change", (e) => { state.filters.repoSort = e.target.value; renderRepos(); });
$("cleanupSearch").addEventListener("input", (e) => { state.cleanup.text = e.target.value; renderCleanup(); });
$("cleanupRepo").addEventListener("change", (e) => { state.cleanup.repo = e.target.value; renderCleanup(); });
$("cleanupSort").addEventListener("change", (e) => { state.cleanup.sort = e.target.value; renderCleanup(); });
$("cleanupAll").addEventListener("change", (e) => {
const items = cleanupFiltered();
if (e.target.checked) items.forEach((s) => state.cleanup.selected.add(s.id));
else items.forEach((s) => state.cleanup.selected.delete(s.id));
renderCleanup();
});
$("cleanupSelectStale").addEventListener("click", () => {
cleanupInventory().forEach((s) => { if (s.orphaned || s.bucket === "stale" || s.bucket === "ancient") state.cleanup.selected.add(s.id); });
renderCleanup();
});
$("cleanupDelete").addEventListener("click", deleteSelectedSessions);
$("discoverSearch").addEventListener("input", (e) => { state.filters.discoverText = e.target.value; renderManage(); });
$("reloadDiscover").addEventListener("click", () => loadDiscover(true));
$("addManual").addEventListener("click", () => { const v = $("manualRepo").value.trim(); if (v) { $("manualRepo").value = ""; addRepo(v); } });
$("manualRepo").addEventListener("keydown", (e) => { if (e.key === "Enter") $("addManual").click(); });
$("detailBg").addEventListener("click", closeRepoDetail);
$("itemBg").addEventListener("click", closeItemDetail);
document.addEventListener("keydown", (e) => { if (e.key === "Escape") { closeItemDetail(); closeRepoDetail(); closeCleanupMenus(); } });
document.addEventListener("click", (e) => { if (!e.target.closest(".crow-manage")) closeCleanupMenus(); });
const events = new EventSource("/events");
events.addEventListener("state", () => load(false));
load(false);
`;
}