feat: compact boundary divider, overlay fix, approval window, PiP, Tauri enhancements

- Add CompactBoundaryDivider component for compact_boundary system messages - Fix readability overlay: v-if removes element entirely at 0% opacity - Add approval page and window composable - Add PiP window support and loading screen - Tauri: add window management commands and capabilities - Disable Ctrl+1..5 shortcuts in Tauri (handled by global shortcuts)
2026-02-24 12:13:15 -06:00
parent a92e4ffbda
commit 78978813cd
23 changed files with 1616 additions and 34 deletions
--- a/frontend/public/loading.html
+++ b/frontend/public/loading.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  html, body { width: 100%; height: 100%; background: transparent; overflow: hidden; }
+  body { display: flex; align-items: center; justify-content: center; }
+  .wrap { position: relative; width: 36px; height: 36px; }
+  .dot {
+    width: 36px; height: 36px;
+    border: 2.5px solid rgba(255,255,255,0.06);
+    border-top-color: #6366f1;
+    border-radius: 50%;
+    animation: spin 0.6s linear infinite;
+    filter: drop-shadow(0 0 8px rgba(99,102,241,0.5));
+  }
+  .badge {
+    display: none;
+    position: absolute; top: -4px; right: -6px;
+    background: #ef4444; color: #fff;
+    font: 700 9px/1 -apple-system, sans-serif;
+    min-width: 14px; height: 14px;
+    border-radius: 7px;
+    text-align: center;
+    padding: 2px 3px;
+  }
+  .badge.show { display: block; }
+  @keyframes spin { to { transform: rotate(360deg); } }
+</style>
+</head>
+<body>
+  <div class="wrap">
+    <div class="dot"></div>
+    <div class="badge" id="b"></div>
+  </div>
+  <script>
+    var c = new URLSearchParams(location.search).get('n');
+    if (c && parseInt(c) > 1) { var b = document.getElementById('b'); b.textContent = c; b.className = 'badge show'; }
+  </script>
+</body>
+</html>