@scalebun/web 1.0.0 → 1.2.2

package/dist/features/config/ConfigFeature.d.ts

@@ -8,7 +8,7 @@
  * Zero third-party deps (web SDK core rule). Tiny + core (not lazy) — flags must resolve early/sync.
  */
 import type { IFeature, FeatureContext } from '@scalebun/sdk-contracts';
-import { type VariationDetail } from './types';
+import { type VariationDetail } from './types.js';
 export declare class ConfigFeature implements IFeature {
     readonly name = "config";
     private ctx;

package/dist/features/config/ConfigFeature.js

@@ -1,8 +1,8 @@
-import { now, getEvalContext, patchEvalContext, getReplayCoord } from '../../core';
-import { bucketOf, pickVariant } from './bucketing';
-import { evaluateTargeting } from './targeting';
-import { loadConfig, saveConfig, loadOverrides, saveOverrides } from './configStore';
-import { EMPTY_CONFIG } from './types';
+import { now, getEvalContext, patchEvalContext, getReplayCoord } from '../../core/index.js';
+import { bucketOf, pickVariant } from './bucketing.js';
+import { evaluateTargeting } from './targeting.js';
+import { loadConfig, saveConfig, loadOverrides, saveOverrides } from './configStore.js';
+import { EMPTY_CONFIG } from './types.js';
 const TTL_MS = 5 * 60 * 1000; // refresh on foreground past this age (mirror RN)
 /** A flag's bucketing salt. Rule rollouts always hashed on the flag KEY, which meant renaming a flag
  *  silently re-bucketed its whole population. The server now sends an immutable `salt` (backfilled to

package/dist/features/config/configStore.d.ts

@@ -3,7 +3,7 @@
  * means flags are available SYNCHRONOUSLY on the next page load (before the network resolves) — no
  * flash of default values. All access is best-effort + guarded (SSR / disabled storage / quota).
  */
-import type { SdkConfigPayload } from './types';
+import type { SdkConfigPayload } from './types.js';
 export declare function loadConfig(): SdkConfigPayload | null;
 export declare function saveConfig(payload: SdkConfigPayload): void;
 export declare function loadOverrides(): Record<string, unknown>;

package/dist/features/config/targeting.d.ts

@@ -3,7 +3,7 @@
  * return the first matching rule (top-down) or null. Conditions read context attributes (dot-path
  * supported) and apply an operator. Kept tiny — the whole engine is a handful of comparisons.
  */
-import type { TargetRule } from './types';
+import type { TargetRule } from './types.js';
 type Ctx = Record<string, unknown>;
 /** First rule (top-down) whose conditions match the context, or null when none do. */
 export declare function evaluateTargeting(rules: TargetRule[] | undefined, ctx: Ctx): TargetRule | null;

package/dist/features/console/ConsoleFeature.js

@@ -8,9 +8,9 @@
  * serialize/emit path may log — a re-entrancy flag + a `[scalebun]` prefix skip prevent capturing
  * our own diagnostics (which would otherwise recurse / pollute the customer's stream).
  */
-import { WZB_LOG_PREFIX } from '../../core/logger';
-import { toLogItem, levelFor } from './normalize';
-import { LogThrottle } from './throttle';
+import { WZB_LOG_PREFIX } from '../../core/logger.js';
+import { toLogItem, levelFor } from './normalize.js';
+import { LogThrottle } from './throttle.js';
 const METHODS = ['debug', 'info', 'log', 'warn', 'error'];
 const RING_MAX = 50;
 export class ConsoleFeature {

package/dist/features/console/normalize.js

@@ -1,6 +1,6 @@
 /** Builds a contract `log` Item from a console call. Pure — shared by the wrapper + tests. */
-import { uuid, now, scrubText } from '../../core';
-import { safeSerialize, firstErrorStack } from './serialize';
+import { uuid, now, scrubText } from '../../core/index.js';
+import { safeSerialize, firstErrorStack } from './serialize.js';
 /**
  * Map a console method → contract level. The contract has no `log` level, so `console.log` collapses
  * to `info` (the conventional mapping); the literal method is preserved in `metadata.method`.

package/dist/features/console/throttle.d.ts

@@ -4,7 +4,7 @@
  * counts what it drops (no silent caps). The one difference: it's LEVEL-AWARE — `warn`/`error` are
  * the debugging-valuable lines and are ALWAYS kept; only chatty `info`/`debug` get sampled + capped.
  */
-import type { LogLevel } from './normalize';
+import type { LogLevel } from './normalize.js';
 export interface LogThrottleOptions {
     /** Hard cap on sampled (info/debug) logs accepted per `capWindowMs`. */
     capCount?: number;

package/dist/features/crash/CrashFeature.js

@@ -1,5 +1,5 @@
-import { uuid, now, scrubText } from '../../core';
-import { getTabId, readRecord, writeRecord, markEnded, touch, cleanupStale, } from './liveness';
+import { uuid, now, scrubText } from '../../core/index.js';
+import { getTabId, readRecord, writeRecord, markEnded, touch, cleanupStale, } from './liveness.js';
 const HEARTBEAT_MS = 15000;
 export class CrashFeature {
     constructor() {

package/dist/features/engage/EngageFeature.d.ts

@@ -10,7 +10,7 @@
  * honouring each campaign's REMAINING delay — so a "show on session #1 / app_open" campaign isn't lost.
  */
 import type { IFeature, FeatureContext } from '@scalebun/sdk-contracts';
-import type { LifecycleKind } from './triggerEngine';
+import type { LifecycleKind } from './triggerEngine.js';
 export declare class EngageFeature implements IFeature {
     readonly name = "engage";
     private ctx;
@@ -32,9 +32,9 @@ export declare class EngageFeature implements IFeature {
      *  emitRatingEvent/submit). Returns undefined only before setup / without a transport. */
     private ensureRuntime;
     /** Programmatic submit for a host's own survey UI → 'success'|'error' (transport-retried). */
-    submit(surveyId: string, result: import('./types').SurveyResult): Promise<'success' | 'error'>;
+    submit(surveyId: string, result: import('./types.js').SurveyResult): Promise<'success' | 'error'>;
     /** Emit one rating-funnel event (works even without a served campaign). */
-    emitRatingEvent(type: import('./types').RatingEventType, input?: import('./types').RatingEventInput): void;
+    emitRatingEvent(type: import('./types.js').RatingEventType, input?: import('./types.js').RatingEventInput): void;
     /** Dev/QA — clear on-device engage state (throttle/session/test-seen) so campaigns show again. */
     resetInAppState(): Promise<void>;
     onScreenView(screen: string): void;

package/dist/features/engage/EngageFeature.js

@@ -1,5 +1,5 @@
-import { uuid, now, getReplayCoord } from '../../core';
-import { EngageTransport } from './transport';
+import { uuid, now, getReplayCoord } from '../../core/index.js';
+import { EngageTransport } from './transport.js';
 const BUF_CAP = 32; // bounded ring — a burst of pre-config events can't grow unbounded
 const BUF_TTL_MS = 30000; // a buffered trigger older than this is stale on replay → dropped
 const SESSIONS_KEY = 'scalebun_engage_sessions';
@@ -78,7 +78,7 @@ export class EngageFeature {
             this.closeBuffer(); // cold-start window is over; nothing wanted the pre-config events
             return;
         }
-        const { normalizeConfig } = await import('./normalize');
+        const { normalizeConfig } = await import('./normalize.js');
         const cfg = normalizeConfig(raw);
         const rt = await this.ensureRuntime();
         if (!rt)
@@ -94,7 +94,7 @@ export class EngageFeature {
             return this.runtime;
         if (!this.transport)
             return undefined;
-        const { EngageRuntime } = await import('./runtime');
+        const { EngageRuntime } = await import('./runtime.js');
         this.runtime = new EngageRuntime({
             transport: this.transport,
             deviceId: this.ctx?.deviceId ?? '',
@@ -121,7 +121,7 @@ export class EngageFeature {
     }
     /** Dev/QA — clear on-device engage state (throttle/session/test-seen) so campaigns show again. */
     async resetInAppState() {
-        const { clearEngageState } = await import('./throttle');
+        const { clearEngageState } = await import('./throttle.js');
         clearEngageState();
     }
     // ── Host-/producer-driven triggers (forward live, or buffer during cold-start) ──

package/dist/features/engage/attachments.d.ts

@@ -4,7 +4,7 @@
  * permission prompt, no rasterizer); voice uses MediaRecorder + optional Web Speech transcription.
  * Every capture is feature-detected and degrades to null on unsupported/denied — never throws.
  */
-import { type AttachmentDraft } from './types';
+import { type AttachmentDraft } from './types.js';
 /** Capture a masked DOM snapshot of the current document as the "screenshot" attachment. Reuses the
  *  replay engine's serializer so the same masking applies — raw PII never leaves the page. */
 export declare function captureScreenshot(mask: boolean): Promise<AttachmentDraft | null>;

package/dist/features/engage/attachments.js

@@ -4,7 +4,7 @@
  * permission prompt, no rasterizer); voice uses MediaRecorder + optional Web Speech transcription.
  * Every capture is feature-detected and degrades to null on unsupported/denied — never throws.
  */
-import { VOICE_MAX_DURATION_MS } from './types';
+import { VOICE_MAX_DURATION_MS } from './types.js';
 const SNAPSHOT_MIME = 'application/scalebun-snapshot+json';
 /** Capture a masked DOM snapshot of the current document as the "screenshot" attachment. Reuses the
  *  replay engine's serializer so the same masking applies — raw PII never leaves the page. */
@@ -13,8 +13,8 @@ export async function captureScreenshot(mask) {
         return null;
     try {
         const [{ takeSnapshot }, { NodeRegistry }] = await Promise.all([
-            import('../replay/engine/snapshot'),
-            import('../replay/engine/nodeRegistry'),
+            import('../replay/engine/snapshot.js'),
+            import('../replay/engine/nodeRegistry.js'),
         ]);
         const snapshot = takeSnapshot(document, new NodeRegistry(), { maskAllText: mask, maskAllInputs: mask });
         const blob = new Blob([JSON.stringify(snapshot)], { type: SNAPSHOT_MIME });

package/dist/features/engage/gameLogic.d.ts

@@ -12,7 +12,7 @@
  *
  * Lives in a lazy chunk: it serves 8 of 100 variants and core has ~250 B of headroom.
  */
-import type { InAppGameAction, InAppGameRequest, InAppGameResult, InAppGameVariantKey } from './gameTypes';
+import type { InAppGameAction, InAppGameRequest, InAppGameResult, InAppGameVariantKey } from './gameTypes.js';
 type Dict = Record<string, unknown>;
 export declare function isInAppGameVariant(value: unknown): value is InAppGameVariantKey;
 export declare function inAppGameActionFor(value: unknown): InAppGameAction | null;

package/dist/features/engage/gameResolver.d.ts

@@ -13,8 +13,8 @@
  *
  * Lazy by construction — imported only from `richInApp`, which is itself in the engage chunk.
  */
-import type { BlockOutcome } from '../inapp/blocks/blocks';
-import type { InAppGameRequestHandler } from './gameTypes';
+import type { BlockOutcome } from '../inapp/blocks/blocks.js';
+import type { InAppGameRequestHandler } from './gameTypes.js';
 type Dict = Record<string, unknown>;
 export interface GameResolverInput {
     campaignId: string;

package/dist/features/engage/gameResolver.js

@@ -1,4 +1,4 @@
-import { attemptIdFor, authoredPreviewGameResult, buildInAppGameRequest, inAppGameAllowedOutcomeIds, isInAppGameVariant, validateInAppGameResult, } from './gameLogic';
+import { attemptIdFor, authoredPreviewGameResult, buildInAppGameRequest, inAppGameAllowedOutcomeIds, isInAppGameVariant, validateInAppGameResult, } from './gameLogic.js';
 const str = (v) => (typeof v === 'string' ? v.trim() : '');
 /** Module-scope so two messages on one page cannot mint the same attempt id. */
 let attemptSequence = 0;

package/dist/features/engage/inappSlots.d.ts

@@ -16,7 +16,7 @@
  *
  * A host that never calls `registerSlot` sees exactly today's behaviour.
  */
-import { SlotRegistry } from '../inapp/core/slots';
+import { SlotRegistry } from '../inapp/core/slots.js';
 /**
  * One registry for the whole page.
  *

package/dist/features/engage/inappSlots.js

@@ -16,7 +16,7 @@
  *
  * A host that never calls `registerSlot` sees exactly today's behaviour.
  */
-import { SlotRegistry } from '../inapp/core/slots';
+import { SlotRegistry } from '../inapp/core/slots.js';
 /**
  * One registry for the whole page.
  *

package/dist/features/engage/normalize.d.ts

@@ -4,7 +4,7 @@
  * optionals default, and a malformed campaign/message is DROPPED rather than crashing. Pure, total, and
  * dependency-free (web-SDK core rule) — no `as`-cast of network data leaks past this file.
  */
-import type { EngageConfigResponse } from './types';
+import type { EngageConfigResponse } from './types.js';
 /** Coerce the raw `/sdk/engage/config` JSON into a typed, safe `EngageConfigResponse`. Never throws;
  *  malformed campaigns/messages are dropped; missing arrays become []. */
 export declare function normalizeConfig(raw: unknown): EngageConfigResponse;

package/dist/features/engage/richInApp.d.ts

@@ -10,9 +10,9 @@
  * The mechanic mapping mirrors the dashboard preview's webPreviewVariant.ts (archetype → block), so
  * what the author previews is what the SDK now ships.
  */
-import type { Variant } from '../inapp/types';
-import type { InAppMessage, InAppRenderSpec } from './types';
-import type { InAppGameRequestHandler } from './gameTypes';
+import type { Variant } from '../inapp/types.js';
+import type { InAppMessage, InAppRenderSpec } from './types.js';
+import type { InAppGameRequestHandler } from './gameTypes.js';
 /** Why a message did not take the rich path — reported rather than swallowed (C4). */
 export interface RichDegrade {
     variantKey?: string;

package/dist/features/engage/richInApp.js

@@ -1,7 +1,7 @@
-import { readableOn, sanitizeTheme } from './theme';
-import { makeGameResolver } from './gameResolver';
-import { engageSlots, hasInAppSlot, slotNameFor } from './inappSlots';
-import { inAppGameActionFor } from './gameLogic';
+import { readableOn, sanitizeTheme } from './theme.js';
+import { makeGameResolver } from './gameResolver.js';
+import { engageSlots, hasInAppSlot, slotNameFor } from './inappSlots.js';
+import { inAppGameActionFor } from './gameLogic.js';
 const rec = (v) => (v && typeof v === 'object' && !Array.isArray(v) ? v : {});
 const str = (v) => (typeof v === 'string' && v.length > 0 ? v : undefined);
 const num = (v, d) => (typeof v === 'number' && Number.isFinite(v) ? v : d);
@@ -976,8 +976,8 @@ function applyEngageTheme(el, spec) {
  */
 export async function renderRichInApp(m, spec, cb) {
     const [{ renderVariant }, { ShadowHost }] = await Promise.all([
-        import('../inapp/surfaces/render'),
-        import('../inapp/core/host'),
+        import('../inapp/surfaces/render.js'),
+        import('../inapp/core/host.js'),
     ]);
     const host = new ShadowHost();
     host.ensure();

package/dist/features/engage/runtime.d.ts

@@ -3,9 +3,9 @@
  * campaign is actually active, so it stays out of the core bundle. Orchestrates: trigger fires →
  * throttle gate → render widget → beacons (shown/started) + response + lifecycle events.
  */
-import { type LifecycleKind } from './triggerEngine';
-import type { EngageTransport } from './transport';
-import type { EngageCampaign, SurveyResult, InAppMessage, RatingEventType, RatingEventInput, ReplayCoord } from './types';
+import { type LifecycleKind } from './triggerEngine.js';
+import type { EngageTransport } from './transport.js';
+import type { EngageCampaign, SurveyResult, InAppMessage, RatingEventType, RatingEventInput, ReplayCoord } from './types.js';
 export type SubmitStage = 'success' | 'error';
 export interface RuntimeDeps {
     transport: EngageTransport;

package/dist/features/engage/runtime.js

@@ -3,12 +3,12 @@
  * campaign is actually active, so it stays out of the core bundle. Orchestrates: trigger fires →
  * throttle gate → render widget → beacons (shown/started) + response + lifecycle events.
  */
-import { TriggerEngine } from './triggerEngine';
-import { passesThrottle, recordShown, recordCompleted, hasTestSeen, markTestSeen } from './throttle';
-import { mountSurvey } from './widget/SurveyWidget';
-import { mountInApp } from './widget/InAppWidget';
-import { isRichInApp, renderRichInApp, setInAppGameHandler } from './richInApp';
-import { fnv1a32 } from '../config/bucketing';
+import { TriggerEngine } from './triggerEngine.js';
+import { passesThrottle, recordShown, recordCompleted, hasTestSeen, markTestSeen } from './throttle.js';
+import { mountSurvey } from './widget/SurveyWidget.js';
+import { mountInApp } from './widget/InAppWidget.js';
+import { isRichInApp, renderRichInApp, setInAppGameHandler } from './richInApp.js';
+import { fnv1a32 } from '../config/bucketing.js';
 export class EngageRuntime {
     constructor(deps) {
         this.deps = deps;
@@ -53,7 +53,7 @@ export class EngageRuntime {
     async syncShake() {
         const wanted = (this.shakeInCampaigns || this.shakeInMessages) && !!this.deps.signal;
         if (wanted && !this.shakeTeardown) {
-            const { installShakeDetector } = await import('./shakeDetector');
+            const { installShakeDetector } = await import('./shakeDetector.js');
             // Re-check: an interleaved setMessages/stop may have flipped the flag while the chunk loaded.
             if ((this.shakeInCampaigns || this.shakeInMessages) && this.deps.signal && !this.shakeTeardown) {
                 this.shakeTeardown = installShakeDetector((r) => this.deps.signal(r));

package/dist/features/engage/shakeDetector.js

@@ -10,7 +10,7 @@
  * denial isn't re-prompted. Android/desktop need no permission (desktop simply never fires motion
  * events → the whole thing is a silent no-op). Every failure path degrades to no-op, never throws.
  */
-import { now } from '../../core';
+import { now } from '../../core/index.js';
 const SHAKE_THRESHOLD_G = 2.3; // total |a| in g — matches native (Android/iOS 2.3)
 const SHAKE_COOLDOWN_MS = 1500;
 const G = 9.80665; // m/s² per g; `devicemotion` reports m/s², native normalizes the same way

package/dist/features/engage/throttle.d.ts

@@ -4,7 +4,7 @@
  * server does NOT track: showOnce · cooldownHours · maxImpressions — all REVISION-SCOPED (an author
  * editing the campaign bumps `revision`, which invalidates the old counters so the new design shows).
  */
-import type { Throttle } from './types';
+import type { Throttle } from './types.js';
 /** Anything frequency-capped (surveys + in-app messages both satisfy this). */
 export interface ThrottleTarget {
     id: string;

package/dist/features/engage/transport.d.ts

@@ -1,4 +1,4 @@
-import type { EngageResponseItem, EngageEventItem, EngageImpressionItem, RatingEventItem, AttachmentPresignItem, AttachmentPresignResult } from './types';
+import type { EngageResponseItem, EngageEventItem, EngageImpressionItem, RatingEventItem, AttachmentPresignItem, AttachmentPresignResult } from './types.js';
 export interface ConfigQuery {
     platform?: string;
     appVersion?: string;

package/dist/features/engage/transport.js

@@ -3,7 +3,7 @@
  * active survey config, then post impressions (shown/started), responses, and lifecycle events
  * (impression/completion/dismiss). All best-effort + never throws into the host.
  */
-import { PersistentBuffer } from '../../storage/idb';
+import { PersistentBuffer } from '../../storage/idb.js';
 /**
  * Cap on parked (undelivered) payloads.
  *

package/dist/features/engage/triggerEngine.d.ts

@@ -8,7 +8,7 @@
  *   time_in_app ← a foreground timer · session_start / app_open / n_sessions / before_logout ← lifecycle
  * Honors targetScreen + delaySeconds (and, on cold-start replay, the REMAINING delay via `elapsed`).
  */
-import type { TriggerConfig } from './types';
+import type { TriggerConfig } from './types.js';
 /** The minimal shape the engine needs — both surveys and in-app messages satisfy it. */
 export interface Triggerable {
     id: string;

package/dist/features/engage/widget/InAppWidget.d.ts

@@ -1,4 +1,4 @@
-import type { InAppLayout, InAppRenderSpec, InAppCta } from '../types';
+import type { InAppLayout, InAppRenderSpec, InAppCta } from '../types.js';
 export interface InAppHandle {
     close(): void;
 }

package/dist/features/engage/widget/InAppWidget.js

@@ -3,7 +3,7 @@
  * fullscreen / bottom_sheet / top_banner / bottom_banner / tooltip / toast) from an InAppRenderSpec
  * inside an isolated SHADOW DOM. Reports click (with the CTA) + dismiss. Zero deps, hand-built DOM.
  */
-import { applyNonce } from '../../../core';
+import { applyNonce } from '../../../core/index.js';
 const BACKDROP = ['modal', 'fullscreen', 'bottom_sheet'];
 function positionCss(layout) {
     switch (layout) {
@@ -34,23 +34,23 @@ export function mountInApp(layout, spec, cb) {
     const accent = spec.style?.accent ?? '#111827';
     const backdrop = BACKDROP.includes(layout);
     const style = applyNonce(document.createElement('style'));
-    style.textContent = `
-:host{all:initial}
-.ov{position:fixed;inset:0;display:flex;z-index:2147483600;
-  background:${backdrop ? 'rgba(0,0,0,.28)' : 'transparent'};
-  pointer-events:${backdrop ? 'auto' : 'none'};
-  font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
-.card{pointer-events:auto;background:${bg};color:${fg};box-sizing:border-box;padding:16px 18px;
-  box-shadow:0 8px 40px rgba(0,0,0,.22);position:relative}
-img{width:100%;border-radius:8px;margin-bottom:10px;display:block}
-.t{font-size:16px;font-weight:700;margin:0 0 6px}
-.b{font-size:14px;line-height:1.45;margin:0 0 12px}
-.coupon{display:inline-block;font-family:monospace;font-size:13px;border:1px dashed ${accent};
-  border-radius:6px;padding:4px 10px;margin:0 0 12px}
-.acts{display:flex;gap:10px;justify-content:flex-end;align-items:center}
-.x{position:absolute;top:8px;right:10px;background:none;border:none;color:${fg};opacity:.5;font-size:18px;cursor:pointer;line-height:1}
-.sec{background:none;border:none;color:${fg};opacity:.7;font-size:13px;cursor:pointer}
-.cta{background:${accent};color:#fff;border:none;border-radius:9px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer}
+    style.textContent = `
+:host{all:initial}
+.ov{position:fixed;inset:0;display:flex;z-index:2147483600;
+  background:${backdrop ? 'rgba(0,0,0,.28)' : 'transparent'};
+  pointer-events:${backdrop ? 'auto' : 'none'};
+  font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
+.card{pointer-events:auto;background:${bg};color:${fg};box-sizing:border-box;padding:16px 18px;
+  box-shadow:0 8px 40px rgba(0,0,0,.22);position:relative}
+img{width:100%;border-radius:8px;margin-bottom:10px;display:block}
+.t{font-size:16px;font-weight:700;margin:0 0 6px}
+.b{font-size:14px;line-height:1.45;margin:0 0 12px}
+.coupon{display:inline-block;font-family:monospace;font-size:13px;border:1px dashed ${accent};
+  border-radius:6px;padding:4px 10px;margin:0 0 12px}
+.acts{display:flex;gap:10px;justify-content:flex-end;align-items:center}
+.x{position:absolute;top:8px;right:10px;background:none;border:none;color:${fg};opacity:.5;font-size:18px;cursor:pointer;line-height:1}
+.sec{background:none;border:none;color:${fg};opacity:.7;font-size:13px;cursor:pointer}
+.cta{background:${accent};color:#fff;border:none;border-radius:9px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer}
 ${positionCss(layout)}`;
     root.appendChild(style);
     const ov = document.createElement('div');

package/dist/features/engage/widget/SurveyWidget.d.ts

@@ -1,4 +1,4 @@
-import type { EngageCampaign, SurveyResult } from '../types';
+import type { EngageCampaign, SurveyResult } from '../types.js';
 export interface SurveyHandle {
     close(): void;
 }

package/dist/features/engage/widget/SurveyWidget.js

@@ -4,8 +4,8 @@
  * collects the answer, and reports started/submit/dismiss. Accessible: role=dialog, focus-trapped,
  * Esc to dismiss. Zero third-party deps (hand-built DOM). Loaded only inside the lazy engage chunk.
  */
-import { injectStyle } from '../../../core';
-import { resolveTheme } from '../theme';
+import { injectStyle } from '../../../core/index.js';
+import { resolveTheme } from '../theme.js';
 /** Derive the questions to render. Multi-question campaigns carry `questions`; simple types map to one. */
 function resolveQuestions(c) {
     if (c.questions && c.questions.length)
@@ -47,68 +47,68 @@ function paginate(questions) {
  * `margin-inline-start` / logical properties rather than `margin-right` so RTL mirrors correctly from
  * the `dir` attribute alone, with no second stylesheet.
  */
-const STYLE = `
-:host{all:initial}
-.ov{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;
-  background:var(--sb-backdrop);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;pointer-events:auto}
-@media(min-width:640px){.ov{align-items:center}}
-.card{background:var(--sb-cardBg);color:var(--sb-bodyColor);width:100%;max-width:var(--sb-maxWidth);
-  border-radius:var(--sb-radius) var(--sb-radius) 0 0;
-  padding:var(--sb-pad);box-shadow:0 -8px 40px rgba(0,0,0,.2);box-sizing:border-box}
-@media(min-width:640px){.card{border-radius:var(--sb-radius);margin:16px}}
-.q{font-size:15px;font-weight:600;margin:0 0 var(--sb-gap);color:var(--sb-titleColor)}
-
-/* ── Appearance: position ──
-   Centre and corner are WEB placements. The bottom sheet stays the default and the mobile-width
-   behaviour is untouched: below 640px a corner toast would cover most of the screen anyway, so it
-   falls back to the sheet rather than pretending to be something it can't be at that size. */
-:host([data-position=center]) .ov{align-items:center}
-:host([data-position=center]) .card{border-radius:var(--sb-radius);margin:16px}
-@media(min-width:640px){
-  :host([data-position=corner]) .ov{align-items:flex-end;justify-content:flex-end;background:transparent;
-    pointer-events:none;padding:20px}
-  :host([data-position=corner]) .card{border-radius:var(--sb-radius);pointer-events:auto;
-    max-width:min(var(--sb-maxWidth),380px);box-shadow:0 12px 44px rgba(0,0,0,.24)}
-}
-
-/* ── Appearance: separators ──
-   The reason this exists: stacked questions ran together as one form with no visual break. Applied
-   between question BLOCKS only (never above the first), so a single-question survey is unchanged. */
-.qb + .qb{margin-top:var(--sb-qGap)}
-:host([data-separators=line]) .qb + .qb{border-top:1px solid var(--sb-border);padding-top:var(--sb-qGap)}
-:host([data-separators=card]) .qb{border:1px solid var(--sb-border);border-radius:calc(var(--sb-radius) / 2);
-  padding:var(--sb-gap);background:var(--sb-fieldBg)}
-
-/* Page position, shown only when there is more than one page — a "1 of 1" is noise. */
-.pg{font-size:12px;color:var(--sb-muted);margin:0 0 var(--sb-gap)}
-.back{background:none;border:none;color:var(--sb-muted);font-size:13px;cursor:pointer;padding:0}
-.row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
-.opt{flex:1 1 auto;min-width:34px;padding:9px 6px;border:1px solid var(--sb-border);border-radius:9px;
-  background:var(--sb-fieldBg);font-size:14px;cursor:pointer;text-align:center;color:var(--sb-bodyColor)}
-.opt[aria-pressed=true]{background:var(--sb-accent);color:var(--sb-ctaText);border-color:var(--sb-accent)}
-.emoji{font-size:24px;border:none;background:none;cursor:pointer;flex:1;opacity:.55}
-.emoji[aria-pressed=true]{opacity:1;transform:scale(1.15)}
-textarea{width:100%;min-height:72px;border:1px solid var(--sb-border);border-radius:9px;padding:9px;font-size:14px;
-  box-sizing:border-box;resize:vertical;color:var(--sb-bodyColor);background:var(--sb-fieldBg)}
-.foot{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:4px}
-.x{margin-inline-end:auto;background:none;border:none;color:var(--sb-muted);font-size:13px;cursor:pointer}
-.go{background:var(--sb-accent);color:var(--sb-ctaText);border:none;border-radius:9px;padding:9px 18px;
-  font-size:14px;font-weight:600;cursor:pointer}
-.go:disabled{background:var(--sb-disabledBg);color:var(--sb-disabledFg);cursor:default}
-.scale-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--sb-disabledFg);margin:-8px 0 14px}
-.att{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
-.attbtn{padding:9px 14px;border:1px solid var(--sb-border);border-radius:9px;background:var(--sb-fieldBg);
-  font-size:14px;cursor:pointer;color:var(--sb-bodyColor)}
-.attbtn[data-done=true]{background:var(--sb-couponBg);border-color:var(--sb-couponBorder);color:var(--sb-couponFg)}
-.atthint{font-size:12px;color:var(--sb-disabledFg)}
-/* Intro + thank-you states. The dashboard has authored startScreen / thankYouScreen since the
-   builder shipped, and its preview has always drawn both — but no renderer existed on either SDK, so
-   the copy was stored and silently dropped. Optional: a campaign without them behaves exactly as
-   before, opening straight onto the first question.
-   (No backticks in this comment — it lives inside a template literal.) */
-.lede{font-size:13px;color:var(--sb-muted);margin:-8px 0 16px}
-.thanks{text-align:center;padding:6px 0 2px}
-.thanks .q{margin-bottom:0}
+const STYLE = `
+:host{all:initial}
+.ov{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;
+  background:var(--sb-backdrop);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;pointer-events:auto}
+@media(min-width:640px){.ov{align-items:center}}
+.card{background:var(--sb-cardBg);color:var(--sb-bodyColor);width:100%;max-width:var(--sb-maxWidth);
+  border-radius:var(--sb-radius) var(--sb-radius) 0 0;
+  padding:var(--sb-pad);box-shadow:0 -8px 40px rgba(0,0,0,.2);box-sizing:border-box}
+@media(min-width:640px){.card{border-radius:var(--sb-radius);margin:16px}}
+.q{font-size:15px;font-weight:600;margin:0 0 var(--sb-gap);color:var(--sb-titleColor)}
+
+/* ── Appearance: position ──
+   Centre and corner are WEB placements. The bottom sheet stays the default and the mobile-width
+   behaviour is untouched: below 640px a corner toast would cover most of the screen anyway, so it
+   falls back to the sheet rather than pretending to be something it can't be at that size. */
+:host([data-position=center]) .ov{align-items:center}
+:host([data-position=center]) .card{border-radius:var(--sb-radius);margin:16px}
+@media(min-width:640px){
+  :host([data-position=corner]) .ov{align-items:flex-end;justify-content:flex-end;background:transparent;
+    pointer-events:none;padding:20px}
+  :host([data-position=corner]) .card{border-radius:var(--sb-radius);pointer-events:auto;
+    max-width:min(var(--sb-maxWidth),380px);box-shadow:0 12px 44px rgba(0,0,0,.24)}
+}
+
+/* ── Appearance: separators ──
+   The reason this exists: stacked questions ran together as one form with no visual break. Applied
+   between question BLOCKS only (never above the first), so a single-question survey is unchanged. */
+.qb + .qb{margin-top:var(--sb-qGap)}
+:host([data-separators=line]) .qb + .qb{border-top:1px solid var(--sb-border);padding-top:var(--sb-qGap)}
+:host([data-separators=card]) .qb{border:1px solid var(--sb-border);border-radius:calc(var(--sb-radius) / 2);
+  padding:var(--sb-gap);background:var(--sb-fieldBg)}
+
+/* Page position, shown only when there is more than one page — a "1 of 1" is noise. */
+.pg{font-size:12px;color:var(--sb-muted);margin:0 0 var(--sb-gap)}
+.back{background:none;border:none;color:var(--sb-muted);font-size:13px;cursor:pointer;padding:0}
+.row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
+.opt{flex:1 1 auto;min-width:34px;padding:9px 6px;border:1px solid var(--sb-border);border-radius:9px;
+  background:var(--sb-fieldBg);font-size:14px;cursor:pointer;text-align:center;color:var(--sb-bodyColor)}
+.opt[aria-pressed=true]{background:var(--sb-accent);color:var(--sb-ctaText);border-color:var(--sb-accent)}
+.emoji{font-size:24px;border:none;background:none;cursor:pointer;flex:1;opacity:.55}
+.emoji[aria-pressed=true]{opacity:1;transform:scale(1.15)}
+textarea{width:100%;min-height:72px;border:1px solid var(--sb-border);border-radius:9px;padding:9px;font-size:14px;
+  box-sizing:border-box;resize:vertical;color:var(--sb-bodyColor);background:var(--sb-fieldBg)}
+.foot{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:4px}
+.x{margin-inline-end:auto;background:none;border:none;color:var(--sb-muted);font-size:13px;cursor:pointer}
+.go{background:var(--sb-accent);color:var(--sb-ctaText);border:none;border-radius:9px;padding:9px 18px;
+  font-size:14px;font-weight:600;cursor:pointer}
+.go:disabled{background:var(--sb-disabledBg);color:var(--sb-disabledFg);cursor:default}
+.scale-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--sb-disabledFg);margin:-8px 0 14px}
+.att{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
+.attbtn{padding:9px 14px;border:1px solid var(--sb-border);border-radius:9px;background:var(--sb-fieldBg);
+  font-size:14px;cursor:pointer;color:var(--sb-bodyColor)}
+.attbtn[data-done=true]{background:var(--sb-couponBg);border-color:var(--sb-couponBorder);color:var(--sb-couponFg)}
+.atthint{font-size:12px;color:var(--sb-disabledFg)}
+/* Intro + thank-you states. The dashboard has authored startScreen / thankYouScreen since the
+   builder shipped, and its preview has always drawn both — but no renderer existed on either SDK, so
+   the copy was stored and silently dropped. Optional: a campaign without them behaves exactly as
+   before, opening straight onto the first question.
+   (No backticks in this comment — it lives inside a template literal.) */
+.lede{font-size:13px;color:var(--sb-muted);margin:-8px 0 16px}
+.thanks{text-align:center;padding:6px 0 2px}
+.thanks .q{margin-bottom:0}
 `;
 export function mountSurvey(campaign, cb) {
     const host = document.createElement('div');
@@ -374,7 +374,7 @@ prior) {
         btn.addEventListener('click', async () => {
             btn.disabled = true;
             try {
-                const { captureScreenshot } = await import('../attachments');
+                const { captureScreenshot } = await import('../attachments.js');
                 const d = await captureScreenshot(true); // masked (privacy-safe default)
                 if (d) {
                     onAttachment(d);
@@ -406,7 +406,7 @@ prior) {
         btn.addEventListener('click', async () => {
             if (!recorder) {
                 btn.disabled = true;
-                const { startVoiceRecording } = await import('../attachments');
+                const { startVoiceRecording } = await import('../attachments.js');
                 recorder = await startVoiceRecording();
                 btn.disabled = false;
                 if (!recorder) {

package/dist/features/errors/ErrorsFeature.d.ts

@@ -4,7 +4,7 @@
  * (captureError) is NOT — it's dev-intentional, not a loop.
  */
 import type { IFeature, FeatureContext } from '@scalebun/sdk-contracts';
-import { type ScopeOverride } from './scope';
+import { type ScopeOverride } from './scope.js';
 /** Self-observability snapshot (M5) — the SDK's own error-pipeline health. */
 export interface ErrorStats {
     /** emitted to the pipeline */