clay-server 2.26.0-beta.9 → 2.26.0

package/lib/public/css/debate.css

@@ -1,3 +1,121 @@
+/* --- Debate floor mode: hide non-essential input controls --- */
+.debate-floor-mode #schedule-btn,
+.debate-floor-mode #ask-mate-btn,
+.debate-floor-mode #config-chip-wrap,
+.debate-floor-mode #context-sources-bar,
+.debate-floor-mode #mention-menu,
+.debate-floor-mode #slash-menu,
+.debate-floor-mode #suggestion-chips {
+  display: none !important;
+}
+
+.debate-floor-banner {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 16px;
+  background: color-mix(in srgb, var(--accent) 8%, var(--bg));
+  border-bottom: 1px solid var(--border);
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--accent);
+}
+
+.debate-floor-banner svg {
+  width: 14px;
+  height: 14px;
+}
+
+.debate-floor-banner .debate-floor-done-btn {
+  margin-left: auto;
+  padding: 4px 12px;
+  border: 1px solid var(--accent);
+  border-radius: 6px;
+  background: transparent;
+  color: var(--accent);
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.debate-floor-banner .debate-floor-end-btn {
+  border-color: #e74c3c;
+  color: #e74c3c;
+}
+
+/* --- Debate ended status line --- */
+.debate-ended-status-line {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 12px 16px;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-muted);
+}
+
+.debate-ended-status-line svg {
+  width: 16px;
+  height: 16px;
+  color: var(--accent);
+}
+
+/* --- Debate loop group in sidebar --- */
+.session-loop-group.debate {
+  border-left: 2px solid var(--accent);
+}
+
+.session-loop-icon.debate {
+  color: var(--accent);
+}
+
+.session-loop-count.debate {
+  color: var(--accent);
+}
+
+/* --- Debate session icon in sidebar --- */
+.session-debate-icon {
+  display: inline-flex;
+  align-items: center;
+  margin-right: 4px;
+  color: var(--accent);
+  vertical-align: middle;
+}
+.session-debate-icon svg {
+  width: 12px;
+  height: 12px;
+}
+
+/* --- Debate pill button in mate sidebar (matches .new-ralph-pill) --- */
+.mate-debate-pill {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 3px;
+  height: 22px;
+  padding: 0 8px;
+  border: 1px solid var(--accent);
+  border-radius: 6px;
+  background: var(--accent-12, rgba(108, 92, 231, 0.12));
+  color: var(--accent);
+  font-size: 10px;
+  font-weight: 700;
+  font-family: inherit;
+  letter-spacing: 0.2px;
+  cursor: pointer;
+  white-space: nowrap;
+  transition: background 0.15s, color 0.15s;
+}
+.mate-debate-pill .lucide {
+  width: 10px;
+  height: 10px;
+}
+.mate-debate-pill:hover {
+  background: var(--accent);
+  color: #fff;
+}
+
 /* --- Debate header badges (inline with session title) --- */
 .debate-header-badge {
   display: inline-flex;
@@ -590,6 +708,7 @@
   transition: color 0.15s, background 0.15s, border-color 0.15s;
 }
 
+#debate-pdf-btn.hidden { display: none; }
 #debate-pdf-btn .lucide { width: 15px; height: 15px; }
 #debate-pdf-btn:hover { color: var(--text-secondary); background: rgba(var(--overlay-rgb),0.04); border-color: var(--border); }
 #debate-pdf-btn:disabled { opacity: 0.5; cursor: default; }
@@ -850,6 +969,27 @@
   padding: 0 4px;
 }
 
+/* Wizard pages */
+.debate-wizard-page { display: none; }
+.debate-wizard-page.active { display: block; }
+
+/* Step dots */
+.debate-wizard-steps {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+}
+.debate-step-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--border);
+  transition: background 0.2s;
+}
+.debate-step-dot.active {
+  background: var(--accent);
+}
+
 .debate-modal-body {
   padding: 16px 20px;
 }
@@ -945,9 +1085,10 @@
 }
 
 .debate-skip-setup-row {
-  margin-top: 12px;
-  padding: 8px 0;
+  margin: 0;
+  padding: 0;
 }
+.debate-skip-setup-row.hidden { display: none; }
 
 .debate-toggle-label {
   display: flex;
@@ -971,13 +1112,29 @@
 
 .debate-modal-footer {
   display: flex;
+  align-items: center;
   justify-content: flex-end;
   gap: 8px;
   padding: 12px 20px;
   border-top: 1px solid var(--border);
 }
 
+.debate-modal-footer .hidden { display: none; }
+
 .debate-btn-cancel {
+  margin-right: auto;
+  padding: 8px 16px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--bg);
+  color: var(--text-muted);
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.debate-btn-back {
+  margin-right: auto;
   padding: 8px 16px;
   border: 1px solid var(--border);
   border-radius: 8px;
@@ -988,6 +1145,30 @@
   cursor: pointer;
 }
 
+.debate-btn-quick {
+  padding: 8px 20px;
+  border: 1px solid var(--accent);
+  border-radius: 8px;
+  background: var(--bg);
+  color: var(--accent);
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: opacity 0.2s;
+}
+
+.debate-btn-next {
+  padding: 8px 20px;
+  border: none;
+  border-radius: 8px;
+  background: var(--accent);
+  color: #fff;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: opacity 0.2s;
+}
+
 .debate-btn-start {
   padding: 8px 20px;
   border: none;
@@ -1121,6 +1302,12 @@
   padding: 12px 16px;
 }
 
+@media (max-width: 768px) {
+  #debate-bottom-bar {
+    padding-bottom: calc(12px + 56px + var(--safe-bottom, 0px));
+  }
+}
+
 .debate-bottom-inner {
   max-width: var(--content-width);
   margin: 0 auto;
@@ -1151,6 +1338,41 @@
   background: color-mix(in srgb, var(--accent) 10%, transparent);
 }
 
+.debate-bottom-hand.raised {
+  background: var(--accent);
+  color: #fff;
+  border-color: var(--accent);
+}
+
+.debate-bottom-hand.raised svg {
+  color: #fff;
+}
+
+.debate-bottom-hand.hidden { display: none; }
+
+.debate-bottom-waiting {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 13px;
+  color: var(--accent);
+  font-weight: 500;
+  animation: debate-waiting-pulse 2s ease-in-out infinite;
+}
+
+.debate-bottom-waiting.hidden { display: none; }
+
+.debate-bottom-waiting svg {
+  width: 14px;
+  height: 14px;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes debate-waiting-pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.6; }
+}
+
 .debate-bottom-stop {
   display: inline-flex;
   align-items: center;
@@ -1222,6 +1444,12 @@
   border-color: var(--accent);
 }
 
+@media (max-width: 768px) {
+  .debate-bottom-conclude {
+    padding-bottom: calc(56px + var(--safe-bottom, 0px));
+  }
+}
+
 .debate-bottom-continue {
   padding: 8px 16px;
   border: 1px solid var(--accent);

package/lib/public/css/filebrowser.css

@@ -873,7 +873,8 @@
 .terminal-tab.active { color: var(--text); border-color: var(--accent); }
 .terminal-tab.exited { opacity: 0.5; }
 
-.terminal-tab-close {
+
+.terminal-tab-more {
   display: none;
   align-items: center;
   justify-content: center;
@@ -888,9 +889,44 @@
   line-height: 1;
 }
 
-.terminal-tab:hover .terminal-tab-close,
-.terminal-tab.active .terminal-tab-close { display: flex; }
-.terminal-tab-close:hover { background: rgba(var(--overlay-rgb),0.1); color: var(--text); }
+.terminal-tab:hover .terminal-tab-more,
+.terminal-tab.active .terminal-tab-more { display: flex; }
+.terminal-tab-more:hover { background: rgba(var(--overlay-rgb),0.1); color: var(--text); }
+
+.terminal-tab-ctx {
+  position: fixed;
+  z-index: 9999;
+  min-width: 120px;
+  background: var(--bg-elevated, var(--bg));
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  padding: 4px;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+}
+
+.terminal-tab-ctx-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 6px 10px;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--text-secondary);
+  font-size: 12px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.terminal-tab-ctx-item:hover {
+  background: rgba(var(--overlay-rgb),0.08);
+  color: var(--text);
+}
+
+.terminal-tab-ctx-danger:hover {
+  color: #e74c3c;
+}
 
 .terminal-tab-label { cursor: default; }
 
@@ -971,6 +1007,7 @@
 
 .terminal-tab-body .xterm {
   height: 100%;
+  overflow: hidden;
 }
 
 /* --- Terminal key toolbar (mobile) --- */

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

@@ -222,11 +222,13 @@
   animation: permShake 2s ease-in-out infinite;
 }
 
-/* Mate status dot (top-left, same as project icons) */
+/* Mate status dot (bottom-right, matching user online dot) */
 .icon-strip-mate .icon-strip-status {
-  top: -1px;
-  left: -1px;
-  border-color: var(--bg-alt);
+  top: auto;
+  left: auto;
+  bottom: 5px;
+  right: 5px;
+  border-color: var(--sidebar-bg);
   z-index: 3;
 }
 
@@ -824,13 +826,11 @@
   box-shadow: 0 0 0 2px var(--accent);
 }
 
-/* Primary mate: green ring + full opacity */
+/* Primary mate: full color (no desaturate), no ring */
 .icon-strip-primary-mate {
-  opacity: 0.9;
-  box-shadow: 0 0 0 2px #00b894;
-}
-.icon-strip-user:hover .icon-strip-primary-mate {
-  box-shadow: 0 0 0 2px #00b894;
+  opacity: 1;
+  border-radius: 8px;
+  filter: saturate(1) !important;
 }
 
 /* Online status dot (bottom-right on avatar, like project blink dot) */

package/lib/public/css/input.css

@@ -437,6 +437,39 @@
   font-size: 13px;
   text-align: center;
 }
+.context-picker-ext-notice {
+  padding: 10px 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.context-picker-ext-notice-text {
+  font-size: 12px;
+  color: var(--text-dimmer);
+  line-height: 1.4;
+}
+.context-picker-ext-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 5px 10px;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--text);
+  background: var(--bg-hover, rgba(255,255,255,0.06));
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.15s;
+  width: fit-content;
+}
+.context-picker-ext-btn:hover {
+  background: var(--bg-active, rgba(255,255,255,0.1));
+}
+.context-picker-ext-btn .lucide {
+  width: 13px;
+  height: 13px;
+}
 
 .context-picker-favicon {
   width: 14px;

package/lib/public/css/mates.css

@@ -487,24 +487,24 @@
   background: var(--border, #333);
 }
 
-/* === Mate badge in user strip === */
-.icon-strip-user-mate-badge {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  width: 14px;
-  height: 14px;
-  background: var(--accent, #6c5ce7);
-  border-radius: 50%;
-  border: 2px solid var(--bg, #282a36);
-  display: flex;
-  align-items: center;
-  justify-content: center;
+/* === Mate avatar in user strip: squircle + desaturate === */
+.icon-strip-mate .icon-strip-user-avatar {
+  border-radius: 8px;
+  filter: saturate(0.65);
 }
-.icon-strip-user-mate-badge svg {
-  width: 8px;
-  height: 8px;
-  color: #fff;
+.icon-strip-mate:hover .icon-strip-user-avatar,
+.icon-strip-mate.mention-active .icon-strip-user-avatar {
+  filter: saturate(1);
+}
+.icon-strip-mate.active .icon-strip-user-avatar {
+  filter: saturate(1);
+  box-shadow: 0 0 0 2px var(--accent);
+  border-radius: 8px;
+}
+
+/* Hide legacy bot badge (replaced by squircle shape) */
+.icon-strip-user-mate-badge {
+  display: none;
 }
 
 /* Mate item in DM picker */
@@ -2752,27 +2752,6 @@ body.mate-dm-active .activity-inline:not(.mention-activity-bar):not(.mate-pre-ac
     -webkit-tap-highlight-color: transparent;
   }
 
-  .mate-mobile-back {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 44px;
-    height: 44px;
-    flex-shrink: 0;
-    background: none;
-    border: none;
-    color: #fff;
-    cursor: pointer;
-    padding: 0;
-    touch-action: manipulation;
-    -webkit-tap-highlight-color: transparent;
-  }
-
-  .mate-mobile-back svg {
-    width: 22px;
-    height: 22px;
-  }
-
   .mate-mobile-avatar {
     width: 32px;
     height: 32px;

package/lib/public/css/messages.css

@@ -1798,6 +1798,23 @@ body.wide-view .msg-assistant:hover {
   background: var(--bg-alt);
 }
 
+/* Grouped messages: same sender within same minute, hide avatar + header */
+body.wide-view .msg-user.grouped > .dm-bubble-avatar,
+body.wide-view .msg-assistant.grouped > .dm-bubble-avatar,
+body.mate-dm-active .msg-assistant.grouped > .dm-bubble-avatar {
+  visibility: hidden;
+}
+body.wide-view .msg-user.grouped .dm-bubble-header,
+body.wide-view .msg-assistant.grouped .dm-bubble-header,
+body.mate-dm-active .msg-assistant.grouped .dm-bubble-header {
+  display: none;
+}
+body.wide-view .msg-user.grouped,
+body.wide-view .msg-assistant.grouped,
+body.mate-dm-active .msg-assistant.grouped {
+  padding-top: 1px;
+}
+
 body.wide-view .msg-user {
   justify-content: flex-start;
 }

package/lib/public/css/mobile-nav.css

@@ -342,7 +342,6 @@
     margin-bottom: 4px;
     background: none;
     border: none;
-    border-bottom: 1px solid var(--border-subtle);
     color: var(--accent);
     font-family: "Pretendard", system-ui, sans-serif;
     font-size: 15px;
@@ -351,6 +350,9 @@
     text-align: left;
     -webkit-tap-highlight-color: transparent;
   }
+  .mobile-session-new:last-of-type {
+    border-bottom: 1px solid var(--border-subtle);
+  }
 
   .mobile-session-new:active {
     background: rgba(var(--overlay-rgb), 0.06);

package/lib/public/css/rewind.css

@@ -197,8 +197,13 @@
 }
 
 .context-card-header .context-card-icon {
-  font-size: 13px;
   opacity: 0.7;
+  display: inline-flex;
+  align-items: center;
+}
+.context-card-header .context-card-icon .lucide {
+  width: 14px;
+  height: 14px;
 }
 
 .context-card-screenshot {
@@ -226,10 +231,16 @@
 
 .context-card-meta {
   display: flex;
-  justify-content: space-between;
-  align-items: baseline;
+  align-items: center;
   margin-top: 8px;
-  gap: 12px;
+  gap: 6px;
+}
+.context-card-favicon {
+  width: 14px;
+  height: 14px;
+  border-radius: 2px;
+  flex-shrink: 0;
+  object-fit: contain;
 }
 
 .context-card-title {
@@ -240,6 +251,8 @@
   text-overflow: ellipsis;
   flex: 1;
   min-width: 0;
+  flex: 1;
+  min-width: 0;
 }
 
 .context-card-domain {

package/lib/public/index.html

@@ -256,11 +256,11 @@
         <button id="mate-sticky-notes-btn"><i data-lucide="sticky-note"></i> <span>Sticky Notes</span></button>
         <button id="mate-skills-btn"><i data-lucide="puzzle"></i> <span>Skills</span></button>
         <button id="mate-scheduler-btn"><i data-lucide="calendar-clock"></i> <span>Scheduled Tasks</span></button>
-        <button id="mate-debate-btn"><i data-lucide="mic"></i> <span>Debate</span></button>
       </div>
       <div id="mate-sidebar-conversations">
         <div class="mate-sidebar-sessions-header">
           <span>Conversations</span>
+          <button id="mate-debate-btn" class="mate-debate-pill" title="New Debate"><i data-lucide="mic"></i> Debate</button>
           <div class="mate-sidebar-actions">
             <button id="mate-search-session-btn" type="button" title="Search sessions"><i data-lucide="search"></i></button>
             <button id="mate-new-session-btn" type="button" title="New session"><i data-lucide="plus"></i></button>
@@ -332,7 +332,6 @@
           <button id="header-info-btn" type="button" title="Session info"><i data-lucide="info"></i></button>
           <button id="header-rename-btn" type="button" title="Rename session"><i data-lucide="pencil"></i></button>
           <div id="mate-mobile-title" class="mate-mobile-title hidden">
-            <button id="mate-mobile-back" class="mate-mobile-back" type="button" aria-label="Back"><i data-lucide="chevron-left"></i></button>
             <img id="mate-mobile-avatar" class="mate-mobile-avatar" alt="">
             <span id="mate-mobile-name" class="mate-mobile-name"></span>
           </div>
@@ -1507,30 +1506,38 @@
   </div>
 </div>
 
-<!-- Debate Modal -->
+<!-- Debate Modal (Wizard) -->
 <div id="debate-modal" class="hidden">
   <div class="debate-modal-backdrop"></div>
   <div class="debate-modal-card">
     <div class="debate-modal-header">
       <span><i data-lucide="mic"></i> New Debate</span>
+      <div class="debate-wizard-steps">
+        <span class="debate-step-dot active" data-step="0"></span>
+        <span class="debate-step-dot" data-step="1"></span>
+      </div>
       <button id="debate-modal-close">&times;</button>
     </div>
-    <div class="debate-modal-body">
-      <label class="debate-field-label" for="debate-topic-input">Topic <span class="debate-field-req">*</span></label>
-      <textarea id="debate-topic-input" rows="2" placeholder="e.g. Should AI development be regulated?"></textarea>
-      <label class="debate-field-label" for="debate-panel-list">Select panelists</label>
-      <div id="debate-panel-list" class="debate-panel-list"></div>
-      <div id="debate-skip-setup-row" class="debate-skip-setup-row hidden">
-        <label class="debate-toggle-label">
-          <input type="checkbox" id="debate-skip-setup-toggle">
-          <span>Skip setup</span>
-          <span class="debate-skip-setup-hint">Moderator generates the brief automatically from conversation context</span>
-        </label>
+    <!-- Step 0: Topic -->
+    <div class="debate-wizard-page active" data-step="0">
+      <div class="debate-modal-body">
+        <label class="debate-field-label" for="debate-topic-input">Topic <span class="debate-field-req">*</span></label>
+        <textarea id="debate-topic-input" rows="2" placeholder="e.g. Should AI development be regulated?"></textarea>
+      </div>
+    </div>
+    <!-- Step 1: Panelists -->
+    <div class="debate-wizard-page" data-step="1">
+      <div class="debate-modal-body">
+        <label class="debate-field-label" for="debate-panel-list">Select panelists</label>
+        <div id="debate-panel-list" class="debate-panel-list"></div>
       </div>
     </div>
     <div class="debate-modal-footer">
       <button id="debate-modal-cancel" class="debate-btn-cancel">Cancel</button>
-      <button id="debate-modal-start" class="debate-btn-start">Start</button>
+      <button id="debate-modal-back" class="debate-btn-back hidden">Back</button>
+      <button id="debate-modal-quick" class="debate-btn-quick hidden">Quick Start</button>
+      <button id="debate-modal-next" class="debate-btn-next hidden">Choose Panel</button>
+      <button id="debate-modal-start" class="debate-btn-start hidden">Design Debate</button>
     </div>
   </div>
 </div>
@@ -2033,6 +2040,7 @@
 <script src="https://cdn.jsdelivr.net/npm/@xterm/xterm@5/lib/xterm.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-fit@0/lib/addon-fit.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-web-links@0/lib/addon-web-links.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@xterm/addon-webgl@0/lib/addon-webgl.min.js"></script>
 <script type="module" src="app.js"></script>
 <div id="pwa-install-modal" class="pwa-modal hidden">
   <div class="pwa-modal-backdrop"></div>