catalyst-core 0.2.0-beta.3 → 0.3.0-beta.1

package/dist/native/bridge/perf/collectors/NavigationCollector.js

@@ -1,4 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NavigationCollector=void 0;var _constants=require("../core/constants.js");var _session=require("../core/session.js");/**
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationCollector = void 0;
+var _constants = require("../core/constants.js");
+var _session = require("../core/session.js");
+/**
  * NavigationCollector.js
  *
  * Instruments: bugs #2, #7, #9, #11, #14
@@ -20,34 +28,267 @@
  *   catalyst:boot/load-url              — batch: WebView.loadUrl() call (Track: Navigation)
  *   catalyst:boot/page-started          — batch: onPageStarted callback (Track: Navigation)
  *   catalyst:boot/page-finished         — batch: onPageFinished callback (Track: Navigation)
- */class NavigationCollector{constructor(measure,nativeToWeb){this._measure=measure;this._nativeToWeb=nativeToWeb??(t=>t);this._session=new _session.Session(_constants.PREFIX.SESSION_NAV,measure,_constants.TRACK.NAVIGATION);this._pendingLcp=null;// { entry, label } — buffered until finalized
-this._lcpFinalized=false;// Track pending native page-load spans: url → { markName, startWeb }
-this._pendingPageLoads=new Map();}init(){this._session.open();this._observeLCP();this._observeRouteTransitions();this._setupLcpFinalization();}/** Called by index.js to feed the normalized perf store. */setWaterfallSource(fn){this._notifyWaterfall=fn;}// Called by other collectors to check if nav is still loading
-get isLoading(){return this._session.isOpen;}// ─── LCP ──────────────────────────────────────────────────────────────────
-_observeLCP(){const types=PerformanceObserver.supportedEntryTypes??[];const type=types.includes("largest-contentful-paint")?"largest-contentful-paint":types.includes("paint")?"paint":null;if(!type)return;const obs=new PerformanceObserver(list=>{for(const entry of list.getEntries()){if(type==="paint"&&entry.name!=="first-contentful-paint")continue;const label=type==="largest-contentful-paint"?"lcp":"fcp";this._pendingLcp={entry,label};// overwrite — keep latest candidate
-}});obs.observe({type,buffered:true});}_setupLcpFinalization(){// Browser stops updating LCP candidate on first user interaction or page hide
-const finalize=()=>{this._finalizeLcp();document.removeEventListener("pointerdown",finalize);document.removeEventListener("keydown",finalize);};document.addEventListener("pointerdown",finalize);document.addEventListener("keydown",finalize);document.addEventListener("visibilitychange",()=>{if(document.visibilityState==="hidden")this._finalizeLcp();});}_finalizeLcp(){if(this._lcpFinalized||!this._pendingLcp)return;this._lcpFinalized=true;const{entry,label}=this._pendingLcp;this._pendingLcp=null;const markName=`${_constants.PREFIX[label.toUpperCase()]}:mark`;performance.mark(markName,{startTime:0});this._measure.emit(`${_constants.PREFIX[label.toUpperCase()]}|${Math.round(entry.startTime)}ms`,markName,entry.startTime,{renderTime:entry.renderTime??null,loadTime:entry.loadTime??null,simulatorValid:false},_constants.TRACK.NAVIGATION);this._notifyWaterfall?.({label:label.toUpperCase(),startTime:0,endTime:entry.startTime,durationMs:Math.round(entry.startTime)});// LCP finalized = page is loaded — close the navigation session
-this._session.close({simulatorValid:false},entry.startTime);}// ─── Route transitions ────────────────────────────────────────────────────
-// Detects SPA route changes via popstate + hashchange.
-// Emits a span from event fire → next rAF (visual settle).
-//
-// Covers:
-//   #7  — if rAF never fires cleanly, transition span shows the gap
-//   #9  — span fires on back but not on some forward routes → missing spans = broken routes
-//   #11 — nav session re-opens; layout-shift collector shows shift after session close
-_observeRouteTransitions(){let _fromPath=location.pathname+location.hash;const onTransition=e=>{const from=_fromPath;const to=location.pathname+location.hash;_fromPath=to;const startTime=performance.now();const markName=`${_constants.PREFIX.ROUTE_TRANSITION}:start:${Math.round(startTime)}`;performance.mark(markName,{startTime});// Re-open nav session for the SPA route change.
-// LCP only fires once per WebView load — it does not reset on pushState.
-// So we can't wait for LCP to close the session. Instead, close it after
-// the next rAF (visual settle) + a short timeout to catch deferred renders.
-if(!this._session.isOpen){this._lcpFinalized=false;this._session.open({},startTime);this._setupLcpFinalization();// Fallback: if LCP doesn't fire (SPA), close after rAF + 1s
-requestAnimationFrame(()=>{setTimeout(()=>{if(this._session.isOpen&&!this._lcpFinalized){this._session.close({simulatorValid:true},performance.now());}},1000);});}requestAnimationFrame(()=>{const endTime=performance.now();this._measure.emit(`${_constants.PREFIX.ROUTE_TRANSITION}|${from}→${to}`,markName,endTime,{from,to,type:e.type,// 'popstate' or 'hashchange'
-simulatorValid:true},_constants.TRACK.NAVIGATION);this._notifyWaterfall?.({label:`Route ${to}`,startTime,endTime,durationMs:Math.round(endTime-startTime)});});};window.addEventListener("popstate",onTransition);window.addEventListener("hashchange",onTransition);}// ─── Native page-load events (from CustomWebview.kt) ─────────────────────
-// page-load-start: fired by onPageStarted, carries nativeTime + url
-// page-load-end:   fired by onPageFinished, carries nativeTime + url + durationMs
-// page-load-error: fired by onReceivedError, carries nativeTime + url + errorCode
-onNativeEvent(event){switch(event.type){case"page-load-start":{const startWeb=this._nativeToWeb(event.nativeTime);const markName=`${_constants.PREFIX.PAGE_LOAD}:start:${Math.round(startWeb)}`;performance.mark(markName,{startTime:startWeb});this._pendingPageLoads.set(event.url,{markName,startWeb});break;}case"page-load-end":{const pending=this._pendingPageLoads.get(event.url);if(!pending)break;this._pendingPageLoads.delete(event.url);const endWeb=this._nativeToWeb(event.nativeTime);const durMs=event.durationMs??Math.round(endWeb-pending.startWeb);const isSlow=durMs>2500;this._measure.emit(`${_constants.PREFIX.PAGE_LOAD}|${event.url.split("/").pop()||event.url}`,pending.markName,endWeb,{url:event.url,durationMs:durMs,simulatorValid:true},_constants.TRACK.NAVIGATION,isSlow?"error":"primary");break;}case"page-load-error":{const pending=this._pendingPageLoads.get(event.url);const startWeb=pending?pending.startWeb:this._nativeToWeb(event.nativeTime);const markName=pending?pending.markName:`${_constants.PREFIX.PAGE_LOAD}:err:${Math.round(startWeb)}`;if(!pending)performance.mark(markName,{startTime:startWeb});this._pendingPageLoads.delete(event.url);const errEnd=this._nativeToWeb(event.nativeTime)+1;this._measure.emit(`${_constants.PREFIX.PAGE_LOAD}/error|${event.errorCode??"?"}`,markName,errEnd,{url:event.url,errorCode:event.errorCode,description:event.description??"",simulatorValid:true},_constants.TRACK.NAVIGATION,"error");break;}case"cold-start":{// emitted by markAppStartComplete() — point-in-time span at page init
-const startWeb=this._nativeToWeb(event.nativeTime);const markName=`${_constants.PREFIX.COLD_START}:mark`;performance.mark(markName,{startTime:Math.max(0,startWeb-event.durationMs)});this._measure.emit(`${_constants.PREFIX.COLD_START}|${event.durationMs}ms`,markName,startWeb,{durationMs:event.durationMs,simulatorValid:true},_constants.TRACK.NAVIGATION,event.durationMs>3000?"error":"secondary");break;}}}// ─── Batch boot timing events ─────────────────────────────────────────────
-// Emitted from PerfEventBuffer flush after onPageFinished.
-// Each boot-* event is a point-in-time marker on Catalyst > Navigation.
-onBatchEvent(event){if(event.type==="navigation-back"){const t=this._nativeToWeb(event.nativeTime);const markName=`catalyst:navigation/back:${Math.round(t)}`;performance.mark(markName,{startTime:Math.max(0,t)});this._measure.emit("catalyst:navigation/back",markName,Math.max(0,t)+1,{simulatorValid:false},_constants.TRACK.NAVIGATION,_constants.COLOR.SECONDARY);return;}const bootTypeMap={"boot-activity-created":"activity-created","boot-webview-constructed":"webview-constructed","boot-load-url":"load-url","boot-page-started":"page-started","boot-page-finished":"page-finished"};const label=bootTypeMap[event.type];if(!label)return;const t=this._nativeToWeb(event.nativeTime);const markName=`catalyst:boot/${label}:${Math.round(t)}`;performance.mark(markName,{startTime:Math.max(0,t)});this._measure.emit(`catalyst:boot/${label}`,markName,Math.max(0,t)+1,// point span
-{nativeTime:event.nativeTime,thread:event.thread??null,simulatorValid:false},_constants.TRACK.NAVIGATION,_constants.COLOR.SECONDARY_LIGHT);}}exports.NavigationCollector=NavigationCollector;
+ */
+
+class NavigationCollector {
+  constructor(measure, nativeToWeb) {
+    this._measure = measure;
+    this._nativeToWeb = nativeToWeb ?? (t => t);
+    this._session = new _session.Session(_constants.PREFIX.SESSION_NAV, measure, _constants.TRACK.NAVIGATION);
+    this._pendingLcp = null; // { entry, label } — buffered until finalized
+    this._lcpFinalized = false;
+    // Track pending native page-load spans: url → { markName, startWeb }
+    this._pendingPageLoads = new Map();
+  }
+  init() {
+    this._session.open();
+    this._observeLCP();
+    this._observeRouteTransitions();
+    this._setupLcpFinalization();
+  }
+
+  /** Called by index.js to feed the normalized perf store. */
+  setWaterfallSource(fn) {
+    this._notifyWaterfall = fn;
+  }
+
+  // Called by other collectors to check if nav is still loading
+  get isLoading() {
+    return this._session.isOpen;
+  }
+
+  // ─── LCP ──────────────────────────────────────────────────────────────────
+
+  _observeLCP() {
+    const types = PerformanceObserver.supportedEntryTypes ?? [];
+    const type = types.includes("largest-contentful-paint") ? "largest-contentful-paint" : types.includes("paint") ? "paint" : null;
+    if (!type) return;
+    const obs = new PerformanceObserver(list => {
+      for (const entry of list.getEntries()) {
+        if (type === "paint" && entry.name !== "first-contentful-paint") continue;
+        const label = type === "largest-contentful-paint" ? "lcp" : "fcp";
+        this._pendingLcp = {
+          entry,
+          label
+        }; // overwrite — keep latest candidate
+      }
+    });
+    obs.observe({
+      type,
+      buffered: true
+    });
+  }
+  _setupLcpFinalization() {
+    // Browser stops updating LCP candidate on first user interaction or page hide
+    const finalize = () => {
+      this._finalizeLcp();
+      document.removeEventListener("pointerdown", finalize);
+      document.removeEventListener("keydown", finalize);
+    };
+    document.addEventListener("pointerdown", finalize);
+    document.addEventListener("keydown", finalize);
+    document.addEventListener("visibilitychange", () => {
+      if (document.visibilityState === "hidden") this._finalizeLcp();
+    });
+  }
+  _finalizeLcp() {
+    if (this._lcpFinalized || !this._pendingLcp) return;
+    this._lcpFinalized = true;
+    const {
+      entry,
+      label
+    } = this._pendingLcp;
+    this._pendingLcp = null;
+    const markName = `${_constants.PREFIX[label.toUpperCase()]}:mark`;
+    performance.mark(markName, {
+      startTime: 0
+    });
+    this._measure.emit(`${_constants.PREFIX[label.toUpperCase()]}|${Math.round(entry.startTime)}ms`, markName, entry.startTime, {
+      renderTime: entry.renderTime ?? null,
+      loadTime: entry.loadTime ?? null,
+      simulatorValid: false
+    }, _constants.TRACK.NAVIGATION);
+    this._notifyWaterfall?.({
+      label: label.toUpperCase(),
+      startTime: 0,
+      endTime: entry.startTime,
+      durationMs: Math.round(entry.startTime)
+    });
+
+    // LCP finalized = page is loaded — close the navigation session
+    this._session.close({
+      simulatorValid: false
+    }, entry.startTime);
+  }
+
+  // ─── Route transitions ────────────────────────────────────────────────────
+  // Detects SPA route changes via popstate + hashchange.
+  // Emits a span from event fire → next rAF (visual settle).
+  //
+  // Covers:
+  //   #7  — if rAF never fires cleanly, transition span shows the gap
+  //   #9  — span fires on back but not on some forward routes → missing spans = broken routes
+  //   #11 — nav session re-opens; layout-shift collector shows shift after session close
+
+  _observeRouteTransitions() {
+    let _fromPath = location.pathname + location.hash;
+    const onTransition = e => {
+      const from = _fromPath;
+      const to = location.pathname + location.hash;
+      _fromPath = to;
+      const startTime = performance.now();
+      const markName = `${_constants.PREFIX.ROUTE_TRANSITION}:start:${Math.round(startTime)}`;
+      performance.mark(markName, {
+        startTime
+      });
+
+      // Re-open nav session for the SPA route change.
+      // LCP only fires once per WebView load — it does not reset on pushState.
+      // So we can't wait for LCP to close the session. Instead, close it after
+      // the next rAF (visual settle) + a short timeout to catch deferred renders.
+      if (!this._session.isOpen) {
+        this._lcpFinalized = false;
+        this._session.open({}, startTime);
+        this._setupLcpFinalization();
+        // Fallback: if LCP doesn't fire (SPA), close after rAF + 1s
+        requestAnimationFrame(() => {
+          setTimeout(() => {
+            if (this._session.isOpen && !this._lcpFinalized) {
+              this._session.close({
+                simulatorValid: true
+              }, performance.now());
+            }
+          }, 1000);
+        });
+      }
+      requestAnimationFrame(() => {
+        const endTime = performance.now();
+        this._measure.emit(`${_constants.PREFIX.ROUTE_TRANSITION}|${from}→${to}`, markName, endTime, {
+          from,
+          to,
+          type: e.type,
+          // 'popstate' or 'hashchange'
+          simulatorValid: true
+        }, _constants.TRACK.NAVIGATION);
+        this._notifyWaterfall?.({
+          label: `Route ${to}`,
+          startTime,
+          endTime,
+          durationMs: Math.round(endTime - startTime)
+        });
+      });
+    };
+    window.addEventListener("popstate", onTransition);
+    window.addEventListener("hashchange", onTransition);
+  }
+
+  // ─── Native page-load events (from CustomWebview.kt) ─────────────────────
+  // page-load-start: fired by onPageStarted, carries nativeTime + url
+  // page-load-end:   fired by onPageFinished, carries nativeTime + url + durationMs
+  // page-load-error: fired by onReceivedError, carries nativeTime + url + errorCode
+
+  onNativeEvent(event) {
+    switch (event.type) {
+      case "page-load-start":
+        {
+          const startWeb = this._nativeToWeb(event.nativeTime);
+          const markName = `${_constants.PREFIX.PAGE_LOAD}:start:${Math.round(startWeb)}`;
+          performance.mark(markName, {
+            startTime: startWeb
+          });
+          this._pendingPageLoads.set(event.url, {
+            markName,
+            startWeb
+          });
+          break;
+        }
+      case "page-load-end":
+        {
+          const pending = this._pendingPageLoads.get(event.url);
+          if (!pending) break;
+          this._pendingPageLoads.delete(event.url);
+          const endWeb = this._nativeToWeb(event.nativeTime);
+          const durMs = event.durationMs ?? Math.round(endWeb - pending.startWeb);
+          const isSlow = durMs > 2500;
+          this._measure.emit(`${_constants.PREFIX.PAGE_LOAD}|${event.url.split("/").pop() || event.url}`, pending.markName, endWeb, {
+            url: event.url,
+            durationMs: durMs,
+            simulatorValid: true
+          }, _constants.TRACK.NAVIGATION, isSlow ? "error" : "primary");
+          break;
+        }
+      case "page-load-error":
+        {
+          const pending = this._pendingPageLoads.get(event.url);
+          const startWeb = pending ? pending.startWeb : this._nativeToWeb(event.nativeTime);
+          const markName = pending ? pending.markName : `${_constants.PREFIX.PAGE_LOAD}:err:${Math.round(startWeb)}`;
+          if (!pending) performance.mark(markName, {
+            startTime: startWeb
+          });
+          this._pendingPageLoads.delete(event.url);
+          const errEnd = this._nativeToWeb(event.nativeTime) + 1;
+          this._measure.emit(`${_constants.PREFIX.PAGE_LOAD}/error|${event.errorCode ?? "?"}`, markName, errEnd, {
+            url: event.url,
+            errorCode: event.errorCode,
+            description: event.description ?? "",
+            simulatorValid: true
+          }, _constants.TRACK.NAVIGATION, "error");
+          break;
+        }
+      case "cold-start":
+        {
+          // emitted by markAppStartComplete() — point-in-time span at page init
+          const startWeb = this._nativeToWeb(event.nativeTime);
+          const markName = `${_constants.PREFIX.COLD_START}:mark`;
+          performance.mark(markName, {
+            startTime: Math.max(0, startWeb - event.durationMs)
+          });
+          this._measure.emit(`${_constants.PREFIX.COLD_START}|${event.durationMs}ms`, markName, startWeb, {
+            durationMs: event.durationMs,
+            simulatorValid: true
+          }, _constants.TRACK.NAVIGATION, event.durationMs > 3000 ? "error" : "secondary");
+          break;
+        }
+    }
+  }
+
+  // ─── Batch boot timing events ─────────────────────────────────────────────
+  // Emitted from PerfEventBuffer flush after onPageFinished.
+  // Each boot-* event is a point-in-time marker on Catalyst > Navigation.
+
+  onBatchEvent(event) {
+    if (event.type === "navigation-back") {
+      const t = this._nativeToWeb(event.nativeTime);
+      const markName = `catalyst:navigation/back:${Math.round(t)}`;
+      performance.mark(markName, {
+        startTime: Math.max(0, t)
+      });
+      this._measure.emit("catalyst:navigation/back", markName, Math.max(0, t) + 1, {
+        simulatorValid: false
+      }, _constants.TRACK.NAVIGATION, _constants.COLOR.SECONDARY);
+      return;
+    }
+    const bootTypeMap = {
+      "boot-activity-created": "activity-created",
+      "boot-webview-constructed": "webview-constructed",
+      "boot-load-url": "load-url",
+      "boot-page-started": "page-started",
+      "boot-page-finished": "page-finished"
+    };
+    const label = bootTypeMap[event.type];
+    if (!label) return;
+    const t = this._nativeToWeb(event.nativeTime);
+    const markName = `catalyst:boot/${label}:${Math.round(t)}`;
+    performance.mark(markName, {
+      startTime: Math.max(0, t)
+    });
+    this._measure.emit(`catalyst:boot/${label}`, markName, Math.max(0, t) + 1,
+    // point span
+    {
+      nativeTime: event.nativeTime,
+      thread: event.thread ?? null,
+      simulatorValid: false
+    }, _constants.TRACK.NAVIGATION, _constants.COLOR.SECONDARY_LIGHT);
+  }
+}
+exports.NavigationCollector = NavigationCollector;

package/dist/native/bridge/perf/collectors/NetworkTimingCollector.js

@@ -1,7 +1,183 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkTimingCollector=void 0;var _constants=require("../core/constants.js");/**
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NetworkTimingCollector = void 0;
+var _constants = require("../core/constants.js");
+/**
  * NetworkTimingCollector.js
  *
  * Adds lightweight Catalyst timeline spans for fetch() and XMLHttpRequest.
  * Chrome already has detailed network timing; these spans exist to attach
  * network work to Catalyst interaction sessions via sessionId.
- */const FETCH_WRAPPED="__catalystNetworkTimingFetchWrapped";const XHR_WRAPPED="__catalystNetworkTimingXhrWrapped";const XHR_META="__catalystNetworkTimingMeta";const MAX_LABEL_LENGTH=72;class NetworkTimingCollector{constructor(measure){this._measure=measure;this._getInteraction=null;this._requestSeq=0;}setInteractionSource(fn){this._getInteraction=fn;}setWaterfallSource(fn){this._notifyWaterfall=fn;}init(){if(typeof window==="undefined")return;this._wrapFetch();this._wrapXhr();}_wrapFetch(){const originalFetch=window.fetch;if(typeof originalFetch!=="function"||originalFetch[FETCH_WRAPPED])return;const collector=this;function catalystFetch(input,init){const span=collector._start("fetch",init?.method??input?.method??"GET",init?.url??input?.url??input);try{return originalFetch.apply(this,arguments).then(response=>{collector._finish(span,{status:response?.status??null,ok:response?.ok??null});return response;},error=>{collector._finish(span,{outcome:"error",ok:false});throw error;});}catch(error){collector._finish(span,{outcome:"error",ok:false});throw error;}}catalystFetch[FETCH_WRAPPED]=true;window.fetch=catalystFetch;}_wrapXhr(){const proto=window.XMLHttpRequest?.prototype;if(!proto||proto[XHR_WRAPPED])return;if(typeof proto.open!=="function"||typeof proto.send!=="function")return;const originalOpen=proto.open;const originalSend=proto.send;const collector=this;proto.open=function catalystXhrOpen(method,url){this[XHR_META]={method,url};return originalOpen.apply(this,arguments);};proto.send=function catalystXhrSend(){const meta=this[XHR_META]??{};const span=collector._start("xhr",meta.method??"GET",meta.url??"unknown");let emitted=false;const finish=(outcome="complete")=>{if(emitted)return;emitted=true;const status=this.status;collector._finish(span,{status,ok:collector._statusOk(status),outcome});};this.addEventListener?.("loadend",()=>finish(),{once:true});try{return originalSend.apply(this,arguments);}catch(error){finish("error");throw error;}};proto[XHR_WRAPPED]=true;}_start(api,method,rawUrl){const startTime=performance.now();const normalizedMethod=String(method||"GET").toUpperCase();const url=this._normalizeUrl(rawUrl);const label=this._labelForUrl(url);const requestId=`${api}:${++this._requestSeq}`;const startMark=`${_constants.PREFIX.NETWORK_TIMING}:${requestId}:start`;performance.mark(startMark,{startTime});const interaction=this._getInteraction?.();const interactionId=interaction?.activeInteractionId??null;if(interactionId)interaction?.onNetworkCall?.();return{api,method:normalizedMethod,url,label,requestId,startMark,startTime,interactionId};}_finish(span,result={}){const endTime=performance.now();const durationMs=Math.round(endTime-span.startTime);const outcome=result.outcome??"complete";const ok=result.ok??this._statusOk(result.status);const color=outcome!=="complete"||ok===false||durationMs>_constants.THRESHOLD.FETCH_SLOW_MS?_constants.COLOR.ERROR:_constants.COLOR.SECONDARY;const detail={api:span.api,method:span.method,url:span.url,status:result.status??null,ok,outcome,durationMs,sessionId:span.interactionId,requestId:span.requestId,simulatorValid:true};this._notifyWaterfall?.({...detail,startTime:span.startTime,endTime});this._measure.emit(`${span.interactionId?`[${span.interactionId}] `:""}Network: ${span.method} ${span.label} - ${durationMs}ms`,span.startMark,endTime,{interactionId:span.interactionId,...detail,sessionId:undefined},_constants.TRACK.NETWORK,color);}_normalizeUrl(rawUrl){const value=rawUrl?.url??rawUrl??"unknown";try{const parsed=new URL(String(value),window.location?.href);return`${parsed.origin}${parsed.pathname}`;}catch{return String(value).split("?")[0].split("#")[0];}}_labelForUrl(url){try{const parsed=new URL(url,window.location?.href);const label=parsed.origin===window.location?.origin?parsed.pathname:`${parsed.host}${parsed.pathname}`;return(label||"/").slice(0,MAX_LABEL_LENGTH);}catch{return String(url||"unknown").slice(0,MAX_LABEL_LENGTH);}}_statusOk(status){return typeof status==="number"&&status>=200&&status<400;}}exports.NetworkTimingCollector=NetworkTimingCollector;
+ */
+
+const FETCH_WRAPPED = "__catalystNetworkTimingFetchWrapped";
+const XHR_WRAPPED = "__catalystNetworkTimingXhrWrapped";
+const XHR_META = "__catalystNetworkTimingMeta";
+const MAX_LABEL_LENGTH = 72;
+class NetworkTimingCollector {
+  constructor(measure) {
+    this._measure = measure;
+    this._getInteraction = null;
+    this._requestSeq = 0;
+  }
+  setInteractionSource(fn) {
+    this._getInteraction = fn;
+  }
+  setWaterfallSource(fn) {
+    this._notifyWaterfall = fn;
+  }
+  init() {
+    if (typeof window === "undefined") return;
+    this._wrapFetch();
+    this._wrapXhr();
+  }
+  _wrapFetch() {
+    const originalFetch = window.fetch;
+    if (typeof originalFetch !== "function" || originalFetch[FETCH_WRAPPED]) return;
+    const collector = this;
+    function catalystFetch(input, init) {
+      const span = collector._start("fetch", init?.method ?? input?.method ?? "GET", init?.url ?? input?.url ?? input);
+      try {
+        return originalFetch.apply(this, arguments).then(response => {
+          collector._finish(span, {
+            status: response?.status ?? null,
+            ok: response?.ok ?? null
+          });
+          return response;
+        }, error => {
+          collector._finish(span, {
+            outcome: "error",
+            ok: false
+          });
+          throw error;
+        });
+      } catch (error) {
+        collector._finish(span, {
+          outcome: "error",
+          ok: false
+        });
+        throw error;
+      }
+    }
+    catalystFetch[FETCH_WRAPPED] = true;
+    window.fetch = catalystFetch;
+  }
+  _wrapXhr() {
+    const proto = window.XMLHttpRequest?.prototype;
+    if (!proto || proto[XHR_WRAPPED]) return;
+    if (typeof proto.open !== "function" || typeof proto.send !== "function") return;
+    const originalOpen = proto.open;
+    const originalSend = proto.send;
+    const collector = this;
+    proto.open = function catalystXhrOpen(method, url) {
+      this[XHR_META] = {
+        method,
+        url
+      };
+      return originalOpen.apply(this, arguments);
+    };
+    proto.send = function catalystXhrSend() {
+      const meta = this[XHR_META] ?? {};
+      const span = collector._start("xhr", meta.method ?? "GET", meta.url ?? "unknown");
+      let emitted = false;
+      const finish = (outcome = "complete") => {
+        if (emitted) return;
+        emitted = true;
+        const status = this.status;
+        collector._finish(span, {
+          status,
+          ok: collector._statusOk(status),
+          outcome
+        });
+      };
+      this.addEventListener?.("loadend", () => finish(), {
+        once: true
+      });
+      try {
+        return originalSend.apply(this, arguments);
+      } catch (error) {
+        finish("error");
+        throw error;
+      }
+    };
+    proto[XHR_WRAPPED] = true;
+  }
+  _start(api, method, rawUrl) {
+    const startTime = performance.now();
+    const normalizedMethod = String(method || "GET").toUpperCase();
+    const url = this._normalizeUrl(rawUrl);
+    const label = this._labelForUrl(url);
+    const requestId = `${api}:${++this._requestSeq}`;
+    const startMark = `${_constants.PREFIX.NETWORK_TIMING}:${requestId}:start`;
+    performance.mark(startMark, {
+      startTime
+    });
+    const interaction = this._getInteraction?.();
+    const interactionId = interaction?.activeInteractionId ?? null;
+    if (interactionId) interaction?.onNetworkCall?.();
+    return {
+      api,
+      method: normalizedMethod,
+      url,
+      label,
+      requestId,
+      startMark,
+      startTime,
+      interactionId
+    };
+  }
+  _finish(span, result = {}) {
+    const endTime = performance.now();
+    const durationMs = Math.round(endTime - span.startTime);
+    const outcome = result.outcome ?? "complete";
+    const ok = result.ok ?? this._statusOk(result.status);
+    const color = outcome !== "complete" || ok === false || durationMs > _constants.THRESHOLD.FETCH_SLOW_MS ? _constants.COLOR.ERROR : _constants.COLOR.SECONDARY;
+    const detail = {
+      api: span.api,
+      method: span.method,
+      url: span.url,
+      status: result.status ?? null,
+      ok,
+      outcome,
+      durationMs,
+      sessionId: span.interactionId,
+      requestId: span.requestId,
+      simulatorValid: true
+    };
+    this._notifyWaterfall?.({
+      ...detail,
+      startTime: span.startTime,
+      endTime
+    });
+    this._measure.emit(`${span.interactionId ? `[${span.interactionId}] ` : ""}Network: ${span.method} ${span.label} - ${durationMs}ms`, span.startMark, endTime, {
+      interactionId: span.interactionId,
+      ...detail,
+      sessionId: undefined
+    }, _constants.TRACK.NETWORK, color);
+  }
+  _normalizeUrl(rawUrl) {
+    const value = rawUrl?.url ?? rawUrl ?? "unknown";
+    try {
+      const parsed = new URL(String(value), window.location?.href);
+      return `${parsed.origin}${parsed.pathname}`;
+    } catch {
+      return String(value).split("?")[0].split("#")[0];
+    }
+  }
+  _labelForUrl(url) {
+    try {
+      const parsed = new URL(url, window.location?.href);
+      const label = parsed.origin === window.location?.origin ? parsed.pathname : `${parsed.host}${parsed.pathname}`;
+      return (label || "/").slice(0, MAX_LABEL_LENGTH);
+    } catch {
+      return String(url || "unknown").slice(0, MAX_LABEL_LENGTH);
+    }
+  }
+  _statusOk(status) {
+    return typeof status === "number" && status >= 200 && status < 400;
+  }
+}
+exports.NetworkTimingCollector = NetworkTimingCollector;