TBNilles
65daedc902
Add internal/activity (thread-safe active project + bounded event feed with subscriber fan-out). Service exposes active-project/activity methods and takes the feed. New MCP tools get_active_project/set_active_project/get_activity and HTTP endpoints GET/POST /api/active-project, /api/activity, and /events (SSE). New <activity-feed> component updates live via EventSource; <repo-list> sets the active project on selection. Verified end-to-end in the running app: user actions push live events and set the active project (actor=user), all readable by Claude over MCP. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
51 lines
1.7 KiB
HTML
51 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>GitManager</title>
|
|
<link rel="stylesheet" href="/static/app.css">
|
|
<!-- Web components declare themselves; the page does not micro-manage them
|
|
(AGENT.md §1.1). Each fetches its own data on connect. -->
|
|
<script type="module" src="/components/repo-list/repo-list.js"></script>
|
|
<script type="module" src="/components/repo-detail/repo-detail.js"></script>
|
|
<script type="module" src="/components/activity-feed/activity-feed.js"></script>
|
|
<style>
|
|
header {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 16px;
|
|
padding: 12px 20px;
|
|
background: var(--surface-1);
|
|
border-bottom: 1px solid var(--border);
|
|
}
|
|
header h1 { margin: 0; font-size: 16px; }
|
|
header nav { margin-left: auto; }
|
|
/* Repo list docks LEFT, detail panel docks RIGHT by default (AGENT.md §4).
|
|
A real dockable layout is layered on later; this is the static default. */
|
|
main { padding: 20px; display: flex; flex-direction: column; gap: 16px; }
|
|
.cols {
|
|
display: grid;
|
|
grid-template-columns: minmax(280px, 360px) 1fr;
|
|
gap: 16px;
|
|
align-items: start;
|
|
}
|
|
@media (max-width: 720px) { .cols { grid-template-columns: 1fr; } }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>GitManager</h1>
|
|
<span style="color: var(--color-fg-muted)">multi-repo dashboard</span>
|
|
<nav><a href="/help">Help</a></nav>
|
|
</header>
|
|
<main>
|
|
<div class="cols">
|
|
<repo-list></repo-list>
|
|
<repo-detail></repo-detail>
|
|
</div>
|
|
<activity-feed></activity-feed>
|
|
</main>
|
|
</body>
|
|
</html>
|