clay-server 2.11.0-beta.8 → 2.11.0

package/lib/public/app.js

@@ -1,14 +1,14 @@
 import { showToast, copyToClipboard, escapeHtml } from './modules/utils.js';
 import { refreshIcons, iconHtml, randomThinkingVerb } from './modules/icons.js';
 import { renderMarkdown, highlightCodeBlocks, renderMermaidBlocks, closeMermaidModal, parseEmojis } from './modules/markdown.js';
-import { initSidebar, renderSessionList, handleSearchResults, updateSessionPresence, updatePageTitle, getActiveSearchQuery, buildSearchTimeline, removeSearchTimeline, populateCliSessionList, renderIconStrip, renderSidebarPresence, initIconStrip, getEmojiCategories, renderUserStrip, setCurrentDmUser, updateDmBadge } from './modules/sidebar.js';
+import { initSidebar, renderSessionList, handleSearchResults, updateSessionPresence, updatePageTitle, getActiveSearchQuery, buildSearchTimeline, removeSearchTimeline, populateCliSessionList, renderIconStrip, renderSidebarPresence, initIconStrip, getEmojiCategories, renderUserStrip, setCurrentDmUser, updateDmBadge, updateSessionBadge, updateProjectBadge, closeDmUserPicker, spawnDustParticles } from './modules/sidebar.js';
 import { initRewind, setRewindMode, showRewindModal, clearPendingRewindUuid, addRewindButton } from './modules/rewind.js';
 import { initNotifications, showDoneNotification, playDoneSound, isNotifAlertEnabled, isNotifSoundEnabled } from './modules/notifications.js';
 import { initInput, clearPendingImages, handleInputSync, autoResize, builtinCommands, sendMessage } from './modules/input.js';
 import { initQrCode } from './modules/qrcode.js';
 import { initFileBrowser, loadRootDirectory, refreshTree, handleFsList, handleFsRead, handleDirChanged, refreshIfOpen, handleFileChanged, handleFileHistory, handleGitDiff, handleFileAt, getPendingNavigate, closeFileViewer, resetFileBrowser } from './modules/filebrowser.js';
 import { initTerminal, openTerminal, closeTerminal, resetTerminals, handleTermList, handleTermCreated, handleTermOutput, handleTermExited, handleTermClosed, sendTerminalCommand } from './modules/terminal.js';
-import { initStickyNotes, handleNotesList, handleNoteCreated, handleNoteUpdated, handleNoteDeleted, openArchive, closeArchive, isArchiveOpen } from './modules/sticky-notes.js';
+import { initStickyNotes, handleNotesList, handleNoteCreated, handleNoteUpdated, handleNoteDeleted, openArchive, closeArchive, isArchiveOpen, hideNotes, showNotes, isNotesVisible } from './modules/sticky-notes.js';
 import { initTheme, getThemeColor, getComputedVar, onThemeChange, getCurrentTheme } from './modules/theme.js';
 import { initTools, resetToolState, saveToolState, restoreToolState, renderAskUserQuestion, markAskUserAnswered, renderPermissionRequest, markPermissionResolved, markPermissionCancelled, renderElicitationRequest, markElicitationResolved, renderPlanBanner, renderPlanCard, handleTodoWrite, handleTaskCreate, handleTaskUpdate, startThinking, appendThinking, stopThinking, resetThinkingGroup, createToolItem, updateToolExecuting, updateToolResult, markAllToolsDone, addTurnMeta, enableMainInput, getTools, getPlanContent, setPlanContent, isPlanFilePath, getTodoTools, updateSubagentActivity, addSubagentToolEntry, markSubagentDone, updateSubagentProgress, initSubagentStop, closeToolGroup, removeToolFromGroup } from './modules/tools.js';
 import { initServerSettings, updateSettingsStats, updateSettingsModels, updateDaemonConfig, handleSetPinResult, handleKeepAwakeChanged, handleRestartResult, handleShutdownResult, handleSharedEnv, handleSharedEnvSaved, handleGlobalClaudeMdRead, handleGlobalClaudeMdWrite } from './modules/server-settings.js';
@@ -55,6 +55,10 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
   var dmTargetUser = null;
   var dmUnread = {}; // { otherUserId: count }
   var cachedAllUsers = [];
+  var cachedOnlineIds = [];
+  var cachedDmFavorites = [];
+  var cachedDmConversations = [];
+  var dmRemovedUsers = {};       // { userId: true } - users explicitly removed from favorites
 
   // --- Home Hub ---
   var homeHub = $("home-hub");
@@ -562,6 +566,9 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     // Hide home hub if visible
     hideHomeHub();
 
+    // Hide sticky notes if visible
+    hideNotes();
+
     // Hide project UI + sidebar, show DM UI
     var mainCol = document.getElementById("main-column");
     if (mainCol) mainCol.classList.add("dm-mode");
@@ -821,12 +828,16 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
   var projectHintDismiss = $("project-hint-dismiss");
   var cachedProjects = [];
   var cachedProjectCount = 0;
+  var cachedRemovedProjects = [];
   var currentProjectOwnerId = null;
   var currentSlug = slugMatch ? slugMatch[1] : null;
 
   function updateProjectList(msg) {
     if (typeof msg.projectCount === "number") cachedProjectCount = msg.projectCount;
     if (msg.projects) cachedProjects = msg.projects;
+    if (msg.removedProjects) cachedRemovedProjects = msg.removedProjects;
+    else if (msg.removedProjects === undefined) { /* keep cached */ }
+    else cachedRemovedProjects = [];
     var count = cachedProjectCount || 0;
     renderProjectList();
     if (count === 1 && projectHint) {
@@ -840,13 +851,19 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     }
     // Update topbar with server-wide presence
     if (msg.serverUsers) {
+      cachedOnlineIds = msg.serverUsers.map(function (u) { return u.id; });
       renderTopbarPresence(msg.serverUsers);
+      // Re-render user strip online dots even without allUsers update
+      if (!msg.allUsers && cachedAllUsers.length > 0) {
+        renderUserStrip(cachedAllUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers);
+      }
     }
     // Update user strip (DM targets) in icon strip
     if (msg.allUsers) {
       cachedAllUsers = msg.allUsers;
-      var onlineIds = (msg.serverUsers || []).map(function (u) { return u.id; });
-      renderUserStrip(msg.allUsers, onlineIds, myUserId);
+      if (msg.dmFavorites) cachedDmFavorites = msg.dmFavorites;
+      if (msg.dmConversations) cachedDmConversations = msg.dmConversations;
+      renderUserStrip(msg.allUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers);
       // Render my avatar (always present, hidden behind user-island)
       var meEl = document.getElementById("icon-strip-me");
       if (meEl && !meEl.hasChildNodes()) {
@@ -885,7 +902,7 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
   function renderProjectList() {
     // Render icon strip projects
     var iconStripProjects = cachedProjects.map(function (p) {
-      return { slug: p.slug, name: p.title || p.project, icon: p.icon || null, isProcessing: p.isProcessing, onlineUsers: p.onlineUsers || [] };
+      return { slug: p.slug, name: p.title || p.project, icon: p.icon || null, isProcessing: p.isProcessing, onlineUsers: p.onlineUsers || [], unread: p.unread || 0 };
     });
     renderIconStrip(iconStripProjects, currentSlug);
     // Update title bar project name and icon if it changed
@@ -1225,6 +1242,8 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     get projectOwnerId() { return currentProjectOwnerId; },
     openDm: function (userId) { openDm(userId); },
     openAddProjectModal: function () { openAddProjectModal(); },
+    sendWs: function (msg) { if (ws && ws.readyState === 1) ws.send(JSON.stringify(msg)); },
+    onDmRemoveUser: function (userId) { dmRemovedUsers[userId] = true; },
   };
   initSidebar(sidebarCtx);
   initIconStrip(sidebarCtx);
@@ -2498,18 +2517,34 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
       guide.textContent = "When a login URL appears in the terminal, click it to open in your browser. Do not press 'c' as it will try to open the browser on the server.";
       div.appendChild(guide);
 
+      var sessionHint = document.createElement("div");
+      sessionHint.className = "auth-required-guide";
+      sessionHint.textContent = "After logging in, start a new session to continue.";
+      div.appendChild(sessionHint);
+
       addToMessages(div);
       scrollToBottom();
 
-      pendingTermCommand = "claude\n";
-      ws.send(JSON.stringify({ type: "term_create", cols: 80, rows: 24 }));
-      openTerminal();
+      // Hide input area on this session since it cannot be used
+      var inputArea = document.getElementById("input-area");
+      if (inputArea) inputArea.classList.add("hidden");
+
+      // Only auto-open terminal on live events, not history replay
+      if (!replayingHistory) {
+        pendingTermCommand = "claude\n";
+        ws.send(JSON.stringify({ type: "term_create", cols: 80, rows: 24 }));
+        openTerminal();
+      }
     } else {
       // Multi-user regular user: show message only, no auto-login
       hint.textContent = "Please ask an administrator to log in to Claude Code.";
       div.appendChild(hint);
       addToMessages(div);
       scrollToBottom();
+
+      inputEl.disabled = true;
+      inputEl.placeholder = "Login required. Start a new session after logging in.";
+      sendBtn.disabled = true;
     }
   }
 
@@ -2734,12 +2769,19 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
   // --- Project switching (no full reload) ---
   function switchProject(slug) {
     if (!slug) return;
+    var wasDm = dmMode;
     if (dmMode) exitDmMode();
     if (homeHubVisible) {
       hideHomeHub();
       if (slug === currentSlug) return;
     }
-    if (slug === currentSlug) return;
+    if (slug === currentSlug) {
+      // Returning from DM mode to the same project: re-switch to restore session
+      if (wasDm && ws && ws.readyState === 1) {
+        ws.send(JSON.stringify({ type: "switch_session", id: activeSessionId }));
+      }
+      return;
+    }
     resetFileBrowser();
     closeArchive();
     if (isSchedulerOpen()) closeScheduler();
@@ -3126,6 +3168,10 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
           blinkSessionDot(msg.id);
           break;
 
+        case "session_unread":
+          updateSessionBadge(msg.id, msg.count);
+          break;
+
         case "search_results":
           handleSearchResults(msg);
           break;
@@ -3622,6 +3668,8 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
             var fromId = msg.message.from;
             if (fromId && fromId !== myUserId) {
               dmUnread[fromId] = (dmUnread[fromId] || 0) + 1;
+              // Re-render strip so non-favorited sender appears
+              renderUserStrip(cachedAllUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers);
               updateDmBadge(fromId, dmUnread[fromId]);
             }
           }
@@ -3637,6 +3685,25 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
           // Could be used for DM list view later
           break;
 
+        case "dm_favorites_updated":
+          // Track users explicitly removed from favorites
+          if (cachedDmFavorites && msg.dmFavorites) {
+            for (var ri = 0; ri < cachedDmFavorites.length; ri++) {
+              if (msg.dmFavorites.indexOf(cachedDmFavorites[ri]) === -1) {
+                dmRemovedUsers[cachedDmFavorites[ri]] = true;
+              }
+            }
+          }
+          // Clear removed flag for users being added back
+          if (msg.dmFavorites) {
+            for (var ai = 0; ai < msg.dmFavorites.length; ai++) {
+              delete dmRemovedUsers[msg.dmFavorites[ai]];
+            }
+          }
+          cachedDmFavorites = msg.dmFavorites || [];
+          renderUserStrip(cachedAllUsers, cachedOnlineIds, myUserId, cachedDmFavorites, cachedDmConversations, dmUnread, dmRemovedUsers);
+          break;
+
         case "daemon_config":
           updateDaemonConfig(msg.config);
           break;
@@ -5022,12 +5089,20 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
       // Project has tasks — show dialog with options
       showRemoveProjectTaskDialog(slug, name, msg.count);
     } else {
-      // No tasks — simple confirm
-      showConfirm('Remove project "' + name + '"?', function () {
-        if (ws && ws.readyState === 1) {
-          ws.send(JSON.stringify({ type: "remove_project", slug: slug }));
+      // No tasks — confirm then particle burst + remove
+      showConfirm('Remove "' + name + '"? You can re-add it later.', function () {
+        // Find the icon strip item to anchor the particle burst
+        var iconEl = document.querySelector('.icon-strip-item[data-slug="' + slug + '"]');
+        if (iconEl) {
+          var rect = iconEl.getBoundingClientRect();
+          spawnDustParticles(rect.left + rect.width / 2, rect.top + rect.height / 2);
         }
-      });
+        setTimeout(function () {
+          if (ws && ws.readyState === 1) {
+            ws.send(JSON.stringify({ type: "remove_project", slug: slug }));
+          }
+        }, 1000);
+      }, "Remove", true);
     }
     pendingRemoveSlug = null;
     pendingRemoveName = null;
@@ -5092,9 +5167,33 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
   function handleRemoveProjectResult(msg) {
     if (msg.ok) {
       showToast("Project removed", "success");
-      // If we removed the current project, navigate to first available
+      // If we removed the current project, go to home hub without full reload
       if (msg.slug === currentSlug) {
-        window.location.href = "/";
+        // Suppress disconnect overlay and reconnect by detaching the WS
+        if (ws) { ws.onclose = null; ws.onerror = null; ws.close(); ws = null; }
+        if (reconnectTimer) { clearTimeout(reconnectTimer); reconnectTimer = null; }
+        connected = false;
+        connectOverlay.classList.add("hidden");
+        // Add to cached removed projects for re-add UI
+        var removedProj = null;
+        for (var ri = 0; ri < cachedProjects.length; ri++) {
+          if (cachedProjects[ri].slug === msg.slug) { removedProj = cachedProjects[ri]; break; }
+        }
+        if (removedProj) {
+          cachedRemovedProjects.push({
+            path: removedProj.path || "",
+            title: removedProj.title || null,
+            icon: removedProj.icon || null,
+            removedAt: Date.now(),
+          });
+        }
+        // Remove from cached projects and re-render icon strip
+        cachedProjects = cachedProjects.filter(function (p) { return p.slug !== msg.slug; });
+        cachedProjectCount = cachedProjects.length;
+        currentSlug = null;
+        renderProjectList();
+        resetClientState();
+        showHomeHub();
       }
     } else {
       showToast(msg.error || "Failed to remove project", "error");
@@ -5113,6 +5212,7 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
   var addProjectCancel = document.getElementById("add-project-cancel");
   var addProjectModeBtns = addProjectModal.querySelectorAll(".add-project-mode-btn");
   var addProjectPanels = addProjectModal.querySelectorAll(".add-project-panel");
+  var addProjectRemoved = document.getElementById("add-project-removed");
   var addProjectDebounce = null;
   var addProjectActiveIdx = -1;
   var addProjectMode = "existing";
@@ -5185,6 +5285,48 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
       existingBtn.disabled = false;
       switchAddProjectMode("existing");
     }
+    // Render removed projects for re-add
+    renderRemovedProjectsList();
+  }
+
+  function renderRemovedProjectsList() {
+    if (!addProjectRemoved) return;
+    addProjectRemoved.innerHTML = "";
+    if (!cachedRemovedProjects || cachedRemovedProjects.length === 0) {
+      addProjectRemoved.classList.add("hidden");
+      return;
+    }
+    addProjectRemoved.classList.remove("hidden");
+    for (var ri = 0; ri < cachedRemovedProjects.length; ri++) {
+      var rp = cachedRemovedProjects[ri];
+      var item = document.createElement("div");
+      item.className = "add-project-removed-item";
+      item.dataset.path = rp.path;
+      item.addEventListener("click", function () {
+        var p = this.dataset.path;
+        if (ws && ws.readyState === 1) {
+          ws.send(JSON.stringify({ type: "add_project", path: p }));
+        }
+        closeAddProjectModal();
+      });
+      var iconEl = document.createElement("span");
+      iconEl.className = "add-project-removed-icon";
+      iconEl.textContent = rp.icon || "📁";
+      item.appendChild(iconEl);
+      var info = document.createElement("div");
+      info.className = "add-project-removed-info";
+      var nameEl = document.createElement("div");
+      nameEl.className = "add-project-removed-name";
+      nameEl.textContent = rp.title || rp.path.split("/").pop() || rp.path;
+      info.appendChild(nameEl);
+      var pathEl = document.createElement("div");
+      pathEl.className = "add-project-removed-path";
+      pathEl.textContent = rp.path;
+      info.appendChild(pathEl);
+      item.appendChild(info);
+      addProjectRemoved.appendChild(item);
+    }
+    try { parseEmojis(addProjectRemoved); } catch (e) {}
   }
 
   function closeAddProjectModal() {

package/lib/public/css/filebrowser.css

@@ -895,6 +895,7 @@
     width: 50%;
     max-width: 720px;
     min-width: 360px;
+    min-height: 0;
     border-left: 1px solid var(--border);
     background: var(--bg);
     display: flex;
@@ -1382,6 +1383,11 @@
   justify-content: space-between;
   padding: 10px 16px;
   flex-shrink: 0;
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  background: var(--bg);
+  border-bottom: 1px solid var(--border);
 }
 
 .file-history-view-toggle {

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

@@ -71,7 +71,7 @@
   position: absolute;
   left: -12px;
   width: 4px;
-  background: #fff;
+  background: var(--text);
   border-radius: 0 4px 4px 0;
   transition: height 0.2s ease, opacity 0.2s ease;
   opacity: 0;
@@ -730,6 +730,32 @@
   display: flex;
 }
 
+/* Project unread badge */
+.icon-strip-project-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-project-badge.has-unread {
+  display: flex;
+}
+
 /* Pill for user icons */
 .icon-strip-user:hover .icon-strip-pill {
   opacity: 1;
@@ -766,6 +792,102 @@
   object-fit: cover;
 }
 
+/* --- DM user picker popup --- */
+.dm-user-picker {
+  position: fixed;
+  background: var(--sidebar-bg);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 8px;
+  width: 220px;
+  box-shadow: 0 8px 24px rgba(var(--shadow-rgb), 0.5);
+  z-index: 10001;
+  animation: ctxMenuAppear 0.15s ease-out;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.dm-user-picker-search {
+  width: 100%;
+  padding: 7px 10px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--bg-alt);
+  color: var(--text);
+  font-size: 13px;
+  font-family: inherit;
+  outline: none;
+  box-sizing: border-box;
+}
+
+.dm-user-picker-search:focus {
+  border-color: var(--accent);
+}
+
+.dm-user-picker-search::placeholder {
+  color: var(--text-dimmer);
+}
+
+.dm-user-picker-list {
+  max-height: 200px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  scrollbar-width: thin;
+  scrollbar-color: var(--border) transparent;
+}
+
+.dm-user-picker-list::-webkit-scrollbar {
+  width: 4px;
+}
+
+.dm-user-picker-list::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.dm-user-picker-list::-webkit-scrollbar-thumb {
+  background: var(--border);
+  border-radius: 2px;
+}
+
+.dm-user-picker-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 8px;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+
+.dm-user-picker-item:hover {
+  background: rgba(var(--overlay-rgb), 0.08);
+}
+
+.dm-user-picker-avatar {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  object-fit: cover;
+  flex-shrink: 0;
+}
+
+.dm-user-picker-name {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--text);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.dm-user-picker-empty {
+  padding: 12px 8px;
+  font-size: 13px;
+  color: var(--text-dimmer);
+  text-align: center;
+}
+
 /* --- Per-project presence avatars --- */
 /* --- Mobile: hide icon strip --- */
 @media (max-width: 768px) {

package/lib/public/css/messages.css

@@ -1472,7 +1472,7 @@ pre.mermaid-error {
    ========================================================================== */
 
 .auth-required-msg {
-  max-width: var(--content-width);
+  max-width: 420px;
   margin: 12px auto;
   padding: 14px 18px;
   background: color-mix(in srgb, var(--warning) 8%, var(--bg));

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

@@ -181,6 +181,23 @@
     flex-shrink: 0;
   }
 
+  .mobile-project-unread {
+    min-width: 18px;
+    height: 18px;
+    border-radius: 9px;
+    background: #e74c3c;
+    color: #fff;
+    font-size: 11px;
+    font-weight: 700;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 5px;
+    line-height: 18px;
+    flex-shrink: 0;
+    margin-left: auto;
+  }
+
   /* ==========================================================================
      Mobile Sheet — fullscreen overlay for Projects / Sessions
      ========================================================================== */

package/lib/public/css/overlays.css

@@ -905,6 +905,55 @@ button.top-bar-pill.pill-accent:hover { background: color-mix(in srgb, var(--acc
 .add-project-panel { display: none; }
 .add-project-panel.active { display: block; }
 
+/* Removed projects list in add project modal */
+#add-project-removed { margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--border); }
+#add-project-removed.hidden { display: none; }
+.add-project-removed-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 7px 8px;
+  border-radius: 8px;
+  margin-bottom: 2px;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+.add-project-removed-item:last-child { margin-bottom: 0; }
+.add-project-removed-item:hover { background: var(--sidebar-hover); }
+.add-project-removed-icon {
+  flex-shrink: 0;
+  width: 28px;
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 6px;
+  background: var(--sidebar-hover);
+  font-size: 14px;
+}
+.add-project-removed-info {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+.add-project-removed-name {
+  font-weight: 500;
+  color: var(--text);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 13px;
+  line-height: 1.3;
+}
+.add-project-removed-path {
+  font-size: 11px;
+  color: var(--text-muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.3;
+}
+
 #add-project-create-input,
 #add-project-clone-input {
   width: 100%;

package/lib/public/css/sidebar.css

@@ -489,6 +489,32 @@
   box-shadow: 0 0 4px var(--success);
 }
 
+/* Session unread badge */
+.session-unread-badge {
+  position: absolute;
+  right: 32px;
+  top: 50%;
+  transform: translateY(-50%);
+  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;
+  z-index: 2;
+}
+
+.session-unread-badge.has-unread {
+  display: flex;
+}
+
 .session-more-btn {
   position: absolute;
   right: 8px;

package/lib/public/css/sticky-notes.css

@@ -313,11 +313,14 @@
   min-width: unset;
   height: auto !important;
   width: auto !important;
+  max-width: 200px;
 }
 
 .sticky-note.minimized .sticky-note-spacer {
   color: inherit;
   opacity: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .sticky-note.minimized .sticky-note-header button {

package/lib/public/index.html

@@ -1112,6 +1112,7 @@
   <div class="confirm-backdrop"></div>
   <div class="confirm-dialog add-project-dialog">
     <div class="add-project-title">Add project</div>
+    <div id="add-project-removed" class="hidden"></div>
     <div class="add-project-modes">
       <button class="add-project-mode-btn active" data-mode="existing">Existing directory</button>
       <button class="add-project-mode-btn" data-mode="create">New project</button>
@@ -1488,6 +1489,7 @@
 <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>
 <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 type="module" src="app.js"></script>
 <div id="pwa-install-modal" class="pwa-modal hidden">
   <div class="pwa-modal-backdrop"></div>