49 lines
1.7 KiB
HTML
49 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width, initial-scale=1" name="viewport">
|
|
<title>beaver panel preview</title>
|
|
<link href="/app.css" rel="stylesheet">
|
|
<link href="/theme.css" rel="stylesheet">
|
|
<link href="/styles.css" rel="stylesheet">
|
|
<style>
|
|
body.theme-dark,
|
|
body.theme-light {
|
|
--accent-h: 254;
|
|
--accent-s: 80%;
|
|
--accent-l: 68%;
|
|
--font-interface:
|
|
-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto,
|
|
sans-serif;
|
|
}
|
|
|
|
body {
|
|
height: 100vh;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
#app {
|
|
height: 100vh;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="theme-dark">
|
|
<!--
|
|
impeccable direction contract (mode operate, brief-pinned world: beaver-calendar's Obsidian skin)
|
|
THESIS: the agent's terminal, not a chat app; the thread is always on screen, picking a
|
|
conversation is a header switch. OWN-WORLD: Obsidian's own variables through .beaver-root;
|
|
hairline rows, tabular numerals, uppercase 12px section labels; nothing pink.
|
|
STORY: follow the note, watch tools stream, answer, branch with a seed, send back to Telegram.
|
|
FIRST VIEWPORT: switcher over the thread header, tabs, live thread, composer pinned below;
|
|
wide: the grouped rail on the left. FORM: two-pane operator console, pinned by the brief.
|
|
FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review,
|
|
the verdict, and DESIGN.md
|
|
-->
|
|
<div id="app"></div>
|
|
<script defer src="/preview/bundle.js"></script>
|
|
</body>
|
|
</html>
|