@designfever/web-review-kit 0.3.0 → 0.4.0

package/dist/react-shell.js

@@ -3,7 +3,7 @@ import {
   createWebReviewKit,
   getNumberedReviewItems,
   normalizeReviewItemStatus
-} from "./chunk-I76WEDLA.js";
+} from "./chunk-QFNYQCTA.js";
 
 // src/react-shell.tsx
 import React2 from "react";
@@ -148,6 +148,7 @@ function ensureReviewShellStyle() {
 	    --df-review-shadow-device: 0 24px 60px rgba(0, 0, 0, 0.38);
 	    --df-review-shadow-panel: 0 18px 48px rgba(0, 0, 0, 0.38);
 	    --df-review-shadow-modal: 0 24px 70px rgba(0, 0, 0, 0.48);
+	    --df-review-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d7e0ec' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
 
 	    /* Semantic aliases consumed by the existing shell chrome. */
 	    --df-review-bg: var(--df-review-color-canvas);
@@ -243,6 +244,7 @@ function ensureReviewShellStyle() {
 	    --df-review-shadow-device: 0 24px 60px rgba(15, 23, 42, 0.18);
 	    --df-review-shadow-panel: 0 18px 48px rgba(15, 23, 42, 0.18);
 	    --df-review-shadow-modal: 0 24px 70px rgba(15, 23, 42, 0.2);
+	    --df-review-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317202c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
 	  }
 
 	  button,
@@ -260,7 +262,7 @@ function ensureReviewShellStyle() {
     --df-review-frame-gutter-x: var(--df-review-space-4);
     display: grid;
     grid-template-columns: minmax(0, 1fr) 0 32px;
-    grid-template-rows: auto minmax(0, 1fr);
+    grid-template-rows: auto auto minmax(0, 1fr);
     width: 100%;
     height: 100%;
     overflow: hidden;
@@ -287,6 +289,20 @@ function ensureReviewShellStyle() {
 	    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.025);
 	  }
 
+  .df-review-presence-row {
+    grid-column: 1;
+    grid-row: 2;
+    position: relative;
+    z-index: 590;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    min-width: 0;
+    padding: var(--df-review-space-2) var(--df-review-frame-gutter-x);
+    border-bottom: 1px solid var(--df-review-line-soft);
+    background: var(--df-review-panel);
+  }
+
 		  .df-review-address {
 		    display: grid;
 		    grid-template-columns: auto minmax(160px, 1fr) auto auto;
@@ -347,7 +363,7 @@ function ensureReviewShellStyle() {
 		  .df-review-prompt-block-header button:hover,
 			  .df-review-item-actions button:hover,
 		  .df-review-item-visibility:hover,
-		  .df-review-item-source-open:hover,
+		  .df-review-item-link-copy:hover,
 		  .df-review-item-prompt-copy:hover,
 		  .df-review-item-delete:hover,
 		  .df-review-presets button.is-active,
@@ -410,7 +426,7 @@ function ensureReviewShellStyle() {
     z-index: 1;
     display: grid;
     grid-template-rows: auto minmax(0, 1fr);
-	    width: min(760px, calc(100vw - 48px));
+	    width: min(940px, calc(100vw - 48px));
 	    max-height: min(720px, calc(100vh - 48px));
 	    overflow: hidden;
 	    border: 1px solid var(--df-review-line);
@@ -465,7 +481,31 @@ function ensureReviewShellStyle() {
 	    background: var(--df-review-control-hover);
 	  }
 
+  .df-review-sitemap-controls {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+    padding: 10px 12px;
+    border-bottom: 1px solid var(--df-review-line-soft);
+    background: var(--df-review-panel);
+  }
+
+  .df-review-sitemap-controls select {
+    min-width: 138px;
+    min-height: 32px;
+    border: 1px solid var(--df-review-line-soft);
+    border-radius: var(--df-review-radius-sm);
+    padding: 0 26px 0 10px;
+    color: var(--df-review-text);
+    background: var(--df-review-control);
+    box-shadow: var(--df-review-shadow-control);
+    font-size: var(--df-review-font-size-xs);
+    font-weight: 850;
+  }
+
   .df-review-sitemap-list {
+    --df-review-sitemap-grid-template: minmax(190px, 1fr) 74px 78px 64px minmax(108px, 160px);
     display: grid;
     align-content: start;
     min-height: 0;
@@ -476,7 +516,7 @@ function ensureReviewShellStyle() {
   .df-review-sitemap-table-head,
   .df-review-sitemap-row {
     display: grid;
-    grid-template-columns: minmax(160px, 1fr) 70px 78px minmax(96px, 140px);
+    grid-template-columns: var(--df-review-sitemap-grid-template);
     align-items: center;
     column-gap: 0;
   }
@@ -491,13 +531,54 @@ function ensureReviewShellStyle() {
     background: var(--df-review-surface);
     color: var(--df-review-muted);
     font-size: var(--df-review-font-size-xs);
-    font-weight: 900;
-    letter-spacing: 0.04em;
+    font-weight: 720;
+    letter-spacing: 0.03em;
     text-transform: uppercase;
   }
 
-  .df-review-sitemap-table-head span:not(:first-child) {
+  .df-review-sitemap-sort {
+    display: inline-flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 4px;
+    min-width: 0;
+    min-height: 28px;
+    border: 0;
+    border-radius: 0;
+    padding: 0 0 0 8px;
+    color: inherit;
+    background: transparent;
+    box-shadow: none;
+    font: inherit;
+    letter-spacing: inherit;
     text-align: right;
+    text-transform: inherit;
+    cursor: pointer;
+  }
+
+  .df-review-sitemap-sort.is-page {
+    justify-content: flex-start;
+    padding-left: 0;
+    text-align: left;
+  }
+
+  .df-review-sitemap-sort-indicator {
+    width: 8px;
+    min-width: 8px;
+    color: var(--df-review-accent);
+    text-align: center;
+  }
+
+  .df-review-sitemap-sort-label {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .df-review-sitemap-sort:hover,
+  .df-review-sitemap-sort.is-active {
+    color: var(--df-review-text);
   }
 
   .df-review-sitemap-row {
@@ -515,6 +596,15 @@ function ensureReviewShellStyle() {
     cursor: pointer;
   }
 
+  .df-review-sitemap-row.is-summary {
+    position: sticky;
+    bottom: 0;
+    z-index: 1;
+    border-top: 1px solid var(--df-review-line);
+    border-bottom: 0;
+    background: var(--df-review-surface);
+  }
+
   .df-review-sitemap-row.is-folder {
     cursor: default;
   }
@@ -531,11 +621,12 @@ function ensureReviewShellStyle() {
   .df-review-sitemap-path {
     display: inline-flex;
     align-items: center;
+    gap: 7px;
     min-width: 0;
     overflow-wrap: anywhere;
     color: var(--df-review-text);
     font-size: var(--df-review-font-size-md);
-    font-weight: 800;
+    font-weight: 650;
     line-height: 1.35;
   }
 
@@ -547,26 +638,33 @@ function ensureReviewShellStyle() {
     flex: 0 0 auto;
     color: var(--df-review-muted);
     font-family: var(--df-review-font-mono);
-    font-weight: 700;
+    font-weight: 500;
     white-space: pre;
   }
 
+  .df-review-sitemap-label {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
   .df-review-sitemap-cell {
     min-width: 0;
     color: var(--df-review-muted);
     font-size: var(--df-review-font-size-sm);
     font-variant-numeric: tabular-nums;
-    font-weight: 900;
+    font-weight: 650;
     line-height: 1;
     text-align: right;
   }
 
-  .df-review-sitemap-cell.is-local {
+  .df-review-sitemap-cell.is-total {
     color: var(--df-review-accent);
+    font-weight: 760;
   }
 
-  .df-review-sitemap-cell.is-remote {
-    color: var(--df-review-area);
+  .df-review-sitemap-cell.is-total strong {
+    font: inherit;
   }
 
   .df-review-sitemap-cell.is-online {
@@ -1379,7 +1477,7 @@ function ensureReviewShellStyle() {
 
 	  .df-review-side-rail {
 	    grid-column: 3;
-	    grid-row: 1 / span 2;
+	    grid-row: 1 / span 3;
 	    position: relative;
 	    z-index: 600;
 	    display: flex;
@@ -1439,7 +1537,7 @@ function ensureReviewShellStyle() {
 
 	  .df-review-qa-panel {
 	    grid-column: 2;
-	    grid-row: 1 / span 2;
+	    grid-row: 1 / span 3;
 	    position: relative;
 	    z-index: 600;
 	    display: grid;
@@ -1512,101 +1610,114 @@ function ensureReviewShellStyle() {
 		    font-variant-numeric: tabular-nums;
 		  }
 
-  .df-review-presence-row {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr);
-    align-items: start;
+  .df-review-presence-overlay {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
     gap: 5px;
-    min-width: 0;
+    max-width: 100%;
+    pointer-events: none;
+  }
+
+  .df-review-presence-row .df-review-presence-overlay {
+    width: 100%;
+    max-width: 1440px;
+    margin: 0 auto;
   }
 
-  .df-review-presence-label {
+  .df-review-presence-chip {
+    --df-review-presence-color: var(--df-review-accent);
     display: inline-flex;
     align-items: center;
-    gap: 4px;
     min-width: 0;
-    color: var(--df-review-muted);
+    max-width: min(220px, calc(100% - 20px));
+    min-height: 24px;
+    border: 1px solid rgba(15, 23, 42, 0.12);
+    border-radius: var(--df-review-radius-pill);
+    padding: 0 8px;
+    color: #17202c;
+    background: rgba(255, 255, 255, 0.92);
+    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.14);
     font-size: var(--df-review-font-size-2xs);
     font-weight: 900;
-    line-height: 1;
+    line-height: 1.1;
+    overflow: hidden;
+    text-overflow: ellipsis;
     white-space: nowrap;
+    backdrop-filter: blur(8px);
   }
 
-  .df-review-presence-label svg {
-    width: 12px;
-    height: 12px;
-    fill: none;
-    stroke: currentColor;
-    stroke-linecap: round;
-    stroke-linejoin: round;
-    stroke-width: 2;
+  .df-review-presence-row .df-review-presence-chip {
+    max-width: none;
   }
 
-  .df-review-presence-list {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-    min-width: 0;
-    flex-wrap: wrap;
+  .df-review-presence-chip.is-self {
+    border-color: var(--df-review-presence-color);
+    box-shadow:
+      inset 0 0 0 1px var(--df-review-presence-color),
+      0 8px 22px rgba(15, 23, 42, 0.14);
   }
 
-  .df-review-presence-chip {
-    --df-review-presence-color: var(--df-review-accent);
+  .df-review-presence-more {
     display: inline-flex;
     align-items: center;
-    gap: 5px;
-    min-width: 0;
-    flex: 0 1 auto;
-    min-height: 22px;
-    border: 1px solid var(--df-review-line-soft);
+    justify-content: center;
+    min-width: 28px;
+    min-height: 24px;
+    border: 1px solid rgba(15, 23, 42, 0.12);
     border-radius: var(--df-review-radius-pill);
-    padding: 0 7px;
-    color: var(--df-review-text);
-    background: var(--df-review-chip-bg);
+    padding: 0 8px;
+    color: #17202c;
+    background: rgba(255, 255, 255, 0.92);
+    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.14);
+    cursor: pointer;
+    font: inherit;
     font-size: var(--df-review-font-size-2xs);
     font-weight: 900;
-    line-height: 1.1;
-    white-space: nowrap;
+    line-height: 1;
+    pointer-events: auto;
+    backdrop-filter: blur(8px);
   }
 
-  .df-review-presence-chip.is-self {
-    border-color: var(--df-review-presence-color);
-    background: var(--df-review-accent-soft);
+  .df-review-presence-more:hover {
+    border-color: rgba(0, 102, 255, 0.42);
+    color: #005be8;
+    background: rgba(255, 255, 255, 0.98);
   }
 
-  .df-review-presence-dot {
-    width: 7px;
-    min-width: 7px;
-    height: 7px;
-    border-radius: var(--df-review-radius-pill);
-    background: var(--df-review-presence-color);
+  .df-review-list-controls {
+    display: flex;
+    align-items: center;
+    gap: 4px;
   }
 
-  .df-review-presence-name {
-    min-width: 0;
+  .df-review-source-select,
+  .df-review-status-filter-select {
+    min-height: 30px;
+    border: 1px solid var(--df-review-line-soft);
+    border-radius: var(--df-review-radius-sm);
+    padding: 0 24px 0 8px;
+    color: var(--df-review-text);
+    background: var(--df-review-control);
+    box-shadow: var(--df-review-shadow-control);
+    font-size: var(--df-review-font-size-xs);
+    font-weight: 800;
   }
 
-		  .df-review-list-controls {
-		    display: flex;
-		    align-items: center;
-		    gap: 4px;
-		  }
+  .df-review-source-select {
+    width: 104px;
+  }
 
-		  .df-review-source-select {
-		    width: 104px;
-		    min-height: 30px;
-		    border: 1px solid var(--df-review-line-soft);
-		    border-radius: var(--df-review-radius-sm);
-		    padding: 0 24px 0 8px;
-		    color: var(--df-review-text);
-		    background: var(--df-review-control);
-		    box-shadow: var(--df-review-shadow-control);
-		    font-size: var(--df-review-font-size-xs);
-		    font-weight: 800;
-		  }
+  .df-review-status-filter-select {
+    width: 124px;
+  }
 
-		  .df-review-source-refresh {
-		    position: relative;
+  .df-review-list-title .df-review-status-filter-select {
+    margin-left: auto;
+  }
+
+  .df-review-source-refresh {
+    position: relative;
 		    display: inline-grid;
 		    place-items: center;
 		    width: 30px;
@@ -1942,6 +2053,34 @@ function ensureReviewShellStyle() {
     background: var(--df-review-area-soft);
   }
 
+  .df-review-source-select,
+  .df-review-status-filter-select,
+  .df-review-item-status-select,
+  .df-review-item-status-select.is-status-todo,
+  .df-review-item-status-select.is-status-doing,
+  .df-review-item-status-select.is-status-review,
+  .df-review-item-status-select.is-status-hold,
+  .df-review-item-status-select.is-status-done,
+  .df-review-sitemap-controls select {
+    --df-review-select-padding-x: 12px;
+    --df-review-select-chevron-size: 14px;
+    --df-review-select-chevron-gap: 8px;
+    appearance: none;
+    -webkit-appearance: none;
+    background-image: var(--df-review-select-chevron);
+    background-repeat: no-repeat;
+    background-position: right var(--df-review-select-padding-x) center;
+    background-size:
+      var(--df-review-select-chevron-size)
+      var(--df-review-select-chevron-size);
+    padding-right: calc(
+      var(--df-review-select-padding-x) +
+      var(--df-review-select-chevron-size) +
+      var(--df-review-select-chevron-gap)
+    );
+    padding-left: var(--df-review-select-padding-x);
+  }
+
   .df-review-item-status-badge.is-error {
     border-color: rgba(255, 143, 97, 0.36);
     color: var(--df-review-danger);
@@ -1967,8 +2106,8 @@ function ensureReviewShellStyle() {
 
   .df-review-item-delete,
   .df-review-item-edit,
+  .df-review-item-link-copy,
   .df-review-item-prompt-copy,
-  .df-review-item-source-open,
   .df-review-item-visibility {
     display: inline-grid;
     place-items: center;
@@ -1985,7 +2124,7 @@ function ensureReviewShellStyle() {
 
   .df-review-item-visibility:hover,
   .df-review-item-edit:hover,
-  .df-review-item-source-open:hover,
+  .df-review-item-link-copy:hover,
   .df-review-item-prompt-copy:hover {
     border-color: rgba(124, 199, 255, 0.34);
     color: var(--df-review-accent);
@@ -2007,14 +2146,15 @@ function ensureReviewShellStyle() {
     color: var(--df-review-subtle);
   }
 
+  .df-review-item-link-copy.is-copied,
   .df-review-item-prompt-copy.is-copied {
     color: var(--df-review-accent);
   }
 
   .df-review-item-delete svg,
   .df-review-item-edit svg,
+  .df-review-item-link-copy svg,
   .df-review-item-prompt-copy svg,
-  .df-review-item-source-open svg,
   .df-review-item-visibility svg {
     width: 14px;
     height: 14px;
@@ -2037,6 +2177,15 @@ function ensureReviewShellStyle() {
 		    cursor: auto;
 			  }
 
+			  .df-review-item-prompt-actions {
+			    display: inline-flex;
+			    grid-column: 2;
+			    align-items: center;
+			    justify-self: end;
+			    min-width: 0;
+		    cursor: auto;
+			  }
+
 			  .df-review-item-remote-actions {
 			    display: inline-flex;
 			    grid-column: 3;
@@ -2114,7 +2263,7 @@ function ensureReviewShellStyle() {
 
 	  .df-review-stage {
 	    grid-column: 1;
-	    grid-row: 2;
+	    grid-row: 3;
 	    display: grid;
 	    min-width: 0;
 	    min-height: 0;
@@ -2153,9 +2302,17 @@ function ensureReviewShellStyle() {
 	    height: max-content;
 	    min-width: 100%;
 	    min-height: 100%;
-	    padding: 34px 40px 12px;
+	    padding: 34px 58px 12px 40px;
 	  }
 
+  .df-review-target-stack {
+    display: grid;
+    justify-items: start;
+    gap: 8px;
+    width: max-content;
+    max-width: 100%;
+  }
+
   .df-review-device {
 	    box-sizing: border-box;
 	    flex: 0 0 auto;
@@ -2178,93 +2335,267 @@ function ensureReviewShellStyle() {
     background: #fff;
   }
 
-  .df-review-device-frame {
-    position: relative;
-    box-sizing: border-box;
-    flex: 0 0 auto;
+  .df-review-frame-link-stack {
+    position: absolute;
+    z-index: 14;
+    top: 0;
+    right: -44px;
+    display: grid;
+    gap: 8px;
   }
 
-  .df-review-ruler-corner {
-    position: absolute;
-    left: -26px;
-    top: -26px;
-    width: 26px;
-    height: 26px;
-    z-index: 6;
-    border-right: 1px solid var(--df-review-line-soft);
-    border-bottom: 1px solid var(--df-review-line-soft);
-    background: var(--df-review-color-ruler-surface);
+  .df-review-frame-link {
+    display: grid;
+    place-items: center;
+    width: 34px;
+    height: 34px;
+    border: 1px solid rgba(15, 23, 42, 0.16);
+    border-radius: var(--df-review-radius-md);
+    color: #17202c;
+    background: rgba(255, 255, 255, 0.92);
+    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.18);
+    text-decoration: none;
+    backdrop-filter: blur(8px);
+    transition: transform 140ms ease, border-color 140ms ease, color 140ms ease,
+      background 140ms ease;
   }
 
-  .df-review-ruler-gutter {
-    position: absolute;
-    z-index: 6;
-    background: var(--df-review-color-ruler-surface);
-    color: var(--df-review-muted);
-    user-select: none;
+  .df-review-frame-link:hover {
+    transform: translateY(-1px);
+    border-color: rgba(0, 102, 255, 0.42);
+    color: #005be8;
+    background: rgba(255, 255, 255, 0.98);
   }
 
-  .df-review-ruler-gutter.is-x {
-    left: 0;
-    right: 0;
-    top: -26px;
-    height: 26px;
-    border-bottom: 1px solid var(--df-review-line-soft);
-    background-image:
-      linear-gradient(
-        to right,
-        var(--df-review-color-ruler-tick-major) 1px,
-        transparent 1px
-      ),
-      linear-gradient(
-        to right,
-        var(--df-review-color-ruler-tick-minor) 1px,
-        transparent 1px
-      );
-    background-size:
-      calc(var(--df-review-ruler-step-x) * 5) 11px,
-      var(--df-review-ruler-step-x) 6px;
-    background-position: left bottom;
-    background-repeat: repeat-x;
+  .df-review-frame-link svg {
+    width: 18px;
+    height: 18px;
   }
 
-  .df-review-ruler-gutter.is-y {
-    left: -26px;
-    top: 0;
-    bottom: 0;
-    width: 26px;
-    border-right: 1px solid var(--df-review-line-soft);
-    background-image:
-      linear-gradient(
-        to bottom,
-        var(--df-review-color-ruler-tick-major) 1px,
-        transparent 1px
-      ),
-      linear-gradient(
-        to bottom,
-        var(--df-review-color-ruler-tick-minor) 1px,
-        transparent 1px
-      );
-    background-size:
-      11px calc(var(--df-review-ruler-step-y) * 5),
-      6px var(--df-review-ruler-step-y);
-    background-position: right top;
-    background-repeat: repeat-y;
+  .df-review-frame-link.is-target svg {
+    fill: none;
+    stroke: currentColor;
+    stroke-width: 2;
   }
 
-  .df-review-ruler-frame-label {
-    position: absolute;
-    right: 6px;
-    top: 50%;
-    transform: translateY(-50%);
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    padding: 4px 8px;
-    border: 1px solid var(--df-review-color-ruler-popover-border);
-    border-radius: var(--df-review-radius-sm);
-    background: var(--df-review-color-ruler-label);
-    line-height: 1;
+  .df-review-frame-link.is-figma svg {
+    fill: currentColor;
+    stroke: none;
+  }
+
+  .df-review-source-outline {
+    position: fixed;
+    z-index: 880;
+    pointer-events: none;
+    border: 2px solid rgba(124, 199, 255, 0.96);
+    border-radius: 4px;
+    box-shadow:
+      0 0 0 1px rgba(15, 18, 24, 0.58),
+      0 0 0 5px rgba(124, 199, 255, 0.16);
+  }
+
+  .df-review-source-outline.is-pinned {
+    border-color: var(--df-review-note);
+    box-shadow:
+      0 0 0 1px rgba(15, 18, 24, 0.58),
+      0 0 0 5px rgba(243, 183, 95, 0.16);
+  }
+
+  .df-review-source-popover {
+    --df-review-source-popover-line: rgba(226, 233, 245, 0.16);
+    --df-review-source-popover-text: #edf3fb;
+    --df-review-source-popover-muted: rgba(237, 243, 251, 0.68);
+    --df-review-source-popover-subtle: rgba(237, 243, 251, 0.5);
+    --df-review-source-popover-hover: rgba(124, 199, 255, 0.14);
+    position: fixed;
+    z-index: 890;
+    display: grid;
+    width: fit-content;
+    min-width: min(240px, calc(100vw - 24px));
+    max-width: min(440px, calc(100vw - 24px));
+    max-height: 260px;
+    overflow: hidden;
+    border: 1px solid var(--df-review-source-popover-line);
+    border-radius: var(--df-review-radius-md);
+    padding: 8px 6px 6px;
+    color: var(--df-review-source-popover-text);
+    color-scheme: dark;
+    background: rgba(19, 24, 33, 0.96);
+    box-shadow: var(--df-review-shadow-panel);
+    backdrop-filter: blur(10px);
+  }
+
+  .df-review-source-popover-close {
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    z-index: 1;
+  }
+
+  .df-review-source-popover-close button {
+    display: grid;
+    place-items: center;
+    width: 24px;
+    height: 24px;
+    border: 1px solid transparent;
+    border-radius: var(--df-review-radius-sm);
+    padding: 0;
+    color: var(--df-review-source-popover-subtle);
+    background: transparent;
+    font-size: 16px;
+    font-weight: 800;
+    line-height: 1;
+  }
+
+  .df-review-source-popover-close button:hover {
+    border-color: var(--df-review-source-popover-line);
+    color: var(--df-review-source-popover-text);
+    background: var(--df-review-source-popover-hover);
+  }
+
+  .df-review-source-candidate-list {
+    display: grid;
+    gap: 0;
+    min-height: 0;
+    overflow: auto;
+  }
+
+  .df-review-source-candidate {
+    display: grid;
+    width: 100%;
+    min-height: 54px;
+    border: 0;
+    border-radius: var(--df-review-radius-sm);
+    padding: 6px 30px 6px 8px;
+    color: var(--df-review-source-popover-text);
+    background: transparent;
+    text-align: left;
+  }
+
+  .df-review-source-candidate:hover {
+    background: var(--df-review-source-popover-hover);
+  }
+
+  .df-review-source-candidate-main {
+    display: grid;
+    gap: 2px;
+    min-width: 0;
+  }
+
+  .df-review-source-candidate-main strong,
+  .df-review-source-candidate-main small {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .df-review-source-candidate-main strong {
+    font-size: var(--df-review-font-size-xs);
+    font-weight: 900;
+  }
+
+  .df-review-source-candidate-main span {
+    overflow-wrap: anywhere;
+    color: var(--df-review-source-popover-muted);
+    font-family: var(--df-review-font-mono);
+    font-size: var(--df-review-font-size-2xs);
+    line-height: 1.25;
+    white-space: normal;
+  }
+
+  .df-review-source-candidate-main small {
+    color: var(--df-review-source-popover-subtle);
+    font-family: var(--df-review-font-mono);
+    font-size: var(--df-review-font-size-2xs);
+  }
+
+  .df-review-device-frame {
+    position: relative;
+    box-sizing: border-box;
+    flex: 0 0 auto;
+  }
+
+  .df-review-ruler-corner {
+    position: absolute;
+    left: -26px;
+    top: -26px;
+    width: 26px;
+    height: 26px;
+    z-index: 6;
+    border-right: 1px solid var(--df-review-line-soft);
+    border-bottom: 1px solid var(--df-review-line-soft);
+    background: var(--df-review-color-ruler-surface);
+  }
+
+  .df-review-ruler-gutter {
+    position: absolute;
+    z-index: 6;
+    background: var(--df-review-color-ruler-surface);
+    color: var(--df-review-muted);
+    user-select: none;
+  }
+
+  .df-review-ruler-gutter.is-x {
+    left: 0;
+    right: 0;
+    top: -26px;
+    height: 26px;
+    border-bottom: 1px solid var(--df-review-line-soft);
+    background-image:
+      linear-gradient(
+        to right,
+        var(--df-review-color-ruler-tick-major) 1px,
+        transparent 1px
+      ),
+      linear-gradient(
+        to right,
+        var(--df-review-color-ruler-tick-minor) 1px,
+        transparent 1px
+      );
+    background-size:
+      calc(var(--df-review-ruler-step-x) * 5) 11px,
+      var(--df-review-ruler-step-x) 6px;
+    background-position: left bottom;
+    background-repeat: repeat-x;
+  }
+
+  .df-review-ruler-gutter.is-y {
+    left: -26px;
+    top: 0;
+    bottom: 0;
+    width: 26px;
+    border-right: 1px solid var(--df-review-line-soft);
+    background-image:
+      linear-gradient(
+        to bottom,
+        var(--df-review-color-ruler-tick-major) 1px,
+        transparent 1px
+      ),
+      linear-gradient(
+        to bottom,
+        var(--df-review-color-ruler-tick-minor) 1px,
+        transparent 1px
+      );
+    background-size:
+      11px calc(var(--df-review-ruler-step-y) * 5),
+      6px var(--df-review-ruler-step-y);
+    background-position: right top;
+    background-repeat: repeat-y;
+  }
+
+  .df-review-ruler-frame-label {
+    position: absolute;
+    right: 6px;
+    top: 50%;
+    transform: translateY(-50%);
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 4px 8px;
+    border: 1px solid var(--df-review-color-ruler-popover-border);
+    border-radius: var(--df-review-radius-sm);
+    background: var(--df-review-color-ruler-label);
+    line-height: 1;
     white-space: nowrap;
     box-shadow: 0 6px 18px var(--df-review-color-ruler-popover-shadow);
   }
@@ -2383,7 +2714,7 @@ function ensureReviewShellStyle() {
 	    .df-review-shell,
 	    .df-review-shell.is-list-visible {
 	      grid-template-columns: minmax(0, 1fr) 0 32px;
-	      grid-template-rows: auto minmax(0, 1fr);
+	      grid-template-rows: auto auto minmax(0, 1fr);
 	    }
 
 	    .df-review-shell.is-list-visible {
@@ -2439,8 +2770,9 @@ function ensureReviewShellStyle() {
 import {
   useCallback as useCallback11,
   useEffect as useEffect10,
+  useMemo as useMemo7,
   useRef as useRef4,
-  useState as useState8
+  useState as useState10
 } from "react";
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/createLucideIcon.mjs
@@ -2547,31 +2879,42 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/circle-question-mark.mjs
+// node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/bot.mjs
 var __iconNode = [
+  ["path", { d: "M12 8V4H8", key: "hb8ula" }],
+  ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
+  ["path", { d: "M2 14h2", key: "vft8re" }],
+  ["path", { d: "M20 14h2", key: "4cs60a" }],
+  ["path", { d: "M15 13v2", key: "1xurst" }],
+  ["path", { d: "M9 13v2", key: "rq6x2g" }]
+];
+var Bot = createLucideIcon("bot", __iconNode);
+
+// node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/circle-question-mark.mjs
+var __iconNode2 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-var CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode);
+var CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode2);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/copy.mjs
-var __iconNode2 = [
+var __iconNode3 = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-var Copy = createLucideIcon("copy", __iconNode2);
+var Copy = createLucideIcon("copy", __iconNode3);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/external-link.mjs
-var __iconNode3 = [
+var __iconNode4 = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-var ExternalLink = createLucideIcon("external-link", __iconNode3);
+var ExternalLink = createLucideIcon("external-link", __iconNode4);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/eye-off.mjs
-var __iconNode4 = [
+var __iconNode5 = [
   [
     "path",
     {
@@ -2589,10 +2932,10 @@ var __iconNode4 = [
   ],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }]
 ];
-var EyeOff = createLucideIcon("eye-off", __iconNode4);
+var EyeOff = createLucideIcon("eye-off", __iconNode5);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/eye.mjs
-var __iconNode5 = [
+var __iconNode6 = [
   [
     "path",
     {
@@ -2602,22 +2945,7 @@ var __iconNode5 = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-var Eye = createLucideIcon("eye", __iconNode5);
-
-// node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/file-code-corner.mjs
-var __iconNode6 = [
-  [
-    "path",
-    {
-      d: "M4 12.15V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2h-3.35",
-      key: "1wthlu"
-    }
-  ],
-  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
-  ["path", { d: "m5 16-3 3 3 3", key: "331omg" }],
-  ["path", { d: "m9 22 3-3-3-3", key: "lsp7cz" }]
-];
-var FileCodeCorner = createLucideIcon("file-code-corner", __iconNode6);
+var Eye = createLucideIcon("eye", __iconNode6);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/grip-vertical.mjs
 var __iconNode7 = [
@@ -2647,16 +2975,24 @@ var __iconNode9 = [
 ];
 var LayoutGrid = createLucideIcon("layout-grid", __iconNode9);
 
-// node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/list-filter.mjs
+// node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/link-2.mjs
 var __iconNode10 = [
+  ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
+  ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
+  ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
+];
+var Link2 = createLucideIcon("link-2", __iconNode10);
+
+// node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/list-filter.mjs
+var __iconNode11 = [
   ["path", { d: "M2 5h20", key: "1fs1ex" }],
   ["path", { d: "M6 12h12", key: "8npq4p" }],
   ["path", { d: "M9 19h6", key: "456am0" }]
 ];
-var ListFilter = createLucideIcon("list-filter", __iconNode10);
+var ListFilter = createLucideIcon("list-filter", __iconNode11);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/map.mjs
-var __iconNode11 = [
+var __iconNode12 = [
   [
     "path",
     {
@@ -2667,27 +3003,27 @@ var __iconNode11 = [
   ["path", { d: "M15 5.764v15", key: "1pn4in" }],
   ["path", { d: "M9 3.236v15", key: "1uimfh" }]
 ];
-var Map2 = createLucideIcon("map", __iconNode11);
+var Map2 = createLucideIcon("map", __iconNode12);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/maximize-2.mjs
-var __iconNode12 = [
+var __iconNode13 = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "m21 3-7 7", key: "1l2asr" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M9 21H3v-6", key: "wtvkvv" }]
 ];
-var Maximize2 = createLucideIcon("maximize-2", __iconNode12);
+var Maximize2 = createLucideIcon("maximize-2", __iconNode13);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/monitor.mjs
-var __iconNode13 = [
+var __iconNode14 = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
 ];
-var Monitor = createLucideIcon("monitor", __iconNode13);
+var Monitor = createLucideIcon("monitor", __iconNode14);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/pencil.mjs
-var __iconNode14 = [
+var __iconNode15 = [
   [
     "path",
     {
@@ -2697,25 +3033,25 @@ var __iconNode14 = [
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ];
-var Pencil = createLucideIcon("pencil", __iconNode14);
+var Pencil = createLucideIcon("pencil", __iconNode15);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/rectangle-horizontal.mjs
-var __iconNode15 = [
+var __iconNode16 = [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }]
 ];
-var RectangleHorizontal = createLucideIcon("rectangle-horizontal", __iconNode15);
+var RectangleHorizontal = createLucideIcon("rectangle-horizontal", __iconNode16);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/refresh-cw.mjs
-var __iconNode16 = [
+var __iconNode17 = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
 ];
-var RefreshCw = createLucideIcon("refresh-cw", __iconNode16);
+var RefreshCw = createLucideIcon("refresh-cw", __iconNode17);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/ruler.mjs
-var __iconNode17 = [
+var __iconNode18 = [
   [
     "path",
     {
@@ -2728,19 +3064,19 @@ var __iconNode17 = [
   ["path", { d: "m8.5 6.5 2-2", key: "vc6u1g" }],
   ["path", { d: "m17.5 15.5 2-2", key: "wo5hmg" }]
 ];
-var Ruler = createLucideIcon("ruler", __iconNode17);
+var Ruler = createLucideIcon("ruler", __iconNode18);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/scan.mjs
-var __iconNode18 = [
+var __iconNode19 = [
   ["path", { d: "M3 7V5a2 2 0 0 1 2-2h2", key: "aa7l1z" }],
   ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2", key: "4qcy5o" }],
   ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2", key: "6vwrx8" }],
   ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2", key: "ioqczr" }]
 ];
-var Scan = createLucideIcon("scan", __iconNode18);
+var Scan = createLucideIcon("scan", __iconNode19);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/settings.mjs
-var __iconNode19 = [
+var __iconNode20 = [
   [
     "path",
     {
@@ -2750,17 +3086,17 @@ var __iconNode19 = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-var Settings = createLucideIcon("settings", __iconNode19);
+var Settings = createLucideIcon("settings", __iconNode20);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/smartphone.mjs
-var __iconNode20 = [
+var __iconNode21 = [
   ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
   ["path", { d: "M12 18h.01", key: "mhygvu" }]
 ];
-var Smartphone = createLucideIcon("smartphone", __iconNode20);
+var Smartphone = createLucideIcon("smartphone", __iconNode21);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/square-mouse-pointer.mjs
-var __iconNode21 = [
+var __iconNode22 = [
   [
     "path",
     {
@@ -2770,10 +3106,10 @@ var __iconNode21 = [
   ],
   ["path", { d: "M21 11V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6", key: "14rsvq" }]
 ];
-var SquareMousePointer = createLucideIcon("square-mouse-pointer", __iconNode21);
+var SquareMousePointer = createLucideIcon("square-mouse-pointer", __iconNode22);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/sticky-note.mjs
-var __iconNode22 = [
+var __iconNode23 = [
   [
     "path",
     {
@@ -2783,24 +3119,15 @@ var __iconNode22 = [
   ],
   ["path", { d: "M15 3v5a1 1 0 0 0 1 1h5", key: "6s6qgf" }]
 ];
-var StickyNote = createLucideIcon("sticky-note", __iconNode22);
+var StickyNote = createLucideIcon("sticky-note", __iconNode23);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/upload.mjs
-var __iconNode23 = [
+var __iconNode24 = [
   ["path", { d: "M12 3v12", key: "1x0j5s" }],
   ["path", { d: "m17 8-5-5-5 5", key: "7q97r8" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }]
 ];
-var Upload = createLucideIcon("upload", __iconNode23);
-
-// node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/users.mjs
-var __iconNode24 = [
-  ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
-  ["path", { d: "M16 3.128a4 4 0 0 1 0 7.744", key: "16gr8j" }],
-  ["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87", key: "kshegd" }],
-  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
-];
-var Users = createLucideIcon("users", __iconNode24);
+var Upload = createLucideIcon("upload", __iconNode24);
 
 // node_modules/.pnpm/lucide-react@1.20.0_react@19.2.7/node_modules/lucide-react/dist/esm/icons/x.mjs
 var __iconNode25 = [
@@ -2844,6 +3171,45 @@ var normalizeTarget = (value, reviewPathPrefix = DEFAULT_REVIEW_PATH_PREFIX) =>
   const reviewPrefix = normalizeReviewPathPrefix(reviewPathPrefix);
   return normalized === reviewPrefix || normalized.startsWith(`${reviewPrefix}/`) ? "/" : normalized;
 };
+var parseReviewAddressInput = (value, reviewPathPrefix = DEFAULT_REVIEW_PATH_PREFIX) => {
+  const raw = value.trim();
+  if (!raw) return { target: "/" };
+  const parsedUrl = parseSameOriginUrl(raw);
+  if (!parsedUrl) {
+    return { target: normalizeTarget(raw, reviewPathPrefix) };
+  }
+  const reviewPrefix = normalizeReviewPathPrefix(reviewPathPrefix);
+  const isReviewUrl = parsedUrl.pathname === reviewPrefix || parsedUrl.pathname.startsWith(`${reviewPrefix}/`);
+  if (!isReviewUrl) {
+    return {
+      target: normalizeTarget(parsedUrl.pathname, reviewPathPrefix)
+    };
+  }
+  const source = parsedUrl.searchParams.get("source")?.trim();
+  return {
+    height: getPositiveParamNumber(parsedUrl.searchParams, "h"),
+    itemId: parsedUrl.searchParams.get("item"),
+    source: source ? source : void 0,
+    target: normalizeTarget(
+      parsedUrl.searchParams.get("target") ?? "/",
+      reviewPathPrefix
+    ),
+    width: getPositiveParamNumber(parsedUrl.searchParams, "w")
+  };
+};
+function parseSameOriginUrl(value) {
+  if (typeof window === "undefined") return null;
+  try {
+    const url = new URL(value, window.location.origin);
+    return url.origin === window.location.origin ? url : null;
+  } catch {
+    return null;
+  }
+}
+function getPositiveParamNumber(params, name) {
+  const value = Number(params.get(name));
+  return Number.isFinite(value) && value > 0 ? value : void 0;
+}
 var getInitialTarget = (reviewPathPrefix = DEFAULT_REVIEW_PATH_PREFIX) => {
   if (typeof window === "undefined") return "/";
   const target = new URLSearchParams(window.location.search).get("target");
@@ -2884,6 +3250,10 @@ var updateShellUrl = (target, size, source) => {
   window.history.replaceState(null, "", `${url.pathname}${url.search}`);
 };
 var updateShellUrlForItem = (target, size, itemId, source) => {
+  const url = getShellUrlForItem(target, size, itemId, source);
+  window.history.replaceState(null, "", `${url.pathname}${url.search}`);
+};
+var getShellUrlForItem = (target, size, itemId, source) => {
   const url = new URL(window.location.href);
   url.searchParams.set("target", target);
   url.searchParams.set("w", String(size.width));
@@ -2894,7 +3264,7 @@ var updateShellUrlForItem = (target, size, itemId, source) => {
   } else {
     url.searchParams.delete("source");
   }
-  window.history.replaceState(null, "", `${url.pathname}${url.search}`);
+  return url;
 };
 var getInitialItemId = () => {
   if (typeof window === "undefined") return null;
@@ -2976,7 +3346,9 @@ var toReviewViewportPresets = (presets) => presets.map((preset) => ({
   label: preset.label,
   width: preset.width,
   height: preset.height,
-  scope: getViewportPresetKind(preset)
+  scope: getViewportPresetKind(preset),
+  designWidth: preset.designWidth,
+  designHeight: preset.designHeight
 }));
 var getIsFigmaOverlayAvailable = (preset) => {
   const kind = getViewportPresetKind(preset);
@@ -3450,11 +3822,40 @@ var ReviewSettingsModal = ({
   );
 };
 
+// src/react-shell/sitemap/modal.tsx
+import {
+  useMemo as useMemo2,
+  useState
+} from "react";
+
 // src/react-shell/sitemap/tree.ts
-var EMPTY_SITEMAP_QA_COUNT = {
+var WORKFLOW_STATUSES = [
+  "todo",
+  "doing",
+  "review",
+  "hold",
+  "done"
+];
+var createEmptySitemapQaCount = () => ({
+  total: 0,
+  remaining: 0,
   local: 0,
-  remote: 0
-};
+  remote: 0,
+  status: {
+    todo: 0,
+    doing: 0,
+    review: 0,
+    hold: 0,
+    done: 0
+  },
+  scope: {},
+  viewport: {}
+});
+var createSitemapViewportColumn = (preset, index) => ({
+  key: `${index}:${preset.width}x${preset.height}`,
+  label: preset.label,
+  title: `${preset.label} ${preset.width}x${preset.height}`
+});
 var normalizeSitemapHref = (href) => {
   const [path = "/"] = href.split(/[?#]/);
   const normalizedPath = path.startsWith("/") ? path : `/${path}`;
@@ -3479,10 +3880,45 @@ var mergeSitemapUsers = (users) => {
   return Array.from(userByKey.values());
 };
 var addSitemapQaCounts = (first, second) => ({
+  total: first.total + second.total,
+  remaining: first.remaining + second.remaining,
   local: first.local + second.local,
-  remote: first.remote + second.remote
+  remote: first.remote + second.remote,
+  status: WORKFLOW_STATUSES.reduce(
+    (statusCounts, status) => ({
+      ...statusCounts,
+      [status]: first.status[status] + second.status[status]
+    }),
+    {}
+  ),
+  scope: Array.from(
+    /* @__PURE__ */ new Set([
+      ...Object.keys(first.scope),
+      ...Object.keys(second.scope)
+    ])
+  ).reduce(
+    (scopeCounts, scope) => ({
+      ...scopeCounts,
+      [scope]: (first.scope[scope] ?? 0) + (second.scope[scope] ?? 0)
+    }),
+    {}
+  ),
+  viewport: Array.from(
+    /* @__PURE__ */ new Set([...Object.keys(first.viewport), ...Object.keys(second.viewport)])
+  ).reduce(
+    (viewportCounts, viewportKey) => ({
+      ...viewportCounts,
+      [viewportKey]: {
+        total: (first.viewport[viewportKey]?.total ?? 0) + (second.viewport[viewportKey]?.total ?? 0),
+        remaining: (first.viewport[viewportKey]?.remaining ?? 0) + (second.viewport[viewportKey]?.remaining ?? 0)
+      }
+    }),
+    {}
+  )
 });
-var createSitemapRows = (pages, activeRoute, pageQaCounts, pagePresenceUsers, getPageTarget) => {
+var createSitemapRows = (pages, activeRoute, pageQaCounts, pagePresenceUsers, getPageTarget, options = {}) => {
+  const sortKey = options.sortKey ?? "page";
+  const sortDirection = options.sortDirection ?? "asc";
   const root = createSitemapNode("/", "/", false);
   pages.forEach((page) => {
     const pageHref = page.href.startsWith("/") ? page.href : `/${page.href}`;
@@ -3509,59 +3945,88 @@ var createSitemapRows = (pages, activeRoute, pageQaCounts, pagePresenceUsers, ge
     });
   });
   const getDirectCount = (node) => {
-    if (!node.isPage) return EMPTY_SITEMAP_QA_COUNT;
-    return pageQaCounts.get(getPageTarget(node.href)) ?? EMPTY_SITEMAP_QA_COUNT;
+    if (!node.isPage) return createEmptySitemapQaCount();
+    return pageQaCounts.get(getPageTarget(node.href)) ?? createEmptySitemapQaCount();
   };
   const getDirectUsers = (node) => {
     if (!node.isPage) return [];
     return pagePresenceUsers.get(getPageTarget(node.href)) ?? [];
   };
-  const rows = [];
-  const appendNodeRows = (node, depth, ancestorLastList, isLastNode) => {
-    const children = Array.from(node.children.values());
+  const createNodeSummary = (node) => {
     const directCount = getDirectCount(node);
     const directUsers = getDirectUsers(node);
-    let rowIndex = null;
+    const children = Array.from(node.children.values()).map(createNodeSummary);
+    const childAggregate = children.reduce(
+      (aggregate, child) => ({
+        count: addSitemapQaCounts(aggregate.count, child.count),
+        users: mergeSitemapUsers([...aggregate.users, ...child.users])
+      }),
+      {
+        count: createEmptySitemapQaCount(),
+        users: []
+      }
+    );
+    return {
+      node,
+      directCount,
+      directUsers,
+      count: node.isPage ? addSitemapQaCounts(directCount, childAggregate.count) : childAggregate.count,
+      users: mergeSitemapUsers([...directUsers, ...childAggregate.users]),
+      children
+    };
+  };
+  const getSortValue = (summary) => {
+    if (sortKey === "page") return summary.node.label;
+    if (sortKey === "total") return summary.count.remaining;
+    if (sortKey === "review") return summary.count.status.review;
+    if (sortKey === "hold") return summary.count.status.hold;
+    if (sortKey === "online") return summary.users.length;
+    if (sortKey.startsWith("viewport:")) {
+      const viewportKey = sortKey.slice("viewport:".length);
+      return summary.count.viewport[viewportKey]?.remaining ?? 0;
+    }
+    return 0;
+  };
+  const sortSummaries = (summaries) => {
+    return [...summaries].sort((a, b) => {
+      const firstValue = getSortValue(a);
+      const secondValue = getSortValue(b);
+      const valueDiff = typeof firstValue === "string" && typeof secondValue === "string" ? firstValue.localeCompare(secondValue) : Number(firstValue) - Number(secondValue);
+      if (valueDiff !== 0) {
+        return sortDirection === "asc" ? valueDiff : -valueDiff;
+      }
+      const totalDiff = b.count.remaining - a.count.remaining;
+      if (totalDiff !== 0) return totalDiff;
+      return a.node.label.localeCompare(b.node.label);
+    });
+  };
+  const rows = [];
+  const appendSummaryRows = (summary, depth, ancestorLastList, isLastNode) => {
+    const { node } = summary;
+    const rowCount = node.isPage ? summary.directCount : summary.count;
+    const rowUsers = node.isPage ? summary.directUsers : summary.users;
     if (node.isPage || depth > 0) {
       const prefix = depth === 0 ? "" : `${ancestorLastList.map((isLast) => isLast ? "   " : "\u2502  ").join("")}${isLastNode ? "\u2514\u2500 " : "\u251C\u2500 "}`;
       const pageTarget = node.isPage ? getPageTarget(node.href) : null;
-      rowIndex = rows.length;
       rows.push({
         href: node.href,
         label: node.label,
         prefix,
         isPage: node.isPage,
         isActive: pageTarget === activeRoute,
-        qaCount: directCount,
-        users: directUsers
+        qaCount: rowCount,
+        users: rowUsers
       });
     }
-    const childAggregate = children.reduce(
-      (aggregate, child, childIndex) => {
-        const childResult = appendNodeRows(
-          child,
-          depth + 1,
-          depth === 0 ? [] : [...ancestorLastList, isLastNode],
-          childIndex === children.length - 1
-        );
-        return {
-          count: addSitemapQaCounts(aggregate.count, childResult.count),
-          users: mergeSitemapUsers([...aggregate.users, ...childResult.users])
-        };
-      },
-      { count: EMPTY_SITEMAP_QA_COUNT, users: [] }
-    );
-    if (rowIndex !== null && !node.isPage) {
-      rows[rowIndex] = {
-        ...rows[rowIndex],
-        qaCount: childAggregate.count,
-        users: childAggregate.users
-      };
-    }
-    return {
-      count: node.isPage ? addSitemapQaCounts(directCount, childAggregate.count) : childAggregate.count,
-      users: mergeSitemapUsers([...directUsers, ...childAggregate.users])
-    };
+    const visibleChildren = sortSummaries(summary.children);
+    visibleChildren.forEach((child, childIndex) => {
+      appendSummaryRows(
+        child,
+        depth + 1,
+        depth === 0 ? [] : [...ancestorLastList, isLastNode],
+        childIndex === visibleChildren.length - 1
+      );
+    });
   };
   if (root.isPage) {
     const directCount = getDirectCount(root);
@@ -3576,30 +4041,83 @@ var createSitemapRows = (pages, activeRoute, pageQaCounts, pagePresenceUsers, ge
       users: directUsers
     });
   }
-  Array.from(root.children.values()).forEach((node, index, siblings) => {
-    appendNodeRows(node, 1, [], index === siblings.length - 1);
+  const rootSummaries = sortSummaries(
+    Array.from(root.children.values()).map(createNodeSummary)
+  );
+  rootSummaries.forEach((summary, index, siblings) => {
+    appendSummaryRows(summary, 1, [], index === siblings.length - 1);
   });
   return rows;
 };
 
 // src/react-shell/sitemap/modal.tsx
 import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var getNextSortDirection = (current, key) => {
+  if (current.key !== key) return key === "page" ? "asc" : "desc";
+  return current.direction === "desc" ? "asc" : "desc";
+};
+var getSortIndicator = (sort, key) => {
+  if (sort.key !== key) return "";
+  return sort.direction === "desc" ? "\u2193" : "\u2191";
+};
+var mergePresenceUsers = (users) => {
+  const userByKey = /* @__PURE__ */ new Map();
+  users.forEach((user) => {
+    const key = user.sessionId || user.userId;
+    const currentUser = userByKey.get(key);
+    if (!currentUser || Date.parse(user.updatedAt) >= Date.parse(currentUser.updatedAt)) {
+      userByKey.set(key, user);
+    }
+  });
+  return Array.from(userByKey.values());
+};
 var SitemapModal = ({
   pages,
   activeRoute,
+  allQaCount,
+  isAllQaVisible,
   pageQaCounts,
   pagePresenceUsers,
   getPageTarget,
   onClose,
+  onSelectAllQa,
   onSelectPage
 }) => {
+  const [sort, setSort] = useState({
+    key: "total",
+    direction: "desc"
+  });
+  const allQaUsers = useMemo2(
+    () => mergePresenceUsers(Array.from(pagePresenceUsers.values()).flat()),
+    [pagePresenceUsers]
+  );
   const sitemapRows = createSitemapRows(
     pages,
     activeRoute,
     pageQaCounts,
     pagePresenceUsers,
-    getPageTarget
+    getPageTarget,
+    {
+      sortKey: sort.key,
+      sortDirection: sort.direction
+    }
   );
+  const gridStyle = {
+    "--df-review-sitemap-grid-template": "minmax(190px, 1fr) 74px 78px 64px minmax(108px, 160px)"
+  };
+  const sortHeaders = [
+    { key: "page", label: "", title: "Page", className: "is-page" },
+    { key: "total", label: "Total", title: "Remaining total" },
+    { key: "review", label: "Review" },
+    { key: "hold", label: "Hold" },
+    { key: "online", label: "Online", className: "is-online" }
+  ];
+  const setSortKey = (key) => {
+    setSort((current) => ({
+      key,
+      direction: getNextSortDirection(current, key)
+    }));
+  };
   return /* @__PURE__ */ jsxs3(
     "div",
     {
@@ -3623,48 +4141,65 @@ var SitemapModal = ({
               /* @__PURE__ */ jsx3("strong", { children: "Sitemap" }),
               /* @__PURE__ */ jsxs3("span", { children: [
                 pages.length,
-                " pages"
+                " pages \xB7 ",
+                allQaCount.remaining,
+                " remaining \xB7",
+                " ",
+                allQaCount.status.review,
+                " review \xB7 ",
+                allQaCount.status.hold,
+                " hold"
               ] })
             ] }),
             /* @__PURE__ */ jsx3("button", { "aria-label": "Close sitemap", type: "button", onClick: onClose, children: "x" })
           ] }),
-          /* @__PURE__ */ jsxs3("div", { className: "df-review-sitemap-list", children: [
-            /* @__PURE__ */ jsxs3("div", { className: "df-review-sitemap-table-head", "aria-hidden": "true", children: [
-              /* @__PURE__ */ jsx3("span", { children: "Page" }),
-              /* @__PURE__ */ jsx3("span", { children: "Local" }),
-              /* @__PURE__ */ jsx3("span", { children: "Remote" }),
-              /* @__PURE__ */ jsx3("span", { children: "Online" })
-            ] }),
+          /* @__PURE__ */ jsxs3("div", { className: "df-review-sitemap-list", style: gridStyle, children: [
+            /* @__PURE__ */ jsx3("div", { className: "df-review-sitemap-table-head", role: "row", children: sortHeaders.map((header) => /* @__PURE__ */ jsxs3(
+              "button",
+              {
+                "aria-label": `Sort sitemap by ${header.title ?? header.label}`,
+                className: [
+                  "df-review-sitemap-sort",
+                  header.className ?? "",
+                  sort.key === header.key ? "is-active" : ""
+                ].filter(Boolean).join(" "),
+                title: header.title ?? header.label,
+                type: "button",
+                onClick: () => setSortKey(header.key),
+                children: [
+                  /* @__PURE__ */ jsx3(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "df-review-sitemap-sort-indicator",
+                      children: getSortIndicator(sort, header.key)
+                    }
+                  ),
+                  /* @__PURE__ */ jsx3("span", { className: "df-review-sitemap-sort-label", children: header.label })
+                ]
+              },
+              header.key
+            )) }),
             sitemapRows.map((row) => {
               const rowClassName = [
                 "df-review-sitemap-row",
                 row.isPage ? "is-page" : "is-folder",
                 row.isActive ? "is-active" : ""
               ].filter(Boolean).join(" ");
-              const rowContent = /* @__PURE__ */ jsxs3(Fragment, { children: [
-                /* @__PURE__ */ jsxs3("span", { className: "df-review-sitemap-path", children: [
-                  /* @__PURE__ */ jsx3("span", { className: "df-review-sitemap-tree-prefix", children: row.prefix }),
-                  /* @__PURE__ */ jsx3("span", { children: row.label })
-                ] }),
-                /* @__PURE__ */ jsx3("span", { className: "df-review-sitemap-cell is-local", children: row.qaCount.local }),
-                /* @__PURE__ */ jsx3("span", { className: "df-review-sitemap-cell is-remote", children: row.qaCount.remote }),
-                /* @__PURE__ */ jsx3("span", { className: "df-review-sitemap-cell is-online", children: row.users.length > 0 ? /* @__PURE__ */ jsx3("span", { className: "df-review-sitemap-users", children: row.users.map((user) => /* @__PURE__ */ jsx3(
-                  "span",
-                  {
-                    className: "df-review-sitemap-user",
-                    style: {
-                      "--df-review-presence-color": user.color
-                    },
-                    children: user.userId
-                  },
-                  user.sessionId
-                )) }) : /* @__PURE__ */ jsx3("span", { className: "df-review-sitemap-online-empty", children: "0" }) })
-              ] });
+              const rowContent = /* @__PURE__ */ jsx3(
+                SitemapRowContent,
+                {
+                  label: row.label,
+                  prefix: row.prefix,
+                  qaCount: row.qaCount,
+                  users: row.users
+                }
+              );
               if (!row.isPage) {
                 return /* @__PURE__ */ jsx3(
                   "div",
                   {
-                    "aria-label": `${row.href} group / local ${row.qaCount.local} QA / remote ${row.qaCount.remote} QA / ${row.users.length} online`,
+                    "aria-label": `${row.href} group / ${row.qaCount.remaining} remaining / ${row.qaCount.status.review} review / ${row.qaCount.status.hold} hold / ${row.users.length} online`,
                     className: rowClassName,
                     role: "row",
                     children: rowContent
@@ -3675,7 +4210,7 @@ var SitemapModal = ({
               return /* @__PURE__ */ jsx3(
                 "button",
                 {
-                  "aria-label": `${row.href} / local ${row.qaCount.local} QA / remote ${row.qaCount.remote} QA / ${row.users.length} online`,
+                  "aria-label": `${row.href} / ${row.qaCount.remaining} remaining / ${row.qaCount.status.review} review / ${row.qaCount.status.hold} hold / ${row.users.length} online`,
                   className: rowClassName,
                   type: "button",
                   onClick: () => onSelectPage(row.href),
@@ -3683,25 +4218,102 @@ var SitemapModal = ({
                 },
                 row.href
               );
-            })
+            }),
+            /* @__PURE__ */ jsx3(
+              "button",
+              {
+                "aria-label": `All QA / ${allQaCount.remaining} remaining / ${allQaCount.status.review} review / ${allQaCount.status.hold} hold`,
+                className: `df-review-sitemap-row is-summary${isAllQaVisible ? " is-active" : ""}`,
+                type: "button",
+                onClick: onSelectAllQa,
+                children: /* @__PURE__ */ jsx3(
+                  SitemapRowContent,
+                  {
+                    label: "",
+                    prefix: "",
+                    qaCount: allQaCount,
+                    users: allQaUsers
+                  }
+                )
+              }
+            )
           ] })
         ] })
       ]
     }
   );
 };
+var SitemapRowContent = ({
+  label,
+  prefix,
+  qaCount,
+  users
+}) => /* @__PURE__ */ jsxs3(Fragment, { children: [
+  /* @__PURE__ */ jsxs3("span", { className: "df-review-sitemap-path", children: [
+    /* @__PURE__ */ jsx3("span", { className: "df-review-sitemap-tree-prefix", children: prefix }),
+    /* @__PURE__ */ jsx3("span", { className: "df-review-sitemap-label", children: label })
+  ] }),
+  /* @__PURE__ */ jsx3("span", { className: "df-review-sitemap-cell is-total", children: /* @__PURE__ */ jsx3("strong", { children: qaCount.remaining }) }),
+  /* @__PURE__ */ jsx3("span", { className: "df-review-sitemap-cell is-review", children: qaCount.status.review }),
+  /* @__PURE__ */ jsx3("span", { className: "df-review-sitemap-cell is-hold", children: qaCount.status.hold }),
+  /* @__PURE__ */ jsx3("span", { className: "df-review-sitemap-cell is-online", children: users.length > 0 ? /* @__PURE__ */ jsx3("span", { className: "df-review-sitemap-users", children: users.map((user) => /* @__PURE__ */ jsx3(
+    "span",
+    {
+      className: "df-review-sitemap-user",
+      style: {
+        "--df-review-presence-color": user.color
+      },
+      children: user.userId
+    },
+    user.sessionId
+  )) }) : null })
+] });
+
+// src/react-shell/figma.ts
+function getTargetFigmaFrameConfig(targetWindow) {
+  try {
+    const config = targetWindow?.__figma;
+    if (!config || typeof config !== "object") return null;
+    const desktopNodeId = normalizeFigmaNodeValue(config.desktopNodeId);
+    const mobileNodeId = normalizeFigmaNodeValue(config.mobileNodeId);
+    if (!desktopNodeId && !mobileNodeId) return null;
+    return {
+      desktopNodeId,
+      mobileNodeId
+    };
+  } catch {
+    return null;
+  }
+}
+function getFigmaFrameUrl(config, preset) {
+  if (!config) return null;
+  const kind = getViewportPresetKind(preset);
+  const value = kind === "mobile" ? config.mobileNodeId : config.desktopNodeId;
+  return value ? createFigmaFrameUrl(value) : null;
+}
+function normalizeFigmaNodeValue(value) {
+  return typeof value === "string" ? value.trim() || void 0 : void 0;
+}
+function createFigmaFrameUrl(value) {
+  const [fileKey, nodeId] = value.split("->").map((part) => part.trim());
+  if (!fileKey || !nodeId) return null;
+  const urlNodeId = encodeURIComponent(nodeId.replace(/:/g, "-"));
+  return `https://www.figma.com/design/${encodeURIComponent(
+    fileKey
+  )}?node-id=${urlNodeId}`;
+}
 
 // src/react-shell/qa/item.edit.modal.tsx
-import { useEffect, useState } from "react";
+import { useEffect, useState as useState2 } from "react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var QaItemEditModal = ({
   item,
   onClose,
   onSave
 }) => {
-  const [commentDraft, setCommentDraft] = useState(item.comment);
-  const [error, setError] = useState("");
-  const [isSaving, setIsSaving] = useState(false);
+  const [commentDraft, setCommentDraft] = useState2(item.comment);
+  const [error, setError] = useState2("");
+  const [isSaving, setIsSaving] = useState2(false);
   useEffect(() => {
     setCommentDraft(item.comment);
     setError("");
@@ -4053,88 +4665,6 @@ var ReviewItemModeIcon = ({
   return /* @__PURE__ */ jsx7(StickyNote, { "aria-hidden": "true" });
 };
 
-// src/react-shell/source.open.ts
-var SOURCE_SELECTOR = [
-  "[data-wrk-source-file]",
-  "[data-wrk-source-component]",
-  "[data-wrk-source-line]",
-  "[data-wrk-source-column]",
-  "[data-file]",
-  "[data-component]",
-  "[data-section-index]",
-  "[data-section-id]"
-].join(", ");
-var getSourceHintElement = (target) => {
-  return getEventElement(target)?.closest(SOURCE_SELECTOR) ?? null;
-};
-var getElementSourceHint = (target) => {
-  const sourceElement = getSourceHintElement(target);
-  if (!sourceElement) return void 0;
-  const source = {
-    component: getSourceAttribute(
-      sourceElement,
-      "data-wrk-source-component",
-      "data-component"
-    ),
-    file: getSourceAttribute(sourceElement, "data-wrk-source-file", "data-file"),
-    line: getSourceAttribute(sourceElement, "data-wrk-source-line"),
-    column: getSourceAttribute(sourceElement, "data-wrk-source-column"),
-    sectionId: getSourceAttribute(sourceElement, "data-section-id"),
-    sectionIndex: getSourceAttribute(sourceElement, "data-section-index")
-  };
-  return Object.values(source).some(Boolean) ? source : void 0;
-};
-var getSourceOpenUrl = (source, sourceRoot) => {
-  const file = source?.file?.trim();
-  if (!file) return null;
-  const sourcePath = getSourcePath(file, sourceRoot);
-  if (!sourcePath) return null;
-  const line = getSourcePosition(source?.line);
-  const column = getSourcePosition(source?.column);
-  const encodedPath = encodeURI(sourcePath).replace(
-    /[#?]/g,
-    (match) => match === "#" ? "%23" : "%3F"
-  );
-  return `vscode://file/${encodedPath}:${line}:${column}`;
-};
-var openSourceInEditor = (source, sourceRoot) => {
-  const url = getSourceOpenUrl(source, sourceRoot);
-  if (!url) return false;
-  window.open(url, "_blank", "noreferrer");
-  return true;
-};
-function getSourceAttribute(element, ...names) {
-  for (const name of names) {
-    const value = element.getAttribute(name)?.trim();
-    if (value) return value;
-  }
-  return void 0;
-}
-function getEventElement(target) {
-  if (!target || typeof target !== "object") return null;
-  const node = target;
-  if (node.nodeType === 1 && typeof node.closest === "function") {
-    return node;
-  }
-  if (node.parentElement && typeof node.parentElement.closest === "function") {
-    return node.parentElement;
-  }
-  return null;
-}
-function getSourcePath(file, sourceRoot) {
-  const normalizedFile = file.replace(/\\/g, "/");
-  if (normalizedFile.startsWith("/") || /^[a-zA-Z]:\//.test(normalizedFile)) {
-    return normalizedFile;
-  }
-  const normalizedRoot = sourceRoot?.trim().replace(/\\/g, "/").replace(/\/+$/, "");
-  if (!normalizedRoot) return null;
-  return `${normalizedRoot}/${normalizedFile.replace(/^\/+/, "")}`;
-}
-function getSourcePosition(value) {
-  const position = Number(value);
-  return Number.isInteger(position) && position > 0 ? position : 1;
-}
-
 // src/react-shell/qa/item.card.tsx
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var formatItemCardDate = (value) => {
@@ -4157,10 +4687,10 @@ var QaItemCard = ({
   remoteAdapterEntry,
   copiedPromptKey,
   selectedItemId,
-  sourceRoot,
   onChangeItemStatus,
   onClearSelectedItem,
   onRemoveItem,
+  onCopyItemLink,
   onCopyItemPrompt,
   onEditItem,
   onRestoreReviewItem,
@@ -4175,13 +4705,14 @@ var QaItemCard = ({
   const itemComment = item.comment.trim() || getItemTitle(item);
   const itemAuthor = item.createdBy?.trim();
   const promptCopyKey = `qa:${item.id}`;
+  const linkCopyKey = `link:${item.id}`;
   const isPromptCopied = copiedPromptKey === promptCopyKey;
+  const isLinkCopied = copiedPromptKey === linkCopyKey;
   const statusOptions = activeAdapterEntry.statusOptions;
   const isActive = item.id === selectedItemId;
   const canUpdateStatus = Boolean(activeAdapterEntry.updateStatus) && statusOptions.length > 0 && !isSubmitting;
   const canEditItem = activeAdapterEntry.canUpdate && !isSubmitting;
   const itemMeta = [formatItemCardDate(item.createdAt), itemAuthor].filter(Boolean).join(" | ");
-  const sourceOpenUrl = getSourceOpenUrl(item.anchor?.source, sourceRoot);
   return /* @__PURE__ */ jsxs6(
     "article",
     {
@@ -4233,27 +4764,15 @@ var QaItemCard = ({
                     children: isOverlayVisible ? /* @__PURE__ */ jsx8(Eye, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx8(EyeOff, { "aria-hidden": "true" })
                   }
                 ),
-                sourceOpenUrl && /* @__PURE__ */ jsx8(
-                  "a",
-                  {
-                    "aria-label": "Open source in VS Code",
-                    className: "df-review-item-source-open",
-                    href: sourceOpenUrl,
-                    rel: "noreferrer",
-                    target: "_blank",
-                    title: "Open source in VS Code",
-                    children: /* @__PURE__ */ jsx8(FileCodeCorner, { "aria-hidden": "true" })
-                  }
-                ),
                 /* @__PURE__ */ jsx8(
                   "button",
                   {
-                    "aria-label": isPromptCopied ? "Copied QA prompt" : "Copy QA prompt",
-                    className: `df-review-item-prompt-copy${isPromptCopied ? " is-copied" : ""}`,
-                    title: isPromptCopied ? "Copied QA prompt" : "Copy QA prompt",
+                    "aria-label": isLinkCopied ? "Copied QA link" : "Copy QA link",
+                    className: `df-review-item-link-copy${isLinkCopied ? " is-copied" : ""}`,
+                    title: isLinkCopied ? "Copied QA link" : "Copy QA link",
                     type: "button",
-                    onClick: () => onCopyItemPrompt(numberedItem),
-                    children: /* @__PURE__ */ jsx8(Copy, { "aria-hidden": "true" })
+                    onClick: () => onCopyItemLink(numberedItem),
+                    children: /* @__PURE__ */ jsx8(Link2, { "aria-hidden": "true" })
                   }
                 ),
                 canEditItem && /* @__PURE__ */ jsx8(
@@ -4291,6 +4810,24 @@ var QaItemCard = ({
               onChangeItemStatus
             }
           ),
+          /* @__PURE__ */ jsx8(
+            "div",
+            {
+              className: "df-review-item-prompt-actions",
+              onClick: (event) => event.stopPropagation(),
+              children: /* @__PURE__ */ jsx8(
+                "button",
+                {
+                  "aria-label": isPromptCopied ? "Copied QA prompt" : "Copy QA prompt",
+                  className: `df-review-item-action-button df-review-item-prompt-copy${isPromptCopied ? " is-copied" : ""}`,
+                  title: isPromptCopied ? "Copied QA prompt" : "Copy QA prompt",
+                  type: "button",
+                  onClick: () => onCopyItemPrompt(numberedItem),
+                  children: isPromptCopied ? /* @__PURE__ */ jsx8(Copy, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx8(Bot, { "aria-hidden": "true" })
+                }
+              )
+            }
+          ),
           /* @__PURE__ */ jsx8(
             QaItemRemoteActions,
             {
@@ -4309,81 +4846,57 @@ var QaItemCard = ({
   );
 };
 
-// src/react-shell/presence/row.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-var PresenceRow = ({
-  presenceSessionId,
-  users
-}) => {
-  if (users.length === 0) return null;
-  return /* @__PURE__ */ jsxs7("div", { "aria-label": "Review presence", className: "df-review-presence-row", children: [
-    /* @__PURE__ */ jsxs7("span", { className: "df-review-presence-label", children: [
-      /* @__PURE__ */ jsx9(Users, { "aria-hidden": "true" }),
-      "online ",
-      users.length
-    ] }),
-    /* @__PURE__ */ jsx9("div", { className: "df-review-presence-list", children: users.map((user) => /* @__PURE__ */ jsxs7(
-      "span",
-      {
-        className: `df-review-presence-chip${user.sessionId === presenceSessionId ? " is-self" : ""}`,
-        style: {
-          "--df-review-presence-color": user.color
-        },
-        children: [
-          /* @__PURE__ */ jsx9("span", { className: "df-review-presence-dot", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx9("span", { className: "df-review-presence-name", children: user.userId })
-        ]
-      },
-      user.sessionId
-    )) })
-  ] });
-};
-
 // src/react-shell/qa/panel.header.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var QaPanelHeader = ({
   activeItemCount,
-  currentPagePresenceUsers,
+  activeRemainingItemCount,
   filteredItemCount,
+  isAllQaVisible,
   label,
-  presenceSessionId,
   qaFilter,
   qaFilterCounts,
+  qaStatusFilter,
+  qaStatusFilterCounts,
   showSourceSelect,
   source,
   sourceEntries,
+  statusOptions,
   onChangeReviewSource,
   onQaFilterChange,
+  onQaStatusFilterChange,
   onRefreshReviewData
 }) => {
-  return /* @__PURE__ */ jsxs8("div", { className: "df-review-list-header", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "df-review-list-toolbar", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "df-review-list-controls", children: [
-        showSourceSelect && /* @__PURE__ */ jsx10(
+  const statusFilterOptions = getStatusFilterOptions(statusOptions);
+  const hasActiveFilter = qaFilter !== "all" || qaStatusFilter !== "all";
+  return /* @__PURE__ */ jsxs7("div", { className: "df-review-list-header", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "df-review-list-toolbar", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "df-review-list-controls", children: [
+        showSourceSelect && /* @__PURE__ */ jsx9(
           "select",
           {
             "aria-label": "QA source",
             className: "df-review-source-select",
             value: source,
             onChange: (event) => onChangeReviewSource(event.currentTarget.value),
-            children: sourceEntries.map((entry) => /* @__PURE__ */ jsx10("option", { value: entry.label, children: entry.label }, entry.label))
+            children: sourceEntries.map((entry) => /* @__PURE__ */ jsx9("option", { value: entry.label, children: entry.label }, entry.label))
           }
         ),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx9(
           "button",
           {
             "aria-label": "Refresh QA",
             className: "df-review-source-refresh",
             type: "button",
             onClick: () => void onRefreshReviewData(),
-            children: /* @__PURE__ */ jsx10(RefreshCw, { "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx9(RefreshCw, { "aria-hidden": "true" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsx10("div", { className: "df-review-filter-tabs", "aria-label": "QA filters", children: REVIEW_QA_FILTERS.map((filter) => {
+      /* @__PURE__ */ jsx9("div", { className: "df-review-filter-tabs", "aria-label": "QA filters", children: REVIEW_QA_FILTERS.map((filter) => {
         const count = qaFilterCounts.get(filter.key) ?? 0;
         const isActive = qaFilter === filter.key;
-        return /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsx9(
           "button",
           {
             "aria-label": `${filter.label} QA (${count})`,
@@ -4391,86 +4904,108 @@ var QaPanelHeader = ({
             className: `df-review-filter-tab${isActive ? " is-active" : ""}`,
             type: "button",
             onClick: () => onQaFilterChange(filter.key),
-            children: /* @__PURE__ */ jsx10("span", { className: "df-review-filter-icon", children: filter.scope ? /* @__PURE__ */ jsx10(ReviewScopeIcon, { scope: filter.scope }) : /* @__PURE__ */ jsx10(ListFilter, { "aria-hidden": "true" }) })
+            children: /* @__PURE__ */ jsx9("span", { className: "df-review-filter-icon", children: filter.scope ? /* @__PURE__ */ jsx9(ReviewScopeIcon, { scope: filter.scope }) : /* @__PURE__ */ jsx9(ListFilter, { "aria-hidden": "true" }) })
           },
           filter.key
         );
       }) })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { className: "df-review-list-title", children: [
-      /* @__PURE__ */ jsxs8("span", { children: [
-        label,
-        " QA"
-      ] }),
-      /* @__PURE__ */ jsxs8("strong", { children: [
-        filteredItemCount,
-        qaFilter === "all" ? "" : `/${activeItemCount}`
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx10(
-      PresenceRow,
-      {
-        presenceSessionId,
-        users: currentPagePresenceUsers
-      }
-    )
+    /* @__PURE__ */ jsxs7("div", { className: "df-review-list-title", children: [
+      /* @__PURE__ */ jsx9("span", { children: isAllQaVisible ? `${label} QA \xB7 All pages` : `${label} QA` }),
+      /* @__PURE__ */ jsx9("strong", { title: `${activeRemainingItemCount} remaining of ${activeItemCount}`, children: !hasActiveFilter ? `${activeRemainingItemCount}/${activeItemCount}` : `${filteredItemCount}/${activeItemCount}` }),
+      /* @__PURE__ */ jsxs7(
+        "select",
+        {
+          "aria-label": "QA status filter",
+          className: "df-review-status-filter-select",
+          value: qaStatusFilter,
+          onChange: (event) => onQaStatusFilterChange(
+            event.currentTarget.value
+          ),
+          children: [
+            /* @__PURE__ */ jsx9("option", { value: "all", children: `All status (${qaStatusFilterCounts.get("all") ?? 0})` }),
+            statusFilterOptions.map((statusOption) => /* @__PURE__ */ jsx9("option", { value: statusOption.value, children: `${statusOption.label} (${qaStatusFilterCounts.get(statusOption.value) ?? 0})` }, statusOption.value))
+          ]
+        }
+      )
+    ] })
   ] });
 };
+function getStatusFilterOptions(statusOptions) {
+  const seen = /* @__PURE__ */ new Set();
+  return statusOptions.flatMap((statusOption) => {
+    const value = normalizeReviewItemStatus(statusOption.value);
+    if (seen.has(value)) return [];
+    seen.add(value);
+    return [{
+      value,
+      label: statusOption.label
+    }];
+  });
+}
 
 // src/react-shell/qa/panel.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var ReviewQaPanel = ({
   activeAdapterEntry,
   activeItems,
-  currentPagePresenceUsers,
+  activeRemainingItemCount,
   currentPresetScope,
   filteredNumberedActiveItems,
   getItemPresetScope,
   hiddenOverlayItemIds,
+  isAllQaVisible,
   isListVisible,
   isRemoteSource,
-  presenceSessionId,
   copiedPromptKey,
   qaFilter,
   qaFilterCounts,
+  qaStatusFilter,
+  qaStatusFilterCounts,
   remoteAdapterEntry,
   selectedItemId,
   showSourceSelect,
-  sourceRoot,
   source,
   sourceEntries,
   onChangeItemStatus,
   onClearSelectedItem,
   onChangeReviewSource,
+  onCopyItemLink,
   onCopyItemPrompt,
   onEditItem,
   onQaFilterChange,
+  onQaStatusFilterChange,
   onRefreshReviewData,
   onRemoveItem,
   onRestoreReviewItem,
   onSubmitItem,
   onToggleItemOverlayVisibility
 }) => {
-  return /* @__PURE__ */ jsx11("aside", { className: "df-review-qa-panel", "aria-hidden": !isListVisible, children: /* @__PURE__ */ jsx11("div", { className: "df-review-panel-body", children: /* @__PURE__ */ jsxs9("section", { className: "df-review-item-list", children: [
-    /* @__PURE__ */ jsx11(
+  const emptyMessage = isAllQaVisible ? `No ${activeAdapterEntry.label} QA.` : isRemoteSource ? `No ${activeAdapterEntry.label} QA on this page.` : "No QA on this page.";
+  return /* @__PURE__ */ jsx10("aside", { className: "df-review-qa-panel", "aria-hidden": !isListVisible, children: /* @__PURE__ */ jsx10("div", { className: "df-review-panel-body", children: /* @__PURE__ */ jsxs8("section", { className: "df-review-item-list", children: [
+    /* @__PURE__ */ jsx10(
       QaPanelHeader,
       {
         activeItemCount: activeItems.length,
-        currentPagePresenceUsers,
+        activeRemainingItemCount,
         filteredItemCount: filteredNumberedActiveItems.length,
+        isAllQaVisible,
         label: activeAdapterEntry.label,
-        presenceSessionId,
         qaFilter,
         qaFilterCounts,
+        qaStatusFilter,
+        qaStatusFilterCounts,
         showSourceSelect,
         source,
         sourceEntries,
+        statusOptions: activeAdapterEntry.statusOptions,
         onChangeReviewSource,
         onQaFilterChange,
+        onQaStatusFilterChange,
         onRefreshReviewData
       }
     ),
-    /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsxs8(
       "div",
       {
         className: "df-review-list-scroll",
@@ -4480,11 +5015,11 @@ var ReviewQaPanel = ({
           }
         },
         children: [
-          activeItems.length === 0 && /* @__PURE__ */ jsx11("p", { className: "df-review-empty", children: isRemoteSource ? `No ${activeAdapterEntry.label} QA on this page.` : "No QA on this page." }),
-          activeItems.length > 0 && filteredNumberedActiveItems.length === 0 && /* @__PURE__ */ jsx11("p", { className: "df-review-empty", children: "No QA in this filter." }),
+          activeItems.length === 0 && /* @__PURE__ */ jsx10("p", { className: "df-review-empty", children: emptyMessage }),
+          activeItems.length > 0 && filteredNumberedActiveItems.length === 0 && /* @__PURE__ */ jsx10("p", { className: "df-review-empty", children: "No QA in this filter." }),
           filteredNumberedActiveItems.map((numberedItem) => {
             const { item } = numberedItem;
-            return /* @__PURE__ */ jsx11(
+            return /* @__PURE__ */ jsx10(
               QaItemCard,
               {
                 activeAdapterEntry,
@@ -4496,9 +5031,9 @@ var ReviewQaPanel = ({
                 remoteAdapterEntry,
                 copiedPromptKey,
                 selectedItemId,
-                sourceRoot,
                 onChangeItemStatus,
                 onClearSelectedItem,
+                onCopyItemLink,
                 onCopyItemPrompt,
                 onEditItem,
                 onRemoveItem,
@@ -4511,9 +5046,266 @@ var ReviewQaPanel = ({
           })
         ]
       }
-    )
-  ] }) }) });
+    )
+  ] }) }) });
+};
+
+// src/react-shell/presence/overlay.tsx
+import { useState as useState3 } from "react";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var COLLAPSED_USER_COUNT = 1;
+var getPresenceName = (user) => user.displayName || user.userId;
+var PresenceOverlay = ({
+  presenceSessionId,
+  users
+}) => {
+  const [isExpanded, setIsExpanded] = useState3(false);
+  if (users.length === 0) return null;
+  const visibleUsers = isExpanded ? users : users.slice(0, COLLAPSED_USER_COUNT);
+  const hiddenUserCount = users.length - visibleUsers.length;
+  return /* @__PURE__ */ jsxs9(
+    "div",
+    {
+      "aria-label": `Review presence, ${users.length} online`,
+      className: `df-review-presence-overlay${isExpanded ? " is-expanded" : ""}`,
+      children: [
+        visibleUsers.map((user) => /* @__PURE__ */ jsx11(
+          "span",
+          {
+            className: `df-review-presence-chip${user.sessionId === presenceSessionId ? " is-self" : ""}`,
+            style: {
+              "--df-review-presence-color": user.color
+            },
+            title: getPresenceName(user),
+            children: getPresenceName(user)
+          },
+          user.sessionId
+        )),
+        hiddenUserCount > 0 && /* @__PURE__ */ jsxs9(
+          "button",
+          {
+            "aria-label": `Show ${hiddenUserCount} more online reviewers`,
+            "aria-expanded": isExpanded,
+            className: "df-review-presence-more",
+            type: "button",
+            onClick: () => setIsExpanded(true),
+            children: [
+              "+",
+              hiddenUserCount
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/react-shell/source.open.ts
+var SOURCE_SELECTOR = [
+  "[data-wrk-source-file]",
+  "[data-wrk-source-component]",
+  "[data-wrk-source-line]",
+  "[data-wrk-source-column]",
+  "[data-file]",
+  "[data-component]",
+  "[data-section-index]",
+  "[data-section-id]"
+].join(", ");
+var getSourceCandidates = (target) => {
+  const startElement = getEventElement(target);
+  if (!startElement) return [];
+  const candidates = [];
+  const seen = /* @__PURE__ */ new Set();
+  let element = startElement;
+  let depth = 0;
+  while (element && element.nodeType === 1) {
+    const source = getSourceHintFromElement(element);
+    if (source?.file) {
+      const key = getSourceCandidateKey(source);
+      if (!seen.has(key)) {
+        seen.add(key);
+        candidates.push(createSourceCandidate(element, source, depth));
+      }
+    }
+    if (element === element.ownerDocument.documentElement) break;
+    element = element.parentElement;
+    depth += 1;
+  }
+  return candidates.slice(0, 8);
 };
+var getSourceOpenUrl = (source, options) => {
+  const normalizedOptions = normalizeSourceOpenOptions(options);
+  const file = source?.file?.trim();
+  if (!file) return null;
+  const sourcePath = getSourcePath(file, normalizedOptions.sourceRoot);
+  if (!sourcePath) return null;
+  const hasPosition = !normalizedOptions.omitPosition;
+  const line = hasPosition ? getSourcePosition(source?.line) : null;
+  const column = hasPosition ? getSourcePosition(source?.column) : null;
+  const editor = normalizedOptions.editor ?? "vscode";
+  if (normalizedOptions.urlTemplate) {
+    return buildSourceUrlFromTemplate(normalizedOptions.urlTemplate, {
+      column,
+      file,
+      line,
+      sourcePath,
+      sourceRoot: normalizedOptions.sourceRoot
+    });
+  }
+  if (editor === "webstorm") {
+    const params = new URLSearchParams({ file: sourcePath });
+    if (line) params.set("line", String(line));
+    if (column) params.set("column", String(column));
+    return `webstorm://open?${params.toString()}`;
+  }
+  if (editor === "custom") return null;
+  const encodedPath = encodePathForFileScheme(sourcePath);
+  const scheme = editor === "cursor" ? "cursor" : "vscode";
+  if (!line) return `${scheme}://file/${encodedPath}`;
+  if (!column) return `${scheme}://file/${encodedPath}:${line}`;
+  return `${scheme}://file/${encodedPath}:${line}:${column}`;
+};
+var openSourceInEditor = (source, options) => {
+  const url = getSourceOpenUrl(source, options);
+  if (!url) return false;
+  window.open(url, "_blank", "noreferrer");
+  return true;
+};
+function getSourceHintFromElement(element) {
+  const source = {
+    component: getSourceAttribute(
+      element,
+      "data-wrk-source-component",
+      "data-component"
+    ),
+    file: getSourceAttribute(element, "data-wrk-source-file", "data-file"),
+    line: getSourceAttribute(element, "data-wrk-source-line"),
+    column: getSourceAttribute(element, "data-wrk-source-column"),
+    sectionId: getSourceAttribute(element, "data-section-id"),
+    sectionIndex: getSourceAttribute(element, "data-section-index")
+  };
+  return Object.values(source).some(Boolean) ? source : void 0;
+}
+function createSourceCandidate(element, source, depth) {
+  const confidence = getSourceConfidence(source, depth);
+  const fileName = source.file?.split(/[\\/]/).pop() ?? source.file ?? "source";
+  const component = source.component?.trim();
+  const fallbackComponent = getComponentNameFromSourceFile(source.file);
+  const tag = element.tagName.toLowerCase();
+  const line = getSourcePosition(source.line);
+  const column = getSourcePosition(source.column);
+  const position = line ? `:${line}${column ? `:${column}` : ""}` : "";
+  return {
+    id: getSourceCandidateKey(source),
+    depth,
+    element,
+    filePath: getDisplaySourcePath(source.file) ?? fileName,
+    label: component || fallbackComponent || tag,
+    detail: `${fileName}${position}`,
+    positionLabel: line ? `${line}:${column ?? 1}` : "",
+    confidence,
+    confidenceLabel: confidence >= 0.82 ? "high" : confidence >= 0.58 ? "medium" : "low",
+    usesPosition: confidence >= 0.72 && Boolean(line),
+    source
+  };
+}
+function getComponentNameFromSourceFile(file) {
+  const normalizedFile = file?.trim().replace(/\\/g, "/");
+  if (!normalizedFile) return void 0;
+  const pathParts = normalizedFile.split("/").filter(Boolean);
+  const fileName = pathParts[pathParts.length - 1];
+  if (!fileName) return void 0;
+  const stem = fileName.replace(/\.[^.]+$/, "");
+  const sourceName = stem.toLowerCase() === "index" ? pathParts[pathParts.length - 2]?.replace(/\.[^.]+$/, "") : stem;
+  return toPascalCase2(sourceName);
+}
+function toPascalCase2(value) {
+  const words = value?.split(/[._\-\s]+/).map((part) => part.trim()).filter(Boolean);
+  if (!words?.length) return void 0;
+  return words.map((word) => `${word.charAt(0).toUpperCase()}${word.slice(1)}`).join("");
+}
+function getDisplaySourcePath(file) {
+  const normalizedFile = file?.trim().replace(/\\/g, "/");
+  if (!normalizedFile) return void 0;
+  const sourceRootMatch = normalizedFile.match(
+    /(?:^|\/)((?:dev\/)?src\/.+|app\/.+|pages\/.+|components\/.+)$/
+  );
+  return sourceRootMatch?.[1] ?? normalizedFile;
+}
+function getSourceCandidateKey(source) {
+  return [
+    source.file,
+    source.component,
+    source.line,
+    source.column,
+    source.sectionId,
+    source.sectionIndex
+  ].filter(Boolean).join("|");
+}
+function getSourceConfidence(source, depth) {
+  let score = source.file ? 0.54 : 0.12;
+  if (source.component) score += 0.12;
+  if (getSourcePosition(source.line)) score += 0.22;
+  if (getSourcePosition(source.column)) score += 0.08;
+  if (source.sectionId || source.sectionIndex) score += 0.04;
+  score -= Math.min(depth, 5) * 0.045;
+  return Math.max(0.1, Math.min(1, Number(score.toFixed(2))));
+}
+function normalizeSourceOpenOptions(options) {
+  return typeof options === "string" ? { sourceRoot: options } : options ?? {};
+}
+function buildSourceUrlFromTemplate(template, values) {
+  const replacements = {
+    column: values.column ? String(values.column) : "",
+    encodedPath: encodeURIComponent(values.sourcePath),
+    file: values.file,
+    line: values.line ? String(values.line) : "",
+    path: values.sourcePath,
+    sourceRoot: values.sourceRoot ?? "",
+    uriPath: encodePathForFileScheme(values.sourcePath)
+  };
+  return template.replace(
+    /\{([a-zA-Z]+)\}/g,
+    (_, key) => replacements[key] ?? ""
+  );
+}
+function getSourceAttribute(element, ...names) {
+  for (const name of names) {
+    const value = element.getAttribute(name)?.trim();
+    if (value) return value;
+  }
+  return void 0;
+}
+function getEventElement(target) {
+  if (!target || typeof target !== "object") return null;
+  const node = target;
+  if (node.nodeType === 1 && typeof node.closest === "function") {
+    return node;
+  }
+  if (node.parentElement && typeof node.parentElement.closest === "function") {
+    return node.parentElement;
+  }
+  return null;
+}
+function getSourcePath(file, sourceRoot) {
+  const normalizedFile = file.replace(/\\/g, "/");
+  if (normalizedFile.startsWith("/") || /^[a-zA-Z]:\//.test(normalizedFile)) {
+    return normalizedFile;
+  }
+  const normalizedRoot = sourceRoot?.trim().replace(/\\/g, "/").replace(/\/+$/, "");
+  if (!normalizedRoot) return null;
+  return `${normalizedRoot}/${normalizedFile.replace(/^\/+/, "")}`;
+}
+function getSourcePosition(value) {
+  const position = Number(value);
+  return Number.isInteger(position) && position > 0 ? position : null;
+}
+function encodePathForFileScheme(path) {
+  return encodeURI(path).replace(
+    /[#?]/g,
+    (match) => match === "#" ? "%23" : "%3F"
+  );
+}
 
 // src/react-shell/review/mode.toolbar.tsx
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
@@ -4693,6 +5485,7 @@ var ReviewTargetFrame = ({
   canWriteArea,
   canWriteDom,
   frameScrollRef,
+  figmaFrameUrl,
   iframeRef,
   isRulerAvailable,
   isRulerDragging,
@@ -4711,8 +5504,9 @@ var ReviewTargetFrame = ({
   onSetReviewMode
 }) => {
   const showRuler = isRulerVisible && isRulerAvailable;
+  const targetHref = getTargetOpenHref(targetSrc);
   return /* @__PURE__ */ jsx15("main", { className: "df-review-stage", children: /* @__PURE__ */ jsxs13("div", { className: "df-review-frame", children: [
-    /* @__PURE__ */ jsx15("div", { className: "df-review-frame-scroll", ref: frameScrollRef, children: /* @__PURE__ */ jsx15("div", { className: "df-review-frame-canvas", children: /* @__PURE__ */ jsxs13(
+    /* @__PURE__ */ jsx15("div", { className: "df-review-frame-scroll", ref: frameScrollRef, children: /* @__PURE__ */ jsx15("div", { className: "df-review-frame-canvas", children: /* @__PURE__ */ jsx15("div", { className: "df-review-target-stack", children: /* @__PURE__ */ jsxs13(
       "div",
       {
         className: `df-review-device-frame${showRuler ? " is-ruler" : ""}`,
@@ -4764,10 +5558,36 @@ var ReviewTargetFrame = ({
                 )
               ]
             }
-          )
+          ),
+          /* @__PURE__ */ jsxs13("div", { className: "df-review-frame-link-stack", children: [
+            /* @__PURE__ */ jsx15(
+              "a",
+              {
+                "aria-label": "Open target page",
+                className: "df-review-frame-link is-target",
+                href: targetHref,
+                rel: "noreferrer",
+                target: "_blank",
+                title: "Open target page",
+                children: /* @__PURE__ */ jsx15(ExternalLink, { "aria-hidden": "true" })
+              }
+            ),
+            figmaFrameUrl && /* @__PURE__ */ jsx15(
+              "a",
+              {
+                "aria-label": "Open Figma frame",
+                className: "df-review-frame-link is-figma",
+                href: figmaFrameUrl,
+                rel: "noreferrer",
+                target: "_blank",
+                title: "Open Figma frame",
+                children: /* @__PURE__ */ jsx15(FigmaIcon, {})
+              }
+            )
+          ] })
         ]
       }
-    ) }) }),
+    ) }) }) }),
     /* @__PURE__ */ jsx15("div", { className: "df-review-frame-actions", children: /* @__PURE__ */ jsx15(
       ReviewModeToolbar,
       {
@@ -4779,6 +5599,20 @@ var ReviewTargetFrame = ({
     ) })
   ] }) });
 };
+function getTargetOpenHref(targetSrc) {
+  const url = new URL(targetSrc, window.location.origin);
+  url.searchParams.delete("__dfwr_target");
+  return `${url.pathname}${url.search}${url.hash}`;
+}
+var FigmaIcon = () => /* @__PURE__ */ jsx15(
+  "svg",
+  {
+    "aria-hidden": "true",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx15("path", { d: "M15.852 8.981h-4.588V0h4.588c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.491-4.49 4.491zM12.735 7.51h3.117c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0 1.471H8.148c-2.476 0-4.49-2.014-4.49-4.49S5.672 0 8.148 0h4.588v8.981zm-4.587-7.51c-1.665 0-3.019 1.355-3.019 3.019s1.354 3.02 3.019 3.02h3.117V1.471H8.148zm4.587 15.019H8.148c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h4.588v8.98zM8.148 8.981c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h3.117V8.981H8.148zM8.172 24c-2.489 0-4.515-2.014-4.515-4.49s2.014-4.49 4.49-4.49h4.588v4.441C12.735 21.964 10.688 24 8.172 24zm-.024-7.51a3.023 3.023 0 0 0-3.019 3.019c0 1.665 1.365 3.019 3.044 3.019 1.705 0 3.093-1.376 3.093-3.068v-2.97H8.148zm7.704 0h-.098c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h.098c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.49-4.49 4.49zm-.097-7.509c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h.098c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-.098z" })
+  }
+);
 
 // src/react-shell/topbar.tsx
 import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
@@ -4897,6 +5731,7 @@ var ReviewTopbar = ({
             "aria-disabled": !isFigmaOverlayAvailable,
             "aria-label": isFigmaOverlayAvailable ? "Toggle Figma overlay" : FIGMA_OVERLAY_UNAVAILABLE_MESSAGE,
             className: `df-review-overlay-button is-figma${targetOverlayState.figma ? " is-active" : ""}${isFigmaOverlayAvailable ? "" : " is-disabled"}`,
+            disabled: !isFigmaOverlayAvailable,
             type: "button",
             onClick: () => onToggleTargetOverlay("figma"),
             children: /* @__PURE__ */ jsx16(Image, { "aria-hidden": "true" })
@@ -4954,6 +5789,47 @@ function runWithAutoScrollBehavior(targetDocument, callback) {
     });
   }
 }
+var RESTORE_WAIT_MAX_MS = 2600;
+var RESTORE_STABLE_FRAME_COUNT = 2;
+var waitForNextAnimationFrame = (targetWindow) => new Promise((resolve) => {
+  targetWindow.requestAnimationFrame(() => resolve());
+});
+var getRestoreLayoutSnapshot = (targetDocument, anchorElement) => {
+  const root = targetDocument.documentElement;
+  const body = targetDocument.body;
+  const anchorRect = anchorElement?.getBoundingClientRect();
+  return [
+    root.scrollWidth,
+    root.scrollHeight,
+    body?.scrollWidth ?? 0,
+    body?.scrollHeight ?? 0,
+    anchorRect ? Math.round(anchorRect.left) : -1,
+    anchorRect ? Math.round(anchorRect.top) : -1,
+    anchorRect ? Math.round(anchorRect.width) : -1,
+    anchorRect ? Math.round(anchorRect.height) : -1
+  ].join(":");
+};
+var waitForRestoreAnchor = async (targetWindow, targetDocument, item, isCurrent) => {
+  const startedAt = targetWindow.performance.now();
+  let previousSnapshot = "";
+  let stableFrameCount = 0;
+  while (isCurrent() && targetWindow.performance.now() - startedAt < RESTORE_WAIT_MAX_MS) {
+    const anchorElement = queryReviewItemAnchorElement(targetDocument, item);
+    const snapshot = getRestoreLayoutSnapshot(targetDocument, anchorElement);
+    const canRestore = item.anchor ? Boolean(anchorElement) : true;
+    if (snapshot === previousSnapshot) {
+      stableFrameCount += 1;
+    } else {
+      stableFrameCount = 0;
+    }
+    if (canRestore && stableFrameCount >= RESTORE_STABLE_FRAME_COUNT) {
+      return anchorElement;
+    }
+    previousSnapshot = snapshot;
+    await waitForNextAnimationFrame(targetWindow);
+  }
+  return queryReviewItemAnchorElement(targetDocument, item);
+};
 var useReviewItemRestore = ({
   adapter,
   controllerRef,
@@ -4984,14 +5860,20 @@ var useReviewItemRestore = ({
     selectedItemIdRef
   ]);
   const applyItemScroll = useCallback(
-    (item) => {
-      if (selectedItemIdRef.current !== item.id) return;
+    async (item) => {
+      if (selectedItemIdRef.current !== item.id) return false;
       const targetWindow = iframeRef.current?.contentWindow;
       const targetDocument = iframeRef.current?.contentDocument;
-      if (!targetWindow) return;
-      const anchorElement = targetDocument ? queryReviewItemAnchorElement(targetDocument, item) : void 0;
-      runWithAutoScrollBehavior(targetDocument ?? void 0, () => {
-        if (!targetDocument) return;
+      if (!targetWindow || !targetDocument) return false;
+      const isCurrentRestore = () => selectedItemIdRef.current === item.id && iframeRef.current?.contentDocument === targetDocument;
+      const anchorElement = await waitForRestoreAnchor(
+        targetWindow,
+        targetDocument,
+        item,
+        isCurrentRestore
+      );
+      if (!isCurrentRestore()) return false;
+      runWithAutoScrollBehavior(targetDocument, () => {
         setDocumentScrollInstantly(
           targetWindow,
           targetDocument,
@@ -5005,14 +5887,18 @@ var useReviewItemRestore = ({
       });
       onSyncTargetViewport();
       controllerRef.current?.highlightItem(item.id);
+      return true;
     },
     [controllerRef, iframeRef, onSyncTargetViewport, selectedItemIdRef]
   );
   const applyPendingRestore = useCallback(() => {
     const item = pendingRestoreRef.current;
     if (!item) return;
-    applyItemScroll(item);
-    pendingRestoreRef.current = null;
+    void applyItemScroll(item).then((didApply) => {
+      if (didApply && pendingRestoreRef.current?.id === item.id) {
+        pendingRestoreRef.current = null;
+      }
+    });
   }, [applyItemScroll, pendingRestoreRef]);
   const restoreReviewItem = useCallback(
     (item) => {
@@ -5227,6 +6113,7 @@ var useReviewKitLifecycle = ({
   reviewUserId,
   reviewViewportPresets,
   ruler,
+  adjustmentLabel,
   sizeRef,
   targetRef,
   onApplyPendingRestore,
@@ -5279,6 +6166,7 @@ var useReviewKitLifecycle = ({
         presets: reviewViewportPresets
       },
       ruler,
+      adjustmentLabel,
       onCreateItem,
       onRestoreItem: onRestoreReviewItem,
       onItemsChange: () => {
@@ -5298,8 +6186,7 @@ var useReviewKitLifecycle = ({
     controllerRef.current.setHiddenItemIds(hiddenOverlayItemIdListRef.current);
     onModeChange(controllerRef.current.getMode());
     void onItemsRefresh();
-    void onRestoreInitialItem();
-    onApplyPendingRestore();
+    void onRestoreInitialItem().then(onApplyPendingRestore);
     onRefreshTargetOverlayState();
     setTargetScrollbarHidden(
       targetDocument,
@@ -5330,6 +6217,7 @@ var useReviewKitLifecycle = ({
     reviewUserId,
     reviewViewportPresets,
     ruler,
+    adjustmentLabel,
     sizeRef,
     targetRef
   ]);
@@ -5535,6 +6423,7 @@ var useReviewController = ({
   reviewUserId,
   reviewViewportPresets,
   ruler,
+  adjustmentLabel,
   selectedItemIdRef,
   size,
   sizeRef,
@@ -5623,6 +6512,7 @@ var useReviewController = ({
     reviewUserId,
     reviewViewportPresets,
     ruler,
+    adjustmentLabel,
     sizeRef,
     targetRef,
     onApplyPendingRestore: applyPendingRestore,
@@ -5653,9 +6543,9 @@ var useReviewController = ({
 import {
   useCallback as useCallback6,
   useEffect as useEffect5,
-  useMemo as useMemo2,
+  useMemo as useMemo3,
   useRef,
-  useState as useState2
+  useState as useState4
 } from "react";
 
 // src/react-shell/presence/presence.ts
@@ -5872,9 +6762,9 @@ var useReviewPresence = ({
   source
 }) => {
   const presenceSessionRef = useRef(null);
-  const [presenceUsers, setPresenceUsers] = useState2([]);
-  const [presenceSessionVersion, setPresenceSessionVersion] = useState2(0);
-  const presenceSessionId = useMemo2(getReviewPresenceSessionId, []);
+  const [presenceUsers, setPresenceUsers] = useState4([]);
+  const [presenceSessionVersion, setPresenceSessionVersion] = useState4(0);
+  const presenceSessionId = useMemo3(getReviewPresenceSessionId, []);
   const normalizedReviewUserId = reviewUserId.trim();
   const presenceDisplayName = getReviewPresenceDisplayName(
     normalizedReviewUserId
@@ -5882,7 +6772,7 @@ var useReviewPresence = ({
   const presenceColor = getReviewPresenceColor(
     normalizedReviewUserId || presenceSessionId
   );
-  const presenceViewport = useMemo2(
+  const presenceViewport = useMemo3(
     () => ({
       label: size.label,
       width: size.width,
@@ -5892,7 +6782,7 @@ var useReviewPresence = ({
     [size]
   );
   const presenceStatus = mode === "idle" ? "reviewing" : "editing";
-  const visiblePresenceUsers = useMemo2(
+  const visiblePresenceUsers = useMemo3(
     () => {
       const projectPresenceUsers = presenceUsers.filter(
         (user) => user.projectId === projectId && user.userId.trim()
@@ -5904,14 +6794,14 @@ var useReviewPresence = ({
     },
     [presenceUsers, projectId, reviewPathPrefix]
   );
-  const currentPagePresenceUsers = useMemo2(
+  const currentPagePresenceUsers = useMemo3(
     () => visiblePresenceUsers.filter((user) => {
       const userTarget = getPresenceUserTarget(user, reviewPathPrefix);
       return userTarget === activeRoute;
     }),
     [activeRoute, reviewPathPrefix, visiblePresenceUsers]
   );
-  const pagePresenceUsers = useMemo2(() => {
+  const pagePresenceUsers = useMemo3(() => {
     const usersByTarget = /* @__PURE__ */ new Map();
     visiblePresenceUsers.forEach((user) => {
       const userTarget = getPresenceUserTarget(user, reviewPathPrefix);
@@ -6024,16 +6914,16 @@ var useReviewPresence = ({
 import {
   useCallback as useCallback8,
   useEffect as useEffect7,
-  useState as useState4
+  useState as useState6
 } from "react";
 
 // src/react-shell/hooks/use.review.ruler.drag.ts
 import {
   useCallback as useCallback7,
   useEffect as useEffect6,
-  useMemo as useMemo3,
+  useMemo as useMemo4,
   useRef as useRef2,
-  useState as useState3
+  useState as useState5
 } from "react";
 
 // src/react-shell/ruler/ruler.ts
@@ -6067,11 +6957,11 @@ var useReviewRulerDrag = ({
   const rulerDragRectRef = useRef2(null);
   const isRulerDraggingRef = useRef2(false);
   const sizeRef = useRef2(size);
-  const [rulerStart, setRulerStart] = useState3(null);
-  const [rulerPoint, setRulerPoint] = useState3(null);
-  const [rulerHover, setRulerHover] = useState3(null);
-  const [isRulerDragging, setIsRulerDragging] = useState3(false);
-  const rulerMeasure = useMemo3(
+  const [rulerStart, setRulerStart] = useState5(null);
+  const [rulerPoint, setRulerPoint] = useState5(null);
+  const [rulerHover, setRulerHover] = useState5(null);
+  const [isRulerDragging, setIsRulerDragging] = useState5(false);
+  const rulerMeasure = useMemo4(
     () => getRulerMeasure(rulerStart, rulerPoint),
     [rulerPoint, rulerStart]
   );
@@ -6240,7 +7130,7 @@ var useReviewRuler = ({
   onCancelReviewMode,
   onCloseTransientPanels
 }) => {
-  const [isRulerVisible, setIsRulerVisible] = useState4(false);
+  const [isRulerVisible, setIsRulerVisible] = useState6(false);
   const isRulerAvailable = ruler?.enabled !== false && typeof size.designWidth === "number" && size.designWidth > 0;
   const rulerUnit = ruler?.unit ?? "px";
   const rulerScaleX = isRulerAvailable && size.designWidth ? size.width / size.designWidth : 1;
@@ -6300,25 +7190,25 @@ var useReviewRuler = ({
 };
 
 // src/react-shell/hooks/use.review.settings.ts
-import { useCallback as useCallback9, useEffect as useEffect8, useState as useState5 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect8, useState as useState7 } from "react";
 var useReviewSettings = ({
   onCancelReviewMode,
   onCloseInitialPrompt,
   onCloseSitemap,
   onReloadTargetFrame
 }) => {
-  const [figmaTokenDraft, setFigmaTokenDraft] = useState5(getStoredFigmaToken);
-  const [reviewUserId, setReviewUserId] = useState5(getStoredReviewUserId);
-  const [reviewUserIdDraft, setReviewUserIdDraft] = useState5(
+  const [figmaTokenDraft, setFigmaTokenDraft] = useState7(getStoredFigmaToken);
+  const [reviewUserId, setReviewUserId] = useState7(getStoredReviewUserId);
+  const [reviewUserIdDraft, setReviewUserIdDraft] = useState7(
     getStoredReviewUserId
   );
-  const [reviewTheme, setReviewTheme] = useState5(getStoredReviewTheme);
-  const [reviewThemeDraft, setReviewThemeDraft] = useState5(getStoredReviewTheme);
-  const [systemReviewTheme, setSystemReviewTheme] = useState5(getSystemReviewTheme);
-  const [figmaSettingsStatus, setFigmaSettingsStatus] = useState5("");
-  const [isFigmaSettingsOpen, setIsFigmaSettingsOpen] = useState5(false);
-  const [isFigmaTokenVisible, setIsFigmaTokenVisible] = useState5(false);
-  const [isFigmaTokenGuideOpen, setIsFigmaTokenGuideOpen] = useState5(false);
+  const [reviewTheme, setReviewTheme] = useState7(getStoredReviewTheme);
+  const [reviewThemeDraft, setReviewThemeDraft] = useState7(getStoredReviewTheme);
+  const [systemReviewTheme, setSystemReviewTheme] = useState7(getSystemReviewTheme);
+  const [figmaSettingsStatus, setFigmaSettingsStatus] = useState7("");
+  const [isFigmaSettingsOpen, setIsFigmaSettingsOpen] = useState7(false);
+  const [isFigmaTokenVisible, setIsFigmaTokenVisible] = useState7(false);
+  const [isFigmaTokenGuideOpen, setIsFigmaTokenGuideOpen] = useState7(false);
   const effectiveReviewTheme = reviewTheme === "system" ? systemReviewTheme : reviewTheme;
   const closeFigmaSettings = useCallback9(() => {
     setIsFigmaSettingsOpen(false);
@@ -6420,13 +7310,12 @@ var useReviewSettings = ({
 };
 
 // src/react-shell/hooks/use.review.shell.data.ts
-import { useCallback as useCallback10, useMemo as useMemo4, useState as useState6 } from "react";
-var createEmptySitemapQaCount = () => ({
-  local: 0,
-  remote: 0
-});
+import { useCallback as useCallback10, useMemo as useMemo5, useState as useState8 } from "react";
+var SITEMAP_STATUS_DONE = "done";
 var useReviewShellData = ({
   activeRoute,
+  isAllQaVisible,
+  isRemoteSource,
   pages,
   reviewPathPrefix,
   reviewViewportPresets,
@@ -6435,59 +7324,112 @@ var useReviewShellData = ({
   target,
   viewportPresets
 }) => {
-  const [items, setItems] = useState6([]);
-  const [hiddenOverlayItemIds, setHiddenOverlayItemIds] = useState6(
+  const [items, setItems] = useState8([]);
+  const [hiddenOverlayItemIds, setHiddenOverlayItemIds] = useState8(
     () => /* @__PURE__ */ new Set()
   );
-  const [qaFilter, setQaFilter] = useState6("all");
-  const [sitemapItems, setSitemapItems] = useState6(() => ({
+  const [qaFilter, setQaFilter] = useState8("all");
+  const [qaStatusFilter, setQaStatusFilter] = useState8("all");
+  const [sitemapItems, setSitemapItems] = useState8(() => ({
     local: [],
     remote: []
   }));
-  const targetSrc = useMemo4(() => buildTargetSrc(target), [target]);
-  const pageTargets = useMemo4(
+  const targetSrc = useMemo5(() => buildTargetSrc(target), [target]);
+  const pageTargets = useMemo5(
     () => new Set(
       pages.map((page) => normalizeTarget(page.href, reviewPathPrefix))
     ),
     [pages, reviewPathPrefix]
   );
-  const activeItems = useMemo4(
-    () => items.filter((item) => getItemTarget(item, reviewPathPrefix) === activeRoute).sort((a, b) => b.createdAt.localeCompare(a.createdAt)),
-    [activeRoute, items, reviewPathPrefix]
+  const sitemapSourceItems = useMemo5(
+    () => isRemoteSource ? sitemapItems.remote : sitemapItems.local,
+    [isRemoteSource, sitemapItems]
   );
-  const numberedActiveItems = useMemo4(
+  const activeItems = useMemo5(
+    () => {
+      const sourceItems = isAllQaVisible ? sitemapSourceItems : items.filter(
+        (item) => getItemTarget(item, reviewPathPrefix) === activeRoute
+      );
+      return [...sourceItems].sort(
+        (a, b) => b.createdAt.localeCompare(a.createdAt)
+      );
+    },
+    [activeRoute, isAllQaVisible, items, reviewPathPrefix, sitemapSourceItems]
+  );
+  const numberedActiveItems = useMemo5(
     () => getNumberedReviewItems(activeItems, reviewViewportPresets),
     [activeItems, reviewViewportPresets]
   );
-  const filteredNumberedActiveItems = useMemo4(
+  const scopeFilteredNumberedActiveItems = useMemo5(
     () => qaFilter === "all" ? numberedActiveItems : numberedActiveItems.filter(
       (numberedItem) => numberedItem.scope === qaFilter
     ),
     [numberedActiveItems, qaFilter]
   );
-  const hiddenOverlayItemIdList = useMemo4(
+  const statusFilteredNumberedActiveItems = useMemo5(
+    () => qaStatusFilter === "all" ? numberedActiveItems : numberedActiveItems.filter(
+      (numberedItem) => normalizeReviewItemStatus(numberedItem.item.status) === qaStatusFilter
+    ),
+    [numberedActiveItems, qaStatusFilter]
+  );
+  const filteredNumberedActiveItems = useMemo5(
+    () => qaStatusFilter === "all" ? scopeFilteredNumberedActiveItems : scopeFilteredNumberedActiveItems.filter(
+      (numberedItem) => normalizeReviewItemStatus(numberedItem.item.status) === qaStatusFilter
+    ),
+    [qaStatusFilter, scopeFilteredNumberedActiveItems]
+  );
+  const hiddenOverlayItemIdList = useMemo5(
     () => Array.from(hiddenOverlayItemIds),
     [hiddenOverlayItemIds]
   );
-  const qaFilterCounts = useMemo4(() => {
+  const qaFilterCounts = useMemo5(() => {
     const counts = /* @__PURE__ */ new Map();
-    counts.set("all", numberedActiveItems.length);
-    numberedActiveItems.forEach((numberedItem) => {
+    counts.set("all", statusFilteredNumberedActiveItems.length);
+    statusFilteredNumberedActiveItems.forEach((numberedItem) => {
       counts.set(numberedItem.scope, (counts.get(numberedItem.scope) ?? 0) + 1);
     });
     return counts;
-  }, [numberedActiveItems]);
-  const getItemPresetScope = useCallback10(
-    (item) => getViewportPresetKind(
-      findViewportPreset(
-        viewportPresets,
-        item.viewport?.width ?? 0,
-        item.viewport?.height ?? 0
-      )
+  }, [statusFilteredNumberedActiveItems]);
+  const qaStatusFilterCounts = useMemo5(() => {
+    const counts = /* @__PURE__ */ new Map();
+    counts.set("all", scopeFilteredNumberedActiveItems.length);
+    scopeFilteredNumberedActiveItems.forEach((numberedItem) => {
+      const status = normalizeReviewItemStatus(numberedItem.item.status);
+      counts.set(status, (counts.get(status) ?? 0) + 1);
+    });
+    return counts;
+  }, [scopeFilteredNumberedActiveItems]);
+  const getItemPreset = useCallback10(
+    (item) => findViewportPreset(
+      viewportPresets,
+      item.viewport?.width ?? 0,
+      item.viewport?.height ?? 0
     ),
     [viewportPresets]
   );
-  const presetScopeCounts = useMemo4(() => {
+  const getItemPresetScope = useCallback10(
+    (item) => getViewportPresetKind(getItemPreset(item)),
+    [getItemPreset]
+  );
+  const getItemPresetColumn = useCallback10(
+    (item) => {
+      const preset = getItemPreset(item);
+      const presetIndex = Math.max(0, viewportPresets.indexOf(preset));
+      return createSitemapViewportColumn(preset, presetIndex);
+    },
+    [getItemPreset, viewportPresets]
+  );
+  const getItemCountScope = useCallback10(
+    (item) => item.scope === "dom" ? "dom" : getItemPresetScope(item),
+    [getItemPresetScope]
+  );
+  const activeRemainingItemCount = useMemo5(
+    () => activeItems.filter(
+      (item) => normalizeReviewItemStatus(item.status) !== SITEMAP_STATUS_DONE
+    ).length,
+    [activeItems]
+  );
+  const presetScopeCounts = useMemo5(() => {
     const counts = /* @__PURE__ */ new Map();
     activeItems.forEach((item) => {
       const scope = getItemPresetScope(item);
@@ -6496,7 +7438,7 @@ var useReviewShellData = ({
     return counts;
   }, [activeItems, getItemPresetScope]);
   const currentPresetScope = getViewportPresetKind(size);
-  const pageQaCounts = useMemo4(() => {
+  const pageQaCounts = useMemo5(() => {
     const counts = /* @__PURE__ */ new Map();
     const addItems = (sourceKey, sourceItems) => {
       sourceItems.forEach((item) => {
@@ -6504,16 +7446,48 @@ var useReviewShellData = ({
           getItemTarget(item, reviewPathPrefix),
           reviewPathPrefix
         );
-        const count = counts.get(pageTarget) ?? createEmptySitemapQaCount();
-        count[sourceKey] += 1;
-        counts.set(pageTarget, count);
+        const currentCount = counts.get(pageTarget) ?? createEmptySitemapQaCount();
+        const status = normalizeReviewItemStatus(item.status);
+        const scope = getItemCountScope(item);
+        const viewportColumn = getItemPresetColumn(item);
+        const currentViewportCount = currentCount.viewport[viewportColumn.key] ?? { total: 0, remaining: 0 };
+        const isRemaining = status !== SITEMAP_STATUS_DONE;
+        counts.set(pageTarget, {
+          ...currentCount,
+          total: currentCount.total + 1,
+          remaining: isRemaining ? currentCount.remaining + 1 : currentCount.remaining,
+          local: currentCount.local + (sourceKey === "local" ? 1 : 0),
+          remote: currentCount.remote + (sourceKey === "remote" ? 1 : 0),
+          status: {
+            ...currentCount.status,
+            [status]: currentCount.status[status] + 1
+          },
+          scope: {
+            ...currentCount.scope,
+            [scope]: (currentCount.scope[scope] ?? 0) + 1
+          },
+          viewport: {
+            ...currentCount.viewport,
+            [viewportColumn.key]: {
+              total: currentViewportCount.total + 1,
+              remaining: isRemaining ? currentViewportCount.remaining + 1 : currentViewportCount.remaining
+            }
+          }
+        });
       });
     };
     addItems("local", sitemapItems.local);
     addItems("remote", sitemapItems.remote);
     return counts;
-  }, [reviewPathPrefix, sitemapItems]);
-  const selectedNumberedItem = useMemo4(
+  }, [getItemCountScope, getItemPresetColumn, reviewPathPrefix, sitemapItems]);
+  const allQaCount = useMemo5(
+    () => Array.from(pageQaCounts.values()).reduce(
+      addSitemapQaCounts,
+      createEmptySitemapQaCount()
+    ),
+    [pageQaCounts]
+  );
+  const selectedNumberedItem = useMemo5(
     () => selectedItemId ? numberedActiveItems.find(
       (numberedItem) => numberedItem.item.id === selectedItemId
     ) : void 0,
@@ -6521,6 +7495,8 @@ var useReviewShellData = ({
   );
   return {
     activeItems,
+    activeRemainingItemCount,
+    allQaCount,
     currentPresetScope,
     filteredNumberedActiveItems,
     getItemPresetScope,
@@ -6531,10 +7507,13 @@ var useReviewShellData = ({
     presetScopeCounts,
     qaFilter,
     qaFilterCounts,
+    qaStatusFilter,
+    qaStatusFilterCounts,
     selectedNumberedItem,
     setHiddenOverlayItemIds,
     setItems,
     setQaFilter,
+    setQaStatusFilter,
     setSitemapItems,
     targetSrc
   };
@@ -6635,9 +7614,9 @@ var useReviewShellHotkeys = ({
 
 // src/react-shell/hooks/use.review.shell.state.ts
 import {
-  useMemo as useMemo5,
+  useMemo as useMemo6,
   useRef as useRef3,
-  useState as useState7
+  useState as useState9
 } from "react";
 
 // src/react-shell/adapters.ts
@@ -6782,11 +7761,11 @@ var useReviewShellState = ({
   reviewPathPrefix
 }) => {
   const viewportPresets = presets.length > 0 ? presets : DEFAULT_REVIEW_VIEWPORT_PRESETS;
-  const reviewViewportPresets = useMemo5(
+  const reviewViewportPresets = useMemo6(
     () => toReviewViewportPresets(viewportPresets),
     [viewportPresets]
   );
-  const normalizedAdapters = useMemo5(
+  const normalizedAdapters = useMemo6(
     () => normalizeReviewShellAdapters(adapters),
     [adapters]
   );
@@ -6794,7 +7773,7 @@ var useReviewShellState = ({
   const remoteAdapterEntry = normalizedAdapters.remote;
   const sourceEntries = normalizedAdapters.sources;
   const defaultSource = sourceEntries[0]?.label ?? "local";
-  const [source, setSource] = useState7(() => {
+  const [source, setSource] = useState9(() => {
     const initialSource = getInitialSource(remoteAdapterEntry?.label);
     return sourceEntries.some((entry) => entry.label === initialSource) ? initialSource : defaultSource;
   });
@@ -6815,30 +7794,30 @@ var useReviewShellState = ({
   const pendingInitialItemIdRef = useRef3(getInitialItemId());
   const selectedItemIdRef = useRef3(getInitialItemId());
   const hiddenOverlayItemIdListRef = useRef3([]);
-  const [target, setTarget] = useState7(
+  const [target, setTarget] = useState9(
     () => getInitialTarget(reviewPathPrefix)
   );
-  const [draftTarget, setDraftTarget] = useState7(
+  const [draftTarget, setDraftTarget] = useState9(
     () => getInitialTarget(reviewPathPrefix)
   );
-  const [activeRoute, setActiveRoute] = useState7(
+  const [activeRoute, setActiveRoute] = useState9(
     () => getInitialTarget(reviewPathPrefix)
   );
-  const [size, setSize] = useState7(
+  const [size, setSize] = useState9(
     () => getInitialSize(viewportPresets)
   );
-  const [mode, setMode] = useState7("idle");
-  const [targetOverlayState, setTargetOverlayState] = useState7({
+  const [mode, setMode] = useState9("idle");
+  const [targetOverlayState, setTargetOverlayState] = useState9({
     grid: false,
     figma: false
   });
-  const [selectedItemId, setSelectedItemId] = useState7(getInitialItemId());
-  const [isListVisible, setIsListVisible] = useState7(true);
-  const [isSitemapOpen, setIsSitemapOpen] = useState7(false);
-  const [isInitialPromptOpen, setIsInitialPromptOpen] = useState7(false);
-  const [copyLabel, setCopyLabel] = useState7("Copy URL");
-  const [toastMessage, setToastMessage] = useState7("");
-  const [copiedPromptKey, setCopiedPromptKey] = useState7(null);
+  const [selectedItemId, setSelectedItemId] = useState9(getInitialItemId());
+  const [isListVisible, setIsListVisible] = useState9(true);
+  const [isSitemapOpen, setIsSitemapOpen] = useState9(false);
+  const [isInitialPromptOpen, setIsInitialPromptOpen] = useState9(false);
+  const [copyLabel, setCopyLabel] = useState9("Copy URL");
+  const [toastMessage, setToastMessage] = useState9("");
+  const [copiedPromptKey, setCopiedPromptKey] = useState9(null);
   const targetRef = useRef3(target);
   const sizeRef = useRef3(size);
   const isFigmaOverlayAvailable = getIsFigmaOverlayAvailable(size);
@@ -7130,12 +8109,15 @@ var removeReviewItem = async ({
 };
 
 // src/react-shell/review/shell.tsx
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var getReviewModeWriteMode = (mode) => {
   if (mode === "element") return "dom";
   if (mode === "note" || mode === "area") return mode;
   return null;
 };
+var SOURCE_PANEL_MAX_WIDTH = 440;
+var SOURCE_PANEL_MIN_WIDTH = 240;
+var SOURCE_PANEL_MAX_HEIGHT = 260;
 var ReviewShell = ({
   projectId,
   pages,
@@ -7143,8 +8125,10 @@ var ReviewShell = ({
   presets = DEFAULT_REVIEW_VIEWPORT_PRESETS,
   ruler,
   initialPrompt = DEFAULT_INITIAL_REVIEW_PROMPT,
+  adjustmentLabel,
   reviewPathPrefix = DEFAULT_REVIEW_PATH_PREFIX,
   sourceRoot,
+  sourceInspector,
   presence
 }) => {
   const {
@@ -7161,7 +8145,7 @@ var ReviewShell = ({
     frameScrollRef,
     hiddenOverlayItemIdListRef,
     iframeRef,
-    isFigmaOverlayAvailable,
+    isFigmaOverlayAvailable: isViewportFigmaOverlayAvailable,
     isInitialPromptOpen,
     isListVisible,
     isRemoteSource,
@@ -7204,8 +8188,21 @@ var ReviewShell = ({
     reviewPathPrefix
   });
   const sourceShortcutCleanupRef = useRef4(null);
+  const sourceInspectorInteractionRef = useRef4(false);
+  const [sourceInspectorState, setSourceInspectorState] = useState10(null);
+  const [isAllQaVisible, setIsAllQaVisible] = useState10(false);
+  const sourceOpenOptions = useMemo7(
+    () => ({
+      ...sourceInspector,
+      sourceRoot
+    }),
+    [sourceInspector, sourceRoot]
+  );
+  const isSourceInspectorEnabled = sourceInspector?.enabled !== false;
   const {
     activeItems,
+    activeRemainingItemCount,
+    allQaCount,
     currentPresetScope,
     filteredNumberedActiveItems,
     getItemPresetScope,
@@ -7216,14 +8213,19 @@ var ReviewShell = ({
     presetScopeCounts,
     qaFilter,
     qaFilterCounts,
+    qaStatusFilter,
+    qaStatusFilterCounts,
     selectedNumberedItem,
     setHiddenOverlayItemIds,
     setItems,
     setQaFilter,
+    setQaStatusFilter,
     setSitemapItems,
     targetSrc
   } = useReviewShellData({
     activeRoute,
+    isAllQaVisible,
+    isRemoteSource,
     pages,
     reviewPathPrefix,
     reviewViewportPresets,
@@ -7232,7 +8234,14 @@ var ReviewShell = ({
     target,
     viewportPresets
   });
-  const [editingItem, setEditingItem] = useState8(null);
+  const [targetFigmaState, setTargetFigmaState] = useState10(null);
+  const targetFigmaConfig = targetFigmaState?.targetSrc === targetSrc ? targetFigmaState.config : null;
+  const figmaFrameUrl = useMemo7(
+    () => getFigmaFrameUrl(targetFigmaConfig, size),
+    [targetFigmaConfig, size]
+  );
+  const isFigmaOverlayAvailable = isViewportFigmaOverlayAvailable && Boolean(targetFigmaConfig);
+  const [editingItem, setEditingItem] = useState10(null);
   const initialPromptText = initialPrompt.trim();
   const refreshItems = useCallback11(
     () => refreshReviewItems({
@@ -7365,6 +8374,7 @@ var ReviewShell = ({
     reviewUserId,
     reviewViewportPresets,
     ruler,
+    adjustmentLabel,
     selectedItemIdRef,
     size,
     sizeRef,
@@ -7430,18 +8440,39 @@ var ReviewShell = ({
       window.clearTimeout(transitionTimeout);
     };
   }, [isListVisible, size.height, size.width, syncTargetViewport, targetSrc]);
-  const applyTarget = () => {
-    const normalizedTarget = normalizeTarget(draftTarget, reviewPathPrefix);
+  const applyTarget = async () => {
+    const parsedInput = parseReviewAddressInput(draftTarget, reviewPathPrefix);
+    const normalizedTarget = parsedInput.target;
+    const nextSource = parsedInput.source && sourceEntries.some((entry) => entry.label === parsedInput.source) ? parsedInput.source : source;
+    const nextSize = parsedInput.width && parsedInput.height ? findViewportPreset(
+      viewportPresets,
+      parsedInput.width,
+      parsedInput.height
+    ) : sizeRef.current;
+    const nextAdapter = sourceEntries.find((entry) => entry.label === nextSource) ?? activeAdapterEntry;
+    if (parsedInput.itemId) {
+      const item = await nextAdapter.adapter.get(parsedInput.itemId);
+      if (item) {
+        setIsAllQaVisible(false);
+        setSource(nextSource);
+        restoreReviewItem(item);
+        return;
+      }
+    }
     clearSelectedItem();
+    setIsAllQaVisible(false);
+    setSource(nextSource);
     targetRef.current = normalizedTarget;
     setActiveRoute(normalizedTarget);
     setDraftTarget(normalizedTarget);
+    setSize(nextSize);
     setTarget(normalizedTarget);
-    updateShellUrl(normalizedTarget, sizeRef.current, source);
+    updateShellUrl(normalizedTarget, nextSize, nextSource);
   };
   const selectPage = (href) => {
     const normalizedTarget = normalizeTarget(href, reviewPathPrefix);
     clearSelectedItem();
+    setIsAllQaVisible(false);
     targetRef.current = normalizedTarget;
     setActiveRoute(normalizedTarget);
     setDraftTarget(normalizedTarget);
@@ -7449,6 +8480,10 @@ var ReviewShell = ({
     updateShellUrl(normalizedTarget, sizeRef.current, source);
     setIsSitemapOpen(false);
   };
+  const selectAllQa = () => {
+    setIsAllQaVisible(true);
+    setIsSitemapOpen(false);
+  };
   const setReviewMode = (nextMode) => {
     const writeMode = getReviewModeWriteMode(nextMode);
     if (writeMode && !activeAdapterEntry.writeModes.includes(writeMode)) return;
@@ -7486,6 +8521,132 @@ var ReviewShell = ({
     },
     [setToastMessage]
   );
+  const refreshTargetFigmaConfig = useCallback11(() => {
+    const config = getTargetFigmaFrameConfig(
+      iframeRef.current?.contentWindow
+    );
+    setTargetFigmaState(config ? { targetSrc, config } : null);
+  }, [iframeRef, targetSrc]);
+  const clearSourceInspector = useCallback11(() => {
+    sourceInspectorInteractionRef.current = false;
+    setSourceInspectorState(null);
+  }, []);
+  const getSourceInspectorRect = useCallback11(
+    (element) => {
+      const frame = iframeRef.current;
+      if (!frame) return null;
+      const frameRect = frame.getBoundingClientRect();
+      const elementRect = element.getBoundingClientRect();
+      const left = Math.max(frameRect.left, frameRect.left + elementRect.left);
+      const top = Math.max(frameRect.top, frameRect.top + elementRect.top);
+      const right = Math.min(
+        frameRect.right,
+        frameRect.left + elementRect.right
+      );
+      const bottom = Math.min(
+        frameRect.bottom,
+        frameRect.top + elementRect.bottom
+      );
+      return {
+        height: Math.max(2, bottom - top),
+        left,
+        top,
+        width: Math.max(2, right - left)
+      };
+    },
+    [iframeRef]
+  );
+  const getSourceInspectorPanelPosition = useCallback11(
+    (rect) => {
+      const margin = 12;
+      const gap = 10;
+      const preferredLeft = rect.left + rect.width + gap;
+      const rightSpace = window.innerWidth - preferredLeft - margin;
+      const leftSpace = rect.left - gap - margin;
+      const canOpenRight = rightSpace >= SOURCE_PANEL_MIN_WIDTH;
+      const canOpenLeft = leftSpace >= SOURCE_PANEL_MIN_WIDTH;
+      const left = canOpenRight || !canOpenLeft ? preferredLeft : margin;
+      const right = canOpenRight || !canOpenLeft ? null : Math.max(margin, window.innerWidth - (rect.left - gap));
+      const maxWidth = Math.min(
+        SOURCE_PANEL_MAX_WIDTH,
+        Math.max(
+          SOURCE_PANEL_MIN_WIDTH,
+          canOpenRight ? rightSpace : canOpenLeft ? leftSpace : window.innerWidth - margin * 2
+        )
+      );
+      const top = Math.min(
+        Math.max(margin, rect.top),
+        Math.max(margin, window.innerHeight - SOURCE_PANEL_MAX_HEIGHT - margin)
+      );
+      return { left, maxWidth, right, top };
+    },
+    []
+  );
+  const showSourceInspectorForTarget = useCallback11(
+    (target2, isPinned = false) => {
+      const candidates = getSourceCandidates(target2).map((candidate) => ({
+        ...candidate,
+        openUrl: getSourceOpenUrl(candidate.source, {
+          ...sourceOpenOptions,
+          omitPosition: !candidate.usesPosition
+        })
+      }));
+      const firstCandidate = candidates[0];
+      const rect = firstCandidate ? getSourceInspectorRect(firstCandidate.element) : null;
+      if (!firstCandidate || !rect) {
+        setSourceInspectorState(null);
+        return [];
+      }
+      const { left, maxWidth, right, top } = getSourceInspectorPanelPosition(rect);
+      setSourceInspectorState({
+        candidates,
+        isPinned,
+        panelLeft: left,
+        panelMaxWidth: maxWidth,
+        panelRight: right,
+        panelTop: top,
+        rect
+      });
+      return candidates;
+    },
+    [
+      getSourceInspectorPanelPosition,
+      getSourceInspectorRect,
+      sourceOpenOptions
+    ]
+  );
+  const showSourceOutlineForTarget = useCallback11(
+    (target2) => {
+      const firstCandidate = getSourceCandidates(target2)[0];
+      const rect = firstCandidate ? getSourceInspectorRect(firstCandidate.element) : null;
+      if (!firstCandidate || !rect) {
+        setSourceInspectorState(null);
+        return null;
+      }
+      setSourceInspectorState({
+        candidates: [],
+        isPinned: false,
+        panelLeft: 0,
+        panelMaxWidth: SOURCE_PANEL_MAX_WIDTH,
+        panelRight: null,
+        panelTop: 0,
+        rect
+      });
+      return firstCandidate;
+    },
+    [getSourceInspectorRect]
+  );
+  const openSourceCandidate = useCallback11(
+    (candidate) => {
+      const didOpen = openSourceInEditor(candidate.source, {
+        ...sourceOpenOptions,
+        omitPosition: !candidate.usesPosition
+      });
+      showToast(didOpen ? "Source opened" : "Source root required");
+      clearSourceInspector();
+    },
+    [clearSourceInspector, showToast, sourceOpenOptions]
+  );
   const cleanupSourceOpenShortcut = useCallback11(() => {
     sourceShortcutCleanupRef.current?.();
     sourceShortcutCleanupRef.current = null;
@@ -7498,8 +8659,10 @@ var ReviewShell = ({
     } catch {
       return;
     }
-    if (!frameDocument) return;
-    const hoverAttribute = "data-dfwr-source-hover";
+    if (!frameDocument || !isSourceInspectorEnabled) return;
+    const frameRoot = frameDocument.head ?? frameDocument.documentElement;
+    const frameBody = frameDocument.body ?? frameDocument.documentElement;
+    if (!frameRoot || !frameBody) return;
     const optionAttribute = "data-dfwr-source-option";
     const fontOverlayAttribute = "data-dfwr-source-fonts";
     const style = frameDocument.createElement("style");
@@ -7528,17 +8691,13 @@ var ReviewShell = ({
         pointer-events: none !important;
       }
 
-      [${hoverAttribute}="true"] {
-        outline: 2px solid rgba(124, 199, 255, 0.96) !important;
-        outline-offset: 2px !important;
-      }
-
       [${fontOverlayAttribute}] {
         position: fixed !important;
         z-index: 2147483647 !important;
         display: flex !important;
         flex-direction: column !important;
-        max-width: 180px !important;
+        width: max-content !important;
+        max-width: calc(100vw - 8px) !important;
         border: 1px solid rgba(124, 199, 255, 0.72) !important;
         border-radius: 6px !important;
         padding: 4px 6px !important;
@@ -7546,28 +8705,36 @@ var ReviewShell = ({
         background: rgba(15, 23, 42, 0.9) !important;
         box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28) !important;
         font: 800 11px/1.35 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
+        overflow-wrap: anywhere !important;
         pointer-events: none !important;
-        white-space: nowrap !important;
+        white-space: normal !important;
       }
 
       [${fontOverlayAttribute}] > span {
-        display: flex !important;
+        display: grid !important;
+        grid-template-columns: auto minmax(0, 1fr) !important;
         justify-content: space-between !important;
         gap: 10px !important;
       }
 
+      [${fontOverlayAttribute}] > span > span:last-child {
+        min-width: 0 !important;
+        text-align: right !important;
+      }
+
       [${fontOverlayAttribute}][hidden] {
         display: none !important;
       }
     `;
-    (frameDocument.head ?? frameDocument.documentElement).append(style);
+    frameRoot.append(style);
     const fontOverlay = frameDocument.createElement("div");
     fontOverlay.setAttribute(fontOverlayAttribute, "true");
     fontOverlay.hidden = true;
-    (frameDocument.body ?? frameDocument.documentElement).append(fontOverlay);
+    frameBody.append(fontOverlay);
     let hoveredElement = null;
-    let lastSourceElement = null;
+    let lastSourceTarget = null;
     let isSourceSelecting = false;
+    let isSourcePanelPinned = false;
     const getFontHints = (element) => {
       if (!element) return [];
       const values = [];
@@ -7591,10 +8758,13 @@ var ReviewShell = ({
       const rect = element.getBoundingClientRect();
       const frameWidth = frameDocument.documentElement.clientWidth;
       const showAbove = rect.top > 48;
-      const left = Math.max(4, Math.min(rect.left, frameWidth - 96));
       const top = Math.max(4, showAbove ? rect.top : rect.bottom);
       fontOverlay.replaceChildren();
       fontOverlay.style.minWidth = "72px";
+      fontOverlay.style.left = "4px";
+      fontOverlay.style.top = `${top}px`;
+      fontOverlay.style.transform = showAbove ? "translateY(calc(-100% - 6px))" : "translateY(6px)";
+      fontOverlay.style.visibility = "hidden";
       const rows = values.map(({ tag, value }) => {
         const row = frameDocument.createElement("span");
         const tagText = frameDocument.createElement("span");
@@ -7605,54 +8775,70 @@ var ReviewShell = ({
         return row;
       });
       fontOverlay.append(...rows);
-      fontOverlay.style.left = `${left}px`;
-      fontOverlay.style.top = `${top}px`;
-      fontOverlay.style.transform = showAbove ? "translateY(calc(-100% - 6px))" : "translateY(6px)";
       fontOverlay.hidden = false;
+      const overlayWidth = fontOverlay.getBoundingClientRect().width;
+      const left = Math.max(
+        4,
+        Math.min(rect.left, frameWidth - overlayWidth - 4)
+      );
+      fontOverlay.style.left = `${left}px`;
+      fontOverlay.style.visibility = "";
     };
     const setHoveredElement = (element) => {
-      if (hoveredElement !== element) {
-        hoveredElement?.removeAttribute(hoverAttribute);
-        hoveredElement = element;
-        hoveredElement?.setAttribute(hoverAttribute, "true");
-      }
+      hoveredElement = element;
       updateFontOverlay(element);
     };
     const setSourceSelecting = (isSelecting) => {
       isSourceSelecting = isSelecting;
       if (isSelecting) {
+        isSourcePanelPinned = false;
         frameDocument.documentElement.setAttribute(optionAttribute, "true");
-        setHoveredElement(lastSourceElement);
+        const candidate = showSourceOutlineForTarget(lastSourceTarget);
+        setHoveredElement(candidate?.element ?? hoveredElement);
         return;
       }
       setHoveredElement(null);
       fontOverlay.hidden = true;
       frameDocument.documentElement.removeAttribute(optionAttribute);
+      if (!isSourcePanelPinned && !sourceInspectorInteractionRef.current) {
+        clearSourceInspector();
+      }
     };
     const handleMouseMove = (event) => {
-      lastSourceElement = getSourceHintElement(event.target);
+      lastSourceTarget = event.target;
+      const candidates = getSourceCandidates(event.target);
+      const sourceElement = candidates[0]?.element ?? null;
       if (event.altKey && !isSourceSelecting) {
         setSourceSelecting(true);
       }
-      setHoveredElement(isSourceSelecting ? lastSourceElement : null);
+      if (isSourceSelecting && !isSourcePanelPinned) {
+        showSourceOutlineForTarget(event.target);
+      }
+      setHoveredElement(isSourceSelecting ? sourceElement : null);
     };
     const handleClick = (event) => {
       if (!isSourceSelecting && !event.altKey) return;
       event.preventDefault();
       event.stopPropagation();
       event.stopImmediatePropagation();
-      const source2 = getElementSourceHint(event.target);
-      if (!source2?.file) {
+      const candidates = showSourceInspectorForTarget(event.target, true);
+      if (!candidates.length) {
         showToast("Source hint not found");
+        isSourcePanelPinned = false;
         setSourceSelecting(false);
         return;
       }
-      const didOpen = openSourceInEditor(source2, sourceRoot);
-      showToast(didOpen ? "Source opened" : "Source root required");
+      isSourcePanelPinned = true;
       setSourceSelecting(false);
     };
     const isOptionKeyEvent = (event) => event.key === "Alt" || event.code === "AltLeft" || event.code === "AltRight" || event.altKey;
     const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        isSourcePanelPinned = false;
+        setSourceSelecting(false);
+        clearSourceInspector();
+        return;
+      }
       if (!isOptionKeyEvent(event)) return;
       cancelReviewMode();
       setSourceSelecting(true);
@@ -7661,43 +8847,60 @@ var ReviewShell = ({
       if (isOptionKeyEvent(event) || !event.altKey) setSourceSelecting(false);
     };
     const handleBlur = () => {
+      isSourcePanelPinned = false;
+      setSourceSelecting(false);
+    };
+    const handleWindowPointerDown = (event) => {
+      const target2 = event.target;
+      if (target2 instanceof Element && target2.closest(".df-review-source-popover")) {
+        sourceInspectorInteractionRef.current = true;
+        return;
+      }
+      isSourcePanelPinned = false;
+      sourceInspectorInteractionRef.current = false;
       setSourceSelecting(false);
+      clearSourceInspector();
     };
     frameDocument.addEventListener("mousemove", handleMouseMove, true);
     frameDocument.addEventListener("click", handleClick, true);
     frameDocument.addEventListener("keydown", handleKeyDown, true);
     frameDocument.addEventListener("keyup", handleKeyUp, true);
-    frameDocument.defaultView?.addEventListener("blur", handleBlur);
     window.addEventListener("keydown", handleKeyDown, true);
     window.addEventListener("keyup", handleKeyUp, true);
     window.addEventListener("blur", handleBlur);
+    window.addEventListener("pointerdown", handleWindowPointerDown, true);
     sourceShortcutCleanupRef.current = () => {
       frameDocument.removeEventListener("mousemove", handleMouseMove, true);
       frameDocument.removeEventListener("click", handleClick, true);
       frameDocument.removeEventListener("keydown", handleKeyDown, true);
       frameDocument.removeEventListener("keyup", handleKeyUp, true);
-      frameDocument.defaultView?.removeEventListener("blur", handleBlur);
       window.removeEventListener("keydown", handleKeyDown, true);
       window.removeEventListener("keyup", handleKeyUp, true);
       window.removeEventListener("blur", handleBlur);
+      window.removeEventListener("pointerdown", handleWindowPointerDown, true);
+      isSourcePanelPinned = false;
       setSourceSelecting(false);
       style.remove();
       fontOverlay.remove();
     };
   }, [
     cancelReviewMode,
+    clearSourceInspector,
     cleanupSourceOpenShortcut,
     iframeRef,
+    isSourceInspectorEnabled,
     showToast,
-    sourceRoot
+    showSourceOutlineForTarget,
+    showSourceInspectorForTarget
   ]);
   useEffect10(() => {
     return cleanupSourceOpenShortcut;
   }, [cleanupSourceOpenShortcut]);
   const loadTargetFrame = useCallback11(() => {
     initReviewKit();
+    refreshTargetFigmaConfig();
     bindSourceOpenShortcut();
-  }, [bindSourceOpenShortcut, initReviewKit]);
+  }, [bindSourceOpenShortcut, initReviewKit, refreshTargetFigmaConfig]);
   useEffect10(() => {
     const frame = window.requestAnimationFrame(bindSourceOpenShortcut);
     return () => window.cancelAnimationFrame(frame);
@@ -7752,6 +8955,19 @@ var ReviewShell = ({
     `qa:${numberedItem.item.id}`,
     "QA prompt copied"
   );
+  const copyItemLink = (numberedItem) => {
+    const { item } = numberedItem;
+    return copyPrompt(
+      getShellUrlForItem(
+        getItemTarget(item, reviewPathPrefix),
+        getRestoredSize(item, viewportPresets),
+        item.id,
+        source
+      ).href,
+      `link:${item.id}`,
+      "QA link copied"
+    );
+  };
   const removeItem = (item) => removeReviewItem({
     activeAdapterEntry,
     isRemoteSource,
@@ -7794,15 +9010,25 @@ var ReviewShell = ({
             onOpenSettings: openFigmaSettings
           }
         ),
+        currentPagePresenceUsers.length > 0 && /* @__PURE__ */ jsx17("div", { className: "df-review-presence-row", children: /* @__PURE__ */ jsx17(
+          PresenceOverlay,
+          {
+            presenceSessionId,
+            users: currentPagePresenceUsers
+          }
+        ) }),
         isSitemapOpen && /* @__PURE__ */ jsx17(
           SitemapModal,
           {
             pages,
             activeRoute,
+            allQaCount,
+            isAllQaVisible,
             pageQaCounts,
             pagePresenceUsers,
             getPageTarget: (href) => normalizeTarget(href, reviewPathPrefix),
             onClose: () => setIsSitemapOpen(false),
+            onSelectAllQa: selectAllQa,
             onSelectPage: selectPage
           }
         ),
@@ -7861,29 +9087,32 @@ var ReviewShell = ({
           {
             activeAdapterEntry,
             activeItems,
-            currentPagePresenceUsers,
+            activeRemainingItemCount,
             currentPresetScope,
             filteredNumberedActiveItems,
             getItemPresetScope,
             hiddenOverlayItemIds,
             isListVisible,
+            isAllQaVisible,
             isRemoteSource,
-            presenceSessionId,
             copiedPromptKey,
             qaFilter,
             qaFilterCounts,
+            qaStatusFilter,
+            qaStatusFilterCounts,
             remoteAdapterEntry,
             selectedItemId,
             showSourceSelect,
-            sourceRoot,
             source,
             sourceEntries,
             onChangeItemStatus: changeItemStatus,
             onClearSelectedItem: clearSelectedReviewItem,
             onChangeReviewSource: changeReviewSource,
+            onCopyItemLink: (numberedItem) => void copyItemLink(numberedItem),
             onCopyItemPrompt: (numberedItem) => void copyItemPrompt(numberedItem),
             onEditItem: setEditingItem,
             onQaFilterChange: setQaFilter,
+            onQaStatusFilterChange: setQaStatusFilter,
             onRefreshReviewData: refreshReviewData2,
             onRemoveItem: removeItem,
             onRestoreReviewItem: restoreReviewItem,
@@ -7896,6 +9125,7 @@ var ReviewShell = ({
           {
             canWriteArea,
             canWriteDom,
+            figmaFrameUrl,
             frameScrollRef,
             iframeRef,
             isRulerAvailable,
@@ -7914,7 +9144,72 @@ var ReviewShell = ({
             onLoadTarget: loadTargetFrame,
             onSetReviewMode: setReviewMode
           }
-        )
+        ),
+        sourceInspectorState && /* @__PURE__ */ jsxs15(Fragment4, { children: [
+          /* @__PURE__ */ jsx17(
+            "div",
+            {
+              className: `df-review-source-outline${sourceInspectorState.isPinned ? " is-pinned" : ""}`,
+              style: {
+                height: `${sourceInspectorState.rect.height}px`,
+                left: `${sourceInspectorState.rect.left}px`,
+                top: `${sourceInspectorState.rect.top}px`,
+                width: `${sourceInspectorState.rect.width}px`
+              }
+            }
+          ),
+          sourceInspectorState.candidates.length > 0 && /* @__PURE__ */ jsxs15(
+            "div",
+            {
+              className: `df-review-source-popover${sourceInspectorState.isPinned ? " is-pinned" : ""}`,
+              style: {
+                left: sourceInspectorState.panelRight === null ? `${sourceInspectorState.panelLeft}px` : void 0,
+                maxWidth: `${sourceInspectorState.panelMaxWidth}px`,
+                right: sourceInspectorState.panelRight === null ? void 0 : `${sourceInspectorState.panelRight}px`,
+                top: `${sourceInspectorState.panelTop}px`
+              },
+              onPointerDown: () => {
+                sourceInspectorInteractionRef.current = true;
+              },
+              onPointerEnter: () => {
+                sourceInspectorInteractionRef.current = true;
+              },
+              onPointerLeave: () => {
+                sourceInspectorInteractionRef.current = false;
+              },
+              onClick: (event) => event.stopPropagation(),
+              children: [
+                /* @__PURE__ */ jsx17("div", { className: "df-review-source-popover-close", children: /* @__PURE__ */ jsx17(
+                  "button",
+                  {
+                    "aria-label": "Close source candidates",
+                    type: "button",
+                    onClick: clearSourceInspector,
+                    children: "\xD7"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx17("div", { className: "df-review-source-candidate-list", children: sourceInspectorState.candidates.map((candidate) => /* @__PURE__ */ jsx17(
+                  "button",
+                  {
+                    className: "df-review-source-candidate",
+                    type: "button",
+                    onClick: (event) => {
+                      event.preventDefault();
+                      event.stopPropagation();
+                      openSourceCandidate(candidate);
+                    },
+                    children: /* @__PURE__ */ jsxs15("span", { className: "df-review-source-candidate-main", children: [
+                      /* @__PURE__ */ jsx17("strong", { children: candidate.label }),
+                      /* @__PURE__ */ jsx17("span", { children: candidate.filePath }),
+                      /* @__PURE__ */ jsx17("small", { children: candidate.positionLabel || (candidate.usesPosition ? "" : "file only") })
+                    ] })
+                  },
+                  candidate.id
+                )) })
+              ]
+            }
+          )
+        ] })
       ]
     }
   );
@@ -8128,15 +9423,16 @@ lucide-react/dist/esm/shared/src/utils/hasA11yProp.mjs:
 lucide-react/dist/esm/context.mjs:
 lucide-react/dist/esm/Icon.mjs:
 lucide-react/dist/esm/createLucideIcon.mjs:
+lucide-react/dist/esm/icons/bot.mjs:
 lucide-react/dist/esm/icons/circle-question-mark.mjs:
 lucide-react/dist/esm/icons/copy.mjs:
 lucide-react/dist/esm/icons/external-link.mjs:
 lucide-react/dist/esm/icons/eye-off.mjs:
 lucide-react/dist/esm/icons/eye.mjs:
-lucide-react/dist/esm/icons/file-code-corner.mjs:
 lucide-react/dist/esm/icons/grip-vertical.mjs:
 lucide-react/dist/esm/icons/image.mjs:
 lucide-react/dist/esm/icons/layout-grid.mjs:
+lucide-react/dist/esm/icons/link-2.mjs:
 lucide-react/dist/esm/icons/list-filter.mjs:
 lucide-react/dist/esm/icons/map.mjs:
 lucide-react/dist/esm/icons/maximize-2.mjs:
@@ -8151,7 +9447,6 @@ lucide-react/dist/esm/icons/smartphone.mjs:
 lucide-react/dist/esm/icons/square-mouse-pointer.mjs:
 lucide-react/dist/esm/icons/sticky-note.mjs:
 lucide-react/dist/esm/icons/upload.mjs:
-lucide-react/dist/esm/icons/users.mjs:
 lucide-react/dist/esm/icons/x.mjs:
 lucide-react/dist/esm/lucide-react.mjs:
   (**