@unhingged/vizu-core 0.1.19 → 0.1.21

package/dist/internal.d.cts

@@ -414,12 +414,19 @@ declare class Highlighter {
     destroy(): void;
 }
 
+/** Status filter shared by the sidebar tabs and the on-page markers. */
+type SidebarFilter = 'open' | 'resolved' | 'wontfix' | 'all';
 interface SidebarCallbacks {
     onJumpTo: (fp: ElementFingerprint) => void;
     onJumpToReference: (commentId: string, refId: string) => void;
     onDelete: (id: string) => void;
     onUpdateStatus: (id: string, status: CommentStatus) => void;
     onClose: () => void;
+    /**
+     * Fired when the user picks a status tab. The host mirrors this onto
+     * the on-page markers so the page and the panel show the same subset.
+     */
+    onFilterChange?: (filter: SidebarFilter) => void;
 }
 declare class Sidebar {
     private el;

package/dist/internal.d.ts

@@ -414,12 +414,19 @@ declare class Highlighter {
     destroy(): void;
 }
 
+/** Status filter shared by the sidebar tabs and the on-page markers. */
+type SidebarFilter = 'open' | 'resolved' | 'wontfix' | 'all';
 interface SidebarCallbacks {
     onJumpTo: (fp: ElementFingerprint) => void;
     onJumpToReference: (commentId: string, refId: string) => void;
     onDelete: (id: string) => void;
     onUpdateStatus: (id: string, status: CommentStatus) => void;
     onClose: () => void;
+    /**
+     * Fired when the user picks a status tab. The host mirrors this onto
+     * the on-page markers so the page and the panel show the same subset.
+     */
+    onFilterChange?: (filter: SidebarFilter) => void;
 }
 declare class Sidebar {
     private el;

package/dist/internal.js

@@ -1214,7 +1214,7 @@ var Highlighter = class {
 var Sidebar = class {
   constructor(root, callbacks) {
     this.open = false;
-    this.filter = "open";
+    this.filter = "all";
     this.lastComments = [];
     this.lastConfidence = /* @__PURE__ */ new Map();
     this.handleClick = (e) => {
@@ -1234,6 +1234,7 @@ var Sidebar = class {
         if (f && f !== this.filter) {
           this.filter = f;
           this.render(this.lastComments);
+          this.callbacks.onFilterChange?.(f);
         }
         return;
       }
@@ -1298,7 +1299,7 @@ var Sidebar = class {
     const orphans = comments.filter((c) => conf.get(c.id) === "orphaned");
     const anchored = comments.filter((c) => conf.get(c.id) !== "orphaned");
     const statusOf = (c) => c.status ?? "open";
-    const visible = this.filter === "open" ? anchored.filter((c) => statusOf(c) === "open") : this.filter === "resolved" ? anchored.filter((c) => statusOf(c) !== "open") : anchored;
+    const visible = this.filter === "all" ? anchored : anchored.filter((c) => statusOf(c) === this.filter);
     const visibleOrphans = this.filter === "all" ? orphans : [];
     const counts = countByStatus(comments);
     if (visible.length === 0 && visibleOrphans.length === 0) {
@@ -1309,7 +1310,9 @@ var Sidebar = class {
         const closed = counts.resolved + counts.wontfix;
         emptyCopy = `<strong>Nothing open.</strong>${closed} closed comment${closed === 1 ? "" : "s"} hidden. Switch to <em>All</em> to see them.`;
       } else if (this.filter === "resolved") {
-        emptyCopy = `<strong>Nothing resolved.</strong>${counts.open} still open. Switch to <em>Open</em> or <em>All</em> to see more.`;
+        emptyCopy = `<strong>Nothing resolved.</strong>Switch to <em>Open</em> or <em>All</em> to see more.`;
+      } else if (this.filter === "wontfix") {
+        emptyCopy = `<strong>Nothing marked won&apos;t&nbsp;fix.</strong>Switch to <em>Open</em> or <em>All</em> to see more.`;
       } else {
         emptyCopy = "<strong>No comments yet</strong>Click any element on the page to leave one.";
       }
@@ -1409,7 +1412,10 @@ var Sidebar = class {
           Open <span class="vz-sidebar-filter-count">${counts.open}</span>
         </button>
         <button class="vz-sidebar-filter ${this.filter === "resolved" ? "is-active" : ""}" data-vz="filter" data-filter="resolved" role="tab" aria-selected="${this.filter === "resolved"}">
-          Resolved <span class="vz-sidebar-filter-count">${counts.resolved + counts.wontfix}</span>
+          Resolved <span class="vz-sidebar-filter-count">${counts.resolved}</span>
+        </button>
+        <button class="vz-sidebar-filter ${this.filter === "wontfix" ? "is-active" : ""}" data-vz="filter" data-filter="wontfix" role="tab" aria-selected="${this.filter === "wontfix"}">
+          Won&apos;t fix <span class="vz-sidebar-filter-count">${counts.wontfix}</span>
         </button>
         <button class="vz-sidebar-filter ${this.filter === "all" ? "is-active" : ""}" data-vz="filter" data-filter="all" role="tab" aria-selected="${this.filter === "all"}">
           All <span class="vz-sidebar-filter-count">${total}</span>