checkpoint-cli 0.3.7 → 0.3.9

package/dist/index.js

@@ -79,1194 +79,6 @@ function requireAuth() {
         process.exit(1);
     }
 }
-/* ── Checkpoint Tracking Script (injected into HTML responses) ── */
-function trackingScript() {
-    return `
-<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;
-  var pickPointerDownHandler=null;
-  var pickHoverRaf=0;
-  var pickLastMouseX=0;
-  var pickLastMouseY=0;
-
-  function getMetrics(){
-    var de=document.documentElement;
-    return {
-      scrollX:window.scrollX||window.pageXOffset||0,
-      scrollY:window.scrollY||window.pageYOffset||0,
-      docWidth:de.scrollWidth||0,
-      docHeight:de.scrollHeight||0,
-      viewWidth:de.clientWidth||window.innerWidth||0,
-      viewHeight:de.clientHeight||window.innerHeight||0
-    };
-  }
-
-  function clampPercent(v){
-    if(v<0) return 0;
-    if(v>100) return 100;
-    return v;
-  }
-
-  function cssEscape(value){
-    try{
-      if(window.CSS&&typeof window.CSS.escape==='function'){
-        return window.CSS.escape(value);
-      }
-    }catch(e){}
-    return String(value).replace(/[^a-zA-Z0-9_-]/g,'\\\\$&');
-  }
-
-  function shortText(value){
-    if(!value) return '';
-    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=target.getBoundingClientRect?target.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 getEventElement(ev){
-    if(!ev) return null;
-    try{
-      if(typeof ev.composedPath==='function'){
-        var path=ev.composedPath();
-        if(path&&path.length>0){
-          var first=path[0];
-          if(first&&first.nodeType===1) return first;
-          if(first&&first.nodeType===3&&first.parentElement) return first.parentElement;
-        }
-      }
-    }catch(e){}
-    var target=ev.target||null;
-    if(target&&target.nodeType===1){
-      return target;
-    }
-    if(target&&target.nodeType===3&&target.parentElement){
-      return target.parentElement;
-    }
-    try{
-      if(typeof ev.clientX==='number'&&typeof ev.clientY==='number'&&document.elementFromPoint){
-        var node=document.elementFromPoint(ev.clientX,ev.clientY);
-        if(node&&node.nodeType===1){
-          return node;
-        }
-      }
-    }catch(e){}
-    return null;
-  }
-
-  function getElementAtPoint(x,y){
-    try{
-      if(typeof x==='number'&&typeof y==='number'&&document.elementFromPoint){
-        var node=document.elementFromPoint(x,y);
-        if(node&&node.nodeType===1){
-          return node;
-        }
-      }
-    }catch(e){}
-    return null;
-  }
-
-  function elementSelector(el){
-    if(!el||!el.tagName) return '';
-    var tag=el.tagName.toLowerCase();
-    if(el.id) return '#'+cssEscape(el.id);
-    var cls=(el.className&&typeof el.className==='string')
-      ? el.className.trim().split(/\\s+/).filter(Boolean).slice(0,3)
-      : [];
-    if(cls.length>0) return tag+'.'+cls.map(cssEscape).join('.');
-    return tag;
-  }
-
-  function getSelectorChain(el){
-    var out=[];
-    var seen={};
-    function push(selector,score){
-      if(!selector||seen[selector]) return;
-      seen[selector]=true;
-      out.push({selector:selector,score:score});
-    }
-    var current=el;
-    var depth=0;
-    while(current&&current.nodeType===1&&depth<5){
-      var sel=elementSelector(current);
-      if(sel){
-        var score=Math.max(0.2,1-(depth*0.18));
-        push(sel,score);
-      }
-      if(current.parentElement){
-        var parentSel=elementSelector(current.parentElement);
-        if(parentSel&&sel){
-          push(parentSel+' > '+sel,Math.max(0.2,0.88-(depth*0.15)));
-        }
-      }
-      current=current.parentElement;
-      depth++;
-    }
-    return out.slice(0,10);
-  }
-
-  function getSiblingPath(el){
-    var path=[];
-    var current=el;
-    var steps=0;
-    while(current&&current.parentElement&&steps<8){
-      var parent=current.parentElement;
-      var index=0;
-      var children=parent.children;
-      for(var i=0;i<children.length;i++){
-        if(children[i]===current){
-          index=i;
-          break;
-        }
-      }
-      path.unshift(index);
-      current=parent;
-      steps++;
-    }
-    return path;
-  }
-
-  function getDomFingerprint(el){
-    if(!el||!el.tagName) return null;
-    var classes=(el.className&&typeof el.className==='string')
-      ? el.className.trim().split(/\\s+/).filter(Boolean).slice(0,6)
-      : [];
-    return {
-      tag:el.tagName.toLowerCase(),
-      id:el.id||null,
-      classes:classes,
-      sibling_path:getSiblingPath(el)
-    };
-  }
-
-  function getContainerHint(el){
-    if(!el||typeof el.closest!=='function') return null;
-    var container=el.closest('main,article,section,form,nav,[role="main"],[data-testid],[id]');
-    if(!container||!container.tagName) return null;
-    var classes=(container.className&&typeof container.className==='string')
-      ? container.className.trim().split(/\\s+/).filter(Boolean).slice(0,4)
-      : [];
-    return {
-      selector:elementSelector(container),
-      tag:container.tagName.toLowerCase(),
-      id:container.id||null,
-      classes:classes
-    };
-  }
-
-  function parseZIndex(value){
-    var n=parseInt(String(value||''),10);
-    return isNaN(n)?0:n;
-  }
-
-  function detectTransientKind(el){
-    if(!el||!el.tagName) return 'unknown';
-    try{
-      var role=(el.getAttribute&&el.getAttribute('role')||'').toLowerCase();
-      var classes=(el.className&&typeof el.className==='string'?el.className:'').toLowerCase();
-      var id=(el.id||'').toLowerCase();
-      var label=(role+' '+classes+' '+id).trim();
-      if(role==='dialog'||el.getAttribute('aria-modal')==='true'||label.indexOf('modal')>=0||label.indexOf('dialog')>=0){
-        return 'dialog';
-      }
-      if(label.indexOf('drawer')>=0||label.indexOf('sheet')>=0||label.indexOf('sidebar')>=0){
-        return 'drawer';
-      }
-      if(label.indexOf('popover')>=0) return 'popover';
-      if(role==='menu'||label.indexOf('menu')>=0||label.indexOf('dropdown')>=0) return 'menu';
-      if(role==='tooltip'||label.indexOf('tooltip')>=0) return 'tooltip';
-    }catch(e){}
-    return 'unknown';
-  }
-
-  function isTransientRootCandidate(el){
-    if(!el||!el.tagName) return false;
-    try{
-      var role=(el.getAttribute&&el.getAttribute('role')||'').toLowerCase();
-      var ariaModal=(el.getAttribute&&el.getAttribute('aria-modal')||'').toLowerCase();
-      var dataState=(el.getAttribute&&el.getAttribute('data-state')||'').toLowerCase();
-      var classes=(el.className&&typeof el.className==='string'?el.className:'').toLowerCase();
-      var id=(el.id||'').toLowerCase();
-      var style=window.getComputedStyle?window.getComputedStyle(el):null;
-      var position=style?style.position:'';
-      var zIndex=parseZIndex(style?style.zIndex:0);
-      if(role==='dialog'||role==='menu'||role==='tooltip') return true;
-      if(ariaModal==='true') return true;
-      if(dataState==='open'&&(classes.indexOf('modal')>=0||classes.indexOf('popover')>=0||classes.indexOf('drawer')>=0)) return true;
-      if(classes.indexOf('modal')>=0||classes.indexOf('dialog')>=0||classes.indexOf('drawer')>=0||classes.indexOf('popover')>=0||classes.indexOf('tooltip')>=0||classes.indexOf('dropdown')>=0) return true;
-      if(id.indexOf('modal')>=0||id.indexOf('dialog')>=0||id.indexOf('drawer')>=0||id.indexOf('popover')>=0) return true;
-      if((position==='fixed'||position==='sticky')&&zIndex>=100) return true;
-    }catch(e){}
-    return false;
-  }
-
-  function isLikelyPortaled(el){
-    if(!el||!el.parentElement) return false;
-    try{
-      var root=el;
-      var steps=0;
-      while(root&&root.parentElement&&steps<8){
-        root=root.parentElement;
-        steps++;
-      }
-      if(!root||!root.parentElement) return false;
-      if(root===document.body) return true;
-      if(el.parentElement===document.body) return true;
-      if(el.parentElement&&el.parentElement.id&&String(el.parentElement.id).toLowerCase().indexOf('portal')>=0) return true;
-      var classes=(el.className&&typeof el.className==='string'?el.className:'').toLowerCase();
-      if(classes.indexOf('portal')>=0) return true;
-    }catch(e){}
-    return false;
-  }
-
-  function getOpenerCandidates(){
-    var out=[];
-    var seen={};
-    var selectors=[
-      '[aria-haspopup=\"dialog\"]',
-      '[aria-controls]',
-      '[data-modal-trigger]',
-      '[data-dialog-trigger]',
-      'button',
-      '[role=\"button\"]',
-      'a'
-    ];
-    for(var s=0;s<selectors.length;s++){
-      var selector=selectors[s];
-      try{
-        var nodes=document.querySelectorAll(selector);
-        for(var i=0;i<nodes.length&&out.length<8;i++){
-          var node=nodes[i];
-          if(!node||node.nodeType!==1) continue;
-          var sel=elementSelector(node);
-          if(!sel||seen[sel]) continue;
-          seen[sel]=true;
-          var score=0.3;
-          var label=(node.getAttribute&&node.getAttribute('aria-label')||'').toLowerCase();
-          var text=shortText(node.textContent).toLowerCase();
-          if(label.indexOf('setting')>=0||text.indexOf('setting')>=0) score=0.9;
-          else if(label.indexOf('open')>=0||text.indexOf('open')>=0) score=0.7;
-          out.push({selector:sel,score:score});
-        }
-      }catch(e){}
-    }
-    out.sort(function(a,b){ return b.score-a.score; });
-    return out.slice(0,6);
-  }
-
-  function getTransientContext(el){
-    if(!el||typeof el.closest!=='function') return null;
-    var current=el;
-    var depth=0;
-    while(current&&current.nodeType===1&&depth<8){
-      if(isTransientRootCandidate(current)){
-        var style=window.getComputedStyle?window.getComputedStyle(current):null;
-        return {
-          kind:detectTransientKind(current),
-          root_selector_chain:getSelectorChain(current),
-          root_fingerprint:getDomFingerprint(current),
-          is_portaled:isLikelyPortaled(current),
-          z_index:parseZIndex(style?style.zIndex:0),
-          is_fixed:style?style.position==='fixed':false,
-          opener_candidates:getOpenerCandidates()
-        };
-      }
-      current=current.parentElement;
-      depth++;
-    }
-    return null;
-  }
-
-  function getVisibleText(node){
-    try{
-      if(!node||!node.textContent) return '';
-      return shortText(String(node.textContent).replace(/\\s+/g,' ').trim()).toLowerCase();
-    }catch(e){}
-    return '';
-  }
-
-  function getSourceDebugInfo(fiber){
-    var current=fiber;
-    var steps=0;
-    while(current&&steps<24){
-      if(current._debugSource){
-        return current._debugSource;
-      }
-      current=current.return||null;
-      steps++;
-    }
-    return null;
-  }
-
-  function buildCoordFallback(clientX,clientY,metrics){
-    var safeViewW=metrics.viewWidth||1;
-    var safeViewH=metrics.viewHeight||1;
-    var docX=clientX+metrics.scrollX;
-    var docY=clientY+metrics.scrollY;
-    return {
-      x_percent:clampPercent((clientX/safeViewW)*100),
-      y_percent:clampPercent((clientY/safeViewH)*100),
-      scroll_x:metrics.scrollX,
-      scroll_y:metrics.scrollY,
-      viewport_width:safeViewW,
-      viewport_height:safeViewH,
-      doc_width:metrics.docWidth||safeViewW,
-      doc_height:metrics.docHeight||safeViewH,
-      doc_x_percent:clampPercent((docX/(metrics.docWidth||safeViewW))*100),
-      doc_y_percent:clampPercent((docY/(metrics.docHeight||safeViewH))*100)
-    };
-  }
-
-  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='';
-    try{
-      textSelf=shortText(el&&el.textContent);
-      textParent=shortText(el&&el.parentElement&&el.parentElement.textContent);
-    }catch(e){}
-    var fallback=buildCoordFallback(clientX,clientY,metrics);
-    try{
-      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);
-        fallback.element_x_percent=clampPercent(((clientX-rect.left)/safeW)*100);
-        fallback.element_y_percent=clampPercent(((clientY-rect.top)/safeH)*100);
-      }
-    }catch(e){}
-    return {
-      selector_chain:[],
-      dom_fingerprint:null,
-      text_context:{
-        self:textSelf,
-        parent:textParent
-      },
-      container_hint:null,
-      transient_context:getTransientContext(el),
-      source_anchor:sourceAnchor,
-      coord_fallback:fallback
-    };
-  }
-
-  function getTargetDocPoint(payload,metrics){
-    var fallback=payload&&payload.coord_fallback;
-    if(!fallback||typeof fallback!=='object') return null;
-    var docW=(typeof fallback.doc_width==='number'&&fallback.doc_width>0)
-      ? fallback.doc_width
-      : (metrics.docWidth||metrics.viewWidth||1);
-    var docH=(typeof fallback.doc_height==='number'&&fallback.doc_height>0)
-      ? fallback.doc_height
-      : (metrics.docHeight||metrics.viewHeight||1);
-    if(typeof fallback.doc_x_percent==='number'&&typeof fallback.doc_y_percent==='number'){
-      return {
-        x:(fallback.doc_x_percent/100)*docW,
-        y:(fallback.doc_y_percent/100)*docH
-      };
-    }
-    if(typeof fallback.x_percent==='number'&&typeof fallback.y_percent==='number'){
-      var viewW=(typeof fallback.viewport_width==='number'&&fallback.viewport_width>0)
-        ? fallback.viewport_width
-        : (metrics.viewWidth||1);
-      var viewH=(typeof fallback.viewport_height==='number'&&fallback.viewport_height>0)
-        ? fallback.viewport_height
-        : (metrics.viewHeight||1);
-      var scrollX=typeof fallback.scroll_x==='number'?fallback.scroll_x:metrics.scrollX;
-      var scrollY=typeof fallback.scroll_y==='number'?fallback.scroll_y:metrics.scrollY;
-      return {
-        x:(fallback.x_percent/100)*viewW+scrollX,
-        y:(fallback.y_percent/100)*viewH+scrollY
-      };
-    }
-    return null;
-  }
-
-  function getAnchorClientPoint(el,payload){
-    var rect=el.getBoundingClientRect();
-    var safeW=Math.max(2,rect.width||2);
-    var safeH=Math.max(2,rect.height||2);
-    var relX=0.5;
-    var relY=0.5;
-    var fallback=payload&&payload.coord_fallback;
-    if(fallback&&typeof fallback.element_x_percent==='number'){
-      relX=clampPercent(fallback.element_x_percent)/100;
-    }
-    if(fallback&&typeof fallback.element_y_percent==='number'){
-      relY=clampPercent(fallback.element_y_percent)/100;
-    }
-    return {
-      clientX:rect.left+Math.max(1,Math.min(safeW-1,safeW*relX)),
-      clientY:rect.top+Math.max(1,Math.min(safeH-1,safeH*relY))
-    };
-  }
-
-  function siblingPathDistance(el,path){
-    if(!Array.isArray(path)||path.length===0) return 0;
-    var current=getSiblingPath(el);
-    var maxLen=Math.max(current.length,path.length);
-    var dist=Math.abs(current.length-path.length)*5;
-    var cOffset=maxLen-current.length;
-    var pOffset=maxLen-path.length;
-    for(var i=0;i<maxLen;i++){
-      var cVal=current[i-cOffset];
-      var pVal=path[i-pOffset];
-      if(typeof cVal==='number'&&typeof pVal==='number'){
-        dist+=Math.abs(cVal-pVal);
-      }else{
-        dist+=2;
-      }
-    }
-    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;
-    var selfText=getVisibleText(node);
-    var parentText=node.parentElement?getVisibleText(node.parentElement):'';
-    var bonus=0;
-    if(tc.self&&selfText&&tc.self.length>2){
-      if(selfText===tc.self.toLowerCase()) bonus+=200;
-      else if(selfText.indexOf(tc.self.toLowerCase())>=0||tc.self.toLowerCase().indexOf(selfText)>=0) bonus+=80;
-    }
-    if(tc.parent&&parentText&&tc.parent.length>2){
-      if(parentText===tc.parent.toLowerCase()) bonus+=100;
-      else if(parentText.indexOf(tc.parent.toLowerCase())>=0||tc.parent.toLowerCase().indexOf(parentText)>=0) bonus+=40;
-    }
-    return bonus;
-  }
-
-  function pickBestElement(nodes,payload,metrics,fingerprintPath){
-    if(!nodes||nodes.length===0) return { element:null, bestScore:Infinity };
-    var target=getTargetDocPoint(payload,metrics);
-    var best=null;
-    var bestScore=Infinity;
-    for(var i=0;i<nodes.length;i++){
-      var node=nodes[i];
-      if(!node||node.nodeType!==1) continue;
-      var anchorPoint=getAnchorClientPoint(node,payload);
-      var docX=anchorPoint.clientX+metrics.scrollX;
-      var docY=anchorPoint.clientY+metrics.scrollY;
-      var score=0;
-      if(target){
-        var dx=docX-target.x;
-        var dy=docY-target.y;
-        score+=Math.sqrt(dx*dx+dy*dy);
-      }
-      if(Array.isArray(fingerprintPath)&&fingerprintPath.length>0){
-        score+=siblingPathDistance(node,fingerprintPath)*40;
-      }
-      var tBonus=textMatchScore(node,payload);
-      score=Math.max(0,score-tBonus);
-      if(score<bestScore){
-        best=node;
-        bestScore=score;
-      }
-    }
-    if(!best) return { element:null, bestScore:Infinity };
-    return { element:best, bestScore:bestScore };
-  }
-
-  function querySelectorAllSafe(scope,selector){
-    if(!scope||!selector) return [];
-    try{
-      var nodeList=scope.querySelectorAll(selector);
-      return nodeList?Array.prototype.slice.call(nodeList):[];
-    }catch(e){}
-    return [];
-  }
-
-  function resolveFromFingerprint(fingerprint,payload,metrics,scope){
-    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, bestScore:0 };
-    }
-    var tag=fingerprint.tag||'*';
-    var selector=tag;
-    if(Array.isArray(fingerprint.classes)&&fingerprint.classes.length>0){
-      selector+= '.'+fingerprint.classes.map(cssEscape).join('.');
-    }
-    var nodes=querySelectorAllSafe(searchScope,selector);
-    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;
-    if(typeof hint.selector==='string'){
-      if(hint.selector.indexOf('#')===0) return true;
-      if(hint.selector.indexOf('[data-testid')>=0) return true;
-      if(hint.selector.indexOf('[role=')>=0) return true;
-    }
-    return false;
-  }
-
-  function resolveTransientRoot(payload,metrics){
-    var transient=payload&&payload.transient_context;
-    if(!transient||typeof transient!=='object') return null;
-    var root=null;
-    if(Array.isArray(transient.root_selector_chain)){
-      for(var i=0;i<transient.root_selector_chain.length;i++){
-        var candidate=transient.root_selector_chain[i];
-        if(!candidate||typeof candidate.selector!=='string') continue;
-        var nodes=querySelectorAllSafe(document,candidate.selector);
-        var rootMatch=pickBestElement(nodes,payload,metrics,transient.root_fingerprint&&transient.root_fingerprint.sibling_path);
-        root=rootMatch.element;
-        if(root) return root;
-      }
-    }
-    root=resolveFromFingerprint(transient.root_fingerprint,payload,metrics,document).element;
-    return root;
-  }
-
-  function resolveAnchor(payload){
-    if(!payload||typeof payload!=='object') return {coordFallback:null,strategy:'none',matchedSelector:null,status:'none'};
-    var metrics=getMetrics();
-    var transientRoot=null;
-    var hasTransientContext=!!(payload.transient_context&&typeof payload.transient_context==='object');
-    if(hasTransientContext){
-      transientRoot=resolveTransientRoot(payload,metrics);
-      if(!transientRoot){
-        return {coordFallback:null,strategy:'transient_missing',matchedSelector:null,status:'transient_missing'};
-      }
-    }
-
-    if(!payload.source_anchor){
-      if(payload.coord_fallback){
-        return {
-          coordFallback:payload.coord_fallback,
-          strategy:'fallback',
-          matchedSelector:'legacy_coord_fallback',
-          status:'fallback_only'
-        };
-      }
-      return {coordFallback:null,strategy:'none',matchedSelector:null,status:'none'};
-    }
-
-    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(sourceMatch.element,payload);
-    var clientX=point.clientX;
-    var clientY=point.clientY;
-    return {
-      coordFallback:buildCoordFallback(clientX,clientY,metrics),
-      strategy:'source',
-      matchedSelector:'source_anchor',
-      status:'resolved'
-    };
-  }
-
-  function setPickMode(enabled){
-    var next=!!enabled;
-    if(pickMode===next) return;
-    pickMode=next;
-    document.documentElement.style.cursor=pickMode?'crosshair':'';
-    if(document.body){
-      document.body.style.cursor=pickMode?'crosshair':'';
-    }
-    if(!pickMode){
-      if(pickClickHandler){
-        window.removeEventListener('click',pickClickHandler,true);
-        pickClickHandler=null;
-      }
-      if(pickPointerDownHandler){
-        window.removeEventListener('pointerdown',pickPointerDownHandler,true);
-        pickPointerDownHandler=null;
-      }
-      if(pickMoveHandler){
-        document.removeEventListener('mousemove',pickMoveHandler,true);
-        pickMoveHandler=null;
-      }
-      if(pickEscHandler){
-        window.removeEventListener('keydown',pickEscHandler,true);
-        pickEscHandler=null;
-      }
-      if(pickHoverRaf){
-        cancelAnimationFrame(pickHoverRaf);
-        pickHoverRaf=0;
-      }
-      hidePickInspectUi();
-      return;
-    }
-    pickMoveHandler=function(ev){
-      if(!pickMode) return;
-      pickLastMouseX=ev.clientX;
-      pickLastMouseY=ev.clientY;
-      if(pickHoverRaf) return;
-      pickHoverRaf=requestAnimationFrame(function(){
-        pickHoverRaf=0;
-        var target=getElementAtPoint(pickLastMouseX,pickLastMouseY)||getEventElement(ev);
-        renderPickInspect(target,pickLastMouseX,pickLastMouseY);
-      });
-    };
-    pickPointerDownHandler=function(ev){
-      if(!pickMode) return;
-      var target=getElementAtPoint(ev.clientX,ev.clientY)||getEventElement(ev);
-      if(!target) return;
-      ev.preventDefault();
-      ev.stopPropagation();
-      if(typeof ev.stopImmediatePropagation==='function'){
-        ev.stopImmediatePropagation();
-      }
-      try{
-        var payload=buildAnchorPayload(target,ev.clientX,ev.clientY);
-        window.parent.postMessage({
-          type:'checkpoint:pickResult',
-          path:location.pathname+location.search+location.hash,
-          anchorPayload:payload,
-          point:{
-            xPercent:payload.coord_fallback&&typeof payload.coord_fallback.x_percent==='number'?payload.coord_fallback.x_percent:50,
-            yPercent:payload.coord_fallback&&typeof payload.coord_fallback.y_percent==='number'?payload.coord_fallback.y_percent:50,
-            scrollY:payload.coord_fallback&&typeof payload.coord_fallback.scroll_y==='number'?payload.coord_fallback.scroll_y:0,
-            viewHeight:payload.coord_fallback&&typeof payload.coord_fallback.viewport_height==='number'?payload.coord_fallback.viewport_height:0
-          }
-        },'*');
-      }catch(e){}
-      setPickMode(false);
-    };
-    pickClickHandler=function(ev){
-      try{
-        if(!pickMode) return;
-        ev.preventDefault();
-        ev.stopPropagation();
-        if(typeof ev.stopImmediatePropagation==='function'){
-          ev.stopImmediatePropagation();
-        }
-        var target=getEventElement(ev);
-        if(!target) return;
-        var payload=buildAnchorPayload(target,ev.clientX,ev.clientY);
-        window.parent.postMessage({
-          type:'checkpoint:pickResult',
-          path:location.pathname+location.search+location.hash,
-          anchorPayload:payload,
-          point:{
-            xPercent:payload.coord_fallback&&typeof payload.coord_fallback.x_percent==='number'?payload.coord_fallback.x_percent:50,
-            yPercent:payload.coord_fallback&&typeof payload.coord_fallback.y_percent==='number'?payload.coord_fallback.y_percent:50,
-            scrollY:payload.coord_fallback&&typeof payload.coord_fallback.scroll_y==='number'?payload.coord_fallback.scroll_y:0,
-            viewHeight:payload.coord_fallback&&typeof payload.coord_fallback.viewport_height==='number'?payload.coord_fallback.viewport_height:0
-          }
-        },'*');
-      }catch(e){}
-      setPickMode(false);
-    };
-    pickEscHandler=function(ev){
-      if(ev.key==='Escape'){
-        setPickMode(false);
-      }
-    };
-    document.addEventListener('mousemove',pickMoveHandler,true);
-    window.addEventListener('pointerdown',pickPointerDownHandler,true);
-    window.addEventListener('click',pickClickHandler,true);
-    window.addEventListener('keydown',pickEscHandler,true);
-  }
-
-  function reportNav(){
-    try{
-      var p=location.pathname+location.search+location.hash;
-      if(p!==lastPath){
-        lastPath=p;
-        window.parent.postMessage({
-          type:'checkpoint:navigate',
-          path:p
-        },'*');
-        reportScroll();
-      }
-    }catch(e){}
-  }
-  var scrollTick=false;
-  function reportScroll(){
-    try{
-      var metrics=getMetrics();
-      window.parent.postMessage({
-        type:'checkpoint:scroll',
-        scrollX:metrics.scrollX,
-        scrollY:metrics.scrollY,
-        docWidth:metrics.docWidth,
-        docHeight:metrics.docHeight,
-        viewWidth:metrics.viewWidth,
-        viewHeight:metrics.viewHeight
-      },'*');
-    }catch(e){}
-  }
-  function onScroll(){
-    if(!scrollTick){
-      scrollTick=true;
-      requestAnimationFrame(function(){
-        reportScroll();
-        scrollTick=false;
-      });
-    }
-  }
-
-  var mutationTick=false;
-  function reportDomMutation(reason){
-    try{
-      window.parent.postMessage({
-        type:'checkpoint:domMutation',
-        reason:reason||'mutation',
-        path:location.pathname+location.search+location.hash
-      },'*');
-    }catch(e){}
-  }
-
-  function onMutation(){
-    if(mutationTick) return;
-    mutationTick=true;
-    requestAnimationFrame(function(){
-      mutationTick=false;
-      reportScroll();
-      reportDomMutation('mutation');
-    });
-  }
-
-  function setupMutationObserver(){
-    try{
-      if(!window.MutationObserver||!document.documentElement) return;
-      var observer=new MutationObserver(function(mutations){
-        for(var i=0;i<mutations.length;i++){
-          var m=mutations[i];
-          if(m.type==='childList'){
-            if((m.addedNodes&&m.addedNodes.length>0)||(m.removedNodes&&m.removedNodes.length>0)){
-              onMutation();
-              return;
-            }
-          }
-          if(m.type==='attributes'){
-            onMutation();
-            return;
-          }
-        }
-      });
-      observer.observe(document.documentElement,{
-        childList:true,
-        subtree:true,
-        attributes:true,
-        attributeFilter:['class','style','aria-hidden','aria-modal','data-state','open']
-      });
-      window.addEventListener('beforeunload',function(){ try{observer.disconnect();}catch(e){}; });
-    }catch(e){}
-  }
-
-  reportNav();
-  reportScroll();
-  setupMutationObserver();
-  var _ps=history.pushState,_rs=history.replaceState;
-  history.pushState=function(){_ps.apply(this,arguments);reportNav();};
-  history.replaceState=function(){_rs.apply(this,arguments);reportNav();};
-  window.addEventListener('popstate',reportNav);
-  window.addEventListener('hashchange',reportNav);
-  window.addEventListener('scroll',onScroll,{passive:true});
-  document.addEventListener('scroll',onScroll,true);
-  window.addEventListener('resize',reportScroll);
-  window.addEventListener('message',function(e){
-    try{
-      if(e.data&&e.data.type==='checkpoint:scrollTo'&&typeof e.data.y==='number'){
-        window.scrollTo({top:e.data.y,behavior:'smooth'});
-      }
-      if(e.data&&e.data.type==='checkpoint:pickMode'){
-        setPickMode(!!e.data.enabled);
-      }
-      if(e.data&&e.data.type==='checkpoint:resolveAnchors'&&Array.isArray(e.data.items)){
-        var positions=[];
-        for(var i=0;i<e.data.items.length;i++){
-          var item=e.data.items[i];
-          if(!item||typeof item.id!=='string') continue;
-          var result=resolveAnchor(item.anchorPayload);
-          positions.push({
-            id:item.id,
-            found:!!result.coordFallback,
-            status:result.status||'none',
-            strategy:result.strategy,
-            matchedSelector:result.matchedSelector,
-            coordFallback:result.coordFallback||null
-          });
-        }
-        window.parent.postMessage({
-          type:'checkpoint:anchorsResolved',
-          path:location.pathname+location.search+location.hash,
-          positions:positions
-        },'*');
-      }
-    }catch(ex){}
-  });
-  setInterval(reportNav,500);
-})();
-</script>`.trim();
-}
 /* ── Injection Proxy ── */
 function startInjectionProxy(targetPort) {
     const scriptBody = (0, tracking_script_minimal_js_1.buildMinimalTrackingScript)().replace(/<\/script/gi, '<\\/script');
@@ -1606,7 +418,7 @@ const program = new commander_1.Command();
 program
     .name('checkpoint')
     .description('Share your localhost with reviewers — get visual feedback directly on the page')
-    .version('0.3.7');
+    .version('0.3.9');
 // ── checkpoint login ──
 program
     .command('login')

package/dist/tracking-script-minimal.js

@@ -190,6 +190,15 @@ function buildMinimalTrackingScript() {
     return score;
   }
 
+  function hasOwnerPathKey(anchor){
+    if(!anchor||!Array.isArray(anchor.owner_path)) return false;
+    for(var i=0;i<anchor.owner_path.length;i++){
+      var part=anchor.owner_path[i];
+      if(typeof part==='string'&&part.indexOf('#')>0) return true;
+    }
+    return false;
+  }
+
   function findBestAnchorableElement(el){
     if(!el||el.nodeType!==1) return { element:el, sourceAnchor:null };
     var current=el;
@@ -208,6 +217,10 @@ function buildMinimalTrackingScript() {
       if(anchor&&anchor.explicit_id){
         return { element:current, sourceAnchor:anchor };
       }
+      // Prefer keyed instances in repeated lists/grids.
+      if(anchor&&(anchor.react_key||hasOwnerPathKey(anchor))){
+        return { element:current, sourceAnchor:anchor };
+      }
       current=current.parentElement;
       depth++;
     }
@@ -221,7 +234,7 @@ function buildMinimalTrackingScript() {
     var score=0;
     while(i>=0&&j>=0){
       if(current[i]!==expected[j]) break;
-      score+=100;
+      score+=(String(expected[j]).indexOf('#')>0?180:100);
       i--;
       j--;
     }
@@ -471,10 +484,10 @@ function buildMinimalTrackingScript() {
       inspectBox.style.top='0';
       inspectBox.style.width='0';
       inspectBox.style.height='0';
-      inspectBox.style.border='2px solid #6366f1';
-      inspectBox.style.background='rgba(99,102,241,0.12)';
-      inspectBox.style.boxSizing='border-box';
-      inspectBox.style.borderRadius='4px';
+inspectBox.style.border='2px solid #F26522';
+                  inspectBox.style.background='rgba(242,101,34,0.12)';
+                  inspectBox.style.boxSizing='border-box';
+                  inspectBox.style.borderRadius='0';
       inspectBox.style.pointerEvents='none';
       inspectBox.style.zIndex='2147483646';
       inspectBox.style.display='none';

package/package.json

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