clay-server 2.10.0 → 2.11.0-beta.10

package/lib/public/css/admin.css

@@ -23,7 +23,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 12px;
+  padding: 8px 16px;
 }
 
 .admin-section-header h3 {
@@ -49,6 +49,11 @@
   transition: opacity 0.15s;
 }
 
+.admin-action-btn svg {
+  width: 14px;
+  height: 14px;
+}
+
 .admin-action-btn:hover {
   opacity: 0.9;
 }
@@ -64,7 +69,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 10px 12px;
+  padding: 10px 16px;
   border-radius: 10px;
   transition: background 0.1s;
 }
@@ -124,6 +129,11 @@
   transition: color 0.15s, background 0.15s;
 }
 
+.admin-remove-btn svg {
+  width: 16px;
+  height: 16px;
+}
+
 .admin-remove-btn:hover {
   color: #e5534b;
   background: rgba(229, 83, 75, 0.1);
@@ -140,7 +150,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 10px 12px;
+  padding: 10px 16px;
   border-radius: 10px;
 }
 
@@ -178,6 +188,11 @@
   align-items: center;
 }
 
+.admin-copy-link-btn svg {
+  width: 14px;
+  height: 14px;
+}
+
 .admin-copy-link-btn:hover {
   color: var(--accent);
   background: var(--accent-8);
@@ -200,6 +215,11 @@
   align-items: center;
 }
 
+.admin-revoke-btn svg {
+  width: 14px;
+  height: 14px;
+}
+
 .admin-revoke-btn:hover {
   color: #ef4444;
   background: rgba(239, 68, 68, 0.1);
@@ -216,7 +236,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 10px 12px;
+  padding: 10px 16px;
   border-radius: 10px;
 }
 
@@ -247,6 +267,7 @@
   gap: 8px;
 }
 
+.admin-owner-select,
 .admin-vis-select {
   background: var(--bg-alt);
   border: 1px solid var(--border);
@@ -258,6 +279,11 @@
   font-family: inherit;
 }
 
+.admin-owner-select {
+  max-width: 140px;
+}
+
+.admin-owner-select:focus,
 .admin-vis-select:focus {
   border-color: var(--accent);
   outline: none;
@@ -274,6 +300,11 @@
   align-items: center;
 }
 
+.admin-manage-users-btn svg {
+  width: 16px;
+  height: 16px;
+}
+
 .admin-manage-users-btn:hover {
   color: var(--accent);
   background: var(--accent-8);
@@ -327,6 +358,11 @@
   display: flex;
 }
 
+.admin-modal-close svg {
+  width: 16px;
+  height: 16px;
+}
+
 .admin-modal-close:hover {
   color: var(--text);
 }
@@ -442,18 +478,18 @@
 
 /* --- SMTP Configuration Form --- */
 .admin-smtp-form {
-  padding: 4px 0;
+  padding: 8px 0;
 }
 
 .admin-smtp-status {
   display: flex;
   align-items: center;
   gap: 8px;
-  padding: 12px 16px;
+  padding: 10px 16px;
   border-radius: 8px;
   font-size: 13px;
   font-weight: 500;
-  margin-bottom: 16px;
+  margin: 0 16px 16px;
 }
 
 .admin-smtp-status svg {
@@ -480,7 +516,7 @@
   margin-bottom: 16px;
 }
 
-.admin-smtp-row label {
+.admin-smtp-row > label:not(.admin-smtp-toggle) {
   display: block;
   font-size: 12px;
   font-weight: 600;
@@ -516,17 +552,27 @@
 .admin-smtp-toggle {
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 10px;
   font-size: 13px;
+  font-weight: 400;
+  text-transform: none;
+  letter-spacing: normal;
   color: var(--text);
   cursor: pointer;
-  padding-top: 4px;
+  margin-top: 6px;
 }
 
 .admin-smtp-toggle input[type="checkbox"] {
   accent-color: var(--accent);
   width: 16px;
   height: 16px;
+  flex-shrink: 0;
+}
+
+.admin-smtp-row-otp {
+  margin-top: 4px;
+  padding-top: 12px;
+  border-top: 1px solid var(--border);
 }
 
 .admin-smtp-actions {
@@ -561,6 +607,49 @@
   color: var(--accent);
 }
 
+/* --- Temp PIN display (admin-created user credentials) --- */
+.admin-temp-pin-box {
+  background: var(--bg-alt);
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 12px 16px;
+  margin-top: 12px;
+}
+
+.admin-temp-pin-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 6px 0;
+}
+
+.admin-temp-pin-row + .admin-temp-pin-row {
+  border-top: 1px solid var(--border);
+}
+
+.admin-temp-pin-label {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.3px;
+}
+
+.admin-temp-pin-value {
+  font-size: 14px;
+  color: var(--text);
+  background: var(--bg);
+  padding: 4px 10px;
+  border-radius: 6px;
+}
+
+.admin-temp-pin-highlight {
+  font-size: 18px;
+  font-weight: 700;
+  letter-spacing: 3px;
+  color: var(--accent);
+}
+
 /* --- Session visibility indicator --- */
 .session-private-icon {
   display: inline-flex;

package/lib/public/css/filebrowser.css

@@ -268,6 +268,28 @@
 }
 .ps-text-input:focus { border-color: var(--accent); }
 
+/* Profile: owner row */
+.ps-owner-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.ps-transfer-form {
+  margin-top: 8px;
+}
+
+.ps-select {
+  width: 100%;
+  padding: 6px 10px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: var(--bg);
+  color: var(--text);
+  font-size: 13px;
+  margin-bottom: 8px;
+}
+
 /* Profile: icon row */
 .ps-icon-row {
   display: flex;

package/lib/public/css/icon-strip.css

@@ -3,13 +3,14 @@
    ========================================================================== */
 
 #icon-strip {
+  position: relative;
   width: 72px;
   flex-shrink: 0;
   background: var(--sidebar-bg);
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 0 0 58px;
+  padding: 0 0 80px;
   overflow: hidden;
   z-index: 2;
 }
@@ -114,6 +115,7 @@
 /* --- Scrollable project list area --- */
 .icon-strip-projects {
   width: 100%;
+  min-height: 0;
   overflow-y: auto;
   overflow-x: hidden;
   display: flex;
@@ -605,6 +607,165 @@
   height: 22px;
 }
 
+/* --- User avatars (circle, above my-avatar at bottom) --- */
+.icon-strip-users {
+  position: absolute;
+  bottom: 74px; /* above user-island (58px + 8px bottom + 8px gap) */
+  left: 50%;
+  transform: translateX(-50%);
+  width: 56px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0;
+  padding: 6px 0;
+  background: var(--bg-alt);
+  border-radius: 8px;
+}
+
+.icon-strip-users.hidden {
+  display: none;
+}
+
+/* "Invite" mini button at bottom of user strip */
+.icon-strip-invite {
+  position: relative;
+  width: 40px;
+  height: 32px;
+  border-radius: 10px;
+  background: transparent;
+  border: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  flex-shrink: 0;
+  color: var(--text-dimmer);
+  transition: color 0.2s, background 0.2s;
+}
+
+.icon-strip-invite:hover {
+  color: var(--accent);
+  background: rgba(var(--overlay-rgb), 0.08);
+}
+
+.icon-strip-invite .lucide {
+  width: 16px;
+  height: 16px;
+}
+
+.icon-strip-user {
+  position: relative;
+  width: 42px;
+  height: 42px;
+  border-radius: 0;
+  background: transparent;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+
+.icon-strip-user-avatar {
+  width: 34px;
+  height: 34px;
+  border-radius: 50%;
+  object-fit: cover;
+  transition: opacity 0.2s ease, transform 0.2s ease;
+  opacity: 0.7;
+}
+
+.icon-strip-user:hover .icon-strip-user-avatar {
+  opacity: 1;
+  transform: scale(1.08);
+}
+
+.icon-strip-user.active .icon-strip-user-avatar {
+  opacity: 1;
+  box-shadow: 0 0 0 2px var(--accent);
+}
+
+/* Online status dot (bottom-right on avatar, like project blink dot) */
+.icon-strip-user-online {
+  position: absolute;
+  bottom: 5px;
+  right: 5px;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: var(--text-dimmer);
+  border: 2px solid var(--sidebar-bg);
+  opacity: 1;
+  transition: opacity 0.2s, background 0.3s;
+}
+
+.icon-strip-user.online .icon-strip-user-online {
+  background: var(--success);
+}
+
+/* DM unread badge */
+.icon-strip-user-badge {
+  position: absolute;
+  top: -2px;
+  right: -2px;
+  min-width: 18px;
+  height: 18px;
+  border-radius: 9px;
+  background: #e74c3c;
+  color: #fff;
+  font-size: 11px;
+  font-weight: 700;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  padding: 0 5px;
+  line-height: 18px;
+  text-align: center;
+  box-shadow: 0 0 0 2px var(--bg);
+  z-index: 2;
+}
+
+.icon-strip-user-badge.has-unread {
+  display: flex;
+}
+
+/* Pill for user icons */
+.icon-strip-user:hover .icon-strip-pill {
+  opacity: 1;
+  height: 20px;
+}
+
+.icon-strip-user.active .icon-strip-pill {
+  opacity: 1;
+  height: 32px;
+}
+
+/* DM mode: keep same position (user-island gone but layout stays) */
+
+/* --- My avatar at bottom of icon strip (always present, behind user-island) --- */
+/* Positioned to align exactly with user-island avatar (left:8px + padding:6px + 18px center = 32px from left edge of layout-body) */
+/* icon-strip is 72px wide, so 32px from left = left offset within icon-strip */
+.icon-strip-me {
+  position: absolute;
+  bottom: 19px; /* vertically center with user-island (bottom:8px + height:58px/2 - 16px) */
+  left: 32px;
+  transform: translateX(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  z-index: 1; /* below user-island z-index: 15 */
+}
+
+.icon-strip-me-avatar {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  object-fit: cover;
+}
+
 /* --- Per-project presence avatars --- */
 /* --- Mobile: hide icon strip --- */
 @media (max-width: 768px) {

package/lib/public/css/menus.css

@@ -617,6 +617,29 @@
   background: var(--accent);
 }
 
+.config-budget-row {
+  padding: 4px 14px 8px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.config-budget-label {
+  font-size: 11px;
+  color: var(--text-muted);
+  white-space: nowrap;
+}
+
+.config-budget-input {
+  width: 80px;
+  padding: 4px 6px;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  background: var(--bg);
+  color: var(--text);
+  font-size: 11px;
+}
+
 /* --- Info panels container --- */
 #info-panels {
   position: fixed;