(function () {
  'use strict';

  var SOURCE = 'kandev-inspector';
  var PROTOCOL_VERSION = 2;
  var Z_INDEX = 2147483640;
  var MAX_OUTER_HTML = 65536;
  var mode = null;
  var candidate = null;
  var candidateOverlay = null;
  var candidateLabel = null;
  var screenshotOverlay = null;
  var screenshotStart = null;
  var screenshotCurrent = null;
  var projectedMarkers = [];
  var originalCursor = document.documentElement.style.cursor;
  var originalTouchAction = document.documentElement.style.touchAction;

  function send(type, payload) {
    try {
      window.parent.postMessage({
        source: SOURCE,
        version: PROTOCOL_VERSION,
        type: type,
        payload: payload,
      }, '*');
    } catch (error) {}
  }

  function sanitizedSearch() {
    var sensitiveQueryParameter = /(?:^|[_-])(access[_-]?token|id[_-]?token|token|secret|password|passwd|auth(?:orization)?|credential|cookie|session|capability|signature|sig|nonce|code|state|key)(?:$|[_-])/i;
    var kept = [];
    try {
      var params = new URLSearchParams(location.search);
      params.forEach(function (value, name) {
        if (sensitiveQueryParameter.test(name)) return;
        kept.push(encodeURIComponent(name) + '=' + encodeURIComponent(value));
      });
    } catch (error) {}
    return kept.length ? '?' + kept.join('&') : '';
  }

  function currentPageRoute() {
    var path = location.pathname;
    var prefix = window.__kandevProxyPrefix;
    if (typeof prefix === 'string' && prefix) {
      if (path === prefix || path.indexOf(prefix + '/') === 0) {
        path = path.slice(prefix.length) || '/';
      }
    }
    return path + sanitizedSearch();
  }

  function pageIdentity() {
    return {
      page_route: currentPageRoute(),
      page_title: String(document.title || '').slice(0, 1024),
    };
  }

  function escapeSelector(value) {
    if (window.CSS && typeof window.CSS.escape === 'function') return window.CSS.escape(value);
    return String(value).replace(/[^a-zA-Z0-9_-]/g, function (character) {
      return '\\' + character;
    });
  }

  function selectorIsUnique(selector) {
    try {
      return document.querySelectorAll(selector).length === 1;
    } catch (error) {
      return false;
    }
  }

  function getSelector(element) {
    var parts = [];
    var current = element;
    while (current && current.nodeType === Node.ELEMENT_NODE && parts.length < 8) {
      var tag = current.tagName.toLowerCase();
      var id = current.getAttribute('id');
      if (id) {
        parts.unshift(tag + '#' + escapeSelector(id));
      } else {
        var part = tag;
        var parent = current.parentElement;
        if (parent) {
          var siblings = Array.prototype.filter.call(parent.children, function (child) {
            return child.tagName === current.tagName;
          });
          if (siblings.length > 1) {
            part += ':nth-of-type(' + (siblings.indexOf(current) + 1) + ')';
          }
        }
        parts.unshift(part);
      }
      var selector = parts.join(' > ');
      if (selector.length <= 4096 && selectorIsUnique(selector)) return selector;
      current = current.parentElement;
    }
    return undefined;
  }

  function elementClasses(element) {
    if (!element.classList) return [];
    return Array.prototype.slice.call(element.classList, 0, 128)
      .map(function (value) { return String(value).slice(0, 1024); });
  }

  function accessibleLabel(element) {
    var explicit = element.getAttribute('aria-label');
    if (explicit) return explicit.slice(0, 16384);
    var labelledBy = element.getAttribute('aria-labelledby');
    if (labelledBy) {
      var labels = labelledBy.split(/\s+/).map(function (id) {
        var label = document.getElementById(id);
        return label ? label.textContent || '' : '';
      }).join(' ').replace(/\s+/g, ' ').trim();
      if (labels) return labels.slice(0, 16384);
    }
    var alt = element.getAttribute('alt') || element.getAttribute('title');
    return alt ? alt.slice(0, 16384) : undefined;
  }

  function captureElement(element) {
    if (!element || element.nodeType !== Node.ELEMENT_NODE) return null;
    var html = element.outerHTML || '';
    return {
      tag: element.tagName.toLowerCase().slice(0, 128),
      id: element.id ? String(element.id).slice(0, 1024) : undefined,
      classes: elementClasses(element),
      role: (element.getAttribute('role') || '').slice(0, 1024) || undefined,
      accessible_label: accessibleLabel(element),
      visible_text: (element.textContent || '').replace(/\s+/g, ' ').trim().slice(0, 16384) || undefined,
      selector: getSelector(element),
      outer_html: html.length > MAX_OUTER_HTML ? html.slice(0, MAX_OUTER_HTML) : html,
    };
  }

  function rectSnapshot(rect) {
    return {
      x: rect.left,
      y: rect.top,
      width: rect.width,
      height: rect.height,
      document_x: rect.left + window.scrollX,
      document_y: rect.top + window.scrollY,
      scroll_x: window.scrollX,
      scroll_y: window.scrollY,
      viewport_width: window.innerWidth,
      viewport_height: window.innerHeight,
      device_pixel_ratio: window.devicePixelRatio || 1,
    };
  }

  function unionRect(rects) {
    if (!rects.length) return null;
    var left = rects[0].left;
    var top = rects[0].top;
    var right = rects[0].right;
    var bottom = rects[0].bottom;
    for (var index = 1; index < rects.length; index += 1) {
      left = Math.min(left, rects[index].left);
      top = Math.min(top, rects[index].top);
      right = Math.max(right, rects[index].right);
      bottom = Math.max(bottom, rects[index].bottom);
    }
    return rectSnapshot({
      left: left,
      top: top,
      width: right - left,
      height: bottom - top,
    });
  }

  function commonElement(range) {
    var node = range.commonAncestorContainer;
    if (node.nodeType === Node.ELEMENT_NODE) return node;
    return node.parentElement;
  }

  function nodePath(root, node) {
    var path = [];
    var current = node;
    while (current && current !== root) {
      var parent = current.parentNode;
      if (!parent) return [];
      var index = Array.prototype.indexOf.call(parent.childNodes, current);
      if (index < 0) return [];
      path.unshift(index);
      current = parent;
      if (path.length > 128) return [];
    }
    return current === root ? path : [];
  }

  function captureTextEndpoint(node, offset, root) {
    return {
      selector: getSelector(root),
      node_path: nodePath(root, node),
      offset: offset,
    };
  }

  function captureTextSelection() {
    var selection = window.getSelection();
    if (!selection || selection.isCollapsed || selection.rangeCount === 0) return false;
    var selectedText = selection.toString();
    if (!selectedText) return false;
    var range = selection.getRangeAt(0);
    var container = commonElement(range);
    var element = captureElement(container);
    if (!container || !element) return false;
    var clientRects = Array.prototype.slice.call(range.getClientRects(), 0, 512);
    var identity = pageIdentity();
    send('capture-completed', {
      kind: 'text',
      page_route: identity.page_route,
      page_title: identity.page_title,
      selected_text: selectedText.slice(0, 262144),
      text_anchor: {
        start: captureTextEndpoint(range.startContainer, range.startOffset, container),
        end: captureTextEndpoint(range.endContainer, range.endOffset, container),
        rects: clientRects.map(rectSnapshot),
        union_rect: unionRect(clientRects),
        scroll_x: window.scrollX,
        scroll_y: window.scrollY,
        viewport_width: window.innerWidth,
        viewport_height: window.innerHeight,
        device_pixel_ratio: window.devicePixelRatio || 1,
        containing_element: element,
      },
    });
    setMode(null);
    return true;
  }

  function isInspectorNode(element) {
    return !!(element && element.closest && element.closest('[data-kandev-inspector-ui]'));
  }

  function candidateName(element) {
    var name = element.tagName.toLowerCase();
    if (element.id) name += '#' + element.id;
    var classes = elementClasses(element).slice(0, 2);
    if (classes.length) name += '.' + classes.join('.');
    return name.slice(0, 1024);
  }

  function ensureCandidateOverlay() {
    if (candidateOverlay) return;
    candidateOverlay = document.createElement('div');
    candidateOverlay.setAttribute('data-kandev-inspector-ui', 'candidate');
    candidateOverlay.setAttribute('aria-hidden', 'true');
    candidateOverlay.style.cssText = 'position:fixed;display:none;pointer-events:none;box-sizing:border-box;'
      + 'border:2px solid #6366f1;background:rgba(99,102,241,0.14);z-index:' + Z_INDEX + ';';
    candidateLabel = document.createElement('div');
    candidateLabel.style.cssText = 'position:absolute;left:-2px;bottom:100%;max-width:320px;padding:3px 6px;'
      + 'overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#4f46e5;color:#fff;'
      + 'font:600 11px/16px system-ui,sans-serif;border-radius:3px 3px 0 0;';
    candidateOverlay.appendChild(candidateLabel);
    document.documentElement.appendChild(candidateOverlay);
  }

  function showCandidate(element) {
    if (!element || element.nodeType !== Node.ELEMENT_NODE || isInspectorNode(element)) return;
    ensureCandidateOverlay();
    candidate = element;
    var rect = element.getBoundingClientRect();
    candidateOverlay.style.display = 'block';
    candidateOverlay.style.left = rect.left + 'px';
    candidateOverlay.style.top = rect.top + 'px';
    candidateOverlay.style.width = rect.width + 'px';
    candidateOverlay.style.height = rect.height + 'px';
    candidateLabel.textContent = candidateName(element);
    send('candidate-changed', { label: candidateLabel.textContent });
  }

  function hideCandidate() {
    candidate = null;
    if (candidateOverlay) candidateOverlay.style.display = 'none';
    send('candidate-changed', { label: null });
  }

  function ensureScreenshotOverlay() {
    if (screenshotOverlay) return;
    screenshotOverlay = document.createElement('div');
    screenshotOverlay.setAttribute('data-kandev-inspector-ui', 'screenshot-region');
    screenshotOverlay.setAttribute('aria-hidden', 'true');
    screenshotOverlay.style.cssText = 'position:fixed;display:none;pointer-events:none;box-sizing:border-box;'
      + 'border:2px solid #f59e0b;background:rgba(245,158,11,0.16);z-index:' + Z_INDEX + ';';
    document.documentElement.appendChild(screenshotOverlay);
  }

  function positionScreenshotOverlay(start, end) {
    ensureScreenshotOverlay();
    var left = Math.min(start.x, end.x);
    var top = Math.min(start.y, end.y);
    var width = Math.abs(end.x - start.x);
    var height = Math.abs(end.y - start.y);
    screenshotOverlay.style.display = 'block';
    screenshotOverlay.style.left = left + 'px';
    screenshotOverlay.style.top = top + 'px';
    screenshotOverlay.style.width = width + 'px';
    screenshotOverlay.style.height = height + 'px';
  }

  function hideScreenshotOverlay() {
    screenshotStart = null;
    screenshotCurrent = null;
    if (screenshotOverlay) screenshotOverlay.style.display = 'none';
  }

  function captureCandidate(element) {
    if (!element || isInspectorNode(element)) return;
    var snapshot = captureElement(element);
    if (!snapshot) return;
    var identity = pageIdentity();
    send('capture-completed', {
      kind: 'element',
      page_route: identity.page_route,
      page_title: identity.page_title,
      element_snapshot: snapshot,
      capture_rect: rectSnapshot(element.getBoundingClientRect()),
    });
    setMode(null);
  }

  function onElementPointerMove(event) {
    if (mode !== 'element') return;
    showCandidate(event.target);
  }

  function onElementFocus(event) {
    if (mode !== 'element') return;
    showCandidate(event.target);
  }

  function onElementTouchStart(event) {
    if (mode !== 'element' || !event.touches || !event.touches.length) return;
    var touch = event.touches[0];
    showCandidate(document.elementFromPoint(touch.clientX, touch.clientY));
  }

  function onElementTouchEnd(event) {
    if (mode !== 'element' || !candidate) return;
    event.preventDefault();
    event.stopPropagation();
    captureCandidate(candidate);
  }

  function onElementClick(event) {
    if (mode !== 'element' || isInspectorNode(event.target)) return;
    event.preventDefault();
    event.stopPropagation();
    event.stopImmediatePropagation();
    captureCandidate(event.target);
  }

  function onTextMouseUp() {
    if (mode !== 'text') return;
    window.setTimeout(captureTextSelection, 0);
  }

  function onTextTouchEnd() {
    if (mode !== 'text') return;
    window.setTimeout(captureTextSelection, 0);
  }

  function onScreenshotPointerDown(event) {
    if (mode !== 'screenshot') return;
    event.preventDefault();
    event.stopPropagation();
    screenshotStart = { x: event.clientX, y: event.clientY, pointerId: event.pointerId };
    screenshotCurrent = { x: event.clientX, y: event.clientY };
    positionScreenshotOverlay(screenshotStart, screenshotStart);
  }

  function onScreenshotPointerMove(event) {
    if (mode !== 'screenshot') return;
    if (!screenshotStart || screenshotStart.pointerId !== event.pointerId) return;
    event.preventDefault();
    event.stopPropagation();
    screenshotCurrent = { x: event.clientX, y: event.clientY };
    positionScreenshotOverlay(screenshotStart, screenshotCurrent);
  }

  function completeScreenshot(end) {
    if (mode !== 'screenshot' || !screenshotStart || !end) return false;
    var start = screenshotStart;
    var left = Math.min(start.x, end.x);
    var top = Math.min(start.y, end.y);
    var width = Math.abs(end.x - start.x);
    var height = Math.abs(end.y - start.y);
    hideScreenshotOverlay();
    if (width < 5 || height < 5) return false;
    var identity = pageIdentity();
    send('screenshot-region-selected', {
      page_route: identity.page_route,
      page_title: identity.page_title,
      capture_rect: rectSnapshot({ left: left, top: top, width: width, height: height }),
    });
    setMode(null);
    return true;
  }

  function onScreenshotPointerUp(event) {
    if (mode !== 'screenshot') return;
    if (!screenshotStart || screenshotStart.pointerId !== event.pointerId) return;
    event.preventDefault();
    event.stopPropagation();
    event.stopImmediatePropagation();
    completeScreenshot({ x: event.clientX, y: event.clientY });
  }

  function onScreenshotPointerCancel(event) {
    if (mode !== 'screenshot') return;
    if (screenshotStart && screenshotStart.pointerId !== event.pointerId) return;
    hideScreenshotOverlay();
  }

  function onCaptureKeyDown(event) {
    if (!mode) return;
    if (event.key === 'Enter' || event.key === ' ') {
      event.preventDefault();
      event.stopPropagation();
      if (mode === 'text') {
        window.setTimeout(captureTextSelection, 0);
      } else if (mode === 'screenshot') {
        completeScreenshot(screenshotCurrent);
      }
      return;
    }
    if (event.key !== 'Escape') return;
    event.preventDefault();
    setMode(null);
    send('capture-cancelled', {});
  }

  function removeCaptureListeners() {
    document.removeEventListener('mousemove', onElementPointerMove, true);
    document.removeEventListener('focusin', onElementFocus, true);
    document.removeEventListener('touchstart', onElementTouchStart, true);
    document.removeEventListener('touchend', onElementTouchEnd, true);
    document.removeEventListener('click', onElementClick, true);
    document.removeEventListener('mouseup', onTextMouseUp, true);
    document.removeEventListener('touchend', onTextTouchEnd, true);
    document.removeEventListener('pointerdown', onScreenshotPointerDown, true);
    document.removeEventListener('pointermove', onScreenshotPointerMove, true);
    document.removeEventListener('pointerup', onScreenshotPointerUp, true);
    document.removeEventListener('pointercancel', onScreenshotPointerCancel, true);
    document.removeEventListener('keydown', onCaptureKeyDown, true);
  }

  function setMode(nextMode) {
    removeCaptureListeners();
    mode = nextMode;
    hideCandidate();
    hideScreenshotOverlay();
    document.documentElement.style.cursor = mode === 'element' || mode === 'screenshot'
      ? 'crosshair'
      : originalCursor;
    document.documentElement.style.touchAction = mode === 'screenshot' ? 'none' : originalTouchAction;
    if (!mode) return;
    document.addEventListener('keydown', onCaptureKeyDown, true);
    switch (mode) {
      case 'element':
        document.addEventListener('mousemove', onElementPointerMove, true);
        document.addEventListener('focusin', onElementFocus, true);
        document.addEventListener('touchstart', onElementTouchStart, true);
        document.addEventListener('touchend', onElementTouchEnd, true);
        document.addEventListener('click', onElementClick, true);
        break;
      case 'text':
        document.addEventListener('mouseup', onTextMouseUp, true);
        document.addEventListener('touchend', onTextTouchEnd, true);
        break;
      case 'screenshot':
        document.addEventListener('pointerdown', onScreenshotPointerDown, true);
        document.addEventListener('pointermove', onScreenshotPointerMove, true);
        document.addEventListener('pointerup', onScreenshotPointerUp, true);
        document.addEventListener('pointercancel', onScreenshotPointerCancel, true);
        break;
      default:
        break;
    }
  }

  function clearMarkerNodes() {
    var markers = document.querySelectorAll('[data-kandev-inspector-marker]');
    for (var index = 0; index < markers.length; index += 1) {
      if (markers[index].parentNode) markers[index].parentNode.removeChild(markers[index]);
    }
  }

  function markerRect(marker) {
    var selector = marker.element_snapshot && marker.element_snapshot.selector;
    if (selector) {
      try {
        var element = document.querySelector(selector);
        if (element) return element.getBoundingClientRect();
      } catch (error) {}
    }
    var rect = marker.capture_rect || (marker.text_anchor && marker.text_anchor.union_rect);
    if (!rect) return null;
    var documentX = typeof rect.document_x === 'number'
      ? rect.document_x
      : rect.x + (typeof rect.scroll_x === 'number' ? rect.scroll_x : 0);
    var documentY = typeof rect.document_y === 'number'
      ? rect.document_y
      : rect.y + (typeof rect.scroll_y === 'number' ? rect.scroll_y : 0);
    return { left: documentX - window.scrollX, top: documentY - window.scrollY };
  }

  function renderMarkers() {
    clearMarkerNodes();
    var route = currentPageRoute();
    var visible = projectedMarkers.filter(function (marker) { return marker.page_route === route; });
    visible.forEach(function (marker, index) {
      var rect = markerRect(marker);
      if (!rect) return;
      var node = document.createElement('div');
      node.setAttribute('data-kandev-inspector-marker', marker.id);
      node.setAttribute('aria-hidden', 'true');
      node.style.cssText = 'position:fixed;left:' + (rect.left - 11) + 'px;top:' + (rect.top - 11)
        + 'px;width:22px;height:22px;border-radius:50%;background:#4f46e5;color:#fff;'
        + 'font:600 11px/22px system-ui,sans-serif;text-align:center;pointer-events:none;'
        + 'box-shadow:0 1px 4px rgba(0,0,0,0.3);z-index:' + Z_INDEX + ';';
      node.textContent = String(index + 1);
      document.documentElement.appendChild(node);
    });
  }

  function routeDidChange() {
    if (mode) {
      setMode(null);
      send('capture-cancelled', {});
    } else {
      hideCandidate();
    }
    var identity = pageIdentity();
    send('route-changed', identity);
    renderMarkers();
  }

  var originalPushState = history.pushState;
  history.pushState = function () {
    var result = originalPushState.apply(this, arguments);
    routeDidChange();
    return result;
  };
  var originalReplaceState = history.replaceState;
  history.replaceState = function () {
    var result = originalReplaceState.apply(this, arguments);
    routeDidChange();
    return result;
  };
  window.addEventListener('popstate', routeDidChange);
  window.addEventListener('hashchange', routeDidChange);
  window.addEventListener('scroll', renderMarkers, true);
  window.addEventListener('resize', function () {
    if (candidate) showCandidate(candidate);
    renderMarkers();
  });

  window.addEventListener('message', function (event) {
    var message = event.data;
    if (!message || message.source !== SOURCE || message.version !== PROTOCOL_VERSION) return;
    switch (message.type) {
      case 'set-capture-mode':
        setMode(message.payload && message.payload.mode);
        break;
      case 'project-markers':
        projectedMarkers = message.payload && Array.isArray(message.payload.markers)
          ? message.payload.markers.slice()
          : [];
        renderMarkers();
        break;
      default:
        break;
    }
  });

  send('inspector-ready', pageIdentity());
})();