checkpoint-cli 0.1.9 → 0.2.1

package/dist/index.js

@@ -81,12 +81,15 @@ function requireAuth() {
 /* ── Checkpoint Tracking Script (injected into HTML responses) ── */
 function trackingScript() {
     return `
-<script data-checkpoint>
+<script data-checkpoint-script="1">
 (function(){
   var lastPath='';
   var pickMode=false;
   var pickClickHandler=null;
   var pickEscHandler=null;
+  var pickMoveHandler=null;
+  var pickInspectBox=null;
+  var pickInspectLabel=null;
 
   function getMetrics(){
     var de=document.documentElement;
@@ -120,6 +123,133 @@ function trackingScript() {
     return String(value).replace(/\\s+/g,' ').trim().slice(0,120);
   }
 
+  function getFileLeaf(path){
+    if(!path) return '';
+    try{
+      var raw=String(path);
+      var parts=raw.split(/[\\\\/]/);
+      return parts[parts.length-1]||raw;
+    }catch(e){}
+    return '';
+  }
+
+  function getInspectElementLabel(el){
+    if(!el||!el.tagName) return '(unknown)';
+    var tag=String(el.tagName).toLowerCase();
+    var id=el.id?('#'+el.id):'';
+    var classes='';
+    try{
+      var cls=(el.className&&typeof el.className==='string')
+        ? el.className.trim().split(/\\s+/).filter(Boolean).slice(0,3)
+        : [];
+      if(cls.length>0){
+        classes='.'+cls.join('.');
+      }
+    }catch(e){}
+    return shortText(tag+id+classes);
+  }
+
+  function ensurePickInspectUi(){
+    if(!document.body) return;
+    if(!pickInspectBox){
+      pickInspectBox=document.createElement('div');
+      pickInspectBox.setAttribute('data-checkpoint-inspect','box');
+      pickInspectBox.style.position='fixed';
+      pickInspectBox.style.left='0';
+      pickInspectBox.style.top='0';
+      pickInspectBox.style.width='0';
+      pickInspectBox.style.height='0';
+      pickInspectBox.style.border='2px solid #6366f1';
+      pickInspectBox.style.background='rgba(99,102,241,0.12)';
+      pickInspectBox.style.boxSizing='border-box';
+      pickInspectBox.style.borderRadius='4px';
+      pickInspectBox.style.pointerEvents='none';
+      pickInspectBox.style.zIndex='2147483646';
+      pickInspectBox.style.display='none';
+      document.body.appendChild(pickInspectBox);
+    }
+    if(!pickInspectLabel){
+      pickInspectLabel=document.createElement('div');
+      pickInspectLabel.setAttribute('data-checkpoint-inspect','label');
+      pickInspectLabel.style.position='fixed';
+      pickInspectLabel.style.left='0';
+      pickInspectLabel.style.top='0';
+      pickInspectLabel.style.maxWidth='380px';
+      pickInspectLabel.style.padding='6px 8px';
+      pickInspectLabel.style.borderRadius='8px';
+      pickInspectLabel.style.border='1px solid rgba(148,163,184,0.45)';
+      pickInspectLabel.style.background='rgba(15,23,42,0.96)';
+      pickInspectLabel.style.color='#e2e8f0';
+      pickInspectLabel.style.font='12px/1.35 ui-monospace, SFMono-Regular, Menlo, monospace';
+      pickInspectLabel.style.whiteSpace='pre-line';
+      pickInspectLabel.style.wordBreak='break-word';
+      pickInspectLabel.style.pointerEvents='none';
+      pickInspectLabel.style.zIndex='2147483647';
+      pickInspectLabel.style.display='none';
+      pickInspectLabel.style.boxShadow='0 6px 20px rgba(0,0,0,0.35)';
+      document.body.appendChild(pickInspectLabel);
+    }
+  }
+
+  function hidePickInspectUi(){
+    if(pickInspectBox) pickInspectBox.style.display='none';
+    if(pickInspectLabel) pickInspectLabel.style.display='none';
+  }
+
+  function renderPickInspect(target,mouseX,mouseY){
+    ensurePickInspectUi();
+    if(!pickInspectBox||!pickInspectLabel||!target||target.nodeType!==1){
+      hidePickInspectUi();
+      return;
+    }
+    var sourceTarget=findBestSourceAnchorTarget(target);
+    var anchorEl=sourceTarget.element||target;
+    var sourceAnchor=sourceTarget.sourceAnchor||getSourceAnchor(anchorEl);
+    var rect=anchorEl.getBoundingClientRect?anchorEl.getBoundingClientRect():null;
+    if(!rect||rect.width<1||rect.height<1){
+      hidePickInspectUi();
+      return;
+    }
+
+    pickInspectBox.style.display='block';
+    pickInspectBox.style.left=Math.max(0,rect.left)+'px';
+    pickInspectBox.style.top=Math.max(0,rect.top)+'px';
+    pickInspectBox.style.width=Math.max(1,rect.width)+'px';
+    pickInspectBox.style.height=Math.max(1,rect.height)+'px';
+
+    var primary=getInspectElementLabel(anchorEl);
+    var sourceLabel='(no source metadata)';
+    if(sourceAnchor){
+      var leaf=getFileLeaf(sourceAnchor.source_file);
+      if(leaf&&typeof sourceAnchor.source_line==='number'){
+        sourceLabel=leaf+':'+sourceAnchor.source_line;
+      }else if(leaf){
+        sourceLabel=leaf;
+      }else if(sourceAnchor.component_name){
+        sourceLabel=sourceAnchor.component_name;
+      }
+      if(sourceAnchor.explicit_id){
+        sourceLabel=sourceLabel+' · #'+sourceAnchor.explicit_id;
+      }
+    }
+    pickInspectLabel.textContent=primary+'\\n'+sourceLabel;
+    pickInspectLabel.style.display='block';
+
+    var viewW=window.innerWidth||document.documentElement.clientWidth||0;
+    var viewH=window.innerHeight||document.documentElement.clientHeight||0;
+    var labelRect=pickInspectLabel.getBoundingClientRect();
+    var left=mouseX+14;
+    var top=mouseY+14;
+    if(left+labelRect.width>viewW-8){
+      left=Math.max(8,mouseX-labelRect.width-14);
+    }
+    if(top+labelRect.height>viewH-8){
+      top=Math.max(8,mouseY-labelRect.height-14);
+    }
+    pickInspectLabel.style.left=left+'px';
+    pickInspectLabel.style.top=top+'px';
+  }
+
   function elementSelector(el){
     if(!el||!el.tagName) return '';
     var tag=el.tagName.toLowerCase();
@@ -339,132 +469,19 @@ function trackingScript() {
     return '';
   }
 
-  function getNavSignature(){
-    try{
-      var candidates=[];
-      var activeSelectors=[
-        '[aria-current=\"page\"]',
-        '[aria-selected=\"true\"]',
-        '[data-state=\"active\"]',
-        '.active',
-        '.is-active',
-        '.selected'
-      ];
-      for(var i=0;i<activeSelectors.length;i++){
-        var nodes=document.querySelectorAll(activeSelectors[i]);
-        for(var j=0;j<nodes.length&&candidates.length<8;j++){
-          var text=getVisibleText(nodes[j]);
-          if(text) candidates.push(text);
-        }
-      }
-      if(candidates.length===0){
-        var heading=document.querySelector('main h1, [role=\"main\"] h1, h1, h2');
-        var fallbackText=getVisibleText(heading);
-        if(fallbackText) candidates.push(fallbackText);
+  function getSourceDebugInfo(fiber){
+    var current=fiber;
+    var steps=0;
+    while(current&&steps<24){
+      if(current._debugSource){
+        return current._debugSource;
       }
-      if(candidates.length===0) return '';
-      return candidates.slice(0,4).join('|');
-    }catch(e){}
-    return '';
-  }
-
-  function getHeadingSignature(){
-    try{
-      var heading=document.querySelector('main h1, [role=\"main\"] h1, h1, h2');
-      return getVisibleText(heading);
-    }catch(e){}
-    return '';
-  }
-
-  function getViewContext(){
-    return {
-      nav_signature:getNavSignature()||undefined,
-      heading_signature:getHeadingSignature()||undefined
-    };
-  }
-
-  function viewContextMatches(expected){
-    if(!expected||typeof expected!=='object') return true;
-    var current=getViewContext();
-    if(expected.nav_signature&&current.nav_signature&&expected.nav_signature!==current.nav_signature){
-      return false;
-    }
-    if(expected.heading_signature&&current.heading_signature&&expected.heading_signature!==current.heading_signature){
-      return false;
-    }
-    return true;
-  }
-
-  function isScrollable(el){
-    if(!el||el.nodeType!==1||!window.getComputedStyle) return false;
-    try{
-      var style=window.getComputedStyle(el);
-      var overflowY=String(style.overflowY||'').toLowerCase();
-      var overflowX=String(style.overflowX||'').toLowerCase();
-      var canScrollY=(overflowY==='auto'||overflowY==='scroll'||overflowY==='overlay')&&(el.scrollHeight-el.clientHeight>1);
-      var canScrollX=(overflowX==='auto'||overflowX==='scroll'||overflowX==='overlay')&&(el.scrollWidth-el.clientWidth>1);
-      return !!(canScrollX||canScrollY);
-    }catch(e){}
-    return false;
-  }
-
-  function getNearestScrollContainer(el){
-    if(!el) return null;
-    var current=el.parentElement;
-    var depth=0;
-    while(current&&depth<10){
-      if(current===document.body||current===document.documentElement) return null;
-      if(isScrollable(current)) return current;
-      current=current.parentElement;
-      depth++;
+      current=current.return||null;
+      steps++;
     }
     return null;
   }
 
-  function getScrollContext(el,clientX,clientY){
-    var container=getNearestScrollContainer(el);
-    if(!container) return null;
-    var rect=container.getBoundingClientRect?container.getBoundingClientRect():null;
-    if(!rect) return null;
-    var safeW=Math.max(1,rect.width||1);
-    var safeH=Math.max(1,rect.height||1);
-    return {
-      container_selector_chain:getSelectorChain(container),
-      container_fingerprint:getDomFingerprint(container),
-      container_x_percent:clampPercent(((clientX-rect.left)/safeW)*100),
-      container_y_percent:clampPercent(((clientY-rect.top)/safeH)*100)
-    };
-  }
-
-  function getPointFromScrollContext(scrollContext){
-    if(!scrollContext||typeof scrollContext!=='object') return null;
-    var container=null;
-    if(Array.isArray(scrollContext.container_selector_chain)){
-      for(var i=0;i<scrollContext.container_selector_chain.length;i++){
-        var candidate=scrollContext.container_selector_chain[i];
-        if(!candidate||typeof candidate.selector!=='string') continue;
-        var nodes=querySelectorAllSafe(document,candidate.selector);
-        var match=pickBestElement(nodes,{coord_fallback:null},getMetrics(),null);
-        if(match&&match.element){
-          container=match.element;
-          break;
-        }
-      }
-    }
-    if(!container&&scrollContext.container_fingerprint){
-      var fp=resolveFromFingerprint(scrollContext.container_fingerprint,{coord_fallback:null},getMetrics(),document);
-      container=fp&&fp.element?fp.element:null;
-    }
-    if(!container||!container.getBoundingClientRect) return null;
-    var rect=container.getBoundingClientRect();
-    var relX=typeof scrollContext.container_x_percent==='number'?clampPercent(scrollContext.container_x_percent)/100:0.5;
-    var relY=typeof scrollContext.container_y_percent==='number'?clampPercent(scrollContext.container_y_percent)/100:0.5;
-    return {
-      clientX:rect.left+(rect.width*relX),
-      clientY:rect.top+(rect.height*relY)
-    };
-  }
-
   function buildCoordFallback(clientX,clientY,metrics){
     var safeViewW=metrics.viewWidth||1;
     var safeViewH=metrics.viewHeight||1;
@@ -485,6 +502,9 @@ function trackingScript() {
   }
 
   function buildAnchorPayload(el,clientX,clientY){
+    var sourceTarget=findBestSourceAnchorTarget(el);
+    var anchorEl=sourceTarget.element||el;
+    var sourceAnchor=sourceTarget.sourceAnchor||getSourceAnchor(anchorEl)||null;
     var metrics=getMetrics();
     var textSelf='';
     var textParent='';
@@ -494,7 +514,7 @@ function trackingScript() {
     }catch(e){}
     var fallback=buildCoordFallback(clientX,clientY,metrics);
     try{
-      var rect=el&&el.getBoundingClientRect?el.getBoundingClientRect():null;
+      var rect=anchorEl&&anchorEl.getBoundingClientRect?anchorEl.getBoundingClientRect():null;
       if(rect){
         var safeW=Math.max(1,rect.width||1);
         var safeH=Math.max(1,rect.height||1);
@@ -503,16 +523,15 @@ function trackingScript() {
       }
     }catch(e){}
     return {
-      selector_chain:getSelectorChain(el),
-      dom_fingerprint:getDomFingerprint(el),
+      selector_chain:[],
+      dom_fingerprint:null,
       text_context:{
         self:textSelf,
         parent:textParent
       },
-      container_hint:getContainerHint(el),
+      container_hint:null,
       transient_context:getTransientContext(el),
-      view_context:getViewContext(),
-      scroll_context:getScrollContext(el,clientX,clientY),
+      source_anchor:sourceAnchor,
       coord_fallback:fallback
     };
   }
@@ -587,6 +606,176 @@ function trackingScript() {
     return dist;
   }
 
+  function getReactFiberNode(el){
+    if(!el||typeof el!=='object') return null;
+    try{
+      var keys=Object.keys(el);
+      for(var i=0;i<keys.length;i++){
+        var key=keys[i];
+        if(key.indexOf('__reactFiber$')===0||key.indexOf('__reactInternalInstance$')===0){
+          return el[key];
+        }
+      }
+    }catch(e){}
+    return null;
+  }
+
+  function getReactFiberName(fiber){
+    try{
+      if(!fiber) return '';
+      var t=fiber.type||fiber.elementType;
+      if(typeof t==='string') return t;
+      if(t&&typeof t.displayName==='string'&&t.displayName) return t.displayName;
+      if(t&&typeof t.name==='string'&&t.name) return t.name;
+    }catch(e){}
+    return '';
+  }
+
+  function getReactOwnerPath(el){
+    var fiber=getReactFiberNode(el);
+    if(!fiber) return [];
+    var path=[];
+    var current=fiber;
+    var steps=0;
+    while(current&&steps<24){
+      var name=getReactFiberName(current);
+      if(name){
+        var keyVal=current.key!=null?String(current.key):'';
+        path.push(keyVal?name+'#'+keyVal:name);
+      }
+      current=current.return||null;
+      steps++;
+    }
+    path.reverse();
+    if(path.length>12){
+      path=path.slice(path.length-12);
+    }
+    return path;
+  }
+
+  function getExplicitAnchorId(el){
+    if(!el||typeof el.closest!=='function') return '';
+    var holder=el.closest('[data-checkpoint-anchor]');
+    if(!holder||!holder.getAttribute) return '';
+    return holder.getAttribute('data-checkpoint-anchor')||'';
+  }
+
+  function getSourceAnchor(el){
+    var fiber=getReactFiberNode(el);
+    var ownerPath=getReactOwnerPath(el);
+    var source=getSourceDebugInfo(fiber);
+    var component=getReactFiberName(fiber);
+    var explicitId=getExplicitAnchorId(el);
+    var reactKey=fiber&&fiber.key!=null?String(fiber.key):'';
+    var hasData=!!(explicitId||component||ownerPath.length>0||source||reactKey);
+    if(!hasData) return null;
+    return {
+      explicit_id:explicitId||undefined,
+      component_name:component||undefined,
+      owner_path:ownerPath,
+      source_file:source&&source.fileName?String(source.fileName):undefined,
+      source_line:source&&typeof source.lineNumber==='number'?source.lineNumber:undefined,
+      source_column:source&&typeof source.columnNumber==='number'?source.columnNumber:undefined,
+      react_key:reactKey||undefined,
+      host_tag:el&&el.tagName?String(el.tagName).toLowerCase():undefined
+    };
+  }
+
+  function getSourceAnchorStrength(anchor){
+    if(!anchor||typeof anchor!=='object') return 0;
+    var score=0;
+    if(anchor.explicit_id) score+=2000;
+    if(anchor.react_key) score+=400;
+    if(anchor.source_file) score+=420;
+    if(typeof anchor.source_line==='number') score+=260;
+    if(anchor.component_name) score+=160;
+    if(Array.isArray(anchor.owner_path)&&anchor.owner_path.length>0){
+      score+=Math.min(220,anchor.owner_path.length*28);
+    }
+    return score;
+  }
+
+  function findBestSourceAnchorTarget(el){
+    if(!el||el.nodeType!==1) return { element:el, sourceAnchor:null };
+    var current=el;
+    var bestEl=el;
+    var bestAnchor=null;
+    var bestScore=0;
+    var depth=0;
+    while(current&&current.nodeType===1&&depth<12){
+      var anchor=getSourceAnchor(current);
+      var score=getSourceAnchorStrength(anchor);
+      if(score>bestScore){
+        bestScore=score;
+        bestAnchor=anchor;
+        bestEl=current;
+      }
+      if(anchor&&anchor.explicit_id){
+        return { element:current, sourceAnchor:anchor };
+      }
+      current=current.parentElement;
+      depth++;
+    }
+    return { element:bestEl, sourceAnchor:bestAnchor };
+  }
+
+  function ownerPathSuffixMatches(current,expected){
+    if(!Array.isArray(current)||!Array.isArray(expected)||current.length===0||expected.length===0) return 0;
+    var i=current.length-1;
+    var j=expected.length-1;
+    var matches=0;
+    while(i>=0&&j>=0){
+      if(current[i]!==expected[j]) break;
+      matches++;
+      i--;
+      j--;
+    }
+    return matches;
+  }
+
+  function sourceMatchScore(node,sourceAnchor){
+    if(!sourceAnchor||typeof sourceAnchor!=='object') return 0;
+    var score=0;
+    var explicit=getExplicitAnchorId(node);
+    if(sourceAnchor.explicit_id){
+      if(explicit===sourceAnchor.explicit_id) score+=1400;
+      else if(explicit) score-=300;
+    }
+    var fiber=getReactFiberNode(node);
+    if(fiber){
+      var component=getReactFiberName(fiber);
+      if(sourceAnchor.component_name&&component===sourceAnchor.component_name){
+        score+=180;
+      }
+      if(sourceAnchor.react_key&&fiber.key!=null&&String(fiber.key)===sourceAnchor.react_key){
+        score+=260;
+      }
+      var currentPath=getReactOwnerPath(node);
+      var suffix=ownerPathSuffixMatches(currentPath,sourceAnchor.owner_path);
+      if(suffix>0){
+        score+=suffix*80;
+      }
+      var source=getSourceDebugInfo(fiber);
+      if(source&&sourceAnchor.source_file){
+        var currentFile=String(source.fileName||'');
+        var targetFile=String(sourceAnchor.source_file||'');
+        if(currentFile===targetFile){
+          score+=260;
+          if(typeof sourceAnchor.source_line==='number'&&source.lineNumber===sourceAnchor.source_line){
+            score+=280;
+          }
+          if(typeof sourceAnchor.source_column==='number'&&source.columnNumber===sourceAnchor.source_column){
+            score+=60;
+          }
+        }
+      }
+    }
+    if(sourceAnchor.host_tag&&node&&node.tagName&&String(node.tagName).toLowerCase()===sourceAnchor.host_tag){
+      score+=35;
+    }
+    return score;
+  }
+
   function textMatchScore(node,payload){
     if(!payload||!payload.text_context) return 0;
     var tc=payload.text_context;
@@ -605,17 +794,13 @@ function trackingScript() {
   }
 
   function pickBestElement(nodes,payload,metrics,fingerprintPath){
-    if(!nodes||nodes.length===0) return { element:null, ambiguous:false, bestScore:Infinity };
+    if(!nodes||nodes.length===0) return { element:null, bestScore:Infinity };
     var target=getTargetDocPoint(payload,metrics);
     var best=null;
     var bestScore=Infinity;
-    var secondScore=Infinity;
-    var matchCount=0;
-    var bestTextBonus=0;
     for(var i=0;i<nodes.length;i++){
       var node=nodes[i];
       if(!node||node.nodeType!==1) continue;
-      matchCount++;
       var anchorPoint=getAnchorClientPoint(node,payload);
       var docX=anchorPoint.clientX+metrics.scrollX;
       var docY=anchorPoint.clientY+metrics.scrollY;
@@ -631,24 +816,12 @@ function trackingScript() {
       var tBonus=textMatchScore(node,payload);
       score=Math.max(0,score-tBonus);
       if(score<bestScore){
-        secondScore=bestScore;
         best=node;
         bestScore=score;
-        bestTextBonus=tBonus;
-      }else if(score<secondScore){
-        secondScore=score;
-      }
-    }
-    if(!best) return { element:null, ambiguous:false, bestScore:Infinity };
-    var ambiguous=false;
-    if(matchCount>1){
-      if(!target&&bestTextBonus===0){
-        ambiguous=true;
-      }else if((secondScore-bestScore)<30&&bestTextBonus<80){
-        ambiguous=true;
       }
     }
-    return { element:best, ambiguous:ambiguous, bestScore:bestScore };
+    if(!best) return { element:null, bestScore:Infinity };
+    return { element:best, bestScore:bestScore };
   }
 
   function querySelectorAllSafe(scope,selector){
@@ -661,14 +834,14 @@ function trackingScript() {
   }
 
   function resolveFromFingerprint(fingerprint,payload,metrics,scope){
-    if(!fingerprint) return { element:null, ambiguous:false, bestScore:Infinity };
+    if(!fingerprint) return { element:null, bestScore:Infinity };
     var searchScope=scope||document;
     if(fingerprint.id){
       var byId=searchScope.getElementById?searchScope.getElementById(fingerprint.id):null;
       if(!byId&&searchScope.querySelector){
         try{ byId=searchScope.querySelector('#'+cssEscape(fingerprint.id)); }catch(e){}
       }
-      if(byId) return { element:byId, ambiguous:false, bestScore:0 };
+      if(byId) return { element:byId, bestScore:0 };
     }
     var tag=fingerprint.tag||'*';
     var selector=tag;
@@ -679,6 +852,68 @@ function trackingScript() {
     return pickBestElement(nodes,payload,metrics,fingerprint.sibling_path);
   }
 
+  function resolveFromSourceAnchor(sourceAnchor,payload,metrics,scope){
+    if(!sourceAnchor||typeof sourceAnchor!=='object'){
+      return { element:null, score:0 };
+    }
+    var searchScope=scope||document;
+    var best=null;
+    var bestScore=0;
+    var target=getTargetDocPoint(payload,metrics);
+
+    function consider(nodes){
+      for(var i=0;i<nodes.length;i++){
+        var node=nodes[i];
+        if(!node||node.nodeType!==1) continue;
+        var score=sourceMatchScore(node,sourceAnchor);
+        if(score<=0) continue;
+        if(target){
+          var point=getAnchorClientPoint(node,payload);
+          var dx=(point.clientX+metrics.scrollX)-target.x;
+          var dy=(point.clientY+metrics.scrollY)-target.y;
+          var dist=Math.sqrt(dx*dx+dy*dy);
+          score-=Math.min(280,dist*0.7);
+        }
+        if(score>bestScore){
+          best=node;
+          bestScore=score;
+        }
+      }
+    }
+
+    if(sourceAnchor.explicit_id){
+      var explicitNodes=querySelectorAllSafe(searchScope,'[data-checkpoint-anchor=\"'+cssEscape(sourceAnchor.explicit_id)+'\"]');
+      consider(explicitNodes);
+      if(!best&&searchScope!==document){
+        consider(querySelectorAllSafe(document,'[data-checkpoint-anchor=\"'+cssEscape(sourceAnchor.explicit_id)+'\"]'));
+      }
+      if(best){
+        return { element:best, score:bestScore };
+      }
+    }
+
+    var tag=sourceAnchor.host_tag||((payload.dom_fingerprint&&payload.dom_fingerprint.tag)||'*');
+    var nodes=querySelectorAllSafe(searchScope,tag);
+    if(nodes.length>1800){
+      nodes=nodes.slice(0,1800);
+    }
+    consider(nodes);
+    if(!best&&searchScope!==document){
+      var docNodes=querySelectorAllSafe(document,tag);
+      if(docNodes.length>1800){
+        docNodes=docNodes.slice(0,1800);
+      }
+      consider(docNodes);
+    }
+    var minScore=160;
+    if(sourceAnchor.explicit_id) minScore=900;
+    else if(sourceAnchor.source_file) minScore=260;
+    if(bestScore<minScore){
+      return { element:null, score:bestScore };
+    }
+    return { element:best, score:bestScore };
+  }
+
   function isStrongContainerHint(hint){
     if(!hint||typeof hint!=='object') return false;
     if(typeof hint.id==='string'&&hint.id.length>0) return true;
@@ -710,19 +945,7 @@ function trackingScript() {
 
   function resolveAnchor(payload){
     if(!payload||typeof payload!=='object') return {coordFallback:null,strategy:'none',matchedSelector:null,status:'none'};
-    if(!viewContextMatches(payload.view_context)){
-      return {
-        coordFallback:payload.coord_fallback||null,
-        strategy:'context_mismatch',
-        matchedSelector:null,
-        status:'context_mismatch'
-      };
-    }
-    var element=null;
-    var strategy='none';
-    var matchedSelector=null;
     var metrics=getMetrics();
-    var ambiguous=false;
     var transientRoot=null;
     var hasTransientContext=!!(payload.transient_context&&typeof payload.transient_context==='object');
     if(hasTransientContext){
@@ -732,100 +955,32 @@ function trackingScript() {
       }
     }
 
-    function trySelectorChain(scope,scopeTag){
-      if(!Array.isArray(payload.selector_chain)) return false;
-      for(var i=0;i<payload.selector_chain.length;i++){
-        var candidate=payload.selector_chain[i];
-        if(!candidate||typeof candidate.selector!=='string') continue;
-        var nodes=querySelectorAllSafe(scope,candidate.selector);
-        var found=pickBestElement(nodes,payload,metrics,null);
-        if(found&&found.element){
-          element=found.element;
-          ambiguous=!!found.ambiguous;
-          strategy='selector';
-          matchedSelector=(scopeTag?scopeTag+': ':'')+candidate.selector;
-          return true;
-        }
-      }
-      return false;
-    }
-
-    if(transientRoot){
-      trySelectorChain(transientRoot,'transient_root');
-    }
-    if(!element){
-      trySelectorChain(document,'document');
-    }
-
-    if(
-      !element&&
-      payload.container_hint&&
-      typeof payload.container_hint.selector==='string'&&
-      isStrongContainerHint(payload.container_hint)
-    ){
-      var containerNodesInRoot=transientRoot?querySelectorAllSafe(transientRoot,payload.container_hint.selector):[];
-      var containerMatch=pickBestElement(containerNodesInRoot,payload,metrics,null);
-      if(!containerMatch.element){
-        var containerNodes=querySelectorAllSafe(document,payload.container_hint.selector);
-        containerMatch=pickBestElement(containerNodes,payload,metrics,null);
-      }
-      if(containerMatch.element){
-        element=containerMatch.element;
-        ambiguous=!!containerMatch.ambiguous;
-        strategy='container';
-        matchedSelector=payload.container_hint.selector;
-      }
-    }
-    if(!element){
-      var fpMatch=resolveFromFingerprint(payload.dom_fingerprint,payload,metrics,transientRoot||undefined);
-      if(!fpMatch.element){
-        fpMatch=resolveFromFingerprint(payload.dom_fingerprint,payload,metrics,document);
-      }
-      if(fpMatch.element){
-        element=fpMatch.element;
-        ambiguous=!!fpMatch.ambiguous;
-        strategy='fingerprint';
-      }
-    }
-    if(!element&&payload.scroll_context){
-      var fromContainer=getPointFromScrollContext(payload.scroll_context);
-      if(fromContainer){
+    if(!payload.source_anchor){
+      if(payload.coord_fallback){
         return {
-          coordFallback:buildCoordFallback(fromContainer.clientX,fromContainer.clientY,metrics),
-          strategy:'scroll_container',
-          matchedSelector:null,
-          status:'resolved'
+          coordFallback:payload.coord_fallback,
+          strategy:'fallback',
+          matchedSelector:'legacy_coord_fallback',
+          status:'fallback_only'
         };
       }
+      return {coordFallback:null,strategy:'none',matchedSelector:null,status:'none'};
     }
-    if(!element) return {coordFallback:null,strategy:'fallback',matchedSelector:null,status:'fallback_only'};
-    if(ambiguous){
-      return {
-        coordFallback:payload.coord_fallback||null,
-        strategy:'ambiguous',
-        matchedSelector:matchedSelector,
-        status:'ambiguous'
-      };
-    }
-    var target=getTargetDocPoint(payload,metrics);
-    if(target){
-      var anchorPoint=getAnchorClientPoint(element,payload);
-      var distX=(anchorPoint.clientX+metrics.scrollX)-target.x;
-      var distY=(anchorPoint.clientY+metrics.scrollY)-target.y;
-      var dist=Math.sqrt(distX*distX+distY*distY);
-      if(dist>220){
-        return {
-          coordFallback:payload.coord_fallback||null,
-          strategy:'ambiguous',
-          matchedSelector:matchedSelector,
-          status:'ambiguous'
-        };
-      }
+
+    var sourceScope=transientRoot||document;
+    var sourceMatch=resolveFromSourceAnchor(payload.source_anchor,payload,metrics,sourceScope);
+    if(!sourceMatch||!sourceMatch.element){
+      return {coordFallback:null,strategy:'fallback',matchedSelector:'source_anchor_miss',status:'fallback_only'};
     }
-    var point=getAnchorClientPoint(element,payload);
+    var point=getAnchorClientPoint(sourceMatch.element,payload);
     var clientX=point.clientX;
     var clientY=point.clientY;
-    return {coordFallback:buildCoordFallback(clientX,clientY,metrics),strategy:strategy,matchedSelector:matchedSelector,status:'resolved'};
+    return {
+      coordFallback:buildCoordFallback(clientX,clientY,metrics),
+      strategy:'source',
+      matchedSelector:'source_anchor',
+      status:'resolved'
+    };
   }
 
   function setPickMode(enabled){
@@ -841,12 +996,22 @@ function trackingScript() {
         window.removeEventListener('click',pickClickHandler,true);
         pickClickHandler=null;
       }
+      if(pickMoveHandler){
+        window.removeEventListener('mousemove',pickMoveHandler,true);
+        pickMoveHandler=null;
+      }
       if(pickEscHandler){
         window.removeEventListener('keydown',pickEscHandler,true);
         pickEscHandler=null;
       }
+      hidePickInspectUi();
       return;
     }
+    pickMoveHandler=function(ev){
+      if(!pickMode) return;
+      var target=ev.target&&ev.target.nodeType===1?ev.target:null;
+      renderPickInspect(target,ev.clientX,ev.clientY);
+    };
     pickClickHandler=function(ev){
       try{
         if(!pickMode) return;
@@ -877,6 +1042,7 @@ function trackingScript() {
         setPickMode(false);
       }
     };
+    window.addEventListener('mousemove',pickMoveHandler,true);
     window.addEventListener('click',pickClickHandler,true);
     window.addEventListener('keydown',pickEscHandler,true);
   }
@@ -1039,7 +1205,7 @@ function startInjectionProxy(targetPort) {
                 proxyRes.on('data', (chunk) => chunks.push(chunk));
                 proxyRes.on('end', () => {
                     let body = Buffer.concat(chunks).toString('utf-8');
-                    if (!body.includes('data-checkpoint')) {
+                    if (!body.includes('data-checkpoint-script="1"')) {
                         if (body.includes('</head>')) {
                             body = body.replace('</head>', SCRIPT + '\n</head>');
                         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "checkpoint-cli",
-  "version": "0.1.9",
+  "version": "0.2.1",
   "description": "Share your localhost with reviewers — get visual feedback directly on the page",
   "keywords": [
     "checkpoint",