@convai/web-sdk 1.8.0-beta.3 → 1.8.0-beta.4

package/README.md

@@ -113,6 +113,7 @@ Full documentation is at **<a href="https://docs.convai.com/api-docs/plugins-and
 | <a href="https://docs.convai.com/api-docs/plugins-and-integrations/web-plugins/convai-web-sdk/error-handling" target="_blank" rel="noopener noreferrer">Error Handling</a>                 | `error`, `disconnect`, `serverResponse`, retry patterns                                            |
 | <a href="https://docs.convai.com/api-docs/plugins-and-integrations/web-plugins/convai-web-sdk/auth-tokens" target="_blank" rel="noopener noreferrer">Auth Tokens</a>                       | Server-side token exchange for production                                                          |
 | <a href="https://docs.convai.com/api-docs/plugins-and-integrations/web-plugins/convai-web-sdk/websocket-transport-layer" target="_blank" rel="noopener noreferrer">WebSocket Transport</a> | Alternative transport for WebRTC-constrained environments                                          |
+| <a href="https://docs.convai.com/api-docs/plugins-and-integrations/web-plugins/convai-web-sdk" target="_blank" rel="noopener noreferrer">SSE Transport</a>                         | Text-only interaction transport; the one that runs under Node                                      |
 
 ---
 
@@ -166,7 +167,17 @@ await client.connect();
 client.sendUserTextMessage("Hello!");
 ```
 
-This sends each message as an SSE `POST` with `Authorization: Bearer ...`. Set `transport: "sse"` explicitly if preferred. SSE currently supports text interactions only.
+This sends each message as an SSE `POST` with `Authorization: Bearer ...`. Set `transport: "sse"`
+explicitly if preferred. SSE carries text only — no voice, video, or lipsync — and it never calls
+`/connect`, so `connect()` makes no network request and the session id arrives on the first
+interaction via the `characterSessionId` event.
+
+Because it needs neither WebRTC nor a DOM, this is the only transport that runs outside a browser.
+Import `@convai/web-sdk/core` from Node, SSR, or a serverless function — not the root or `/react`
+entry points, which pull in browser-only dependencies.
+
+The interaction API is currently reachable at staging only; a production host is planned.
+Full guide: [SSE Interaction Transport](docs/convai_sse_transport.md).
 
 ---
 

package/dist/core/AudioManager.d.ts

@@ -1,7 +1,7 @@
 import { Room } from "livekit-client";
-import { AudioControls } from "./types";
-import { EventEmitter } from "./EventEmitter";
-import type { IWebSocketSession } from "./types";
+import { AudioControls } from "./types.js";
+import { EventEmitter } from "./EventEmitter.js";
+import type { IWebSocketSession } from "./types.js";
 /**
  * Manages audio controls for LiveKit room
  * Provides methods to enable/disable microphone, manage audio devices,

package/dist/core/AudioManager.js

@@ -1,4 +1,4 @@
-import { EventEmitter } from "./EventEmitter";
+import { EventEmitter } from "./EventEmitter.js";
 /**
  * Manages audio controls for LiveKit room
  * Provides methods to enable/disable microphone, manage audio devices,

package/dist/core/ConnectionStateHandler.d.ts

@@ -1,5 +1,5 @@
 import { ConnectionState, DisconnectReason } from "livekit-client";
-import { ConvaiClientState } from "./types";
+import { ConvaiClientState } from "./types.js";
 /**
  * Handles connection state changes and disconnection logic for ConvaiClient.
  * Centralizes error handling and state management for better maintainability.

package/dist/core/ConvaiClient.d.ts

@@ -1,8 +1,8 @@
 import { Room } from "livekit-client";
-import { ConvaiConfig, ConvaiClientState, ChatMessage, IConvaiClient, AudioControls, VideoControls, ScreenShareControls, DynamicInfo, ContextUpdateOptions, UploadFileOptions, WebSocketSessionFactory, RespondModeUpdateOptions, UpdateSceneMetadataOptions, VisionStatusOptions, VisionTriggerOptions, ConnectionData, SendUserTextMessageOptions } from "./types";
-import { EventEmitter } from "./EventEmitter";
-import { BlendshapeQueue } from "./BlendshapeQueue";
-import { MemoryManager } from "./MemoryManager";
+import { ConvaiConfig, ConvaiClientState, ChatMessage, IConvaiClient, AudioControls, VideoControls, ScreenShareControls, DynamicInfo, ContextUpdateOptions, UploadFileOptions, WebSocketSessionFactory, RespondModeUpdateOptions, UpdateSceneMetadataOptions, VisionStatusOptions, VisionTriggerOptions, ConnectionData, SendUserTextMessageOptions } from "./types.js";
+import { EventEmitter } from "./EventEmitter.js";
+import { BlendshapeQueue } from "./BlendshapeQueue.js";
+import { MemoryManager } from "./MemoryManager.js";
 /**
  * Main Convai client class for managing AI voice assistant connections
  * Provides complete interface for connecting to Convai's voice assistants,

package/dist/core/ConvaiClient.js

@@ -1,19 +1,19 @@
 import { Room, RoomEvent, DefaultReconnectPolicy, setLogLevel, } from "livekit-client";
 setLogLevel("warn");
-import { DisconnectReasonEnum, } from "./types";
-import { AudioManager } from "./AudioManager";
-import { VideoManager } from "./VideoManager";
-import { ScreenShareManager } from "./ScreenShareManager";
-import { MessageHandler } from "./MessageHandler";
-import { SDK_VERSION } from "../version";
-import { EventEmitter } from "./EventEmitter";
-import { MemoryManager } from "./MemoryManager";
-import { ConnectionStateHandler } from "./ConnectionStateHandler";
-import { buildActionConnectConfig, buildBlendshapeConnectConfig, buildEmotionConnectConfig, } from "./connectRequest";
-import { shouldPreemptForContextUpdateResponse, shouldPreemptForExplicitRespondMode, } from "./contextUpdateRequest";
-import { resolveVisionInputConfig, serializeVisionInputConfig, } from "./visionRequest";
-import { SSESession } from "./SSESession";
-import { isValidLogicalTurnId } from "./logicalTurn";
+import { DisconnectReasonEnum, } from "./types.js";
+import { AudioManager } from "./AudioManager.js";
+import { VideoManager } from "./VideoManager.js";
+import { ScreenShareManager } from "./ScreenShareManager.js";
+import { MessageHandler } from "./MessageHandler.js";
+import { SDK_VERSION } from "../version.js";
+import { EventEmitter } from "./EventEmitter.js";
+import { MemoryManager } from "./MemoryManager.js";
+import { ConnectionStateHandler } from "./ConnectionStateHandler.js";
+import { buildActionConnectConfig, buildBlendshapeConnectConfig, buildEmotionConnectConfig, } from "./connectRequest.js";
+import { shouldPreemptForContextUpdateResponse, shouldPreemptForExplicitRespondMode, } from "./contextUpdateRequest.js";
+import { resolveVisionInputConfig, serializeVisionInputConfig, } from "./visionRequest.js";
+import { SSESession } from "./SSESession.js";
+import { isValidLogicalTurnId } from "./logicalTurn.js";
 // Module-level registry — populated by importing @convai/web-sdk/vanilla/websocket
 let _wsFactory = null;
 function normalizeStateOfMind(value) {

package/dist/core/MemoryManager.d.ts

@@ -27,7 +27,7 @@
  * await memoryManager.deleteAllMemories();
  * ```
  */
-import { MemoryAddResponse, MemoryListResponse, MemoryGetResponse, MemoryDeleteResponse, MemoryDeleteAllResponse } from './types';
+import { MemoryAddResponse, MemoryListResponse, MemoryGetResponse, MemoryDeleteResponse, MemoryDeleteAllResponse } from './types.js';
 /**
  * MemoryManager class for handling Convai Memory API operations.
  * Provides methods to add, list, get, and delete memories for a character.

package/dist/core/MessageHandler.d.ts

@@ -1,7 +1,7 @@
 import { Room } from "livekit-client";
-import { ChatMessage } from "./types";
-import { EventEmitter } from "./EventEmitter";
-import { BlendshapeQueue } from "./BlendshapeQueue";
+import { ChatMessage } from "./types.js";
+import { EventEmitter } from "./EventEmitter.js";
+import { BlendshapeQueue } from "./BlendshapeQueue.js";
 /**
  * Handles incoming messages from Convai
  * Processes various message types from the AI assistant and updates chat history

package/dist/core/MessageHandler.js

@@ -1,6 +1,6 @@
 import { RoomEvent } from "livekit-client";
-import { EventEmitter } from "./EventEmitter";
-import { BlendshapeQueue, } from "./BlendshapeQueue";
+import { EventEmitter } from "./EventEmitter.js";
+import { BlendshapeQueue, } from "./BlendshapeQueue.js";
 /**
  * Handles incoming messages from Convai
  * Processes various message types from the AI assistant and updates chat history

package/dist/core/SSESession.d.ts

@@ -1,4 +1,4 @@
-import type { ConvaiConfig } from "./types";
+import type { ConvaiConfig } from "./types.js";
 export interface SSESessionOptions {
     interactionApiUrl: string;
     authorization: string;

package/dist/core/SSESession.js

@@ -1,4 +1,4 @@
-import { buildActionConnectConfig, buildEmotionConnectConfig, } from "./connectRequest";
+import { buildActionConnectConfig, buildEmotionConnectConfig, } from "./connectRequest.js";
 /** Text-only interaction transport. One POST/SSE stream is used per message. */
 export class SSESession {
     constructor(options) {

package/dist/core/ScreenShareManager.d.ts

@@ -1,6 +1,6 @@
 import { Room } from "livekit-client";
-import { ScreenShareControls } from "./types";
-import { EventEmitter } from "./EventEmitter";
+import { ScreenShareControls } from "./types.js";
+import { EventEmitter } from "./EventEmitter.js";
 /**
  * Manages screen sharing controls for LiveKit room
  * Provides methods to enable/disable screen sharing, manage screen share state,

package/dist/core/ScreenShareManager.js

@@ -1,5 +1,5 @@
-import { logger } from "../utils/logger";
-import { EventEmitter } from "./EventEmitter";
+import { logger } from "../utils/logger.js";
+import { EventEmitter } from "./EventEmitter.js";
 /**
  * Manages screen sharing controls for LiveKit room
  * Provides methods to enable/disable screen sharing, manage screen share state,

package/dist/core/VideoManager.d.ts

@@ -1,6 +1,6 @@
 import { Room } from "livekit-client";
-import { PublishCanvasOptions, PublishVideoTrackOptions, VideoControls, VisionSourceHandle, VisionSourceState } from "./types";
-import { EventEmitter } from "./EventEmitter";
+import { PublishCanvasOptions, PublishVideoTrackOptions, VideoControls, VisionSourceHandle, VisionSourceState } from "./types.js";
+import { EventEmitter } from "./EventEmitter.js";
 type WebSocketVisionMessageType = "vision-frame" | "vision-source-state";
 type WebSocketVisionMessageSender = (type: WebSocketVisionMessageType, data: Record<string, unknown>) => void;
 /**

package/dist/core/VideoManager.js

@@ -1,7 +1,7 @@
 import { Track } from "livekit-client";
-import { logger } from "../utils/logger";
-import { EventEmitter } from "./EventEmitter";
-import { isWebcamVisionSource, shouldKeepExistingVisionSource, } from "./videoSourceState";
+import { logger } from "../utils/logger.js";
+import { EventEmitter } from "./EventEmitter.js";
+import { isWebcamVisionSource, shouldKeepExistingVisionSource, } from "./videoSourceState.js";
 /**
  * Manages visual source controls. LiveKit publishes real video tracks;
  * WebSocket samples active sources into vision-frame messages.

package/dist/core/connectRequest.d.ts

@@ -1,4 +1,4 @@
-import type { ConvaiConfig } from "./types";
+import type { ConvaiConfig } from "./types.js";
 export interface BlendshapeConnectRequestConfig {
     blendshape_provider: "neurosync" | "not_provided";
     blendshape_config: {

package/dist/core/contextUpdateRequest.d.ts

@@ -1,4 +1,4 @@
-import type { ContextUpdateOptions, RespondMode } from "./types";
+import type { ContextUpdateOptions, RespondMode } from "./types.js";
 export declare function shouldPreemptForContextUpdateResponse(options: Pick<ContextUpdateOptions, "run_llm" | "respond_mode">): boolean;
 export declare function shouldPreemptForExplicitRespondMode(respondMode: RespondMode | undefined): boolean;
 //# sourceMappingURL=contextUpdateRequest.d.ts.map

package/dist/core/index.d.ts

@@ -1,13 +1,13 @@
-export { ConvaiClient } from './ConvaiClient';
-export * from './types';
-export { getDisconnectReasonMessage } from './types';
-export type { ConvaiClient as ConvaiClientType } from './ConvaiClient';
-export { AudioManager } from './AudioManager';
-export { VideoManager } from './VideoManager';
-export { ScreenShareManager } from './ScreenShareManager';
-export { MessageHandler } from './MessageHandler';
-export { MemoryManager } from './MemoryManager';
-export { BlendshapeQueue } from './BlendshapeQueue';
-export type { TurnStats, BlendshapeChunkMetadata } from './BlendshapeQueue';
-export { EventEmitter } from './EventEmitter';
+export { ConvaiClient } from './ConvaiClient.js';
+export * from './types.js';
+export { getDisconnectReasonMessage } from './types.js';
+export type { ConvaiClient as ConvaiClientType } from './ConvaiClient.js';
+export { AudioManager } from './AudioManager.js';
+export { VideoManager } from './VideoManager.js';
+export { ScreenShareManager } from './ScreenShareManager.js';
+export { MessageHandler } from './MessageHandler.js';
+export { MemoryManager } from './MemoryManager.js';
+export { BlendshapeQueue } from './BlendshapeQueue.js';
+export type { TurnStats, BlendshapeChunkMetadata } from './BlendshapeQueue.js';
+export { EventEmitter } from './EventEmitter.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/core/index.js

@@ -1,17 +1,17 @@
 // Main client
-export { ConvaiClient } from './ConvaiClient';
+export { ConvaiClient } from './ConvaiClient.js';
 // Types (including IConvaiClient interface)
-export * from './types';
+export * from './types.js';
 // Helper functions
-export { getDisconnectReasonMessage } from './types';
+export { getDisconnectReasonMessage } from './types.js';
 // Managers (for advanced usage)
-export { AudioManager } from './AudioManager';
-export { VideoManager } from './VideoManager';
-export { ScreenShareManager } from './ScreenShareManager';
-export { MessageHandler } from './MessageHandler';
-export { MemoryManager } from './MemoryManager';
+export { AudioManager } from './AudioManager.js';
+export { VideoManager } from './VideoManager.js';
+export { ScreenShareManager } from './ScreenShareManager.js';
+export { MessageHandler } from './MessageHandler.js';
+export { MemoryManager } from './MemoryManager.js';
 // Blendshape queue for lipsync
-export { BlendshapeQueue } from './BlendshapeQueue';
+export { BlendshapeQueue } from './BlendshapeQueue.js';
 // Event Emitter (for advanced usage)
-export { EventEmitter } from './EventEmitter';
+export { EventEmitter } from './EventEmitter.js';
 //# sourceMappingURL=index.js.map

package/dist/core/types.d.ts

@@ -1,5 +1,5 @@
 import { Room, DisconnectReason as LiveKitDisconnectReason } from 'livekit-client';
-import { BlendshapeQueue } from './BlendshapeQueue';
+import { BlendshapeQueue } from './BlendshapeQueue.js';
 /**
  * LiveKit disconnect reasons.
  * Helps determine why a participant was disconnected from the room.
@@ -1058,7 +1058,7 @@ export interface IConvaiClient {
      * }
      * ```
      */
-    readonly memoryManager: import('./MemoryManager').MemoryManager | null;
+    readonly memoryManager: import('./MemoryManager.js').MemoryManager | null;
     /**
      * Connect to a Convai character.
      */

package/dist/core/videoSourceState.d.ts

@@ -1,4 +1,4 @@
-import type { VisionSourceKind } from "./types";
+import type { VisionSourceKind } from "./types.js";
 export declare function isWebcamVisionSource(source?: VisionSourceKind | null): boolean;
 export declare function shouldKeepExistingVisionSource(currentSource: VisionSourceKind, nextSource: VisionSourceKind, hasReplacementTrack: boolean): boolean;
 //# sourceMappingURL=videoSourceState.d.ts.map

package/dist/core/visionRequest.d.ts

@@ -1,4 +1,4 @@
-import type { ConvaiConfig, VisionInputConfig } from "./types";
+import type { ConvaiConfig, VisionInputConfig } from "./types.js";
 export declare function resolveVisionInputConfig(config: Pick<ConvaiConfig, "enableVideo" | "visionInputConfig">): VisionInputConfig | undefined;
 export declare function serializeVisionInputConfig(config: VisionInputConfig): Record<string, unknown>;
 //# sourceMappingURL=visionRequest.d.ts.map

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export * from './react';
-export * from './lipsync-helpers';
+export * from './react/index.js';
+export * from './lipsync-helpers/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,6 +1,6 @@
 // Default export: React version for backward compatibility
 // Existing users can continue using: import { useConvaiClient } from '@convai/web-sdk';
-export * from './react';
+export * from './react/index.js';
 // Export lipsync helpers
-export * from './lipsync-helpers';
+export * from './lipsync-helpers/index.js';
 //# sourceMappingURL=index.js.map

package/dist/lipsync-helpers/createBlendshapeQueue.d.ts

@@ -6,8 +6,8 @@
  * - MetaHuman passthrough
  * - Custom mapper
  */
-import { BlendshapeQueue } from '../core/BlendshapeQueue';
-import { BlendshapeMappingConfig, BlendshapeMapper } from './mappingTypes';
+import { BlendshapeQueue } from '../core/BlendshapeQueue.js';
+import { BlendshapeMappingConfig, BlendshapeMapper } from './mappingTypes.js';
 /**
  * Create a BlendshapeQueue with the specified mapping configuration
  *

package/dist/lipsync-helpers/createBlendshapeQueue.js

@@ -6,8 +6,8 @@
  * - MetaHuman passthrough
  * - Custom mapper
  */
-import { BlendshapeQueue } from '../core/BlendshapeQueue';
-import { arkitPassthroughMapper, metahumanPassthroughMapper, identityMapper } from './presetMappers';
+import { BlendshapeQueue } from '../core/BlendshapeQueue.js';
+import { arkitPassthroughMapper, metahumanPassthroughMapper, identityMapper } from './presetMappers.js';
 /**
  * Create a BlendshapeQueue with the specified mapping configuration
  *

package/dist/lipsync-helpers/declarativeMapping.d.ts

@@ -15,7 +15,7 @@
  * };
  * ```
  */
-import type { BlendshapeMapper } from './mappingTypes';
+import type { BlendshapeMapper } from './mappingTypes.js';
 /**
  * Declarative mapping configuration
  * Maps source blendshape names to target blendshape names

package/dist/lipsync-helpers/declarativeMapping.js

@@ -15,8 +15,8 @@
  * };
  * ```
  */
-import { ARKIT_ORDER_61 } from './arkitOrder61';
-import { METAHUMAN_ORDER_251 } from './metahumanOrder251';
+import { ARKIT_ORDER_61 } from './arkitOrder61.js';
+import { METAHUMAN_ORDER_251 } from './metahumanOrder251.js';
 /**
  * Create a mapper from ARKit format using declarative name mapping
  *

package/dist/lipsync-helpers/index.d.ts

@@ -4,16 +4,16 @@
  * Essential blendshape order arrays for ARKit and MetaHuman formats.
  * These define the order in which blendshape values are received from Convai's server.
  */
-export { ARKIT_ORDER_61, STANDARD_ARKIT_ORDER, convertOrder61ToStandard, mapOrder61ToNames, getBlendshapeValueFromOrder61, getHeadRotation, getEyeRotations, getLipSyncValuesFromOrder61, getActiveBlendshapesFromOrder61, formatOrder61ForLogging, } from "./arkitOrder61";
-export { METAHUMAN_ORDER_251, METAHUMAN_CATEGORIES, KEY_METAHUMAN_LIPSYNC, getMetaHumanBlendshapeName, getMetaHumanBlendshapeIndex, getMetaHumanBlendshapesByCategory, formatMetaHumanBlendshapesForLogging, } from "./metahumanOrder251";
-export type { BlendshapeMapper, BlendshapeFormat, BlendshapeMappingConfig, } from "./mappingTypes";
-export { PRESET_MAPPINGS, } from "./mappingTypes";
-export { arkitPassthroughMapper, metahumanPassthroughMapper, identityMapper, } from "./presetMappers";
-export { createBlendshapeQueue, createARKitBlendshapeQueue, createMetaHumanBlendshapeQueue, createCustomBlendshapeQueue, createPassthroughBlendshapeQueue, inferMappingFromConfig, } from "./createBlendshapeQueue";
-export type { BlendshapeNameMapping, OptimizedBlendshapeOutput, } from "./declarativeMapping";
-export { createARKitNameMapper, createMetaHumanNameMapper, getBlendshapeObject, } from "./declarativeMapping";
-export { createLipsyncProcessor, getLipsyncProfile, } from "./naturalness/processor";
-export type { LipsyncFormat, LipsyncFormatProfile, LipsyncProcessorOptions, LipsyncEnvelopeOptions, LipsyncMeshBinding, } from "./naturalness/types";
-export { MHA_PROFILE, mhaChannelIndex } from "./naturalness/profiles/mha";
-export { MHA_LIMIT_DRIVERS, applyMhaLimits, MHA_RECOMMENDED_GAINS, createMhaGainMask, MHA_EYE_CHANNEL_INDICES, symmetrizeMhaMouth, } from "./mhaLimitDrivers";
+export { ARKIT_ORDER_61, STANDARD_ARKIT_ORDER, convertOrder61ToStandard, mapOrder61ToNames, getBlendshapeValueFromOrder61, getHeadRotation, getEyeRotations, getLipSyncValuesFromOrder61, getActiveBlendshapesFromOrder61, formatOrder61ForLogging, } from "./arkitOrder61.js";
+export { METAHUMAN_ORDER_251, METAHUMAN_CATEGORIES, KEY_METAHUMAN_LIPSYNC, getMetaHumanBlendshapeName, getMetaHumanBlendshapeIndex, getMetaHumanBlendshapesByCategory, formatMetaHumanBlendshapesForLogging, } from "./metahumanOrder251.js";
+export type { BlendshapeMapper, BlendshapeFormat, BlendshapeMappingConfig, } from "./mappingTypes.js";
+export { PRESET_MAPPINGS, } from "./mappingTypes.js";
+export { arkitPassthroughMapper, metahumanPassthroughMapper, identityMapper, } from "./presetMappers.js";
+export { createBlendshapeQueue, createARKitBlendshapeQueue, createMetaHumanBlendshapeQueue, createCustomBlendshapeQueue, createPassthroughBlendshapeQueue, inferMappingFromConfig, } from "./createBlendshapeQueue.js";
+export type { BlendshapeNameMapping, OptimizedBlendshapeOutput, } from "./declarativeMapping.js";
+export { createARKitNameMapper, createMetaHumanNameMapper, getBlendshapeObject, } from "./declarativeMapping.js";
+export { createLipsyncProcessor, getLipsyncProfile, } from "./naturalness/processor.js";
+export type { LipsyncFormat, LipsyncFormatProfile, LipsyncProcessorOptions, LipsyncEnvelopeOptions, LipsyncMeshBinding, } from "./naturalness/types.js";
+export { MHA_PROFILE, mhaChannelIndex } from "./naturalness/profiles/mha.js";
+export { MHA_LIMIT_DRIVERS, applyMhaLimits, MHA_RECOMMENDED_GAINS, createMhaGainMask, MHA_EYE_CHANNEL_INDICES, symmetrizeMhaMouth, } from "./mhaLimitDrivers.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/lipsync-helpers/index.js

@@ -13,7 +13,7 @@ ARKIT_ORDER_61,
 // Standard ARKit 52-element order
 STANDARD_ARKIT_ORDER, 
 // Helper functions
-convertOrder61ToStandard, mapOrder61ToNames, getBlendshapeValueFromOrder61, getHeadRotation, getEyeRotations, getLipSyncValuesFromOrder61, getActiveBlendshapesFromOrder61, formatOrder61ForLogging, } from "./arkitOrder61";
+convertOrder61ToStandard, mapOrder61ToNames, getBlendshapeValueFromOrder61, getHeadRotation, getEyeRotations, getLipSyncValuesFromOrder61, getActiveBlendshapesFromOrder61, formatOrder61ForLogging, } from "./arkitOrder61.js";
 // ============================================================================
 // METAHUMAN FORMAT (251 CTRL_expressions_* blendshapes)
 // ============================================================================
@@ -25,16 +25,16 @@ METAHUMAN_CATEGORIES,
 // Key lipsync blendshapes
 KEY_METAHUMAN_LIPSYNC, 
 // Helper functions
-getMetaHumanBlendshapeName, getMetaHumanBlendshapeIndex, getMetaHumanBlendshapesByCategory, formatMetaHumanBlendshapesForLogging, } from "./metahumanOrder251";
-export { PRESET_MAPPINGS, } from "./mappingTypes";
-export { arkitPassthroughMapper, metahumanPassthroughMapper, identityMapper, } from "./presetMappers";
-export { createBlendshapeQueue, createARKitBlendshapeQueue, createMetaHumanBlendshapeQueue, createCustomBlendshapeQueue, createPassthroughBlendshapeQueue, inferMappingFromConfig, } from "./createBlendshapeQueue";
-export { createARKitNameMapper, createMetaHumanNameMapper, getBlendshapeObject, } from "./declarativeMapping";
+getMetaHumanBlendshapeName, getMetaHumanBlendshapeIndex, getMetaHumanBlendshapesByCategory, formatMetaHumanBlendshapesForLogging, } from "./metahumanOrder251.js";
+export { PRESET_MAPPINGS, } from "./mappingTypes.js";
+export { arkitPassthroughMapper, metahumanPassthroughMapper, identityMapper, } from "./presetMappers.js";
+export { createBlendshapeQueue, createARKitBlendshapeQueue, createMetaHumanBlendshapeQueue, createCustomBlendshapeQueue, createPassthroughBlendshapeQueue, inferMappingFromConfig, } from "./createBlendshapeQueue.js";
+export { createARKitNameMapper, createMetaHumanNameMapper, getBlendshapeObject, } from "./declarativeMapping.js";
 // Modular naturalness pipeline: format profiles + one-call processor.
 // createLipsyncProcessor('mha') wraps symmetrize → limits → gains →
 // envelope → mesh application; new formats plug in as profiles.
-export { createLipsyncProcessor, getLipsyncProfile, } from "./naturalness/processor";
-export { MHA_PROFILE, mhaChannelIndex } from "./naturalness/profiles/mha";
+export { createLipsyncProcessor, getLipsyncProfile, } from "./naturalness/processor.js";
+export { MHA_PROFILE, mhaChannelIndex } from "./naturalness/profiles/mha.js";
 // Flat MHA convenience wrappers over the profile (piecemeal use)
-export { MHA_LIMIT_DRIVERS, applyMhaLimits, MHA_RECOMMENDED_GAINS, createMhaGainMask, MHA_EYE_CHANNEL_INDICES, symmetrizeMhaMouth, } from "./mhaLimitDrivers";
+export { MHA_LIMIT_DRIVERS, applyMhaLimits, MHA_RECOMMENDED_GAINS, createMhaGainMask, MHA_EYE_CHANNEL_INDICES, symmetrizeMhaMouth, } from "./mhaLimitDrivers.js";
 //# sourceMappingURL=index.js.map

package/dist/lipsync-helpers/mhaLimitDrivers.js

@@ -1,5 +1,5 @@
-import { METAHUMAN_ORDER_251 } from "./metahumanOrder251";
-import { MHA_PROFILE, MHA_RECOMMENDED_GAIN_TABLE, mhaChannelIndex, } from "./naturalness/profiles/mha";
+import { METAHUMAN_ORDER_251 } from "./metahumanOrder251.js";
+import { MHA_PROFILE, MHA_RECOMMENDED_GAIN_TABLE, mhaChannelIndex, } from "./naturalness/profiles/mha.js";
 /**
  * Flat MHA convenience helpers — thin wrappers over the modular
  * naturalness profile (see `naturalness/`). Prefer

package/dist/lipsync-helpers/naturalness/processor.d.ts

@@ -1,4 +1,4 @@
-import type { LipsyncFormat, LipsyncFormatProfile, LipsyncMeshBinding, LipsyncProcessorOptions } from "./types";
+import type { LipsyncFormat, LipsyncFormatProfile, LipsyncMeshBinding, LipsyncProcessorOptions } from "./types.js";
 /** Resolve a registered format profile; throws a helpful error otherwise. */
 export declare function getLipsyncProfile(format: LipsyncFormat): LipsyncFormatProfile;
 export interface LipsyncProcessor {

package/dist/lipsync-helpers/naturalness/processor.js

@@ -1,4 +1,4 @@
-import { MHA_PROFILE } from "./profiles/mha";
+import { MHA_PROFILE } from "./profiles/mha.js";
 /**
  * createLipsyncProcessor — the one-call naturalness pipeline for a stream
  * format. Wraps every per-frame pattern from the lipsync docs:

package/dist/lipsync-helpers/naturalness/profiles/mha.d.ts

@@ -1,4 +1,4 @@
-import type { LipsyncFormatProfile } from "../types";
+import type { LipsyncFormatProfile } from "../types.js";
 /** Production-tuned per-channel gains (short name → gain). */
 export declare const MHA_RECOMMENDED_GAIN_TABLE: Record<string, number>;
 export declare const MHA_PROFILE: LipsyncFormatProfile;

package/dist/lipsync-helpers/naturalness/profiles/mha.js

@@ -1,4 +1,4 @@
-import { METAHUMAN_ORDER_251 } from "../../metahumanOrder251";
+import { METAHUMAN_ORDER_251 } from "../../metahumanOrder251.js";
 /**
  * MetaHuman (`mha`, 251-channel) format profile.
  *

package/dist/lipsync-helpers/presetMappers.d.ts

@@ -3,7 +3,7 @@
  *
  * Simple passthrough mappers for ARKit and MetaHuman formats
  */
-import { BlendshapeMapper } from './mappingTypes';
+import { BlendshapeMapper } from './mappingTypes.js';
 /**
  * ARKit Passthrough Mapper
  * Input: 61-element ARKit array from server

package/dist/react/components/ConvaiWidget.d.ts

@@ -1,4 +1,4 @@
-import type { IConvaiClient } from "../../core/types";
+import type { IConvaiClient } from "../../core/types.js";
 interface ConvaiWidgetProps {
     /** Convai client instance (required) */
     convaiClient: IConvaiClient & {

package/dist/react/components/ConvaiWidget.js

@@ -5,12 +5,12 @@ import { FiMoreVertical, FiSend, FiPhoneOff } from "react-icons/fi";
 import { IoVolumeMute, IoVolumeHigh } from "react-icons/io5";
 import { PiWaveform } from "react-icons/pi";
 import { RoomContext } from "@livekit/components-react";
-import { useCharacterInfo } from "../hooks/useCharacterInfo";
-import { AudioRenderer } from "../../vanilla/AudioRenderer";
+import { useCharacterInfo } from "../hooks/useCharacterInfo.js";
+import { AudioRenderer } from "../../vanilla/AudioRenderer.js";
 // Import styled components and theme from rtc-widget
-import { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, CloseButton, SettingsButton, Content, Footer, InputContainer, Input, ActionButton, aeroTheme, iosTransitions, ConvaiLogo, ChevronDown, } from "./rtc-widget";
+import { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, CloseButton, SettingsButton, Content, Footer, InputContainer, Input, ActionButton, aeroTheme, iosTransitions, ConvaiLogo, ChevronDown, } from "./rtc-widget/index.js";
 // Import message components
-import { MessageList, SettingsTray, VoiceModeOverlay, FloatingVideo, } from "./rtc-widget";
+import { MessageList, SettingsTray, VoiceModeOverlay, FloatingVideo, } from "./rtc-widget/index.js";
 /**
  * ConvaiWidget - A consolidated chat widget component for real-time conversations
  *

package/dist/react/components/index.d.ts

@@ -1,2 +1,2 @@
-export { ConvaiWidget } from './ConvaiWidget';
+export { ConvaiWidget } from './ConvaiWidget.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/react/components/index.js

@@ -1,3 +1,3 @@
 // Main widget component
-export { ConvaiWidget } from './ConvaiWidget';
+export { ConvaiWidget } from './ConvaiWidget.js';
 //# sourceMappingURL=index.js.map

package/dist/react/components/rtc-widget/components/AudioSettingsPanel.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { AudioSettings } from "../../../../core/types";
+import { AudioSettings } from "../../../../core/types.js";
 interface AudioSettingsPanelProps {
     currentSettings: AudioSettings;
     onUpdateSettings: (settings: Partial<AudioSettings>) => Promise<void>;

package/dist/react/components/rtc-widget/components/ConviMessage.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { aeroTheme } from "../styles";
-import { ConvaiLogo, ConviBubble, ConviMessageContainer, MessageHeader, ConviLabel, LogoWrapper, } from "../styles";
-import { MarkdownRenderer } from "./MarkdownRenderer";
+import { aeroTheme } from "../styles/index.js";
+import { ConvaiLogo, ConviBubble, ConviMessageContainer, MessageHeader, ConviLabel, LogoWrapper, } from "../styles/index.js";
+import { MarkdownRenderer } from "./MarkdownRenderer.js";
 export const ConviMessage = ({ message, timestamp, className, showLogo = true, sender, }) => {
     return (_jsxs(ConviMessageContainer, { className: className, children: [_jsxs(ConviBubble, { children: [showLogo && (_jsxs(MessageHeader, { children: [_jsx(LogoWrapper, { children: _jsx(ConvaiLogo, { size: "sm", color: "#10b981", animate: false, state: "connected" }) }), _jsx(ConviLabel, { children: sender })] })), _jsx(MarkdownRenderer, { text: message })] }), timestamp && (_jsx("span", { style: {
                     fontSize: aeroTheme.typography.sizes.caption,

package/dist/react/components/rtc-widget/components/FloatingVideo.js

@@ -4,9 +4,9 @@ import { motion } from "framer-motion";
 import { VideoTrack, RoomContext, useRoomContext } from "@livekit/components-react";
 import { IoClose, IoVideocamOff } from "react-icons/io5";
 import { MdDragIndicator } from "react-icons/md";
-import { aeroTheme } from "../styles/theme";
-import { iosTransitions } from "../styles/framerConfig";
-import { useLocalCameraTrack } from "../../../hooks/useLocalCameraTrack";
+import { aeroTheme } from "../styles/theme.js";
+import { iosTransitions } from "../styles/framerConfig.js";
+import { useLocalCameraTrack } from "../../../hooks/useLocalCameraTrack.js";
 /**
  * LocalVideoDisplay component for rendering local camera feed inside FloatingVideo.
  */

package/dist/react/components/rtc-widget/components/MessageBubble.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BubbleContainer, Bubble, Timestamp } from "../styles";
+import { BubbleContainer, Bubble, Timestamp } from "../styles/index.js";
 const bubbleVariants = {
     initial: {
         opacity: 0,

package/dist/react/components/rtc-widget/components/MessageList.d.ts

@@ -1,4 +1,4 @@
-import { RTCChatMessage } from "../types";
+import { RTCChatMessage } from "../types/index.js";
 type Message = RTCChatMessage;
 interface MessageListProps {
     messages: Message[];

package/dist/react/components/rtc-widget/components/MessageList.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useRef, useEffect, useCallback } from "react";
-import { UserMessage } from "./UserMessage";
-import { ConviMessage } from "./ConviMessage";
-import { aeroTheme } from "../styles";
-import { MessageListContainer, MessageWrapper, EmptyState } from "../styles";
+import { UserMessage } from "./UserMessage.js";
+import { ConviMessage } from "./ConviMessage.js";
+import { aeroTheme } from "../styles/index.js";
+import { MessageListContainer, MessageWrapper, EmptyState } from "../styles/index.js";
 export const MessageList = ({ messages, className, isStreaming = false, forceToBottomToken, }) => {
     const containerRef = useRef(null);
     const [shouldAutoScroll, setShouldAutoScroll] = React.useState(true);

package/dist/react/components/rtc-widget/components/UserMessage.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { aeroTheme } from "../styles";
-import { UserBubble, UserMessageContainer, MessageHeader, UserLabel, LogoWrapper, } from "../styles";
+import { aeroTheme } from "../styles/index.js";
+import { UserBubble, UserMessageContainer, MessageHeader, UserLabel, LogoWrapper, } from "../styles/index.js";
 import { FaUser } from "react-icons/fa";
-import { MarkdownRenderer } from "./MarkdownRenderer";
+import { MarkdownRenderer } from "./MarkdownRenderer.js";
 export const UserMessage = ({ message, timestamp, className, sender, }) => {
     return (_jsxs(UserMessageContainer, { className: className, children: [_jsxs(UserBubble, { children: [sender && (_jsxs(MessageHeader, { children: [_jsx(LogoWrapper, { children: _jsx(FaUser, { size: 16, color: aeroTheme.colors.convai.dark }) }), _jsx(UserLabel, { children: sender === "User" ? "You" : sender })] })), _jsx(MarkdownRenderer, { text: message })] }), timestamp && (_jsx("span", { style: {
                     fontSize: aeroTheme.typography.sizes.caption,

package/dist/react/components/rtc-widget/components/conviComponents/ConviButton.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ConvaiLogo } from "../../styles/icons";
-import { aeroTheme } from "../../styles/theme";
-import { iosTransitions } from "../../styles/framerConfig";
-import { ButtonContent, Logo } from "../../styles/styledComponents";
+import { ConvaiLogo } from "../../styles/icons.js";
+import { aeroTheme } from "../../styles/theme.js";
+import { iosTransitions } from "../../styles/framerConfig.js";
+import { ButtonContent, Logo } from "../../styles/styledComponents.js";
 export const ConviButton = ({ isOpen }) => {
     return (_jsx(ButtonContent, { animate: {
             opacity: isOpen ? 0 : 1,

package/dist/react/components/rtc-widget/components/conviComponents/ConviFooter.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "framer-motion";
 import { FiSend, FiMic } from "react-icons/fi";
 import { PiWaveform } from "react-icons/pi";
-import { aeroTheme } from "../../styles/theme";
-import { iosTransitions } from "../../styles/framerConfig";
-import { Footer, InputContainer, Input, ActionButton, } from "../../styles/styledComponents";
+import { aeroTheme } from "../../styles/theme.js";
+import { iosTransitions } from "../../styles/framerConfig.js";
+import { Footer, InputContainer, Input, ActionButton, } from "../../styles/styledComponents.js";
 export const ConviFooter = ({ inputMode, inputValue, liveUserText, chatbotMic, localIsTyping, convaiIsTyping, isCreatingSpeaker, isPressingMic, isSettingsOpen, isVoiceMode, onInputChange, onKeyPress, onSend, onMicPress, onMicRelease, setIsPressingMic, onToggleVoiceMode, verbosityChanged = false, onContinue, }) => {
     // Show Continue button in verbosity mode
     if (inputMode === "verbosity") {

package/dist/react/components/rtc-widget/components/conviComponents/ConviHeader.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { motion } from "framer-motion";
 import { FiMoreVertical } from "react-icons/fi";
 import { IoVolumeMute, IoVolumeHigh } from "react-icons/io5";
-import { ChevronDown } from "../../styles/icons";
-import { aeroTheme } from "../../styles/theme";
-import { iosTransitions } from "../../styles/framerConfig";
-import { Header, Title, CloseButton, SettingsButton, } from "../../styles/styledComponents";
+import { ChevronDown } from "../../styles/icons.js";
+import { aeroTheme } from "../../styles/theme.js";
+import { iosTransitions } from "../../styles/framerConfig.js";
+import { Header, Title, CloseButton, SettingsButton, } from "../../styles/styledComponents.js";
 export const ConviHeader = ({ isOpen, isSpeakerEditMode, isVoiceMode, isVerbosityMode, isMuted, characterImage, characterName = "Character", onClose, onSettingsToggle, onToggleMute, settingsButtonRef, }) => {
     return (_jsxs(Header, { initial: { opacity: 0, y: -20 }, animate: {
             opacity: isOpen ? 1 : 0,

package/dist/react/components/rtc-widget/components/conviComponents/SettingsTray.js

@@ -3,9 +3,9 @@ import { AnimatePresence } from "framer-motion";
 import { LiaRedoAltSolid } from "react-icons/lia";
 import { IoVideocam, IoVideocamOff } from "react-icons/io5";
 import { MdScreenShare, MdStopScreenShare } from "react-icons/md";
-import { aeroTheme } from "../../styles/theme";
-import { iosTransitions } from "../../styles/framerConfig";
-import { SettingsTray as StyledSettingsTray, SettingsOption, } from "../../styles/styledComponents";
+import { aeroTheme } from "../../styles/theme.js";
+import { iosTransitions } from "../../styles/framerConfig.js";
+import { SettingsTray as StyledSettingsTray, SettingsOption, } from "../../styles/styledComponents.js";
 export const SettingsTray = ({ isOpen, isVideoVisible, isScreenShareActive, onReset, onDisconnect, onToggleVideo, onToggleScreenShare, }) => {
     if (!isOpen)
         return null;

package/dist/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { motion, AnimatePresence } from "framer-motion";
-import { aeroTheme } from "../../styles/theme";
-import { iosTransitions } from "../../styles/framerConfig";
-import { AudioVisualizer } from "../AudioVisualizer";
+import { aeroTheme } from "../../styles/theme.js";
+import { iosTransitions } from "../../styles/framerConfig.js";
+import { AudioVisualizer } from "../AudioVisualizer.js";
 export const VoiceModeOverlay = ({ isActive, isTalking, isListening = false, convaiClient, characterImage, characterName = "Character", room, }) => {
     const barsCount = 40; // Number of bars for user microphone waveform
     // PERF: the waveform is driven OUTSIDE React. A setState per animation

package/dist/react/components/rtc-widget/components/conviComponents/index.d.ts

@@ -1,6 +1,6 @@
-export { ConviButton } from "./ConviButton";
-export { ConviHeader } from "./ConviHeader";
-export { ConviFooter } from "./ConviFooter";
-export { SettingsTray } from "./SettingsTray";
-export { VoiceModeOverlay } from "./VoiceModeOverlay";
+export { ConviButton } from "./ConviButton.js";
+export { ConviHeader } from "./ConviHeader.js";
+export { ConviFooter } from "./ConviFooter.js";
+export { SettingsTray } from "./SettingsTray.js";
+export { VoiceModeOverlay } from "./VoiceModeOverlay.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/react/components/rtc-widget/components/conviComponents/index.js

@@ -1,6 +1,6 @@
-export { ConviButton } from "./ConviButton";
-export { ConviHeader } from "./ConviHeader";
-export { ConviFooter } from "./ConviFooter";
-export { SettingsTray } from "./SettingsTray";
-export { VoiceModeOverlay } from "./VoiceModeOverlay";
+export { ConviButton } from "./ConviButton.js";
+export { ConviHeader } from "./ConviHeader.js";
+export { ConviFooter } from "./ConviFooter.js";
+export { SettingsTray } from "./SettingsTray.js";
+export { VoiceModeOverlay } from "./VoiceModeOverlay.js";
 //# sourceMappingURL=index.js.map

package/dist/react/components/rtc-widget/components/index.d.ts

@@ -1,9 +1,9 @@
-export { MessageBubble } from "./MessageBubble";
-export { MessageList } from "./MessageList";
-export { UserMessage } from "./UserMessage";
-export { ConviMessage } from "./ConviMessage";
-export { MarkdownRenderer } from "./MarkdownRenderer";
-export { FloatingVideo } from "./FloatingVideo";
-export { AudioVisualizer } from "./AudioVisualizer";
-export { ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./conviComponents";
+export { MessageBubble } from "./MessageBubble.js";
+export { MessageList } from "./MessageList.js";
+export { UserMessage } from "./UserMessage.js";
+export { ConviMessage } from "./ConviMessage.js";
+export { MarkdownRenderer } from "./MarkdownRenderer.js";
+export { FloatingVideo } from "./FloatingVideo.js";
+export { AudioVisualizer } from "./AudioVisualizer.js";
+export { ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./conviComponents/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/react/components/rtc-widget/components/index.js

@@ -1,15 +1,15 @@
 // Export message components
-export { MessageBubble } from "./MessageBubble";
-export { MessageList } from "./MessageList";
-export { UserMessage } from "./UserMessage";
-export { ConviMessage } from "./ConviMessage";
-export { MarkdownRenderer } from "./MarkdownRenderer";
+export { MessageBubble } from "./MessageBubble.js";
+export { MessageList } from "./MessageList.js";
+export { UserMessage } from "./UserMessage.js";
+export { ConviMessage } from "./ConviMessage.js";
+export { MarkdownRenderer } from "./MarkdownRenderer.js";
 // Export floating video component
-export { FloatingVideo } from "./FloatingVideo";
+export { FloatingVideo } from "./FloatingVideo.js";
 // Export audio visualizer
-export { AudioVisualizer } from "./AudioVisualizer";
+export { AudioVisualizer } from "./AudioVisualizer.js";
 // Note: AudioSettingsPanel is internal only - audio settings are fixed
-// export { AudioSettingsPanel } from "./AudioSettingsPanel";
+// export { AudioSettingsPanel } from "./AudioSettingsPanel.js";
 // Export convi sub-components
-export { ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./conviComponents";
+export { ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./conviComponents/index.js";
 //# sourceMappingURL=index.js.map

package/dist/react/components/rtc-widget/index.d.ts

@@ -1,6 +1,6 @@
-export { MessageBubble, MessageList, UserMessage, ConviMessage, FloatingVideo, ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./components";
-export { aeroTheme, glassStyles, iconSizes, variants, iosTransitions, animationVariants, ConvaiLogo, ChevronDown, } from "./styles";
-export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, Content, Footer, InputContainer, Input, ActionButton, } from "./styles";
-export type { RTCChatMessage, CharacterVerbosityConfig, ConviUIProps, } from "./types";
-export type { LogoState } from "./styles";
+export { MessageBubble, MessageList, UserMessage, ConviMessage, FloatingVideo, ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./components/index.js";
+export { aeroTheme, glassStyles, iconSizes, variants, iosTransitions, animationVariants, ConvaiLogo, ChevronDown, } from "./styles/index.js";
+export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, Content, Footer, InputContainer, Input, ActionButton, } from "./styles/index.js";
+export type { RTCChatMessage, CharacterVerbosityConfig, ConviUIProps, } from "./types/index.js";
+export type { LogoState } from "./styles/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/react/components/rtc-widget/index.js

@@ -1,9 +1,9 @@
 // Export all components
 export { MessageBubble, MessageList, UserMessage, ConviMessage, FloatingVideo, 
 // AudioSettingsPanel, // Internal only - audio settings are fixed
-ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./components";
+ConviButton, ConviHeader, ConviFooter, SettingsTray, VoiceModeOverlay, } from "./components/index.js";
 // Export styles and theme
-export { aeroTheme, glassStyles, iconSizes, variants, iosTransitions, animationVariants, ConvaiLogo, ChevronDown, } from "./styles";
+export { aeroTheme, glassStyles, iconSizes, variants, iosTransitions, animationVariants, ConvaiLogo, ChevronDown, } from "./styles/index.js";
 // Export styled components for custom layouts
-export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, Content, Footer, InputContainer, Input, ActionButton, } from "./styles";
+export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, Content, Footer, InputContainer, Input, ActionButton, } from "./styles/index.js";
 //# sourceMappingURL=index.js.map

package/dist/react/components/rtc-widget/styles/icons.d.ts

@@ -1,4 +1,4 @@
-import { iconSizes } from "./theme";
+import { iconSizes } from "./theme.js";
 export type LogoState = "idle" | "connecting" | "connected" | "disconnected" | "typing" | "listening" | "processing";
 export declare const AeroIcons: {
     ChevronDown: ({ size, color, }: {

package/dist/react/components/rtc-widget/styles/icons.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { motion } from "framer-motion";
 import styled from "styled-components";
-import { aeroTheme, iconSizes } from "./theme";
+import { aeroTheme, iconSizes } from "./theme.js";
 const LogoSVG = styled(motion.svg) `
   width: ${(props) => props.$size || "100%"};
   height: ${(props) => props.$size || "100%"};

package/dist/react/components/rtc-widget/styles/index.d.ts

@@ -1,6 +1,6 @@
-export { aeroTheme, glassStyles, iconSizes, variants } from "./theme";
-export { iosTransitions, animationVariants } from "./framerConfig";
-export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, SettingsTray, SettingsOption, Content, Footer, InputContainer, Input, ActionButton, MessageList, Message, MessageBubble, MessageTime, ButtonContainer, ButtonLogo, ConviBubble, ConviMessageContainer, MessageHeader, ConviLabel, LogoWrapper, UserBubble, UserMessageContainer, UserLabel, BubbleContainer, Bubble, Timestamp, MessageListContainer, MessageWrapper, EmptyState, } from "./styledComponents";
-export { ConvaiLogo, ChevronDown, AeroIcons, IconButton } from "./icons";
-export type { LogoState } from "./icons";
+export { aeroTheme, glassStyles, iconSizes, variants } from "./theme.js";
+export { iosTransitions, animationVariants } from "./framerConfig.js";
+export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, SettingsTray, SettingsOption, Content, Footer, InputContainer, Input, ActionButton, MessageList, Message, MessageBubble, MessageTime, ButtonContainer, ButtonLogo, ConviBubble, ConviMessageContainer, MessageHeader, ConviLabel, LogoWrapper, UserBubble, UserMessageContainer, UserLabel, BubbleContainer, Bubble, Timestamp, MessageListContainer, MessageWrapper, EmptyState, } from "./styledComponents.js";
+export { ConvaiLogo, ChevronDown, AeroIcons, IconButton } from "./icons.js";
+export type { LogoState } from "./icons.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/react/components/rtc-widget/styles/index.js

@@ -1,9 +1,9 @@
 // Export theme
-export { aeroTheme, glassStyles, iconSizes, variants } from "./theme";
+export { aeroTheme, glassStyles, iconSizes, variants } from "./theme.js";
 // Export framer configs
-export { iosTransitions, animationVariants } from "./framerConfig";
+export { iosTransitions, animationVariants } from "./framerConfig.js";
 // Export styled components
-export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, SettingsTray, SettingsOption, Content, Footer, InputContainer, Input, ActionButton, MessageList, Message, MessageBubble, MessageTime, ButtonContainer, ButtonLogo, ConviBubble, ConviMessageContainer, MessageHeader, ConviLabel, LogoWrapper, UserBubble, UserMessageContainer, UserLabel, BubbleContainer, Bubble, Timestamp, MessageListContainer, MessageWrapper, EmptyState, } from "./styledComponents";
+export { ConvaiContainer, MorphingContainer, ButtonContent, Logo, ChatContent, Header, Title, HeaderLogo, CloseButton, SettingsButton, SettingsTray, SettingsOption, Content, Footer, InputContainer, Input, ActionButton, MessageList, Message, MessageBubble, MessageTime, ButtonContainer, ButtonLogo, ConviBubble, ConviMessageContainer, MessageHeader, ConviLabel, LogoWrapper, UserBubble, UserMessageContainer, UserLabel, BubbleContainer, Bubble, Timestamp, MessageListContainer, MessageWrapper, EmptyState, } from "./styledComponents.js";
 // Export icons
-export { ConvaiLogo, ChevronDown, AeroIcons, IconButton } from "./icons";
+export { ConvaiLogo, ChevronDown, AeroIcons, IconButton } from "./icons.js";
 //# sourceMappingURL=index.js.map

package/dist/react/components/rtc-widget/styles/styledComponents.js

@@ -1,6 +1,6 @@
 import styled from "styled-components";
 import { motion } from "framer-motion";
-import { aeroTheme } from "./theme";
+import { aeroTheme } from "./theme.js";
 // Styled Components matching the original webChat exactly
 export const ConvaiContainer = styled(motion.div) `
   position: fixed !important;

package/dist/react/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export { useConvaiClient } from './useConvaiClient';
-export { useCharacterInfo } from './useCharacterInfo';
-export { useLocalCameraTrack } from './useLocalCameraTrack';
+export { useConvaiClient } from './useConvaiClient.js';
+export { useCharacterInfo } from './useCharacterInfo.js';
+export { useLocalCameraTrack } from './useLocalCameraTrack.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/react/hooks/index.js

@@ -1,6 +1,6 @@
 // Main hook
-export { useConvaiClient } from './useConvaiClient';
+export { useConvaiClient } from './useConvaiClient.js';
 // Additional hooks
-export { useCharacterInfo } from './useCharacterInfo';
-export { useLocalCameraTrack } from './useLocalCameraTrack';
+export { useCharacterInfo } from './useCharacterInfo.js';
+export { useLocalCameraTrack } from './useLocalCameraTrack.js';
 //# sourceMappingURL=index.js.map

package/dist/react/hooks/useCharacterInfo.js

@@ -1,5 +1,5 @@
 import { useState, useEffect } from "react";
-import { logger } from "../../utils/logger";
+import { logger } from "../../utils/logger.js";
 /**
  * Hook to fetch character information from Convai API
  *

package/dist/react/hooks/useConvaiClient.d.ts

@@ -1,4 +1,4 @@
-import type { ConvaiConfig, IConvaiClient, ChatMessage } from "../../core/types";
+import type { ConvaiConfig, IConvaiClient, ChatMessage } from "../../core/types.js";
 /**
  * React hook wrapper for ConvaiClient
  * Main hook for managing Convai client connection and functionality.

package/dist/react/hooks/useConvaiClient.js

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback } from "react";
-import { ConvaiClient as CoreConvaiClient } from "../../core";
+import { ConvaiClient as CoreConvaiClient } from "../../core/index.js";
 /**
  * React hook wrapper for ConvaiClient
  * Main hook for managing Convai client connection and functionality.

package/dist/react/index.d.ts

@@ -1,8 +1,8 @@
-export { useConvaiClient } from './hooks/useConvaiClient';
-export { ConvaiWidget } from './components/ConvaiWidget';
-export * from './hooks';
-export * from '../core/types';
-export { getDisconnectReasonMessage } from '../core/types';
-export { ConvaiClient } from '../core';
+export { useConvaiClient } from './hooks/useConvaiClient.js';
+export { ConvaiWidget } from './components/ConvaiWidget.js';
+export * from './hooks/index.js';
+export * from '../core/types.js';
+export { getDisconnectReasonMessage } from '../core/types.js';
+export { ConvaiClient } from '../core/index.js';
 export { RoomAudioRenderer as AudioRenderer, RoomContext as AudioContext } from '@livekit/components-react';
 //# sourceMappingURL=index.d.ts.map

package/dist/react/index.js

@@ -1,15 +1,15 @@
 // Main hook (backward compatible)
-export { useConvaiClient } from './hooks/useConvaiClient';
+export { useConvaiClient } from './hooks/useConvaiClient.js';
 // Components
-export { ConvaiWidget } from './components/ConvaiWidget';
+export { ConvaiWidget } from './components/ConvaiWidget.js';
 // Additional hooks (for advanced usage)
-export * from './hooks';
+export * from './hooks/index.js';
 // Re-export core types for convenience
-export * from '../core/types';
+export * from '../core/types.js';
 // Re-export helper functions explicitly
-export { getDisconnectReasonMessage } from '../core/types';
+export { getDisconnectReasonMessage } from '../core/types.js';
 // Re-export core client for advanced usage
-export { ConvaiClient } from '../core';
+export { ConvaiClient } from '../core/index.js';
 // Re-export LiveKit components for convenience (backward compatible)
 export { RoomAudioRenderer as AudioRenderer, RoomContext as AudioContext } from '@livekit/components-react';
 //# sourceMappingURL=index.js.map

package/dist/vanilla/AudioRenderer.js

@@ -1,5 +1,5 @@
 import { RoomEvent } from 'livekit-client';
-import { logger } from '../utils/logger';
+import { logger } from '../utils/logger.js';
 /**
  * AudioRenderer - Manages audio playback for remote participants
  * Automatically creates and attaches audio elements for remote audio tracks

package/dist/vanilla/ConvaiWidget.d.ts

@@ -2,7 +2,7 @@
  * Vanilla ConvaiWidget - Complete UI widget for Convai conversations
  * Ports the React ConvaiWidget to vanilla TypeScript with DOM manipulation
  */
-import type { VanillaWidgetOptions, VanillaWidget } from "./types";
+import type { VanillaWidgetOptions, VanillaWidget } from "./types.js";
 /**
  * Create a Convai chat widget in the specified container
  *

package/dist/vanilla/ConvaiWidget.js

@@ -2,10 +2,10 @@
  * Vanilla ConvaiWidget - Complete UI widget for Convai conversations
  * Ports the React ConvaiWidget to vanilla TypeScript with DOM manipulation
  */
-import { AudioRenderer } from "./AudioRenderer";
-import { aeroTheme, injectGlobalStyles, injectKeyframes, } from "./styles";
-import { Icons } from "./icons";
-import { ConvaiClient } from "../core/ConvaiClient";
+import { AudioRenderer } from "./AudioRenderer.js";
+import { aeroTheme, injectGlobalStyles, injectKeyframes, } from "./styles.js";
+import { Icons } from "./icons.js";
+import { ConvaiClient } from "../core/ConvaiClient.js";
 /**
  * Positioning declarations for the widget root, keyed by `placement`. The
  * `bottom-right` entry must stay byte-identical to the literals it replaces --

package/dist/vanilla/WebSocketSession.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from "../core/EventEmitter";
+import { EventEmitter } from "../core/EventEmitter.js";
 /**
  * Adapter that wraps PipecatClient + WebSocketTransport for use in ConvaiClient.
  *

package/dist/vanilla/WebSocketSession.js

@@ -1,6 +1,6 @@
 import { PipecatClient, RTVIEvent } from "@pipecat-ai/client-js";
 import { WebSocketTransport } from "@pipecat-ai/websocket-transport";
-import { EventEmitter } from "../core/EventEmitter";
+import { EventEmitter } from "../core/EventEmitter.js";
 /**
  * Adapter that wraps PipecatClient + WebSocketTransport for use in ConvaiClient.
  *

package/dist/vanilla/index.d.ts

@@ -28,9 +28,9 @@
  * // - client.audioControls, videoControls, etc.
  * ```
  */
-export { ConvaiClient } from '../core/ConvaiClient';
-export { AudioRenderer } from './AudioRenderer';
-export { createConvaiWidget, destroyConvaiWidget } from './ConvaiWidget';
-export * from '../core/types';
-export type { VanillaWidget, VanillaWidgetOptions, WidgetPlacement, } from './types';
+export { ConvaiClient } from '../core/ConvaiClient.js';
+export { AudioRenderer } from './AudioRenderer.js';
+export { createConvaiWidget, destroyConvaiWidget } from './ConvaiWidget.js';
+export * from '../core/types.js';
+export type { VanillaWidget, VanillaWidgetOptions, WidgetPlacement, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/vanilla/index.js

@@ -29,11 +29,11 @@
  * ```
  */
 // Main client for managing connections
-export { ConvaiClient } from '../core/ConvaiClient';
+export { ConvaiClient } from '../core/ConvaiClient.js';
 // AudioRenderer for custom UI builders (handles audio playback)
-export { AudioRenderer } from './AudioRenderer';
+export { AudioRenderer } from './AudioRenderer.js';
 // Vanilla widget - complete UI solution
-export { createConvaiWidget, destroyConvaiWidget } from './ConvaiWidget';
+export { createConvaiWidget, destroyConvaiWidget } from './ConvaiWidget.js';
 // Re-export ALL core types for complete parity with React
-export * from '../core/types';
+export * from '../core/types.js';
 //# sourceMappingURL=index.js.map

package/dist/vanilla/types.d.ts

@@ -1,4 +1,4 @@
-import type { IConvaiClient, ChatMessage } from '../core/types';
+import type { IConvaiClient, ChatMessage } from '../core/types.js';
 /** Where the widget anchors itself. `inline` renders it in normal document flow. */
 export type WidgetPlacement = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'inline';
 /**

package/dist/vanilla/websocket.d.ts

@@ -1,3 +1,3 @@
-import { WebSocketSession } from "./WebSocketSession";
+import { WebSocketSession } from "./WebSocketSession.js";
 export { WebSocketSession };
 //# sourceMappingURL=websocket.d.ts.map

package/dist/vanilla/websocket.js

@@ -14,8 +14,8 @@
  * const client = new ConvaiClient({ transport: 'websocket', ... });
  * ```
  */
-import { ConvaiClient } from "../core/ConvaiClient";
-import { WebSocketSession } from "./WebSocketSession";
+import { ConvaiClient } from "../core/ConvaiClient.js";
+import { WebSocketSession } from "./WebSocketSession.js";
 // Side-effect: register the Pipecat-backed factory with ConvaiClient.
 // After this runs, any ConvaiClient instance can use transport: "websocket".
 ConvaiClient.registerWebSocketTransport((onMessage, enableMic) => new WebSocketSession(onMessage, enableMic));

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const SDK_VERSION = "1.8.0-beta.3";
+export declare const SDK_VERSION = "1.8.0-beta.4";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1,4 +1,4 @@
 // GENERATED by scripts/sync-version.mjs — do not edit by hand.
 // Regenerated from package.json on every build.
-export const SDK_VERSION = "1.8.0-beta.3";
+export const SDK_VERSION = "1.8.0-beta.4";
 //# sourceMappingURL=version.js.map

package/dist/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,gDAAgD;AAChD,MAAM,CAAC,MAAM,WAAW,GAAG,cAAc,CAAC","sourcesContent":["// GENERATED by scripts/sync-version.mjs — do not edit by hand.\n// Regenerated from package.json on every build.\nexport const SDK_VERSION = \"1.8.0-beta.3\";\n"]}
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,gDAAgD;AAChD,MAAM,CAAC,MAAM,WAAW,GAAG,cAAc,CAAC","sourcesContent":["// GENERATED by scripts/sync-version.mjs — do not edit by hand.\n// Regenerated from package.json on every build.\nexport const SDK_VERSION = \"1.8.0-beta.4\";\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@convai/web-sdk",
-  "version": "1.8.0-beta.3",
+  "version": "1.8.0-beta.4",
   "description": "Build web apps with lifelike AI characters. The Convai Web SDK gives you real-time voice, lipsync, emotions, and dynamic context — with first-class support for React and vanilla TypeScript.",
   "private": false,
   "type": "module",
@@ -42,11 +42,12 @@
     "access": "public"
   },
   "scripts": {
-    "build": "node scripts/sync-version.mjs && tsc -p tsconfig.build.json && pnpm typecheck:downstream",
-    "build:fast": "node scripts/sync-version.mjs && tsc -p tsconfig.build.json",
-    "build:prod": "node scripts/sync-version.mjs && NODE_ENV=production tsc -p tsconfig.build.json && pnpm typecheck:downstream",
+    "build": "node scripts/sync-version.mjs && tsc -p tsconfig.build.json && node scripts/fix-dist-extensions.mjs && pnpm typecheck:downstream",
+    "build:fast": "node scripts/sync-version.mjs && tsc -p tsconfig.build.json && node scripts/fix-dist-extensions.mjs",
+    "build:prod": "node scripts/sync-version.mjs && NODE_ENV=production tsc -p tsconfig.build.json && node scripts/fix-dist-extensions.mjs && pnpm typecheck:downstream",
     "dev": "tsc -p tsconfig.build.json --watch",
     "clean": "rimraf dist",
+    "fix:ext": "node scripts/fix-dist-extensions.mjs",
     "typecheck": "tsc --noEmit",
     "typecheck:downstream": "pnpm -r --filter './examples/**' exec tsc -b --noEmit && pnpm -r --filter './doc-tests/**' exec tsc --noEmit",
     "typecheck:all": "pnpm typecheck && pnpm typecheck:downstream",