feat(*): svelte 5 panel view sharing the gateway ui, obsidian theme, preview and tests

2026-08-29 18:30:31 +02:00
parent a1bf4db905
commit 04400c5076
33 changed files with 3378 additions and 1803 deletions
@@ -0,0 +1,48 @@
+<!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>