@ait-co/devtools 0.1.129 → 0.1.132

package/dist/{attach-orchestrator-RhOdO3DS.js → attach-orchestrator-Cjdhir2U.js}

@@ -1716,34 +1716,52 @@ async function renderAndMaybeWait(deps, prep, waitForAttach, callTimeoutMs, conn
 	}, null, 2)}\n\n${qr}`);
 }
 /**
-* Builds a self-contained IIFE DOM expression that renders a dismissible
-* "Debugger Connected" badge on the bottom-left of the phone screen.
+* Builds a self-contained IIFE DOM expression that renders a LIVE
+* "Debugger Connected" / "Debugger Disconnected" badge on the bottom-left of
+* the phone screen (#730).
 *
 * **Pure function** — returns a JS expression string; does NOT inject it.
 * Injection is performed by {@link injectDebugIndicator} in `cell.ts`.
 *
 * The expression, when evaluated on the page, does the following:
-*   1. Early-returns if `#__ait_debug_indicator` already exists (idempotent —
-*      prevents duplicate badges on re-injection after page reload).
-*   2. Appends a fixed-position `<div id="__ait_debug_indicator">` at the
-*      bottom-left, accounting for safe-area insets.
-*   3. Attaches a `{ once: true }` `pointerdown` listener that removes the
-*      badge on first touch — one-tap dismiss.
+*   1. Idempotent controller — a single `window.__ait_indicator` controller
+*      object is created once (keyed on its presence, not on the DOM node).
+*      Re-injection (e.g. explicit disconnect notice from `close()`) UPDATES
+*      the existing badge's state/label in place — it never duplicates the
+*      `<div>` or stacks a second observer.
+*   2. Renders a fixed-position `<div id="__ait_debug_indicator">` at the
+*      bottom-left, accounting for safe-area insets. Background/text flip
+*      between the attached (red) and disconnected (grey) visuals.
+*   3. A `pointerdown` listener dismisses (hides) the badge on tap — dismiss
+*      is NON-terminal: a later state transition un-dismisses it, so a
+*      genuine disconnect after a dismissed tap is still visible.
+*   4. Observes relay-socket lifecycle WITHOUT opening any new connection:
+*      - Preferred path: if the in-app module (`src/in-app/attach.ts`) has
+*        already installed its relay-WS observer (`window.__ait_relay_ws_observed`),
+*        subscribe to the `ait:relay-ws-state` CustomEvent it broadcasts.
+*      - Fallback path: wrap `window.WebSocket` in a `Proxy` and match dials
+*        by PATHNAME SHAPE only (`/target/`) — never by host/wss value — so a
+*        bare CDP-injected badge (no in-app bundle) still reacts to the
+*        chii target socket's own open/close lifecycle.
 *
 * The expression intentionally contains NO relay URLs, wss addresses, TOTP
-* codes, or any other secrets. It is pure DOM UI text only.
+* codes, or any other secrets. It is pure DOM UI text + enum state only.
 *
 * SECRET-HANDLING: this expression contains no secrets, relay URLs, wss
-* addresses, or TOTP codes whatsoever — DOM label text only.
+* addresses, or TOTP codes whatsoever — DOM label text + a structural
+* pathname match (`/target/`) only.
 *
-* @param opts.label - Badge text (default: `'Debugger Connected'`).
+* @param opts.label - Attached-state badge text (default: `'Debugger Connected'`).
+* @param opts.disconnectedLabel - Disconnected-state badge text (default: `'Debugger Disconnected'`).
+* @param opts.state - Initial/forced state for THIS injection call (default: `'attached'`).
 * @returns A JS expression string suitable for `Runtime.evaluate`.
 */
 function buildIndicatorExpression(opts) {
 	const label = opts?.label ?? "Debugger Connected";
-	return `(() => {if (document.getElementById('__ait_debug_indicator')) return;const el = document.createElement('div');el.id = '__ait_debug_indicator';el.style.cssText = ['position:fixed','left:max(12px,calc(env(safe-area-inset-left,0px) + 8px))','bottom:max(12px,calc(env(safe-area-inset-bottom,0px) + 8px))','z-index:2147483647','background:#e5484d','color:#fff','font:bold 11px/1 system-ui,sans-serif','padding:5px 9px','border-radius:6px','pointer-events:auto','user-select:none',].join(';');el.textContent = ${JSON.stringify(label)};el.addEventListener('pointerdown', () => el.remove(), { once: true });document.body.appendChild(el);})()`;
+	const disconnectedLabel = opts?.disconnectedLabel ?? "Debugger Disconnected";
+	return `(() => {var W = window;function render(c) {if (c.dismissed) { c.el.style.display = 'none'; return; }c.el.style.display = 'block';var up = c.state !== 'disconnected';c.el.style.background = up ? '#e5484d' : '#8a8f98';c.el.textContent = up ? ${JSON.stringify(label)} : ${JSON.stringify(disconnectedLabel)};}function setState(c, next) { c.state = next; c.dismissed = false; render(c); }var c = W.__ait_indicator;if (!c) {var el = document.createElement('div');el.id = '__ait_debug_indicator';el.style.cssText = ['position:fixed','left:max(12px,calc(env(safe-area-inset-left,0px) + 8px))','bottom:max(12px,calc(env(safe-area-inset-bottom,0px) + 8px))','z-index:2147483647','color:#fff','font:bold 11px/1 system-ui,sans-serif','padding:5px 9px','border-radius:6px','pointer-events:auto','user-select:none',].join(';');document.body.appendChild(el);c = { el: el, state: 'attached', dismissed: false };el.addEventListener('pointerdown', function () { c.dismissed = true; render(c); }, { passive: true });W.__ait_indicator = c;if (W.__ait_relay_ws_observed) {W.addEventListener('ait:relay-ws-state', function (e) {setState(c, e.detail && e.detail.state === 'open' ? 'attached' : 'disconnected');});} else {try {var Native = W.WebSocket;W.WebSocket = new Proxy(Native, {construct: function (t, a) {var ws = Reflect.construct(t, a);try {var u = new URL(String(a[0]), location.href);if (/\\/target\\//.test(u.pathname)) {ws.addEventListener('open', function () { setState(c, 'attached'); });ws.addEventListener('close', function () { setState(c, 'disconnected'); });ws.addEventListener('error', function () { setState(c, 'disconnected'); });}} catch (_) {}return ws;},});} catch (_) {}}}setState(c, ${JSON.stringify(opts?.state ?? "attached")});})()`;
 }
 //#endregion
 export { RELAY_SANDBOX_STALE_PAGE_MS, START_ATTACH_REMINT_THRESHOLD_MS, START_ATTACH_SEGMENT_MS, startTunnelHealthProbe as a, buildIndicatorExpression, extractDeploymentId, startQuickTunnel as i, isSandboxPageFresh, mintAttachUrl, makeTunnelStatus as n, logError as o, prepareAttach, printAttachBanner as r, renderAndMaybeWait, logInfo as s, generateAttachToken as t };
 
-//# sourceMappingURL=attach-orchestrator-RhOdO3DS.js.map
+//# sourceMappingURL=attach-orchestrator-Cjdhir2U.js.map