clay-server 5.1.0-beta.1 → 6.0.0-beta.1

package/lib/public/modules/settings-select.js

@@ -0,0 +1,121 @@
+// Native selects own values and change events; this view adds desktop navigation.
+export function enhanceSettingsSelects(root) {
+  if (!root) return;
+  root.querySelectorAll('select:not(.settings-nav-dropdown)').forEach(function (select) {
+    if (select.dataset.settingsPicker) return;
+    select.dataset.settingsPicker = 'true';
+    select.classList.add('settings-native-select');
+    var wrap = document.createElement('span');
+    wrap.className = 'settings-picker';
+    var button = document.createElement('button');
+    button.type = 'button';
+    button.className = 'settings-picker-trigger';
+    button.setAttribute('aria-haspopup', 'listbox');
+    button.setAttribute('aria-expanded', 'false');
+    var label = document.createElement('span');
+    label.className = 'settings-picker-value';
+    button.appendChild(label);
+    button.insertAdjacentHTML('beforeend', '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>');
+    var menu = document.createElement('span');
+    menu.className = 'settings-picker-menu';
+    menu.id = (select.id || 'settings-select-' + document.querySelectorAll('.settings-picker').length) + '-menu';
+    menu.setAttribute('role', 'listbox');
+    menu.hidden = true;
+    button.setAttribute('aria-controls', menu.id);
+    var enclosingLabel = select.closest('label');
+    var associatedLabel = select.labels && select.labels[0];
+    var name = select.getAttribute('aria-label') || (enclosingLabel && enclosingLabel.querySelector('.settings-label') || {}).textContent || (associatedLabel && associatedLabel.textContent) || 'Choose a value';
+    name = name.trim();
+    menu.setAttribute('aria-label', name);
+    select.insertAdjacentElement('afterend', wrap);
+    wrap.append(button, menu);
+    var search = '';
+    var searchAt = 0;
+    function outside(event) { if (!wrap.contains(event.target)) close(false); }
+    function close(focus) {
+      document.removeEventListener('pointerdown', outside);
+      menu.hidden = true;
+      button.setAttribute('aria-expanded', 'false');
+      if (focus) button.focus();
+    }
+    function sync() {
+      label.textContent = (select.selectedOptions[0] || {}).textContent || 'Choose…';
+      button.setAttribute('aria-label', name + ': ' + label.textContent);
+      button.disabled = select.disabled;
+      if (button.disabled) close(false);
+      menu.replaceChildren();
+      Array.from(select.options).forEach(function (option) {
+        var item = document.createElement('button');
+        item.type = 'button';
+        item.tabIndex = -1;
+        item.setAttribute('role', 'option');
+        item.textContent = option.textContent;
+        item.setAttribute('aria-selected', String(option.selected));
+        item.disabled = option.disabled || (option.parentElement.tagName === 'OPTGROUP' && option.parentElement.disabled);
+        item.hidden = option.hidden;
+        item.onclick = function (event) {
+          event.preventDefault();
+          select.value = option.value;
+          select.dispatchEvent(new Event('change', { bubbles: true }));
+          sync();
+          close(true);
+        };
+        menu.appendChild(item);
+      });
+    }
+    function items() { return Array.from(menu.querySelectorAll('button:not(:disabled):not([hidden])')); }
+    function open() {
+      sync();
+      var choices = items();
+      if (!choices.length || button.disabled) return;
+      menu.hidden = false;
+      button.setAttribute('aria-expanded', 'true');
+      document.addEventListener('pointerdown', outside);
+      var bounds = button.getBoundingClientRect();
+      var boundary = wrap.closest('.server-settings-content, .us-modal-content, .us-content, .ps-content, .admin-modal');
+      var bottom = Math.min(window.innerHeight - 8, boundary ? boundary.getBoundingClientRect().bottom - 8 : window.innerHeight - 8);
+      var above = bounds.top - Math.max(8, boundary ? boundary.getBoundingClientRect().top + 8 : 8);
+      var below = bottom - bounds.bottom - 4;
+      var flip = below < 180 && above > below;
+      menu.classList.toggle('settings-picker-menu-above', flip);
+      menu.style.maxHeight = Math.max(64, Math.min(240, flip ? above : below)) + 'px';
+      var selected = menu.querySelector('[aria-selected="true"]:not(:disabled):not([hidden])');
+      (selected || choices[0]).focus();
+    }
+    button.onclick = function (event) {
+      event.preventDefault();
+      if (menu.hidden) open(); else close(false);
+    };
+    wrap.addEventListener('keydown', function (event) {
+      if (event.key === 'Escape' && !menu.hidden) {
+        event.preventDefault(); event.stopPropagation(); close(true); return;
+      }
+      // Return to the trigger before native Tab traversal leaves this control.
+      if (event.key === 'Tab' && !menu.hidden) { close(true); return; }
+      var navigation = ['ArrowDown', 'ArrowUp', 'Home', 'End'].indexOf(event.key) >= 0;
+      var typing = event.key.length === 1 && event.key !== ' ' && !event.ctrlKey && !event.metaKey && !event.altKey;
+      if (!navigation && !typing) return;
+      event.preventDefault();
+      var wasClosed = menu.hidden;
+      if (wasClosed) open();
+      var choices = items();
+      if (!choices.length) return;
+      var index = choices.indexOf(document.activeElement);
+      if (typing) {
+        search = Date.now() - searchAt > 700 ? event.key : search + event.key;
+        searchAt = Date.now();
+        var match = choices.find(function (item) { return item.textContent.trim().toLowerCase().indexOf(search.toLowerCase()) === 0; });
+        if (match) match.focus();
+      } else if (!wasClosed || event.key === 'Home' || event.key === 'End') {
+        index = event.key === 'Home' ? 0 : event.key === 'End' ? choices.length - 1 : (index + (event.key === 'ArrowDown' ? 1 : -1) + choices.length) % choices.length;
+        choices[index].focus();
+      }
+    });
+    wrap.addEventListener('focusout', function (event) { if (!wrap.contains(event.relatedTarget)) close(false); });
+    select.addEventListener('change', sync);
+    select.addEventListener('settings-sync', sync);
+    // Async option loading and pending/failed saves retain native control behavior.
+    new MutationObserver(sync).observe(select, { attributes: true, attributeFilter: ['disabled'], childList: true, subtree: true, characterData: true });
+    sync();
+  });
+}

package/lib/public/modules/shared-browser.js

@@ -8,10 +8,11 @@ import { activityHtml, renderBrowserActivity } from './shared-browser-activity.j
 import { viewportMenuHtml, bindViewportMenu, renderViewportMenu, closeViewportMenu } from './shared-browser-viewport-menu.js';
 
 function desktop() { return window.matchMedia('(min-width: 1024px)').matches; }
-function eligible() {
+function visibleEntry() {
   var permissions = store.get('permissions');
-  return desktop() && !!store.get('currentSlug') && !!store.get('activeSessionId') && !store.get('dmMode') && (!permissions || permissions.terminal !== false);
+  return desktop() && !!store.get('currentSlug') && !store.get('dmMode') && (!permissions || permissions.terminal !== false);
 }
+function eligible() { return visibleEntry() && !!store.get('activeSessionId'); }
 function panel() { return document.getElementById('shared-browser-panel'); }
 function ui(patch) { store.set({ sharedBrowserUi: Object.assign({}, store.get('sharedBrowserUi'), patch) }); }
 function send(type, fields) {
@@ -78,12 +79,14 @@ function ensurePanel() {
 function renderEntry() {
   var button = document.getElementById('shared-browser-btn');
   if (!button) return;
-  button.classList.toggle('hidden', !eligible());
+  button.classList.toggle('hidden', !visibleEntry());
   var browser = store.get('sharedBrowser');
-  button.title = browser ? 'View browser · ' + (store.get('connected') ? browser.phase : 'Disconnected') : 'Open browser';
-  button.setAttribute('aria-label', browser ? 'View browser' : 'Open browser');
+  var ready = !!store.get('connected') && !!store.get('activeSessionId');
+  var label = !store.get('connected') ? 'Browser · Connecting…' : !store.get('activeSessionId') ? 'Browser · Loading session…' : browser ? 'View browser' : 'Open browser';
+  button.title = ready && browser ? label + ' · ' + browser.phase : label;
+  button.setAttribute('aria-label', label);
   button.setAttribute('aria-expanded', String(!!store.get('sharedBrowserOpen')));
-  button.disabled = !store.get('connected');
+  button.disabled = !ready;
 }
 function controlText(browser, live, connected) {
   if (!connected) return 'Disconnected. Status returns on reconnect.';
@@ -158,7 +161,7 @@ function selectBrowserTab(id) {
   send('view', { visible: desktop() && !document.hidden }); render();
 }
 export function openSharedBrowser() {
-  if (!eligible()) return;
+  if (!eligible() || !store.get('connected')) return;
   ensurePanel();
   claimRightWorkbench('browser');
   store.set({ sharedBrowserOpen: true });

package/lib/public/modules/sidebar-mates.js

@@ -10,6 +10,9 @@ import { closeProjectCtxMenu } from './sidebar-projects.js';
 import { spawnDustParticles } from './sidebar.js';
 import { openDm } from './app-dm.js';
 import { showMateManagementMenu, closeMateManagementMenu } from './mate-management.js';
+import { showIconTooltip, hideIconTooltip } from './icon-strip-tooltip.js';
+
+export { showIconTooltip, showIconTooltipHtml, hideIconTooltip, bindIconTooltip } from './icon-strip-tooltip.js';
 
 function sendWs(msg) {
   var ws = getWs();
@@ -59,9 +62,6 @@ function notifyMentionListeners() {
 }
 var _lastUserStripJson = "";
 
-// --- Icon strip tooltip ---
-var iconStripTooltip = null;
-
 // --- DM user context menu ---
 var userCtxMenu = null;
 
@@ -81,53 +81,6 @@ export function initSidebarMates() {
   });
 }
 
-export function showIconTooltip(el, text) {
-  hideIconTooltip();
-  var tip = document.createElement("div");
-  tip.className = "icon-strip-tooltip";
-  tip.textContent = text;
-  document.body.appendChild(tip);
-  iconStripTooltip = tip;
-
-  requestAnimationFrame(function () {
-    var rect = el.getBoundingClientRect();
-    tip.style.top = (rect.top + rect.height / 2 - tip.offsetHeight / 2) + "px";
-    tip.classList.add("visible");
-  });
-}
-
-export function showIconTooltipHtml(el, html, options) {
-  hideIconTooltip();
-  options = options || {};
-  var tip = document.createElement("div");
-  tip.className = "icon-strip-tooltip" + (options.className ? " " + options.className : "");
-  tip.style.whiteSpace = "normal";
-  tip.style.maxWidth = "260px";
-  tip.innerHTML = html;
-  document.body.appendChild(tip);
-  iconStripTooltip = tip;
-
-  requestAnimationFrame(function () {
-    var rect = el.getBoundingClientRect();
-    if (options.placement === "bottom") {
-      var left = rect.left + rect.width / 2 - tip.offsetWidth / 2;
-      left = Math.max(12, Math.min(left, window.innerWidth - tip.offsetWidth - 12));
-      tip.style.left = left + "px";
-      tip.style.top = (rect.bottom + 8) + "px";
-    } else {
-      tip.style.top = (rect.top + rect.height / 2 - tip.offsetHeight / 2) + "px";
-    }
-    tip.classList.add("visible");
-  });
-}
-
-export function hideIconTooltip() {
-  if (iconStripTooltip) {
-    iconStripTooltip.remove();
-    iconStripTooltip = null;
-  }
-}
-
 export function closeUserCtxMenu() {
   if (userCtxMenu) {
     userCtxMenu.remove();

package/lib/public/modules/sidebar-mobile.js

@@ -1,3 +1,4 @@
+import { openMateWorkspace, isMateWorkspace } from './project-mate-navigation.js';
 import { appendGithubWork } from './session-github.js';
 // sidebar-mobile.js - Mobile sheet overlays, tab bar, and mobile-specific rendering
 // Extracted from sidebar.js (PR-38)
@@ -10,7 +11,6 @@ import { getCurrentTheme, getChatLayout, setChatLayout } from './theme.js';
 import { openCommandPalette } from './command-palette.js';
 import { openProjectSettings } from './project-settings.js';
 import { getCachedSessions, openSessionContextMenu } from './sidebar-sessions.js';
-import { VENDOR_AVATARS } from './app-rendering.js';
 import { renderSessionPresence } from './session-presence-ui.js';
 import {
   canOrganizeSession, computeLayout, createStarButton, renderFavoritesSection, renderOrdinarySections
@@ -26,9 +26,7 @@ import {
 import {
   getCurrentDmUserId,
   getCachedMates,
-  getCachedDmFavorites,
-  getCachedDmUnread,
-  getCachedDmRemovedUsers
+  getCachedDmUnread
 } from './sidebar-mates.js';
 
 import { store } from './store.js';
@@ -36,8 +34,6 @@ import { getWs } from './ws-ref.js';
 import { dismissOverlayPanels, closeSidebar } from './sidebar.js';
 import { openWorkerWithDriver } from './split-view.js';
 import { switchProject, getCachedProjects } from './app-projects.js';
-import { showHomeHub } from './app-home-hub.js';
-import { openHomeChat } from './home-mate-chat.js';
 import { openTerminal } from './terminal.js';
 import { requestKnowledgeList } from './mate-knowledge.js';
 import { loadRootDirectory, reopenFileViewer } from './filebrowser.js';
@@ -46,6 +42,9 @@ import {
   renderMobileDriverHierarchy,
   renderMobileOrphanHierarchy
 } from './sidebar-session-hierarchy.js';
+import { ordinarySessionListSessions } from './session-list-visibility.js';
+import { formatSessionActivity } from './session-activity-tooltip.js';
+import { bindSessionTitleMarquee } from './session-title-marquee.js';
 import { summarizeSidebarItems } from './sidebar-session-counts.js';
 import { cancelSessionInlineRename, closeSessionContextMenu } from './session-context-menu.js';
 
@@ -258,13 +257,10 @@ function renderSheetSessions(listEl) {
     })(getCachedProjectList()[ci]);
   }
 
-  var favoriteChipMates = getCachedMates().filter(function (m) {
-    if (getCachedDmRemovedUsers()[m.id]) return false;
-    if (getCachedDmFavorites().indexOf(m.id) !== -1) return true;
-    if (getCachedDmUnread()[m.id] && getCachedDmUnread()[m.id] > 0) return true;
-    return false;
+  var visibleChipMates = getCachedMates().filter(function (m) {
+    return m && !m.archived;
   });
-  var sortedChipMates = favoriteChipMates.sort(function (a, b) {
+  var sortedChipMates = visibleChipMates.sort(function (a, b) {
     var aBuiltin = a.builtinKey ? 1 : 0;
     var bBuiltin = b.builtinKey ? 1 : 0;
     if (aBuiltin !== bBuiltin) return bBuiltin - aBuiltin;
@@ -275,7 +271,7 @@ function renderSheetSessions(listEl) {
       var mp = mate.profile || {};
       var chip = document.createElement("button");
       chip.className = "mobile-chat-chip";
-      if (getCurrentDmUserId() === mate.id) chip.classList.add("active");
+      if (getCurrentDmUserId() === mate.id || getCachedCurrentSlug() === "mate-" + mate.id) chip.classList.add("active");
       chip.dataset.type = "mate";
       chip.dataset.mateId = mate.id;
 
@@ -331,8 +327,7 @@ function renderSheetSessions(listEl) {
       renderMobileSessionsInto(sessionListEl);
     } else if (type === "mate") {
       closeMobileSheet();
-      showHomeHub();
-      openHomeChat(mateId);
+      openMateWorkspace(mateId);
     }
 
     refreshIcons();
@@ -388,24 +383,28 @@ function renderSheetSessions(listEl) {
 // Helper: create a mobile session item element
 function createMobileSessionItem(s, options) {
   var itemOptions = options || {};
+  var displaySession = s;
+  if (itemOptions.promotedActive || itemOptions.promotedProcessing || itemOptions.promotedUnread !== undefined) {
+    displaySession = Object.assign({}, s, {
+      active: !!(s.active || itemOptions.promotedActive),
+      isProcessing: !!(s.isProcessing || itemOptions.promotedProcessing),
+      unread: (s.unread || 0) + (itemOptions.promotedUnread || 0),
+    });
+  }
   var el = document.createElement("div");
-  el.className = "mobile-session-item" + (s.active ? " active" : "");
+  el.className = "mobile-session-item" + (displaySession.active ? " active" : "");
   el.dataset.sessionId = String(s.id);
   if (itemOptions.worker) el.classList.add("mobile-worker-item");
 
-  // Vendor badge (legacy sessions without a vendor are Claude)
-  var mVendor = s.vendor || "claude";
-  var vendorIcon = document.createElement("img");
-  vendorIcon.className = "mobile-session-vendor-icon";
-  vendorIcon.src = VENDOR_AVATARS[mVendor] || VENDOR_AVATARS.claude;
-  vendorIcon.alt = "";
-  el.appendChild(vendorIcon);
+  var titleLine = document.createElement("span");
+  titleLine.className = "mobile-session-title-line";
+  el.appendChild(titleLine);
 
   // Processing dot (left side, before title)
-  if (s.isProcessing) {
+  if (displaySession.isProcessing) {
     var dot = document.createElement("span");
     dot.className = "mobile-session-processing";
-    el.appendChild(dot);
+    titleLine.appendChild(dot);
   }
 
   var titleSpan = document.createElement("span");
@@ -415,9 +414,12 @@ function createMobileSessionItem(s, options) {
     if (event.key === "Enter" || event.key === " ") { event.preventDefault(); el.click(); }
   });
   titleSpan.className = "mobile-session-title";
+  titleSpan.setAttribute("aria-label", s.title || "New Session");
+  var activityTitle = formatSessionActivity(s.lastActivity);
+  if (activityTitle) titleSpan.title = activityTitle;
   titleSpan.appendChild(document.createTextNode(s.title || "New Session"));
-  el.appendChild(titleSpan);
-  appendGithubWork(el, s, titleSpan);
+  titleLine.appendChild(titleSpan);
+  appendGithubWork(el, s, titleLine);
   renderSessionPresence(el, String(s.id));
 
   if (itemOptions.worker) {
@@ -428,16 +430,18 @@ function createMobileSessionItem(s, options) {
   }
 
   // Unread badge (right side)
-  if (s.unread > 0 && !s.active) {
+  if (displaySession.unread > 0 && !displaySession.active) {
     var badge = document.createElement("span");
     badge.className = "mobile-session-unread";
-    badge.textContent = s.unread > 99 ? "99+" : String(s.unread);
+    badge.textContent = displaySession.unread > 99 ? "99+" : String(displaySession.unread);
     el.appendChild(badge);
   }
 
-  if (!itemOptions.worker && canOrganizeSession(s)) {
-    el.appendChild(createStarButton(s, "mobile-session-star"));
-  }
+  var mobileActions = document.createElement("span");
+  mobileActions.className = "mobile-session-actions";
+  if (!itemOptions.worker && canOrganizeSession(s)) mobileActions.appendChild(createStarButton(s, "mobile-session-star"));
+  el.appendChild(mobileActions);
+  bindSessionTitleMarquee(el, titleSpan, mobileActions);
 
   el.addEventListener("contextmenu", function (event) {
     event.preventDefault();
@@ -460,6 +464,7 @@ function createMobileSessionItem(s, options) {
   return el;
 }
 
+
 // Helper: create a mobile loop child element (individual session inside a group)
 function createMobileLoopChild(s) {
   var el = document.createElement("button");
@@ -698,7 +703,7 @@ function createMobileLoopGroup(loopId, children, groupKey) {
 // Helper: render sorted sessions into a container with date groups (with loop session grouping)
 export function renderMobileSessionsInto(container) {
   // Partition: loop sessions vs normal sessions (same logic as desktop renderSessionList)
-  var sessions = getCachedSessions();
+  var sessions = ordinarySessionListSessions(getCachedSessions());
   var hierarchy = prepareSidebarHierarchy(sessions);
   var hierarchyByDriver = hierarchy.byDriver;
   var loopGroups = {};
@@ -706,7 +711,7 @@ export function renderMobileSessionsInto(container) {
   for (var i = 0; i < sessions.length; i++) {
     var s = sessions[i];
     if (s.sessionRole === "worker") continue;
-    if (s.loop && s.loop.loopId && s.loop.role === "crafting" && s.loop.source !== "ralph" && s.loop.source !== "debate") {
+    if (s.loop && s.loop.loopId && s.loop.role === "crafting" && s.loop.source !== "ralph") {
       continue;
     } else if (s.loop && s.loop.loopId) {
       var startedAt = s.loop.startedAt || 0;
@@ -726,11 +731,6 @@ export function renderMobileSessionsInto(container) {
     if (driverRoot) items.push({ type: "driver-hierarchy", data: driverRoot.driver, root: driverRoot, lastActivity: driverRoot.lastActivity });
     else items.push({ type: "session", data: normalSessions[j], lastActivity: normalSessions[j].lastActivity || 0 });
   }
-  if (hierarchy.orphans.length) {
-    var orphanActivity = 0;
-    for (var oi = 0; oi < hierarchy.orphans.length; oi++) orphanActivity = Math.max(orphanActivity, hierarchy.orphans[oi].lastActivity || 0);
-    items.push({ type: "orphan-workers", workers: hierarchy.orphans, lastActivity: orphanActivity });
-  }
   var groupKeys = Object.keys(loopGroups);
   for (var k = 0; k < groupKeys.length; k++) {
     var gk = groupKeys[k];
@@ -753,8 +753,8 @@ export function renderMobileSessionsInto(container) {
     sessions: getCachedSessions(),
     renderItem: function (it) {
       if (it.type === "loop") return createMobileLoopGroup(it.loopId, it.children, it.groupKey);
-      if (it.type === "driver-hierarchy") return renderMobileDriverHierarchy(it.root, createMobileSessionItem, refreshMobileChatSheet, matchIds);
-      if (it.type === "orphan-workers") return renderMobileOrphanHierarchy(it.workers, createMobileSessionItem, refreshMobileChatSheet, matchIds);
+      if (it.type === "driver-hierarchy") return renderMobileDriverHierarchy(it.root, createMobileSessionItem, refreshMobileChatSheet);
+      if (it.type === "orphan-workers") return document.createElement("div");
       return createMobileSessionItem(it.data);
     },
   };
@@ -787,7 +787,7 @@ export function refreshMobileChatSheet() {
     var isDmActive = !!getCurrentDmUserId();
     if (chip.dataset.type === "project" && chip.dataset.slug === getCachedCurrentSlug() && !isDmActive) {
       chip.classList.add("active");
-    } else if (chip.dataset.type === "mate" && chip.dataset.mateId === getCurrentDmUserId()) {
+    } else if (chip.dataset.type === "mate" && (chip.dataset.mateId === getCurrentDmUserId() || getCachedCurrentSlug() === "mate-" + chip.dataset.mateId)) {
       chip.classList.add("active");
     }
 
@@ -959,14 +959,17 @@ function renderSearchResults(container, query) {
   }
 }
 
-function renderSheetTools(listEl) {
+export function renderSheetTools(listEl) {
   var isMateDm = document.body.classList.contains("mate-dm-active");
+  var isMateWorkspaceActive = isMateWorkspace(store.snap());
+  var isMateDmSurface = isMateDm && !isMateWorkspaceActive;
 
-  var items = isMateDm ? [
+  var items = isMateDmSurface ? [
     { icon: "brain", label: "Memory", action: "mate-memory" },
     { icon: "book-open", label: "Knowledge", action: "mate-knowledge" },
     { icon: "sticky-note", label: "Sticky Notes", action: "mate-sticky" },
-    { icon: "puzzle", label: "MCP / Skills", action: "mate-skills" }
+    { icon: "puzzle", label: "MCP / Skills", action: "mate-skills" },
+    { icon: "messages-square", label: "Debates", action: "debates" }
   ] : [
     { icon: "folder-tree", label: "Files", action: "files" },
     { icon: "square-terminal", label: "Terminal", action: "terminal" },
@@ -974,6 +977,15 @@ function renderSheetTools(listEl) {
     { icon: "notebook-tabs", label: "Logs", action: "project-logs" }
   ];
 
+  if (isMateWorkspaceActive) {
+    items = items.filter(function (item) { return item.action !== "files" && item.action !== "terminal" && item.action !== "issues" && item.action !== "project-logs"; });
+    items.unshift({ icon: "book-open", label: "Knowledge", action: "knowledge-workbench" });
+    items.push({ icon: "messages-square", label: "Debates", action: "debates" });
+  }
+
+  if (isMateWorkspaceActive && document.body.classList.contains('clay-workspace-active')) {
+    items.unshift({ icon: 'user-round', label: 'Me', action: 'me' });
+  }
   for (var i = 0; i < items.length; i++) {
     (function (item) {
       var btn = document.createElement("button");
@@ -990,6 +1002,12 @@ function renderSheetTools(listEl) {
           targetId = "issues-btn";
         } else if (item.action === "project-logs") {
           targetId = "project-logs-btn";
+        } else if (item.action === "me") {
+          targetId = "you-button";
+        } else if (item.action === "knowledge-workbench") {
+          targetId = "knowledge-workbench-btn";
+        } else if (item.action === "debates") {
+          targetId = isMateWorkspaceActive ? "mate-project-debates-btn" : (isMateDmSurface ? "mate-debates-btn" : null);
         } else if (item.action === "mate-knowledge") {
           setTimeout(function () { openMobileSheet("mate-knowledge"); }, 250);
           return;
@@ -1207,7 +1225,6 @@ export function initSidebarMobile() {
   // --- Mobile tab bar ---
   var mobileTabBar = document.getElementById("mobile-tab-bar");
   var mobileTabs = mobileTabBar ? mobileTabBar.querySelectorAll(".mobile-tab") : [];
-  var mobileHomeBtn = document.getElementById("mobile-home-btn");
 
   function setMobileTabActive(tabName) {
     for (var i = 0; i < mobileTabs.length; i++) {
@@ -1217,13 +1234,6 @@ export function initSidebarMobile() {
         mobileTabs[i].classList.remove("active");
       }
     }
-    if (mobileHomeBtn) {
-      if (tabName === "home") {
-        mobileHomeBtn.classList.add("active");
-      } else {
-        mobileHomeBtn.classList.remove("active");
-      }
-    }
   }
 
   for (var t = 0; t < mobileTabs.length; t++) {
@@ -1248,11 +1258,4 @@ export function initSidebarMobile() {
     })(mobileTabs[t]);
   }
 
-  if (mobileHomeBtn) {
-    mobileHomeBtn.addEventListener("click", function () {
-      closeSidebar();
-      setMobileTabActive("home");
-      showHomeHub();
-    });
-  }
 }