@luckydraw/cumulus 0.27.15 → 0.27.17

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 = [];
 
@@ -2500,6 +2519,13 @@
         item.appendChild(folderEl);
       }
 
+      // Unread indicator
+      if (unreadThreads[name]) {
+        var unreadDot = document.createElement('span');
+        unreadDot.className = 'cumulus-thread-unread';
+        item.appendChild(unreadDot);
+      }
+
       if (messageCount !== undefined && messageCount !== null) {
         var countEl = document.createElement('span');
         countEl.className = 'cumulus-thread-count';
@@ -2507,17 +2533,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 +2552,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 +2663,7 @@
 
     // ── Panel management ──
     function soloThread(name) {
+      delete unreadThreads[name];
       visibleThreads = [name];
       renderSidebar();
       renderContentArea();
@@ -2610,6 +2672,7 @@
     }
 
     function togglePanelThread(name) {
+      delete unreadThreads[name];
       // On mobile, always solo (no side-by-side)
       if (isMobile()) {
         soloThread(name);
@@ -3352,14 +3415,12 @@
         var filePath = addInput.value.trim();
         if (!filePath) return;
         connection &&
-          connection.send(
-            JSON.stringify({
-              type: 'include_add',
-              threadName: threadName,
-              filePath: filePath,
-              scope: currentScope,
-            })
-          );
+          connection.send({
+            type: 'include_add',
+            threadName: threadName,
+            filePath: filePath,
+            scope: currentScope,
+          });
         addInput.value = '';
       });
 
@@ -3383,7 +3444,7 @@
 
       // Request the list
       connection &&
-        connection.send(JSON.stringify({ type: 'include_list', threadName: threadName }));
+        connection.send({ type: 'include_list', threadName: threadName });
     }
 
     function renderIncludeList(panel, threadName, files) {
@@ -3420,13 +3481,11 @@
         removeBtn.setAttribute('title', 'Remove');
         removeBtn.addEventListener('click', function () {
           connection &&
-            connection.send(
-              JSON.stringify({
-                type: 'include_remove',
-                threadName: threadName,
-                filePath: f.path,
-              })
-            );
+            connection.send({
+              type: 'include_remove',
+              threadName: threadName,
+              filePath: f.path,
+            });
         });
         item.appendChild(removeBtn);
 
@@ -3472,7 +3531,7 @@
 
       // Request the turn list
       connection &&
-        connection.send(JSON.stringify({ type: 'revert_list', threadName: threadName }));
+        connection.send({ type: 'revert_list', threadName: threadName });
     }
 
     function renderRevertList(panel, threadName, turns) {
@@ -3552,7 +3611,7 @@
       cancelBtn.addEventListener('click', function () {
         // Re-request list
         connection &&
-          connection.send(JSON.stringify({ type: 'revert_list', threadName: threadName }));
+          connection.send({ type: 'revert_list', threadName: threadName });
       });
       actions.appendChild(cancelBtn);
 
@@ -3564,13 +3623,11 @@
         revertBtn.disabled = true;
         revertBtn.textContent = 'Reverting\u2026';
         connection &&
-          connection.send(
-            JSON.stringify({
-              type: 'revert_execute',
-              threadName: threadName,
-              targetMessageId: turn.userMessageId,
-            })
-          );
+          connection.send({
+            type: 'revert_execute',
+            threadName: threadName,
+            targetMessageId: turn.userMessageId,
+          });
       });
       actions.appendChild(revertBtn);
 
@@ -3806,13 +3863,11 @@
                 tState.historyLoaded = false;
                 // Re-request history
                 connection &&
-                  connection.send(
-                    JSON.stringify({
-                      type: 'history',
-                      threadName: data.threadName,
-                      limit: 200,
-                    })
-                  );
+                  connection.send({
+                    type: 'history',
+                    threadName: data.threadName,
+                    limit: 200,
+                  });
                 if (overlay) overlay.remove();
               } else {
                 // Show error in overlay
@@ -3836,6 +3891,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.15",
+  "version": "0.27.17",
   "description": "RLM-based CLI chat wrapper for Claude with external history context management",
   "type": "module",
   "main": "dist/index.js",