add authenticated tenant-scoped sessions

This commit is contained in:
Marco0300
2026-09-02 17:45:57 +02:00
parent 8fa391a000
commit a52af65024
12 changed files with 309 additions and 115 deletions
+17 -2
View File
@@ -8,7 +8,22 @@
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="app-shell">
<section class="login-screen" id="loginScreen" aria-labelledby="loginTitle">
<div class="login-card">
<a class="brand login-brand" href="#login" aria-label="ProspectOS home"><span class="brand-mark"></span><span>Prospect<span class="brand-light">OS</span></span></a>
<p class="eyebrow">WORKSPACE ACCESS</p>
<h1 id="loginTitle">Welcome back</h1>
<p class="login-subtitle">Sign in to review your evidence-led growth pipeline.</p>
<form id="loginForm" novalidate>
<label>Email address<input id="loginEmail" name="email" type="email" autocomplete="username" placeholder="you@company.com" required></label>
<label>Password<input id="loginPassword" name="password" type="password" autocomplete="current-password" placeholder="Enter your password" required></label>
<p id="loginMessage" class="form-message" role="alert" aria-live="polite"></p>
<button class="button primary login-submit" type="submit">Sign in <span aria-hidden="true"></span></button>
</form>
<p class="login-note">Use the credentials configured for your workspace.</p>
</div>
</section>
<div class="app-shell" id="dashboardShell" hidden>
<aside class="sidebar">
<a class="brand" href="#top" aria-label="ProspectOS home"><span class="brand-mark"></span><span>Prospect<span class="brand-light">OS</span></span></a>
<nav aria-label="Primary navigation">
@@ -19,7 +34,7 @@
<div class="sidebar-foot"><div class="live-dot"></div><div><strong>Workspace live</strong><small>Data sync is healthy</small></div></div>
</aside>
<main class="main" id="top">
<header class="topbar"><button class="mobile-menu" id="menuBtn" aria-label="Toggle navigation"></button><div class="crumb">Workspace <span>/</span> Growth pipeline</div><div class="top-actions"><span class="api-status" id="apiStatus">Demo data</span><button class="icon-button" aria-label="Notifications"></button><div class="avatar">AR</div></div></header>
<header class="topbar"><button class="mobile-menu" id="menuBtn" aria-label="Toggle navigation"></button><div class="crumb">Workspace <span>/</span> Growth pipeline</div><div class="top-actions"><span class="api-status" id="apiStatus">Connecting…</span><span class="user-identity" id="userIdentity"></span><button class="icon-button" aria-label="Notifications"></button><button class="logout-button" id="logoutBtn" type="button">Log out</button><div class="avatar" id="userAvatar">?</div></div></header>
<div class="content">
<section class="hero" id="dashboard"><div><p class="eyebrow">EVIDENCE-LED PROSPECTING</p><h1>Good morning, Alex <span></span></h1><p class="hero-sub">Your pipeline has <strong id="heroCount">0 prospects</strong> ready for review.</p></div><button class="button primary" data-scroll="#add"> Add prospect</button></section>
<section class="metrics" aria-label="Dashboard metrics">