@filipc77/cowrite 0.6.11 → 0.6.13

package/dist/bin/cowrite.js

@@ -1104,7 +1104,7 @@ function createPreviewServer(store, projectDir, port, initialFile) {
 // bin/cowrite.ts
 import updateNotifier from "update-notifier";
 import "module";
-var version = true ? "0.6.11" : createRequire(import.meta.url)("../package.json").version;
+var version = true ? "0.6.13" : createRequire(import.meta.url)("../package.json").version;
 var USAGE = `
 cowrite \u2014 Live commenting plugin for coding agent sessions
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@filipc77/cowrite",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "Live commenting and inline editing plugin for coding agent sessions",
   "type": "module",
   "bin": {

package/ui/modules/comment-highlight.js

@@ -234,14 +234,33 @@ function wrapRange(textNodes, start, end, comment) {
 
 /**
  * Initialize comment highlight click behavior.
+ * Clicking a highlight scrolls to & highlights the matching sidebar card.
  */
 export function initCommentHighlights() {
   const commentListEl = $('#commentList');
+
   document.addEventListener('mousedown', (e) => {
-    if (!e.target.closest('.comment-highlight')) {
+    const highlight = e.target.closest('.comment-highlight');
+
+    // Clear active state when clicking outside highlights
+    if (!highlight) {
       for (const card of commentListEl.querySelectorAll('.comment-card.active')) {
         card.classList.remove('active');
       }
+      return;
+    }
+
+    // Scroll sidebar to the matching comment card
+    const commentId = highlight.dataset?.commentId;
+    if (!commentId) return;
+    const card = commentListEl.querySelector(`.comment-card[data-id="${commentId}"]`);
+    if (!card) return;
+
+    // Clear previous active states
+    for (const c of commentListEl.querySelectorAll('.comment-card.active')) {
+      c.classList.remove('active');
     }
+    card.classList.add('active');
+    card.scrollIntoView({ behavior: 'smooth', block: 'center' });
   });
 }

package/ui/modules/comment-sidebar.js

@@ -124,10 +124,18 @@ export function renderComments() {
     `;
   }).join("");
 
-  // Click to scroll to highlight
+  // Click to scroll to highlight and mark card active
   for (const card of commentListEl.querySelectorAll(".comment-card")) {
     card.addEventListener("click", (e) => {
-      if (e.target.tagName === "BUTTON" || e.target.tagName === "TEXTAREA") return;
+      if (e.target.closest("button, textarea, .proposal-actions, .reply-form, .comment-actions")) return;
+
+      // Mark this card active
+      for (const c of commentListEl.querySelectorAll(".comment-card.active")) {
+        c.classList.remove("active");
+      }
+      card.classList.add("active");
+
+      // Scroll to and flash the in-content highlight
       const id = card.dataset.id;
       const highlight = fileContentEl.querySelector(`[data-comment-id="${id}"]`);
       if (highlight) {