@alavida/agentpack
Version:
Compiler-driven lifecycle CLI for source-backed agent skills
82 lines (71 loc) • 2.33 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Skill Dev Workbench</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Noto+Sans+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<style>
:root {
color-scheme: dark;
--bg: #1a1916;
--surface: #252320;
--border: rgba(255, 255, 255, 0.06);
--border-bright: rgba(255, 255, 255, 0.12);
--text: #e8e4dc;
--text-dim: #9a9488;
--text-faint: #6b655c;
--status-current: #8fa67e;
--status-stale: #d4a45e;
--status-affected: #c4956e;
--status-unknown: #9a9488;
--edge-provenance: #7a9abb;
--edge-requires: #8fa67e;
--accent: #ffbf47;
--font-body: 'Crimson Pro', Georgia, 'Times New Roman', serif;
--font-mono: 'Noto Sans Mono', 'Courier New', monospace;
}
[data-theme="light"] {
color-scheme: light;
--bg: #f5f2ed;
--surface: #e8e4dc;
--border: rgba(0, 0, 0, 0.10);
--border-bright: rgba(0, 0, 0, 0.20);
--text: #1a1816;
--text-dim: #3d3830;
--text-faint: #6b655c;
--status-current: #3d6e2c;
--status-stale: #a07020;
--status-affected: #8c5530;
--status-unknown: #6b655c;
--edge-provenance: #2e6080;
--edge-requires: #3d6e2c;
--accent: #a07020;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: var(--font-body);
background: var(--bg);
color: var(--text);
overflow: hidden;
height: 100vh;
-webkit-font-smoothing: antialiased;
}
#app {
height: 100vh;
display: flex;
flex-direction: column;
}
@keyframes stale-pulse {
0%, 100% { opacity: 0.4; }
50% { opacity: 0.8; }
}
</style>
</head>
<body>
<div id="app" data-app-root></div>
<script type="module" src="/assets/dashboard.js"></script>
</body>
</html>