TBNilles
a192a05aaa
New <repo-detail> component listens for repo:select and shows a repo's remotes, local branches (current + upstream), and recent commits. Backed by GET /api/repo (restricted to indexed repos) and read-only git readers LocalBranches/RecentCommits/RemoteDetails via repos.BuildDetail. <repo-list> highlights the selection; page docks the two panels left/right. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
47 lines
1.4 KiB
HTML
47 lines
1.4 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>
|
|
<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 {
|
|
display: grid;
|
|
grid-template-columns: minmax(280px, 360px) 1fr;
|
|
gap: 16px;
|
|
padding: 20px;
|
|
align-items: start;
|
|
}
|
|
@media (max-width: 720px) { main { 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>
|
|
<repo-list></repo-list>
|
|
<repo-detail></repo-detail>
|
|
</main>
|
|
</body>
|
|
</html>
|