Add user database migration, core reusable components, and layout structure

2026-05-16 18:54:23 -04:00
parent c7df396a83
commit e132c7a580
33 changed files with 2348 additions and 398 deletions
@@ -0,0 +1,26 @@
+class AppRoot extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = `
+      <app-sidebar></app-sidebar>
+      <div class="app-shell">
+        <app-topbar></app-topbar>
+        <main id="main-content"></main>
+      </div>
+      <app-mobile-nav></app-mobile-nav>`;
+
+    // Apply saved collapse state
+    if (localStorage.getItem('sidebar-collapsed') === 'true') {
+      this.classList.add('collapsed');
+    }
+  }
+
+  setPage(html) {
+    const main = document.getElementById('main-content');
+    if (main) {
+      main.innerHTML = html;
+      main.scrollTop = 0;
+      if (window.lucide) lucide.createIcons({ nodes: [main] });
+    }
+  }
+}
+customElements.define('app-root', AppRoot);