@luckydraw/cumulus 0.27.16 → 0.27.18

package/dist/gateway/static/widget.js

@@ -720,16 +720,32 @@
     '.cumulus-panel-action-btn:hover { color: #ddd; border-color: #555; }',
     '.cumulus-panel-action-btn.active { color: #e0e0e0; border-color: #0066cc; background: rgba(0,102,204,0.12); }',
 
-    /* ── Sidebar thread delete button ── */
-    '.cumulus-thread-item { position: relative; }',
-    '.cumulus-thread-delete-btn {',
-    '  display: none; position: absolute; right: 6px; top: 50%; transform: translateY(-50%);',
-    '  background: none; border: none; color: #666;',
-    '  cursor: pointer; font-size: 14px; padding: 2px 5px; line-height: 1;',
-    '  border-radius: 3px; z-index: 1;',
+    /* ── Context menu (right-click on thread) ── */
+    '.cumulus-context-menu {',
+    '  position: fixed; z-index: 300; background: #2a2a2a; border: 1px solid #444;',
+    '  border-radius: 6px; padding: 4px 0; min-width: 140px;',
+    '  box-shadow: 0 4px 12px rgba(0,0,0,0.5); font-size: 13px;',
+    '}',
+    '.cumulus-context-menu-item {',
+    '  padding: 6px 14px; color: #ccc; cursor: pointer; display: block;',
+    '  width: 100%; border: none; background: none; text-align: left;',
+    '  font-family: inherit; font-size: inherit;',
+    '}',
+    '.cumulus-context-menu-item:hover { background: #3a3a3a; color: #fff; }',
+    '.cumulus-context-menu-item.danger { color: #ef4444; }',
+    '.cumulus-context-menu-item.danger:hover { background: rgba(239,68,68,0.15); color: #ff6b6b; }',
+
+    /* ── Unread dot (glowing) ── */
+    '.cumulus-thread-unread {',
+    '  width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;',
+    '  background: #3b82f6;',
+    '  box-shadow: 0 0 4px #3b82f6, 0 0 8px rgba(59,130,246,0.4);',
+    '  animation: cumulus-unread-pulse 2s ease-in-out infinite;',
+    '}',
+    '@keyframes cumulus-unread-pulse {',
+    '  0%, 100% { box-shadow: 0 0 4px #3b82f6, 0 0 8px rgba(59,130,246,0.4); }',
+    '  50% { box-shadow: 0 0 6px #3b82f6, 0 0 14px rgba(59,130,246,0.6); }',
     '}',
-    '.cumulus-thread-item:hover .cumulus-thread-delete-btn { display: block; }',
-    '.cumulus-thread-delete-btn:hover { color: #ef4444; background: rgba(239,68,68,0.1); }',
 
     /* ── Message checkbox (selection mode) ── */
     '.cumulus-msg-checkbox {',
@@ -2201,6 +2217,9 @@
     // Thread list from server: [{ name, messageCount, lastActivity }]
     var allThreads = [];
 
+    // Unread threads: threadName -> true
+    var unreadThreads = {};
+
     // Currently visible panel names (ordered, max 3)
     var visibleThreads = [];
 
@@ -2484,7 +2503,9 @@
       item.setAttribute('data-thread-name', name);
 
       var dot = document.createElement('span');
-      dot.className = 'cumulus-thread-dot ' + (isActive ? 'active' : 'inactive');
+      dot.className = unreadThreads[name]
+        ? 'cumulus-thread-unread'
+        : 'cumulus-thread-dot ' + (isActive ? 'active' : 'inactive');
       item.appendChild(dot);
 
       var nameEl = document.createElement('span');
@@ -2507,17 +2528,12 @@
         item.appendChild(countEl);
       }
 
-      // Delete button (revealed on hover via CSS)
-      var deleteBtn = document.createElement('button');
-      deleteBtn.className = 'cumulus-thread-delete-btn';
-      deleteBtn.setAttribute('title', 'Delete thread');
-      deleteBtn.setAttribute('data-testid', 'webchat-thread-delete');
-      deleteBtn.textContent = '\u2715';
-      deleteBtn.addEventListener('click', function (e) {
+      // Right-click context menu
+      item.addEventListener('contextmenu', function (e) {
+        e.preventDefault();
         e.stopPropagation();
-        showThreadDeleteConfirm(name, item);
+        showThreadContextMenu(name, e.clientX, e.clientY);
       });
-      item.appendChild(deleteBtn);
 
       item.addEventListener('click', function (e) {
         var multiSelect = e.metaKey || e.ctrlKey;
@@ -2531,8 +2547,48 @@
       return item;
     }
 
+    // ── Thread context menu (right-click) ──
+    function dismissContextMenu() {
+      var existing = document.querySelector('.cumulus-context-menu');
+      if (existing) existing.remove();
+      document.removeEventListener('click', dismissContextMenu);
+      document.removeEventListener('contextmenu', dismissContextMenu);
+    }
+
+    function showThreadContextMenu(threadName, x, y) {
+      dismissContextMenu();
+
+      var menu = document.createElement('div');
+      menu.className = 'cumulus-context-menu';
+      menu.style.left = x + 'px';
+      menu.style.top = y + 'px';
+
+      var deleteItem = document.createElement('button');
+      deleteItem.className = 'cumulus-context-menu-item danger';
+      deleteItem.textContent = 'Delete thread';
+      deleteItem.setAttribute('data-testid', 'webchat-thread-delete');
+      deleteItem.addEventListener('click', function () {
+        dismissContextMenu();
+        showThreadDeleteConfirm(threadName);
+      });
+      menu.appendChild(deleteItem);
+
+      document.body.appendChild(menu);
+
+      // Clamp to viewport
+      var rect = menu.getBoundingClientRect();
+      if (rect.right > window.innerWidth) menu.style.left = (window.innerWidth - rect.width - 4) + 'px';
+      if (rect.bottom > window.innerHeight) menu.style.top = (window.innerHeight - rect.height - 4) + 'px';
+
+      // Dismiss on next click or right-click anywhere
+      setTimeout(function () {
+        document.addEventListener('click', dismissContextMenu);
+        document.addEventListener('contextmenu', dismissContextMenu);
+      }, 0);
+    }
+
     // ── Thread delete confirmation ──
-    function showThreadDeleteConfirm(threadName, anchorEl) {
+    function showThreadDeleteConfirm(threadName) {
       // Remove any existing confirm dialogs
       var existing = document.querySelector('.cumulus-confirm-dialog[data-context="thread-delete"]');
       if (existing) {
@@ -2602,6 +2658,7 @@
 
     // ── Panel management ──
     function soloThread(name) {
+      delete unreadThreads[name];
       visibleThreads = [name];
       renderSidebar();
       renderContentArea();
@@ -2610,6 +2667,7 @@
     }
 
     function togglePanelThread(name) {
+      delete unreadThreads[name];
       // On mobile, always solo (no side-by-side)
       if (isMobile()) {
         soloThread(name);
@@ -3828,6 +3886,10 @@
           break;
         }
       }
+      // Mark unread if thread is not currently visible
+      if (visibleThreads.indexOf(threadName) === -1) {
+        unreadThreads[threadName] = true;
+      }
       // Re-render sidebar to reflect new sort order / move thread up
       renderSidebar();
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luckydraw/cumulus",
-  "version": "0.27.16",
+  "version": "0.27.18",
   "description": "RLM-based CLI chat wrapper for Claude with external history context management",
   "type": "module",
   "main": "dist/index.js",