clay-server 2.8.2 → 2.9.0

package/lib/public/css/title-bar.css

@@ -13,6 +13,12 @@
   position: relative;
 }
 
+.top-bar-center {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
 .top-bar-title {
   display: flex;
   align-items: center;
@@ -176,13 +182,51 @@
   padding: 0 10px;
   background: var(--sidebar-bg);
   border-bottom: 1px solid var(--border-subtle);
+  gap: 6px;
+}
+
+.sidebar-presence {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  margin-left: auto;
+}
+
+.sidebar-presence-avatar {
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  border: 2px solid var(--sidebar-bg);
+  background: var(--bg-alt);
+  margin-left: -6px;
+  cursor: default;
+}
+
+.sidebar-presence-avatar:first-child {
+  margin-left: 0;
+}
+
+.sidebar-presence-more {
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  border: 2px solid var(--sidebar-bg);
+  background: var(--bg-alt);
+  margin-left: -6px;
+  font-size: 9px;
+  font-weight: 700;
+  color: var(--text-muted);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
 }
 
 .title-bar-project-dropdown {
   display: flex;
   align-items: center;
   gap: 6px;
-  width: 100%;
+  flex: 1;
   min-width: 0;
   background: none;
   border: none;

package/lib/public/index.html

@@ -23,14 +23,8 @@
 <div id="layout">
   <!-- === Top Bar (full width, forms reverse-ㄱ with icon strip) === -->
   <div id="top-bar">
-    <a href="https://github.com/chadbyte/clay" target="_blank" rel="noopener" class="top-bar-title"><img class="top-bar-icon" src="favicon-banded.png" width="16" height="16" alt="">Clay <span id="footer-version" class="footer-version"></span></a>
-    <div class="top-bar-actions">
-      <!-- Pill badges (formerly banners) -->
-      <div id="skip-perms-pill" class="top-bar-pill pill-error hidden"><i data-lucide="shield-off"></i> <span>Skip perms</span></div>
-      <div id="onboarding-pill" class="top-bar-pill pill-accent hidden">
-        <span class="onboarding-pill-text" id="onboarding-pill-text"></span>
-        <button id="onboarding-pill-close" class="pill-close" aria-label="Dismiss"><i data-lucide="x"></i></button>
-      </div>
+    <div class="top-bar-center">
+      <a href="https://github.com/chadbyte/clay" target="_blank" rel="noopener" class="top-bar-title"><img class="top-bar-icon" src="favicon-banded.png" width="16" height="16" alt="">Clay <span id="footer-version" class="footer-version"></span></a>
       <div id="update-pill-wrap" class="hidden">
         <button id="update-pill" class="top-bar-pill pill-success"><i data-lucide="arrow-up-circle"></i> <span id="update-version"></span></button>
         <div id="update-popover" class="top-bar-popover">
@@ -38,6 +32,14 @@
           <div class="popover-row"><div class="popover-label">Or run manually:</div><div class="popover-cmd"><code>npx clay-server@latest</code><button class="popover-copy" title="Copy"><i data-lucide="copy"></i></button></div></div>
         </div>
       </div>
+      <div id="onboarding-pill" class="top-bar-pill pill-accent hidden">
+        <span class="onboarding-pill-text" id="onboarding-pill-text"></span>
+        <button id="onboarding-pill-close" class="pill-close" aria-label="Dismiss"><i data-lucide="x"></i></button>
+      </div>
+    </div>
+    <div class="top-bar-actions">
+      <!-- Pill badges -->
+      <div id="skip-perms-pill" class="top-bar-pill pill-error hidden"><i data-lucide="shield-off"></i> <span>Skip perms</span></div>
       <span id="client-count" class="hidden"></span>
       <div id="debug-menu-wrap" class="hidden">
         <button id="debug-btn" title="Debug"><i data-lucide="bug"></i></button>
@@ -148,6 +150,7 @@
           <span class="title-bar-project-name" id="title-bar-project-name"></span>
           <i data-lucide="chevron-down" class="title-bar-chevron"></i>
         </button>
+        <span id="sidebar-presence" class="sidebar-presence"></span>
       </div>
       <div id="sidebar">
         <div id="sidebar-tools">
@@ -564,6 +567,7 @@
       <div class="user-island-avatar"><span class="user-island-avatar-letter">?</span></div>
       <div class="user-island-info">
         <span class="user-island-name">Awesome Clay User</span>
+        <span class="user-island-cta hidden">Personalize your name</span>
       </div>
     </div>
     <div class="user-island-actions">
@@ -619,6 +623,12 @@
           <button class="settings-nav-item" data-section="models"><span>Model &amp; Behavior</span></button>
           <button class="settings-nav-item" data-section="claudemd"><span>CLAUDE.md</span></button>
           <button class="settings-nav-item" data-section="environment"><span>Environment Variables</span></button>
+          <div class="settings-nav-separator settings-admin-only"></div>
+          <div class="settings-nav-category settings-admin-only">Admin</div>
+          <button class="settings-nav-item settings-admin-only" data-section="admin-users"><span>Users</span></button>
+          <button class="settings-nav-item settings-admin-only" data-section="admin-invites"><span>Invites</span></button>
+          <button class="settings-nav-item settings-admin-only" data-section="admin-projects"><span>Projects</span></button>
+          <button class="settings-nav-item settings-admin-only" data-section="admin-smtp"><span>Email (SMTP)</span></button>
           <div class="settings-nav-separator"></div>
           <div class="settings-nav-category">Server</div>
           <button class="settings-nav-item" data-section="security"><span>Security</span></button>
@@ -879,6 +889,25 @@
             </div>
           </div>
         </div>
+        <!-- Admin sections (multi-user, admin only) -->
+        <div class="server-settings-section settings-admin-only" data-section="admin-users">
+          <h2>Users</h2>
+          <div class="settings-card" id="admin-users-body"></div>
+        </div>
+        <div class="server-settings-section settings-admin-only" data-section="admin-invites">
+          <h2>Invites</h2>
+          <div class="settings-card" id="admin-invites-body"></div>
+        </div>
+        <div class="server-settings-section settings-admin-only" data-section="admin-projects">
+          <h2>Project Access</h2>
+          <div class="settings-card" id="admin-projects-body"></div>
+        </div>
+        <div class="server-settings-section settings-admin-only" data-section="admin-smtp">
+          <h2>Email (SMTP)</h2>
+          <div class="settings-card" id="admin-smtp-body"></div>
+        </div>
+
+        </div>
       </div>
     </div>
     <div class="server-settings-close-col">
@@ -1357,6 +1386,7 @@
 <script src="https://cdn.jsdelivr.net/npm/dompurify@3/dist/purify.min.js"></script>
 <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11/build/highlight.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/lucide@0.468.0/dist/umd/lucide.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/twemoji@14.0.2/dist/twemoji.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/qrcode-generator@1.4.4/qrcode.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@xterm/xterm@5/lib/xterm.min.js"></script>