@vforsh/argus-watcher 0.1.11 → 0.1.12

package/dist/cdp/pageIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pageIndicator.d.ts","sourceRoot":"","sources":["../../src/cdp/pageIndicator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,MAAM,qBAAqB,GAC9B,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,GACd,aAAa,GACb,cAAc,CAAA;AAEjB,MAAM,MAAM,oBAAoB,GAAG;IAClC,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,uGAAuG;IACvG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gJAAgJ;IAChJ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,UAAU,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACrC,QAAQ,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACzF,YAAY,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAC1E,+GAA+G;IAC/G,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,IAAI,EAAE,MAAM,IAAI,CAAA;CAChB,CAAA;AAOD,eAAO,MAAM,4BAA4B,GAAI,SAAS,oBAAoB,GAAG,SAAS,KAAG,IAgBxF,CAAA;AAOD,eAAO,MAAM,6BAA6B,GAAI,SAAS,oBAAoB,KAAG,uBAsF7E,CAAA"}
+{"version":3,"file":"pageIndicator.d.ts","sourceRoot":"","sources":["../../src/cdp/pageIndicator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAEvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,MAAM,qBAAqB,GAC9B,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,GACd,aAAa,GACb,cAAc,CAAA;AAEjB,MAAM,MAAM,oBAAoB,GAAG;IAClC,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,uGAAuG;IACvG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gJAAgJ;IAChJ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,UAAU,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACrC,QAAQ,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACzF,YAAY,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAC1E,+GAA+G;IAC/G,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,IAAI,EAAE,MAAM,IAAI,CAAA;CAChB,CAAA;AAKD,eAAO,MAAM,4BAA4B,GAAI,SAAS,oBAAoB,GAAG,SAAS,KAAG,IAgBxF,CAAA;AAOD,eAAO,MAAM,6BAA6B,GAAI,SAAS,oBAAoB,KAAG,uBAsF7E,CAAA"}

package/dist/cdp/pageIndicator.js

@@ -1,4 +1,4 @@
-const BOT_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 8V4H8"/><rect width="16" height="12" x="4" y="8" rx="2"/><path d="M2 14h2"/><path d="M20 14h2"/><path d="M15 13v2"/><path d="M9 13v2"/></svg>`;
+import { buildHeartbeatExpression, buildInstallExpression, buildRemoveExpression } from './pageIndicatorScript.js';
 const MIN_HEARTBEAT_MS = 500;
 const MIN_TTL_MS = 2000;
 export const validatePageIndicatorOptions = (options) => {
@@ -144,252 +144,4 @@ const removeIndicator = async (session) => {
         // Best-effort; CDP may be unavailable
     }
 };
-const buildInstallExpression = (params) => {
-    const { info, position, ttlMs, bgColor, hoverBgColor, iconColor, margin, size } = params;
-    const infoJson = JSON.stringify(info);
-    const svgWithSize = BOT_SVG.replace(/width="19"/, `width="${size}"`).replace(/height="19"/, `height="${size}"`);
-    const svgEscaped = svgWithSize.replace(/'/g, "\\'");
-    const positionStyles = {
-        'top-left': `top: ${margin}px; left: ${margin}px;`,
-        'top-center': `top: ${margin}px; left: 50%; transform: translateX(-50%);`,
-        'top-right': `top: ${margin}px; right: ${margin}px;`,
-        'bottom-left': `bottom: ${margin}px; left: ${margin}px;`,
-        'bottom-center': `bottom: ${margin}px; left: 50%; transform: translateX(-50%);`,
-        'bottom-right': `bottom: ${margin}px; right: ${margin}px;`,
-        'left-center': `top: 50%; left: ${margin}px; transform: translateY(-50%);`,
-        'right-center': `top: 50%; right: ${margin}px; transform: translateY(-50%);`,
-    };
-    const posStyle = positionStyles[position];
-    const tooltipText = `Argus Watcher: ${info.watcherId}`;
-    return `
-(function() {
-  var INDICATOR_ID = 'argus-watcher-indicator';
-  var STYLE_ID = 'argus-watcher-indicator-style';
-  var DIALOG_ID = 'argus-watcher-indicator-dialog';
-  var STATE_KEY = '__ARGUS_WATCHER_INDICATOR__';
-  var info = ${infoJson};
-  var ttlMs = ${ttlMs};
-  var svg = '${svgEscaped}';
-
-  var existing = document.getElementById(INDICATOR_ID);
-  if (existing) {
-    existing.remove();
-  }
-
-  if (window[STATE_KEY] && window[STATE_KEY].timerId) {
-    clearInterval(window[STATE_KEY].timerId);
-  }
-
-  // Inject styles for hover effects and dialog
-  var existingStyle = document.getElementById(STYLE_ID);
-  if (existingStyle) {
-    existingStyle.remove();
-  }
-  var style = document.createElement('style');
-  style.id = STYLE_ID;
-  style.textContent =
-    '#' + INDICATOR_ID + ' {' +
-      'transition: filter 0.15s ease, background 0.15s ease;' +
-    '}' +
-    '#' + INDICATOR_ID + ':hover {' +
-      'filter: brightness(1.4);' +
-      'background: ${hoverBgColor} !important;' +
-    '}' +
-    '#' + DIALOG_ID + '::backdrop {' +
-      'background: rgba(0, 0, 0, 0.5);' +
-    '}' +
-    '#' + DIALOG_ID + ' {' +
-      'border: 1px solid rgba(255, 255, 255, 0.15);' +
-      'border-radius: 10px;' +
-      'background: #1a1a1a;' +
-      'color: #e0e0e0;' +
-      'padding: 0;' +
-      'min-width: 320px;' +
-      'max-width: 480px;' +
-      'font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;' +
-      'font-size: 13px;' +
-      'box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);' +
-    '}' +
-    '#' + DIALOG_ID + ' .argus-dialog-header {' +
-      'padding: 14px 18px 10px;' +
-      'font-size: 14px;' +
-      'font-weight: 600;' +
-      'color: #fff;' +
-      'border-bottom: 1px solid rgba(255, 255, 255, 0.1);' +
-    '}' +
-    '#' + DIALOG_ID + ' .argus-dialog-body {' +
-      'padding: 12px 18px;' +
-    '}' +
-    '#' + DIALOG_ID + ' .argus-dialog-row {' +
-      'display: flex;' +
-      'padding: 4px 0;' +
-      'gap: 12px;' +
-    '}' +
-    '#' + DIALOG_ID + ' .argus-dialog-label {' +
-      'flex-shrink: 0;' +
-      'width: 70px;' +
-      'color: rgba(255, 255, 255, 0.5);' +
-      'font-size: 12px;' +
-      'text-transform: uppercase;' +
-      'letter-spacing: 0.5px;' +
-      'padding-top: 1px;' +
-    '}' +
-    '#' + DIALOG_ID + ' .argus-dialog-value {' +
-      'color: #e0e0e0;' +
-      'word-break: break-all;' +
-    '}' +
-    '#' + DIALOG_ID + ' .argus-dialog-footer {' +
-      'display: flex;' +
-      'justify-content: flex-end;' +
-      'gap: 8px;' +
-      'padding: 10px 18px 14px;' +
-      'border-top: 1px solid rgba(255, 255, 255, 0.1);' +
-    '}' +
-    '#' + DIALOG_ID + ' button {' +
-      'border: 1px solid rgba(255, 255, 255, 0.2);' +
-      'border-radius: 6px;' +
-      'padding: 6px 16px;' +
-      'font-size: 13px;' +
-      'cursor: pointer;' +
-      'background: rgba(255, 255, 255, 0.08);' +
-      'color: #e0e0e0;' +
-    '}' +
-    '#' + DIALOG_ID + ' button:hover {' +
-      'background: rgba(255, 255, 255, 0.15);' +
-    '}';
-  document.documentElement.appendChild(style);
-
-  var el = document.createElement('div');
-  el.id = INDICATOR_ID;
-  el.setAttribute('data-testid', INDICATOR_ID);
-  el.setAttribute('title', '${tooltipText}');
-  el.style.cssText = 'position: fixed; ${posStyle} z-index: 2147483647; ' +
-    'background: ${bgColor}; color: ${iconColor}; ' +
-    'padding: 6px; border-radius: 6px; ' +
-    'cursor: pointer; display: flex; align-items: center; justify-content: center; ' +
-    'user-select: none; pointer-events: auto;';
-  el.innerHTML = svg;
-
-  el.addEventListener('click', function() {
-    var state = window[STATE_KEY];
-    var i = state ? state.info : info;
-    var attachedDate = new Date(i.attachedAt).toISOString();
-    var fields = [
-      ['ID', i.watcherId],
-      ['Host', i.watcherHost + ':' + i.watcherPort],
-      ['PID', String(i.watcherPid)],
-      ['Target', i.targetTitle || '(no title)'],
-      ['URL', i.targetUrl || '(no url)'],
-      ['Attached', attachedDate]
-    ];
-
-    var dialog = document.getElementById(DIALOG_ID);
-    if (!dialog) {
-      dialog = document.createElement('dialog');
-      dialog.id = DIALOG_ID;
-      dialog.addEventListener('click', function(e) {
-        if (e.target === dialog) {
-          dialog.close();
-        }
-      });
-      document.documentElement.appendChild(dialog);
-    }
-
-    var html = '<div class="argus-dialog-header">Argus Watcher</div>' +
-      '<div class="argus-dialog-body">';
-    for (var f = 0; f < fields.length; f++) {
-      html += '<div class="argus-dialog-row">' +
-        '<span class="argus-dialog-label">' + fields[f][0] + '</span>' +
-        '<span class="argus-dialog-value">' + fields[f][1] + '</span>' +
-        '</div>';
-    }
-    html += '</div>' +
-      '<div class="argus-dialog-footer">' +
-        '<button data-action="copy" type="button">Copy</button>' +
-        '<button data-action="close" type="button">Close</button>' +
-      '</div>';
-    dialog.innerHTML = html;
-
-    dialog.querySelector('[data-action="copy"]').addEventListener('click', function() {
-      var text = 'Argus Watcher Info\\n';
-      for (var c = 0; c < fields.length; c++) {
-        text += fields[c][0] + ': ' + fields[c][1] + '\\n';
-      }
-      navigator.clipboard.writeText(text.trim()).then(function() {
-        var btn = dialog.querySelector('[data-action="copy"]');
-        if (btn) {
-          btn.textContent = 'Copied!';
-          setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
-        }
-      });
-    });
-
-    dialog.querySelector('[data-action="close"]').addEventListener('click', function() {
-      dialog.close();
-    });
-
-    dialog.showModal();
-  });
-
-  document.documentElement.appendChild(el);
-
-  var timerId = setInterval(function() {
-    var state = window[STATE_KEY];
-    if (!state) {
-      clearInterval(timerId);
-      var indicator = document.getElementById(INDICATOR_ID);
-      if (indicator) indicator.remove();
-      return;
-    }
-    if (Date.now() - state.lastSeenMs > state.ttlMs) {
-      clearInterval(state.timerId);
-      var indicator = document.getElementById(INDICATOR_ID);
-      if (indicator) indicator.remove();
-      delete window[STATE_KEY];
-    }
-  }, 1000);
-
-  window[STATE_KEY] = {
-    lastSeenMs: Date.now(),
-    ttlMs: ttlMs,
-    timerId: timerId,
-    info: info
-  };
-})();
-`;
-};
-const buildHeartbeatExpression = (info) => {
-    const infoJson = JSON.stringify(info);
-    return `
-(function() {
-  var STATE_KEY = '__ARGUS_WATCHER_INDICATOR__';
-  var state = window[STATE_KEY];
-  if (state) {
-    state.lastSeenMs = Date.now();
-    state.info = ${infoJson};
-  }
-})();
-`;
-};
-const buildRemoveExpression = () => {
-    return `
-(function() {
-  var INDICATOR_ID = 'argus-watcher-indicator';
-  var STYLE_ID = 'argus-watcher-indicator-style';
-  var DIALOG_ID = 'argus-watcher-indicator-dialog';
-  var STATE_KEY = '__ARGUS_WATCHER_INDICATOR__';
-  var state = window[STATE_KEY];
-  if (state && state.timerId) {
-    clearInterval(state.timerId);
-  }
-  delete window[STATE_KEY];
-  var el = document.getElementById(INDICATOR_ID);
-  if (el) el.remove();
-  var styleEl = document.getElementById(STYLE_ID);
-  if (styleEl) styleEl.remove();
-  var dialogEl = document.getElementById(DIALOG_ID);
-  if (dialogEl) dialogEl.remove();
-})();
-`;
-};
 //# sourceMappingURL=pageIndicator.js.map

package/dist/cdp/pageIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"pageIndicator.js","sourceRoot":"","sources":["../../src/cdp/pageIndicator.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"pageIndicator.js","sourceRoot":"","sources":["../../src/cdp/pageIndicator.ts"],"names":[],"mappings":"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"}

package/dist/cdp/pageIndicatorScript.d.ts

@@ -0,0 +1,19 @@
+import type { PageIndicatorInfo, PageIndicatorPosition } from './pageIndicator.js';
+type InstallExpressionParams = {
+    info: PageIndicatorInfo;
+    position: PageIndicatorPosition;
+    ttlMs: number;
+    bgColor: string;
+    hoverBgColor: string;
+    iconColor: string;
+    margin: number;
+    size: number;
+};
+/** Build the page-side installer script that owns all indicator DOM, events, and clipboard feedback. */
+export declare const buildInstallExpression: (params: InstallExpressionParams) => string;
+/** Build a cheap page-side heartbeat update; the installed script keeps the DOM and TTL timer. */
+export declare const buildHeartbeatExpression: (info: PageIndicatorInfo) => string;
+/** Build the cleanup script used on watcher detach/stop. */
+export declare const buildRemoveExpression: () => string;
+export {};
+//# sourceMappingURL=pageIndicatorScript.d.ts.map

package/dist/cdp/pageIndicatorScript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageIndicatorScript.d.ts","sourceRoot":"","sources":["../../src/cdp/pageIndicatorScript.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAElF,KAAK,uBAAuB,GAAG;IAC9B,IAAI,EAAE,iBAAiB,CAAA;IACvB,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;CACZ,CAAA;AAmBD,wGAAwG;AACxG,eAAO,MAAM,sBAAsB,GAAI,QAAQ,uBAAuB,KAAG,MA4RxE,CAAA;AAED,kGAAkG;AAClG,eAAO,MAAM,wBAAwB,GAAI,MAAM,iBAAiB,KAAG,MAalE,CAAA;AAED,4DAA4D;AAC5D,eAAO,MAAM,qBAAqB,QAAO,MAoBxC,CAAA"}

package/dist/cdp/pageIndicatorScript.js

@@ -0,0 +1,351 @@
+const ICONS = {
+    bot: '<path d="M12 8V4H8"/><rect width="16" height="12" x="4" y="8" rx="2"/><path d="M2 14h2"/><path d="M20 14h2"/><path d="M15 13v2"/><path d="M9 13v2"/>',
+    copy: '<rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/>',
+    info: '<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>',
+    check: '<path d="M20 6 9 17l-5-5"/>',
+    error: '<circle cx="12" cy="12" r="10"/><path d="M12 8v4"/><path d="M12 16h.01"/>',
+};
+const COPY_ICON_SIZE = 15;
+const INFO_REVEAL_DELAY_MS = 1500;
+const INFO_REVEAL_DURATION_MS = 100;
+const INFO_BUTTON_GAP_PX = 3;
+const MAIN_FEEDBACK_MS = 1400;
+const DIALOG_COPY_FEEDBACK_MS = 1500;
+const INFO_VISIBLE_CLASS = 'argus-indicator-info-visible';
+const INDICATOR_BUTTON_TRANSITION_PROPS = ['background', 'border-color', 'filter', 'opacity', 'transform'];
+/** Build the page-side installer script that owns all indicator DOM, events, and clipboard feedback. */
+export const buildInstallExpression = (params) => {
+    const { info, position, ttlMs, bgColor, hoverBgColor, iconColor, margin, size } = params;
+    const iconJson = JSON.stringify(ICONS);
+    const infoJson = JSON.stringify(info);
+    const positionStyle = resolvePositionStyle(position, margin);
+    const tooltipText = JSON.stringify(`Argus Watcher: ${info.watcherId}`);
+    const buttonSize = size + 12;
+    const buttonTransition = buildTransition(INDICATOR_BUTTON_TRANSITION_PROPS, INFO_REVEAL_DURATION_MS);
+    return `
+(function() {
+  var INDICATOR_ID = 'argus-watcher-indicator';
+  var STYLE_ID = 'argus-watcher-indicator-style';
+  var DIALOG_ID = 'argus-watcher-indicator-dialog';
+  var STATE_KEY = '__ARGUS_WATCHER_INDICATOR__';
+  var INFO_VISIBLE_CLASS = '${INFO_VISIBLE_CLASS}';
+  var ICONS = ${iconJson};
+  var info = ${infoJson};
+  var ttlMs = ${ttlMs};
+  var isHovering = false;
+  var infoVisible = false;
+  var infoRevealTimer = null;
+  var feedbackTimer = null;
+
+  removeExistingIndicator();
+  installStyle();
+
+  var wrapper = document.createElement('div');
+  wrapper.id = INDICATOR_ID;
+  wrapper.setAttribute('data-testid', INDICATOR_ID);
+
+  var mainButton = createIconButton('argus-indicator-main', 'Argus watcher: copy info', ${tooltipText}, 'bot');
+  var infoButton = createIconButton('argus-indicator-info', 'Argus watcher details', 'Watcher details', 'info');
+  wrapper.appendChild(mainButton);
+  wrapper.appendChild(infoButton);
+
+  // Delay starts on the main button only; once revealed, the info button stays clickable until the whole indicator is left.
+  wrapper.addEventListener('mouseleave', function() {
+    setInfoVisible(false);
+  });
+  mainButton.addEventListener('mouseenter', function() {
+    isHovering = true;
+    scheduleInfoReveal();
+    if (!feedbackTimer) setMainIcon('copy');
+  });
+  mainButton.addEventListener('mouseleave', function() {
+    isHovering = false;
+    cancelInfoReveal();
+    if (!feedbackTimer) setMainIcon('bot');
+  });
+  mainButton.addEventListener('click', function() {
+    copyWatcherInfo().then(function() {
+      showMainFeedback('check');
+    }).catch(function() {
+      showMainFeedback('error');
+    });
+  });
+  infoButton.addEventListener('click', function(event) {
+    event.stopPropagation();
+    openWatcherDialog();
+  });
+
+  document.documentElement.appendChild(wrapper);
+
+  var timerId = setInterval(function() {
+    var state = window[STATE_KEY];
+    if (!state) {
+      clearInterval(timerId);
+      removeExistingIndicator();
+      return;
+    }
+    if (Date.now() - state.lastSeenMs > state.ttlMs) {
+      clearInterval(state.timerId);
+      removeExistingIndicator();
+      delete window[STATE_KEY];
+    }
+  }, 1000);
+
+  window[STATE_KEY] = {
+    lastSeenMs: Date.now(),
+    ttlMs: ttlMs,
+    timerId: timerId,
+    info: info
+  };
+
+  function installStyle() {
+    var existingStyle = document.getElementById(STYLE_ID);
+    if (existingStyle) existingStyle.remove();
+
+    var style = document.createElement('style');
+    style.id = STYLE_ID;
+    style.textContent =
+      '#' + INDICATOR_ID + ' {' +
+        'position: fixed; ${positionStyle} z-index: 2147483647; display: flex; align-items: center; justify-content: center; gap: 0px; ' +
+        'color: ${iconColor}; user-select: none; pointer-events: auto; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;' +
+      '}' +
+      '#' + INDICATOR_ID + ' .argus-indicator-button {' +
+        'width: ${buttonSize}px; height: ${buttonSize}px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.12); ' +
+        'border-radius: 7px; padding: 6px; display: flex; align-items: center; justify-content: center; color: ${iconColor}; ' +
+        'background: ${bgColor}; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22); cursor: pointer; transition: ${buttonTransition};' +
+      '}' +
+      '#' + INDICATOR_ID + ' .argus-indicator-button:hover {' +
+        'background: ${hoverBgColor}; border-color: rgba(255, 255, 255, 0.22); filter: brightness(1.15);' +
+      '}' +
+      '#' + INDICATOR_ID + ' .argus-indicator-button svg {' +
+        'max-width: ${size}px; max-height: ${size}px; flex: 0 0 auto; display: block;' +
+      '}' +
+      '#' + INDICATOR_ID + ' .argus-indicator-info {' +
+        'position: absolute; right: 0; bottom: calc(100% + ${INFO_BUTTON_GAP_PX}px); opacity: 0; pointer-events: none; transform: translateY(2px);' +
+      '}' +
+      '#' + INDICATOR_ID + ' .argus-indicator-info-visible {' +
+        'opacity: 1; pointer-events: auto; transform: translateY(0);' +
+      '}' +
+      '#' + DIALOG_ID + '::backdrop { background: rgba(0, 0, 0, 0.5); }' +
+      '#' + DIALOG_ID + ' {' +
+        'border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 10px; background: #1a1a1a; color: #e0e0e0; padding: 0; ' +
+        'min-width: 320px; max-width: 480px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 13px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);' +
+      '}' +
+      '#' + DIALOG_ID + ' .argus-dialog-header { padding: 14px 18px 10px; font-size: 14px; font-weight: 600; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }' +
+      '#' + DIALOG_ID + ' .argus-dialog-body { padding: 12px 18px; }' +
+      '#' + DIALOG_ID + ' .argus-dialog-row { display: flex; padding: 4px 0; gap: 12px; }' +
+      '#' + DIALOG_ID + ' .argus-dialog-label { flex-shrink: 0; width: 70px; color: rgba(255, 255, 255, 0.5); font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; padding-top: 1px; }' +
+      '#' + DIALOG_ID + ' .argus-dialog-value { color: #e0e0e0; word-break: break-all; }' +
+      '#' + DIALOG_ID + ' .argus-dialog-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 10px 18px 14px; border-top: 1px solid rgba(255, 255, 255, 0.1); }' +
+      '#' + DIALOG_ID + ' button { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; padding: 6px 16px; font-size: 13px; cursor: pointer; background: rgba(255, 255, 255, 0.08); color: #e0e0e0; }' +
+      '#' + DIALOG_ID + ' button:hover { background: rgba(255, 255, 255, 0.15); }';
+    document.documentElement.appendChild(style);
+  }
+
+  function createIconButton(className, ariaLabel, title, iconName) {
+    var button = document.createElement('button');
+    button.type = 'button';
+    button.className = 'argus-indicator-button ' + className;
+    button.setAttribute('aria-label', ariaLabel);
+    button.setAttribute('title', title);
+    button.innerHTML = renderIcon(iconName);
+    return button;
+  }
+
+  function setMainIcon(iconName) {
+    mainButton.innerHTML = renderIcon(iconName);
+  }
+
+  function scheduleInfoReveal() {
+    cancelInfoReveal();
+    if (infoVisible) return;
+    infoRevealTimer = setTimeout(function() {
+      infoRevealTimer = null;
+      setInfoVisible(true);
+    }, ${INFO_REVEAL_DELAY_MS});
+  }
+
+  function cancelInfoReveal() {
+    if (!infoRevealTimer) return;
+    clearTimeout(infoRevealTimer);
+    infoRevealTimer = null;
+  }
+
+  function setInfoVisible(visible) {
+    if (!visible) cancelInfoReveal();
+    infoVisible = visible;
+    infoButton.classList.toggle(INFO_VISIBLE_CLASS, visible);
+  }
+
+  function showMainFeedback(iconName) {
+    if (feedbackTimer) clearTimeout(feedbackTimer);
+    setMainIcon(iconName);
+    feedbackTimer = setTimeout(function() {
+      feedbackTimer = null;
+      setMainIcon(isHovering ? 'copy' : 'bot');
+    }, ${MAIN_FEEDBACK_MS});
+  }
+
+  function openWatcherDialog() {
+    var fields = getWatcherFields();
+    var dialog = document.getElementById(DIALOG_ID);
+    if (!dialog) {
+      dialog = document.createElement('dialog');
+      dialog.id = DIALOG_ID;
+      dialog.addEventListener('click', function(e) {
+        if (e.target === dialog) dialog.close();
+      });
+      document.documentElement.appendChild(dialog);
+    }
+
+    var html = '<div class="argus-dialog-header">Argus Watcher</div><div class="argus-dialog-body">';
+    for (var f = 0; f < fields.length; f++) {
+      html += '<div class="argus-dialog-row">' +
+        '<span class="argus-dialog-label">' + escapeHtml(fields[f][0]) + '</span>' +
+        '<span class="argus-dialog-value">' + escapeHtml(fields[f][1]) + '</span>' +
+        '</div>';
+    }
+    html += '</div><div class="argus-dialog-footer">' +
+      '<button data-action="copy" type="button">Copy</button>' +
+      '<button data-action="close" type="button">Close</button>' +
+      '</div>';
+    dialog.innerHTML = html;
+
+    dialog.querySelector('[data-action="copy"]').addEventListener('click', function() {
+      copyWatcherInfo().then(function() {
+        var btn = dialog.querySelector('[data-action="copy"]');
+        if (btn) {
+          btn.textContent = 'Copied!';
+          setTimeout(function() { btn.textContent = 'Copy'; }, ${DIALOG_COPY_FEEDBACK_MS});
+        }
+      });
+    });
+    dialog.querySelector('[data-action="close"]').addEventListener('click', function() {
+      dialog.close();
+    });
+    dialog.showModal();
+  }
+
+  function copyWatcherInfo() {
+    return copyText(buildWatcherInfoText());
+  }
+
+  function copyText(text) {
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      return navigator.clipboard.writeText(text).catch(function() {
+        return copyTextFallback(text);
+      });
+    }
+    return copyTextFallback(text);
+  }
+
+  function copyTextFallback(text) {
+    var textarea = document.createElement('textarea');
+    textarea.value = text;
+    textarea.setAttribute('readonly', '');
+    textarea.style.cssText = 'position: fixed; left: -9999px; top: 0; opacity: 0;';
+    document.body.appendChild(textarea);
+    textarea.focus();
+    textarea.select();
+    try {
+      if (!document.execCommand('copy')) throw new Error('copy command denied');
+      return Promise.resolve();
+    } catch (error) {
+      return Promise.reject(error);
+    } finally {
+      textarea.remove();
+    }
+  }
+
+  function buildWatcherInfoText() {
+    var fields = getWatcherFields();
+    var text = 'Argus Watcher Info\\n';
+    for (var i = 0; i < fields.length; i++) {
+      text += fields[i][0] + ': ' + fields[i][1] + '\\n';
+    }
+    return text.trim();
+  }
+
+  function getWatcherFields() {
+    var state = window[STATE_KEY];
+    var i = state ? state.info : info;
+    return [
+      ['ID', i.watcherId],
+      ['Host', i.watcherHost + ':' + i.watcherPort],
+      ['PID', String(i.watcherPid)],
+      ['Target', i.targetTitle || '(no title)'],
+      ['URL', i.targetUrl || '(no url)'],
+      ['Attached', new Date(i.attachedAt).toISOString()]
+    ];
+  }
+
+  function renderIcon(iconName) {
+    var iconSize = iconName === 'copy' ? '${COPY_ICON_SIZE}' : '${size}';
+    return '<svg xmlns="http://www.w3.org/2000/svg" width="' + iconSize + '" height="' + iconSize + '" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">' + ICONS[iconName] + '</svg>';
+  }
+
+  function escapeHtml(value) {
+    return String(value).replace(/[&<>"']/g, function(char) {
+      return ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[char];
+    });
+  }
+
+  function removeExistingIndicator() {
+    var existing = document.getElementById(INDICATOR_ID);
+    if (existing) existing.remove();
+    if (window[STATE_KEY] && window[STATE_KEY].timerId) clearInterval(window[STATE_KEY].timerId);
+  }
+})();
+`;
+};
+/** Build a cheap page-side heartbeat update; the installed script keeps the DOM and TTL timer. */
+export const buildHeartbeatExpression = (info) => {
+    const infoJson = JSON.stringify(info);
+    return `
+(function() {
+  var STATE_KEY = '__ARGUS_WATCHER_INDICATOR__';
+  var state = window[STATE_KEY];
+  if (state) {
+    state.lastSeenMs = Date.now();
+    state.info = ${infoJson};
+  }
+})();
+`;
+};
+/** Build the cleanup script used on watcher detach/stop. */
+export const buildRemoveExpression = () => {
+    return `
+(function() {
+  var INDICATOR_ID = 'argus-watcher-indicator';
+  var STYLE_ID = 'argus-watcher-indicator-style';
+  var DIALOG_ID = 'argus-watcher-indicator-dialog';
+  var STATE_KEY = '__ARGUS_WATCHER_INDICATOR__';
+  var state = window[STATE_KEY];
+  if (state && state.timerId) {
+    clearInterval(state.timerId);
+  }
+  delete window[STATE_KEY];
+  var el = document.getElementById(INDICATOR_ID);
+  if (el) el.remove();
+  var styleEl = document.getElementById(STYLE_ID);
+  if (styleEl) styleEl.remove();
+  var dialogEl = document.getElementById(DIALOG_ID);
+  if (dialogEl) dialogEl.remove();
+})();
+`;
+};
+const buildTransition = (properties, durationMs) => properties.map((property) => `${property} ${durationMs}ms ease`).join(', ');
+const resolvePositionStyle = (position, margin) => {
+    const styles = {
+        'top-left': `top: ${margin}px; left: ${margin}px;`,
+        'top-center': `top: ${margin}px; left: 50%; transform: translateX(-50%);`,
+        'top-right': `top: ${margin}px; right: ${margin}px;`,
+        'bottom-left': `bottom: ${margin}px; left: ${margin}px;`,
+        'bottom-center': `bottom: ${margin}px; left: 50%; transform: translateX(-50%);`,
+        'bottom-right': `bottom: ${margin}px; right: ${margin}px;`,
+        'left-center': `top: 50%; left: ${margin}px; transform: translateY(-50%);`,
+        'right-center': `top: 50%; right: ${margin}px; transform: translateY(-50%);`,
+    };
+    return styles[position];
+};
+//# sourceMappingURL=pageIndicatorScript.js.map

package/dist/cdp/pageIndicatorScript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageIndicatorScript.js","sourceRoot":"","sources":["../../src/cdp/pageIndicatorScript.ts"],"names":[],"mappings":"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"}