@genn-inc/cluebase-frontend-sdk 0.0.2 → 0.0.6

package/dist/instrumentation/form.js

@@ -1,9 +1,9 @@
 import { buildLocalTextDescriptor } from "../exporter/local-minimization.js";
-import { extractFieldName, extractFieldType, getElementAriaLabel, getElementClassList, getElementLabel, getElementPlaceholder, getElementRole, getElementSectionHeading, isEditableElement, resolveClickDisplayTarget, resolveInteractionScopeDescriptor, resolveStableKeyDescriptor, } from "./dom.js";
+import { fingerprintText } from "../exporter/text-fingerprint.js";
 import { buildPrimaryActionKey } from "./common.js";
+import { extractFieldName, extractFieldType, getElementAriaLabel, getElementClassList, getElementLabel, getElementPlaceholder, getElementRole, getElementSectionHeading, isEditableElement, resolveClickDisplayTarget, resolveInteractionScopeDescriptor, resolveStableKeyDescriptor, } from "./dom.js";
 import { getCurrentPageSnapshot } from "./location.js";
 import { buildScreenActionNamingEvidence } from "./naming-evidence.js";
-import { fingerprintText } from "../exporter/text-fingerprint.js";
 const VALIDATION_REASON_KEYS = [
     "valueMissing",
     "typeMismatch",
@@ -57,9 +57,6 @@ export const startFormCapture = (context) => {
         if (!(target instanceof HTMLFormElement)) {
             return;
         }
-        if (context.shouldIgnoreElement?.(target)) {
-            return;
-        }
         try {
             const formKey = target.id || target.getAttribute("name") || null;
             const interactionScope = resolveInteractionScopeDescriptor(target);
@@ -75,14 +72,16 @@ export const startFormCapture = (context) => {
                 ? "validation_blocked"
                 : "unknown";
             const resultSource = validationEvidence.invalidFieldCount > 0 ? "browser_validation" : null;
+            const pageSnapshot = getCurrentPageSnapshot();
             context.onEvent({
                 type: "form_submitted",
                 occurredAtMs: Date.now(),
                 payload: {
                     viewId: context.getViewId(),
+                    screenKey: pageSnapshot.screenKey,
                     formId: target.id || null,
                     formKey,
-                    primaryActionKey: buildPrimaryActionKey(getCurrentPageSnapshot().screenKey, formKey ?? submitterStableKey?.stableKey ?? null),
+                    primaryActionKey: buildPrimaryActionKey(pageSnapshot.screenKey, formKey ?? submitterStableKey?.stableKey ?? null),
                     formName: target.getAttribute("name"),
                     interactionScopeKind: interactionScope?.interactionScopeKind ?? null,
                     interactionScopeKey: interactionScope?.interactionScopeKey ?? null,

package/dist/instrumentation/input.js

@@ -1,6 +1,6 @@
 import { buildLocalTextDescriptor, buildLocalValueDescriptor, } from "../exporter/local-minimization.js";
-import { extractFieldName, extractFieldType, getElementAriaLabel, getElementLabel, getElementPlaceholder, getElementRole, getElementSectionHeading, getElementValue, resolveInteractionScopeDescriptor, resolveStableKeyDescriptor, } from "./dom.js";
 import { buildPrimaryActionKey } from "./common.js";
+import { extractFieldName, extractFieldType, getElementAriaLabel, getElementLabel, getElementPlaceholder, getElementRole, getElementSectionHeading, getElementValue, resolveInteractionScopeDescriptor, resolveStableKeyDescriptor, } from "./dom.js";
 import { getCurrentPageSnapshot } from "./location.js";
 import { buildScreenActionNamingEvidence } from "./naming-evidence.js";
 const buildFileDescriptors = (input) => {
@@ -28,23 +28,22 @@ export const startInputCapture = (context) => {
         if (context.getConsent() === "denied") {
             return;
         }
-        if (context.shouldIgnoreElement?.(target)) {
-            return;
-        }
         if (target instanceof HTMLInputElement && target.type === "password") {
             return;
         }
         try {
             const stableKey = resolveStableKeyDescriptor(target);
             const interactionScope = resolveInteractionScopeDescriptor(target);
+            const pageSnapshot = getCurrentPageSnapshot();
             const commonPayload = {
                 viewId: context.getViewId(),
+                screenKey: pageSnapshot.screenKey,
                 formId: stableKey.formKey,
                 formKey: stableKey.formKey,
                 fieldType: extractFieldType(target),
                 elementTag: target.tagName.toLowerCase(),
                 elementRole: getElementRole(target),
-                primaryActionKey: buildPrimaryActionKey(getCurrentPageSnapshot().screenKey, stableKey.stableKey),
+                primaryActionKey: buildPrimaryActionKey(pageSnapshot.screenKey, stableKey.stableKey),
                 stableKey: stableKey.stableKey,
                 stableKeyQuality: stableKey.stableKeyQuality,
                 interactionScopeKind: interactionScope?.interactionScopeKind ?? null,
@@ -138,9 +137,6 @@ export const startInputCapture = (context) => {
         if (context.getConsent() === "denied") {
             return;
         }
-        if (context.shouldIgnoreElement?.(target)) {
-            return;
-        }
         dirtyControls.add(target);
     };
     const changeHandler = (event) => {

package/dist/instrumentation/location.js

@@ -53,7 +53,9 @@ export const getPageSnapshotFromUrl = (href) => {
     }
     let path = null;
     try {
-        path = href ? new URL(href, globalThis.location?.origin).pathname || "/" : null;
+        path = href
+            ? new URL(href, globalThis.location?.origin).pathname || "/"
+            : null;
     }
     catch {
         path = null;

package/dist/instrumentation/network-request.js

@@ -1,9 +1,9 @@
 import { buildLocalQuerySummary, buildLocalStructuredSummary, } from "../exporter/local-minimization.js";
 import { buildParameterSnapshotBundle, } from "../exporter/parameter-snapshot.js";
-import { allowedValuePathsFor } from "../provider/privacy-policy-store.js";
 import { toPathTemplate } from "../exporter/path-template.js";
 import { maybeParseJson, sanitizeHeaders } from "../exporter/sanitize.js";
 import { buildSchemaEvidence, deriveOutcomeClass, extractErrorCodeCandidate, extractGraphqlEvidence, } from "../exporter/schema-evidence.js";
+import { allowedValuePathsFor } from "../provider/privacy-policy-store.js";
 import { currentPageUrl, resolveUrlAgainstCurrentLocation, stripQueryFromUrl, } from "./common.js";
 const MAX_CAPTURED_RESPONSE_BODY_BYTES = 16 * 1024;
 export const headersToRecord = (headers) => {

package/dist/instrumentation/network-span-attributes.js

@@ -1,10 +1,10 @@
 import { SpanStatusCode } from "@opentelemetry/api";
 import { buildLocalStructuredSummary } from "../exporter/local-minimization.js";
-import { cluebaseAuthoredMetricAttribute, cluebaseAuthoredPropertyAttribute, } from "./cluebase-authored-attributes.js";
+import { buildParameterSnapshotBundle } from "../exporter/parameter-snapshot.js";
 import { sanitizeHeaders } from "../exporter/sanitize.js";
 import { FRONTEND_EVENT_CATEGORY, FRONTEND_EVENT_NAME, FRONTEND_EVENT_STATUS, } from "../provider/contracts.js";
-import { buildParameterSnapshotBundle } from "../exporter/parameter-snapshot.js";
 import { allowedValuePathsFor } from "../provider/privacy-policy-store.js";
+import { cluebaseAuthoredMetricAttribute, cluebaseAuthoredPropertyAttribute, } from "./cluebase-authored-attributes.js";
 import { buildResponseShapeEvidence, } from "./network-request.js";
 const PRIVACY_POLICY_VERSION = 1;
 const setOptionalString = (span, key, value) => {

package/dist/instrumentation/network.js

@@ -324,9 +324,12 @@ const failOpenRequestLifecycles = (failureType) => {
     }
     pendingRequestLifecycles.clear();
 };
-const trackFetchSpanEndWait = () => {
+const trackFetchSpanEndWait = (capture) => {
     const wait = new Promise((resolve) => {
-        setTimeout(resolve, FETCH_SPAN_END_SETTLE_MS);
+        setTimeout(() => {
+            capture.context.requestFlush?.();
+            resolve();
+        }, FETCH_SPAN_END_SETTLE_MS);
     });
     pendingFetchSpanEndWaits.add(wait);
     void wait.finally(() => pendingFetchSpanEndWaits.delete(wait));
@@ -400,7 +403,7 @@ const configureFetchInstrumentation = (capture) => {
                 observationContext: capture.context.getObservationContext?.() ?? null,
                 deniedKeys: capture.deniedKeys,
             });
-            trackFetchSpanEndWait();
+            trackFetchSpanEndWait(capture);
             markRequestLifecycleTerminal(meta);
             capture.context.requestFlush?.();
         },
@@ -448,6 +451,7 @@ const configureXhrInstrumentation = (capture) => {
                 observationContext: capture.context.getObservationContext?.() ?? null,
                 deniedKeys: capture.deniedKeys,
             });
+            trackFetchSpanEndWait(capture);
             markRequestLifecycleTerminal(meta);
             capture.context.requestFlush?.();
         },

package/dist/instrumentation/performance.js

@@ -91,8 +91,7 @@ const observeEntryType = (observers, entryType, callback) => {
         observer.observe({ type: entryType, buffered: true });
         observers.push(observer);
     }
-    catch {
-    }
+    catch { }
 };
 const readPerformanceNavigation = () => {
     if (typeof performance === "undefined") {

package/dist/internal/internal-log.js

@@ -26,7 +26,8 @@ export function logSwallowed(operation, _cause, context = {}) {
     const details = {};
     for (const [key, value] of Object.entries(context)) {
         if (SAFE_CONTEXT_KEYS.has(key) &&
-            (value === null || typeof value === "boolean" ||
+            (value === null ||
+                typeof value === "boolean" ||
                 (typeof value === "number" && Number.isFinite(value)) ||
                 (typeof value === "string" && SAFE_TOKEN.test(value)))) {
             details[key] = value;

package/dist/provider/_version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION: "0.0.2";
+export declare const SDK_VERSION: "0.0.6";

package/dist/provider/_version.js

@@ -1,3 +1,3 @@
 // This file is generated by scripts/generate-version-module.mjs.
 // Do NOT edit by hand. The source of truth is `package.json` `version`.
-export const SDK_VERSION = "0.0.2";
+export const SDK_VERSION = "0.0.6";

package/dist/provider/config.js

@@ -104,7 +104,6 @@ export const resolveConfig = (options) => {
         localSetupCheckEndpoint: null,
         projectKey: options.projectKey?.trim() ?? "",
         producerId: DEFAULT_FRONTEND_SOURCE_IDENTIFIER,
-        transportProfile: DEFAULT_CONFIG.transportProfile,
         autocapture: options.autocapture ?? DEFAULT_CONFIG.autocapture,
         captureNetwork: options.captureNetwork ?? DEFAULT_CONFIG.captureNetwork,
         captureErrors: options.captureErrors ?? DEFAULT_CONFIG.captureErrors,

package/dist/provider/constants.d.ts

@@ -1,5 +1,5 @@
-import type { CluebaseConsentState, ResolvedCluebaseConfig } from "./types.js";
 import { SDK_VERSION } from "./_version.js";
+import type { CluebaseConsentState, ResolvedCluebaseConfig } from "./types.js";
 export { SDK_VERSION };
 export declare const SDK_NAME = "@genn-inc/cluebase-frontend-sdk";
 export declare const EVENT_SOURCE: "frontend_sdk";

package/dist/provider/constants.js

@@ -44,7 +44,6 @@ export const DEFAULT_CONFIG = {
     localSetupCheckEndpoint: null,
     projectKey: "",
     producerId: DEFAULT_FRONTEND_SOURCE_IDENTIFIER,
-    transportProfile: "standard",
     autocapture: true,
     captureNetwork: true,
     captureErrors: true,

package/dist/provider/sdk-error.d.ts

@@ -0,0 +1,7 @@
+export type SdkErrorDetails = {
+    error_name: string;
+    error_message: string;
+    error_stack?: string;
+};
+export declare const getSdkErrorDetails: (error: unknown) => SdkErrorDetails;
+export declare const reportSdkError: (operation: string, error: unknown) => SdkErrorDetails;

package/dist/provider/sdk-error.js

@@ -0,0 +1,48 @@
+const redactSensitiveText = (value) => value
+    .replace(/\bpk_[A-Za-z0-9_-]+\b/g, "[redacted-project-key]")
+    .replace(/\b(Bearer|Basic)\s+[A-Za-z0-9._~+/-]+=*/gi, "$1 [redacted]")
+    .replace(/(https?:\/\/[^\s?]+)\?[^\s]*/gi, "$1?[redacted]")
+    .slice(0, 500);
+const readErrorField = (error, field) => {
+    try {
+        const value = error?.[field];
+        return typeof value === "string" ? value : undefined;
+    }
+    catch {
+        return undefined;
+    }
+};
+export const getSdkErrorDetails = (error) => {
+    let fallbackMessage;
+    try {
+        fallbackMessage = String(error);
+    }
+    catch {
+        fallbackMessage = "Unknown thrown value";
+    }
+    const stack = readErrorField(error, "stack");
+    return {
+        error_name: readErrorField(error, "name") || "UnknownError",
+        error_message: redactSensitiveText(readErrorField(error, "message") || fallbackMessage),
+        ...(stack
+            ? {
+                error_stack: stack
+                    .split(/\r?\n/)
+                    .slice(1, 9)
+                    .map(redactSensitiveText)
+                    .join("\n"),
+            }
+            : {}),
+    };
+};
+export const reportSdkError = (operation, error) => {
+    const details = getSdkErrorDetails(error);
+    try {
+        if (typeof console !== "undefined" && typeof console.error === "function") {
+            const stack = details.error_stack ? `\n${details.error_stack}` : "";
+            console.error(`[cluebase] ${operation} failed (${details.error_name}): ${details.error_message}${stack}`);
+        }
+    }
+    catch { }
+    return details;
+};

package/dist/provider/sdk-event-pipeline.d.ts

@@ -1,9 +1,9 @@
-import { TraceManager } from "../context/trace.js";
 import type { EnvironmentManager } from "../context/environment.js";
 import type { IdentityManager } from "../context/identity.js";
 import type { OrganizationManager } from "../context/organization.js";
 import type { SessionManager } from "../context/session.js";
 import type { TabManager } from "../context/tab.js";
+import { TraceManager } from "../context/trace.js";
 import type { BatchTransport } from "../exporter/batch.js";
 import type { InternalMetricsStore } from "../internal/metrics.js";
 import type { CluebaseConsentState, CluebaseContext, CluebaseInternalLogger, IngestUsageGovernorFeedback, RawCapturedEvent, ResolvedCluebaseConfig } from "./types.js";
@@ -11,6 +11,7 @@ export declare const OFFICIAL_CUSTOM_EVENT_NAME: {
     readonly identityIdentified: "identity_identified";
     readonly identityReset: "identity_reset";
     readonly organizationAssociated: "organization_associated";
+    readonly externalAccountLinked: "external_account_linked";
     readonly sdkInitialized: "sdk_initialized";
 };
 export type OfficialCustomEventProperties = Record<string, string | string[] | number>;

package/dist/provider/sdk-event-pipeline.js

@@ -1,12 +1,12 @@
 import { TraceManager } from "../context/trace.js";
 import { generateViewId } from "../exporter/event-id.js";
-import { rawEventToSourceSignalEvent } from "../exporter/raw-event-to-source-signal.js";
 import { createFrontendResourceAttributes } from "../exporter/frontend-resource.js";
+import { rawEventToSourceSignalEvent } from "../exporter/raw-event-to-source-signal.js";
 import { sanitizeObject, } from "../exporter/sanitize.js";
-import { DEFAULT_INGEST_USAGE_GOVERNOR_FEEDBACK, hasUsageGovernorFeedbackChanged, isCostCapabilityDisabled, normalizeIngestUsageGovernorFeedback, } from "./usage-governor.js";
 import { FRONTEND_EVENT_NAME } from "./contracts.js";
 import { shouldSampleSession } from "./sampling.js";
 import { stripQueryAndHashFromUrl, toStringOrNull, toSubjectProfile, } from "./sdk-input-normalization.js";
+import { DEFAULT_INGEST_USAGE_GOVERNOR_FEEDBACK, hasUsageGovernorFeedbackChanged, isCostCapabilityDisabled, normalizeIngestUsageGovernorFeedback, } from "./usage-governor.js";
 const TRACE_ROOT_EVENTS = new Set([
     "page_view",
     "route_change",
@@ -23,6 +23,7 @@ export const OFFICIAL_CUSTOM_EVENT_NAME = {
     identityIdentified: "identity_identified",
     identityReset: "identity_reset",
     organizationAssociated: "organization_associated",
+    externalAccountLinked: "external_account_linked",
     sdkInitialized: "sdk_initialized",
 };
 const OFFICIAL_CUSTOM_EVENT_NAMES = new Set(Object.values(OFFICIAL_CUSTOM_EVENT_NAME));
@@ -458,7 +459,9 @@ export class ProviderEventPipeline {
 }
 function sanitizeContextTraits(traits, deniedKeys, excludedKeys = new Set(), summary, pathPrefix = "", maskIdentityPii = true, preserveExplicitTraits = false) {
     const sanitized = sanitizeObject(traits, deniedKeys, summary, pathPrefix, maskIdentityPii, preserveExplicitTraits);
-    if (typeof sanitized !== "object" || sanitized === null || Array.isArray(sanitized)) {
+    if (typeof sanitized !== "object" ||
+        sanitized === null ||
+        Array.isArray(sanitized)) {
         return {};
     }
     return Object.fromEntries(Object.entries(sanitized).filter(([key]) => !excludedKeys.has(key)));

package/dist/provider/sdk-input-normalization.js

@@ -1,4 +1,4 @@
-import { detectIdentityPII, hashIdentityValue } from "../exporter/sanitize.js";
+import { detectWholeValuePII, hashIdentityValue } from "../exporter/sanitize.js";
 const PUBLIC_CUSTOM_EVENT_NAME_PATTERN = /^[A-Za-z0-9_.:-]{1,128}$/;
 const SAFE_DATA_IMAGE_MIME_TYPES = new Set([
     "image/png",
@@ -80,7 +80,7 @@ const normalizeEmailTrait = (raw) => {
         return null;
     }
     const normalized = value.trim().toLowerCase();
-    return detectIdentityPII(normalized) === "email" ? normalized : null;
+    return detectWholeValuePII(normalized) === "email" ? normalized : null;
 };
 const emailDomain = (email) => {
     if (email === null) {

package/dist/provider/sdk-otel-pipeline.js

@@ -3,8 +3,8 @@ import { resourceFromAttributes } from "@opentelemetry/resources";
 import { BatchSpanProcessor } from "@opentelemetry/sdk-trace-base";
 import { WebTracerProvider } from "@opentelemetry/sdk-trace-web";
 import { resolveBrowserTokenEndpoint, resolveCanonicalIngestEndpoint, } from "../exporter/client.js";
-import { ObservationSourceEventExporter } from "../exporter/observation-source-event-exporter.js";
 import { createFrontendResourceAttributes } from "../exporter/frontend-resource.js";
+import { ObservationSourceEventExporter } from "../exporter/observation-source-event-exporter.js";
 import { createCluebaseNetworkPropagator } from "../instrumentation/network.js";
 import { getSessionCaptureEligibility } from "./sdk-event-pipeline.js";
 const globalSnapshots = new WeakMap();
@@ -88,7 +88,9 @@ export const createCluebaseOtelPipeline = ({ resolved, getTransport, getContext,
             propagator: createCluebaseNetworkPropagator(),
         });
         globalSnapshots.set(provider, {
-            installedTracer: getTracerDelegate(trace.getTracerProvider()) === provider ? provider : null,
+            installedTracer: getTracerDelegate(trace.getTracerProvider()) === provider
+                ? provider
+                : null,
             installedContextManager: isNoopContextManager(contextBeforeRegister)
                 ? readContextManager()
                 : null,
@@ -162,8 +164,7 @@ export const forceFlushCluebaseOtelProvider = async (provider, signal) => {
     try {
         await awaitWithAbort(provider.forceFlush(), signal);
     }
-    catch {
-    }
+    catch { }
 };
 const awaitWithAbort = async (promise, signal) => {
     if (!signal)

package/dist/provider/sdk-runtime-surfaces.d.ts

@@ -1,22 +1,26 @@
 import { TraceManager } from "../context/trace.js";
-import { type IngestClient } from "../exporter/client.js";
 import type { BatchTransport } from "../exporter/batch.js";
+import { type IngestClient } from "../exporter/client.js";
 import type { InternalMetricsStore } from "../internal/metrics.js";
-import type { CluebaseOtelProvider } from "./sdk-otel-pipeline.js";
+import { type CluebaseOtelProvider } from "./sdk-otel-pipeline.js";
 import type { CaptureModuleContext, CluebaseConsentState, CluebaseInternalLogger, RawCapturedEvent, ResolvedCluebaseConfig } from "./types.js";
+type RuntimeSurfacesObservationContext = {
+    anonymousId: string | null;
+    userId: string | null;
+    organizationId?: string | null;
+    sessionId: string | null;
+    tabId: string | null;
+};
+type RuntimeSurfacesEventPipeline = {
+    getViewId: () => string | null;
+    getObservationContext: () => RuntimeSurfacesObservationContext;
+};
 type ProviderRuntimeSurfacesOptions = {
     internalMetrics: InternalMetricsStore;
     logger: CluebaseInternalLogger;
     enqueueRawEvent: (event: RawCapturedEvent) => void;
-    getViewId: () => string | null;
+    eventPipeline: RuntimeSurfacesEventPipeline;
     getConsent: () => CluebaseConsentState;
-    getObservationContext: () => {
-        anonymousId: string | null;
-        userId: string | null;
-        organizationId?: string | null;
-        sessionId: string | null;
-        tabId: string | null;
-    };
     getTraceManager: () => TraceManager | null;
     getTransport: () => BatchTransport | null;
     getTracerProvider: () => CluebaseOtelProvider | null;
@@ -25,9 +29,8 @@ export declare class ProviderRuntimeSurfaces {
     private readonly internalMetrics;
     private readonly logger;
     private readonly enqueueRawEvent;
-    private readonly getViewId;
+    private readonly eventPipeline;
     private readonly getConsent;
-    private readonly getObservationContext;
     private readonly getTraceManager;
     private readonly getTransport;
     private readonly getTracerProvider;

package/dist/provider/sdk-runtime-surfaces.js

@@ -9,6 +9,7 @@ import { startNavigationCapture } from "../instrumentation/navigation.js";
 import { startNetworkCapture } from "../instrumentation/network.js";
 import { startPageCapture } from "../instrumentation/page.js";
 import { startPerformanceCapture } from "../instrumentation/performance.js";
+import { forceFlushCluebaseOtelProvider, } from "./sdk-otel-pipeline.js";
 const FLUSH_DEBOUNCE_MS = 200;
 export class ProviderRuntimeSurfaces {
     constructor(options) {
@@ -19,9 +20,8 @@ export class ProviderRuntimeSurfaces {
         this.internalMetrics = options.internalMetrics;
         this.logger = options.logger;
         this.enqueueRawEvent = options.enqueueRawEvent;
-        this.getViewId = options.getViewId;
+        this.eventPipeline = options.eventPipeline;
         this.getConsent = options.getConsent;
-        this.getObservationContext = options.getObservationContext;
         this.getTraceManager = options.getTraceManager;
         this.getTransport = options.getTransport;
         this.getTracerProvider = options.getTracerProvider;
@@ -38,10 +38,9 @@ export class ProviderRuntimeSurfaces {
                     error_code: "capture_module_error",
                 });
             },
-            getViewId: () => this.getViewId(),
+            getViewId: () => this.eventPipeline.getViewId(),
             getConsent: () => this.getConsent(),
-            getObservationContext: () => this.getObservationContext(),
-            shouldIgnoreElement: () => false,
+            getObservationContext: () => this.eventPipeline.getObservationContext(),
             startInteraction: (input) => {
                 return (this.getTraceManager()?.startInteraction(input) ??
                     input.interactionId ??
@@ -56,6 +55,7 @@ export class ProviderRuntimeSurfaces {
                     return;
                 this.flushDebounceTimer = setTimeout(() => {
                     this.flushDebounceTimer = null;
+                    void forceFlushCluebaseOtelProvider(this.getTracerProvider());
                     const transport = this.getTransport();
                     if (!transport)
                         return;
@@ -177,12 +177,14 @@ export class ProviderRuntimeSurfaces {
             }
             handled = true;
             onUnloadSessionEnd();
+            void forceFlushCluebaseOtelProvider(this.getTracerProvider());
             this.getTransport()?.flushOnUnload();
         };
         const visibilityHandler = () => {
             if (document.visibilityState !== "hidden") {
                 return;
             }
+            void forceFlushCluebaseOtelProvider(this.getTracerProvider());
             this.getTransport()?.flushOnUnload();
         };
         window.addEventListener("pagehide", handler, { capture: true });
@@ -210,8 +212,7 @@ export class ProviderRuntimeSurfaces {
             try {
                 dispose();
             }
-            catch {
-            }
+            catch { }
         }
         this.unloadHandlers = [];
     }