@convai/web-sdk 0.3.1-beta.3 → 0.3.2-beta.0

package/dist/vanilla/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/vanilla/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,uCAAuC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,gEAAgE;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,wCAAwC;AACxC,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/vanilla/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/vanilla/styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyIrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,QAAO,MAmHlC,CAAC;AAMF,eAAO,MAAM,kBAAkB,QAAO,IASrC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAG,MAO1D,CAAC"}

package/dist/vanilla/styles.js

@@ -0,0 +1,287 @@
+/**
+ * Vanilla Styles - Port of React theme system for vanilla implementations
+ */
+// Theme configuration (matching React version)
+export const aeroTheme = {
+    colors: {
+        primary: {
+            50: "#f0f9ff",
+            100: "#e0f2fe",
+            200: "#bae6fd",
+            300: "#7dd3fc",
+            400: "#38bdf8",
+            500: "#0ea5e9",
+            600: "#0284c7",
+            700: "#0369a1",
+            800: "#075985",
+            900: "#0c4a6e",
+        },
+        convai: {
+            light: "#1EB453",
+            medium: "#0b6049",
+            dark: "#084c3a",
+        },
+        neutral: {
+            50: "#fafafa",
+            100: "#f5f5f5",
+            200: "#e5e5e5",
+            300: "#d4d4d4",
+            400: "#a3a3a3",
+            500: "#737373",
+            600: "#525252",
+            700: "#404040",
+            800: "#262626",
+            900: "#171717",
+        },
+        glass: {
+            light: "rgba(255, 255, 255, 0.1)",
+            medium: "rgba(255, 255, 255, 0.15)",
+            dark: "rgba(0, 0, 0, 0.1)",
+            backdrop: "rgba(255, 255, 255, 0.8)",
+            card: "rgba(255, 255, 255, 0.9)",
+            backdropLight: "blur(20px)",
+            borderLight: "1px solid rgba(255, 255, 255, 0.2)",
+        },
+        accent: {
+            purple: "#8b5cf6",
+            green: "#10b981",
+            blue: "#3b82f6",
+            orange: "#f59e0b",
+            red: "#ef4444",
+        },
+        error: {
+            50: "#fef2f2",
+            100: "#fee2e2",
+            200: "#fecaca",
+            300: "#fca5a5",
+            400: "#f87171",
+            500: "#ef4444",
+            600: "#dc2626",
+            700: "#b91c1c",
+            800: "#991b1b",
+            900: "#7f1d1d",
+        },
+        text: {
+            primary: "#1f2937",
+            secondary: "#6b7280",
+            tertiary: "#9ca3af",
+            inverse: "#ffffff",
+        },
+    },
+    typography: {
+        fontFamily: {
+            primary: '"Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+            body: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+            mono: 'SF Mono, Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace',
+        },
+        fontSize: {
+            xs: "0.75rem",
+            sm: "0.875rem",
+            base: "1rem",
+            lg: "1.125rem",
+            xl: "1.25rem",
+            "2xl": "1.5rem",
+            "3xl": "1.875rem",
+            "4xl": "2.25rem",
+        },
+        fontWeight: {
+            normal: 400,
+            medium: 500,
+            semibold: 600,
+            bold: 700,
+        },
+    },
+    spacing: {
+        xs: "0.25rem",
+        sm: "0.5rem",
+        md: "1rem",
+        lg: "1.5rem",
+        xl: "2rem",
+        "2xl": "3rem",
+        "3xl": "4rem",
+    },
+    borderRadius: {
+        none: "0",
+        sm: "0.25rem",
+        md: "0.5rem",
+        lg: "0.75rem",
+        xl: "1rem",
+        "2xl": "1.5rem",
+        full: "9999px",
+    },
+    shadows: {
+        sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+        md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+        lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+        xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+        glass: "0 8px 32px rgba(0, 0, 0, 0.1)",
+    },
+    glass: {
+        backdrop: "blur(20px)",
+        backdropLight: "blur(10px)",
+        backdropHeavy: "blur(40px)",
+        border: "1px solid rgba(255, 255, 255, 0.2)",
+        borderLight: "1px solid rgba(255, 255, 255, 0.1)",
+    },
+    transitions: {
+        fast: "0.15s ease-in-out",
+        normal: "0.2s ease-in-out",
+        slow: "0.3s ease-in-out",
+        spring: "0.4s cubic-bezier(0.4, 0, 0.2, 1)",
+        snappy: "all 0.1s ease-out",
+    },
+    zIndex: {
+        base: 1,
+        dropdown: 1000,
+        sticky: 1020,
+        fixed: 1030,
+        modal: 1040,
+        popover: 1050,
+        tooltip: 1060,
+    },
+};
+/**
+ * Global CSS styles for the Convai widget
+ * This should be injected once into the document head
+ */
+export const getGlobalStyles = () => `
+  @keyframes convai-pulse {
+    0%, 100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.5;
+    }
+  }
+
+  @keyframes convai-spin {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes convai-bounce {
+    0%, 100% {
+      transform: translateY(0);
+    }
+    50% {
+      transform: translateY(-10px);
+    }
+  }
+
+  @keyframes convai-slide-up {
+    from {
+      transform: translateY(20px);
+      opacity: 0;
+    }
+    to {
+      transform: translateY(0);
+      opacity: 1;
+    }
+  }
+
+  @keyframes convai-slide-down {
+    from {
+      transform: translateY(-20px);
+      opacity: 0;
+    }
+    to {
+      transform: translateY(0);
+      opacity: 1;
+    }
+  }
+
+  @keyframes convai-fade-in {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+
+  @keyframes convai-scale-in {
+    from {
+      transform: scale(0.8);
+      opacity: 0;
+    }
+    to {
+      transform: scale(1);
+      opacity: 1;
+    }
+  }
+
+  .convai-widget * {
+    box-sizing: border-box;
+  }
+
+  .convai-widget {
+    font-family: ${aeroTheme.typography.fontFamily.primary};
+    color: ${aeroTheme.colors.text.primary};
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .convai-widget button {
+    font-family: inherit;
+    cursor: pointer;
+    border: none;
+    outline: none;
+    background: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .convai-widget input {
+    font-family: inherit;
+    border: none;
+    outline: none;
+    background: none;
+  }
+
+  .convai-widget::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  .convai-widget::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, 0.05);
+    border-radius: 3px;
+  }
+
+  .convai-widget::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.2);
+    border-radius: 3px;
+  }
+
+  .convai-widget::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 0, 0, 0.3);
+  }
+`;
+/**
+ * Inject global styles into the document head
+ */
+let stylesInjected = false;
+export const injectGlobalStyles = () => {
+    if (stylesInjected)
+        return;
+    const styleElement = document.createElement('style');
+    styleElement.id = 'convai-widget-styles';
+    styleElement.textContent = getGlobalStyles();
+    document.head.appendChild(styleElement);
+    stylesInjected = true;
+};
+/**
+ * Helper to create inline styles object from theme
+ */
+export const createStyles = (styles) => {
+    return Object.entries(styles)
+        .map(([key, value]) => {
+        const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
+        return `${cssKey}: ${value}`;
+    })
+        .join('; ');
+};
+//# sourceMappingURL=styles.js.map

package/dist/vanilla/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/vanilla/styles.ts"],"names":[],"mappings":"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"}

package/dist/vanilla/types.d.ts

@@ -0,0 +1,43 @@
+import type { IConvaiClient, ChatMessage } from '../core/types';
+/**
+ * Options for creating a vanilla ConvaiWidget
+ */
+export interface VanillaWidgetOptions {
+    /**
+     * Convai client instance (required).
+     * Should be initialized with config: new ConvaiClient({ apiKey, characterId, ... })
+     * The widget will auto-connect on first click.
+     */
+    convaiClient: IConvaiClient & {
+        activity?: string;
+        chatMessages: ChatMessage[];
+    };
+    /**
+     * Show video toggle button in settings (default: true).
+     * Only works if connection type is "video". If false, hides the video button.
+     */
+    showVideo?: boolean;
+    /**
+     * Show screen share toggle button in settings (default: true).
+     * Only works if connection type is "video". If false, hides the screen share button.
+     */
+    showScreenShare?: boolean;
+    /**
+     * Start in voice mode by default when widget opens (default: true).
+     * When true, the widget will open directly in voice mode with microphone enabled.
+     */
+    defaultVoiceMode?: boolean;
+}
+/**
+ * Vanilla ConvaiWidget instance with cleanup method
+ */
+export interface VanillaWidget {
+    /** Root DOM element of the widget */
+    element: HTMLElement;
+    /** Cleanup and destroy the widget */
+    destroy: () => void;
+    /** Update widget state (for future extensions) */
+    update?: (options: Partial<VanillaWidgetOptions>) => void;
+}
+export type { IConvaiClient, ConvaiConfig, ConvaiClientState, ChatMessage } from '../core/types';
+//# sourceMappingURL=types.d.ts.map

package/dist/vanilla/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/vanilla/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAmC,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjG;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,YAAY,EAAE,aAAa,GAAG;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,WAAW,EAAE,CAAA;KAAE,CAAC;IACjF;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,qCAAqC;IACrC,OAAO,EAAE,WAAW,CAAC;IACrB,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kDAAkD;IAClD,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;CAC3D;AAGD,YAAY,EACV,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACZ,MAAM,eAAe,CAAC"}

package/dist/vanilla/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/vanilla/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/vanilla/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,34 +1,32 @@
 {
   "name": "@convai/web-sdk",
-  "version": "0.3.1-beta.3",
-  "description": "Convai Web SDK for AI voice assistants. Framework-agnostic with vanilla JavaScript/TypeScript support. Build voice-powered AI interactions with real-time audio/video streaming.",
+  "version": "0.3.2-beta.0",
+  "description": "Convai Web SDK for AI voice assistants. Supports both React and vanilla JavaScript/TypeScript. Build voice-powered AI interactions with real-time audio/video streaming.",
   "private": false,
   "type": "module",
-  "main": "dist/vanilla/index.cjs",
-  "module": "dist/vanilla/index.js",
-  "types": "dist/types/vanilla/index.d.ts",
-  "unpkg": "dist/umd/convai.umd.js",
-  "jsdelivr": "dist/umd/convai.umd.js",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/types/vanilla/index.d.ts",
-      "import": "./dist/vanilla/index.js",
-      "require": "./dist/vanilla/index.cjs"
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
     },
     "./core": {
-      "types": "./dist/types/core/index.d.ts",
       "import": "./dist/core/index.js",
-      "require": "./dist/core/index.cjs"
+      "types": "./dist/core/index.d.ts"
     },
     "./vanilla": {
-      "types": "./dist/types/vanilla/index.d.ts",
       "import": "./dist/vanilla/index.js",
-      "require": "./dist/vanilla/index.cjs"
+      "types": "./dist/vanilla/index.d.ts"
+    },
+    "./react": {
+      "import": "./dist/react/index.js",
+      "types": "./dist/react/index.d.ts"
     },
-    "./lipsync": {
-      "types": "./dist/types/lipsync-helpers/index.d.ts",
+    "./lipsync-helpers": {
       "import": "./dist/lipsync-helpers/index.js",
-      "require": "./dist/lipsync-helpers/index.cjs"
+      "types": "./dist/lipsync-helpers/index.d.ts"
     }
   },
   "sideEffects": false,
@@ -36,11 +34,9 @@
     "access": "public"
   },
   "scripts": {
-    "build": "npm run build:esm && npm run build:types",
-    "build:esm": "rollup -c",
-    "build:types": "tsc --project tsconfig.types.json",
-    "build:prod": "NODE_ENV=production npm run build",
-    "dev": "rollup -c --watch",
+    "build": "tsc",
+    "build:prod": "NODE_ENV=production tsc",
+    "dev": "tsc --watch",
     "clean": "rimraf dist",
     "prepublishOnly": "npm run clean && npm run build:prod",
     "changeset": "changeset",
@@ -53,14 +49,12 @@
     "publish:beta": "npm run build:prod && changeset publish --tag beta",
     "example:react": "cd examples/react && pnpm dev",
     "example:react:build": "cd examples/react && pnpm build",
-    "example:react-lipsync": "cd examples/react-lipsync && pnpm dev",
-    "example:react-lipsync:build": "cd examples/react-lipsync && pnpm build",
     "example:vanilla": "cd examples/vanilla && pnpm dev",
     "example:vanilla:build": "cd examples/vanilla && pnpm build",
     "examples:dev": "pnpm example:react",
-    "examples:build": "pnpm example:react:build && pnpm example:react-lipsync:build && pnpm example:vanilla:build",
-    "examples:install": "pnpm install && cd examples/react && pnpm install && cd ../react-lipsync && pnpm install && cd ../vanilla && pnpm install",
-    "examples:clean": "pnpm clean && cd examples/react && pnpm clean && cd ../react-lipsync && pnpm clean && cd ../vanilla && pnpm clean"
+    "examples:build": "pnpm example:react:build && pnpm example:vanilla:build",
+    "examples:install": "pnpm install && cd examples/react && pnpm install && cd ../vanilla && pnpm install",
+    "examples:clean": "pnpm clean && cd examples/react && pnpm clean && cd ../vanilla && pnpm clean"
   },
   "keywords": [
     "convai",
@@ -85,25 +79,26 @@
   },
   "homepage": "https://github.com/convai/web-sdk#readme",
   "dependencies": {
-    "livekit-client": "^2.8.0"
+    "@livekit/components-react": "^2.9.3",
+    "@livekit/components-styles": "^1.1.4",
+    "framer-motion": "^11.18.0",
+    "livekit-client": "^2.8.0",
+    "react-icons": "^5.4.0",
+    "styled-components": "^6.1.15"
   },
-  "peerDependencies": {},
-  "peerDependenciesMeta": {},
   "devDependencies": {
     "@changesets/cli": "^2.29.5",
-    "@rollup/plugin-commonjs": "^28.0.0",
-    "@rollup/plugin-node-resolve": "^15.3.0",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.0",
     "@types/node": "^20.17.13",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@types/styled-components": "^5.1.34",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "rimraf": "^5.0.0",
-    "rollup": "^4.28.0",
-    "tslib": "^2.8.1",
     "typescript": "^5.7.3"
   },
   "files": [
     "dist",
-    "README.md",
-    "CHANGELOG.md"
+    "README.md"
   ]
 }

package/CHANGELOG.md

@@ -1,165 +0,0 @@
-# @convai/web-sdk
-
-## 0.2.0 (Unreleased)
-
-### ✨ New Features
-
-- **Vanilla JavaScript/TypeScript Support**: Full support for using the SDK without React
-  - New `@convai/web-sdk/vanilla` export with `ConvaiClient` and `createConvaiWidget`
-  - Complete vanilla widget with same functionality as React version
-  - AudioRenderer for automatic audio playback in vanilla environments
-  - Comprehensive vanilla usage guide and examples
-
-### 🔨 Breaking Changes
-
-- **Removed Old Exports**: Deleted deprecated `/hooks` and `/components` folders
-  - Old imports like `import { useConvaiClient } from '@convai/web-sdk/hooks'` no longer work
-  - Use `import { useConvaiClient } from '@convai/web-sdk'` or `'@convai/web-sdk/react'` instead
-  - All React functionality moved to `/react` subfolder (backward compatible via main export)
-
-### 📦 Package Structure
-
-The SDK now exports four distinct packages:
-- `@convai/web-sdk` - Default export (React for backward compatibility)
-- `@convai/web-sdk/react` - React hooks and components
-- `@convai/web-sdk/vanilla` - Vanilla JS/TS with UI widget
-- `@convai/web-sdk/core` - Framework-agnostic core client
-
-### 🎯 Improvements
-
-- Consolidated duplicate logic between React and core implementations
-- All business logic now centralized in core classes
-- Better TypeScript types across all exports
-- Improved documentation with vanilla usage guide
-- New vanilla example in `examples/vanilla`
-
-### 📝 Documentation
-
-- Added [Vanilla Usage Guide](./docs/VANILLA_USAGE.md)
-- Updated [README](./README.md) with vanilla examples
-- Enhanced [API Reference](./API_REFERENCE.md) with vanilla exports
-
-### 🔄 Migration Guide
-
-If you're using the old hook imports, update them:
-
-```typescript
-// Before (deprecated)
-import { useConvaiClient } from '@convai/web-sdk/hooks';
-import { ConvaiWidget } from '@convai/web-sdk/components';
-
-// After (correct)
-import { useConvaiClient, ConvaiWidget } from '@convai/web-sdk';
-// or explicitly
-import { useConvaiClient, ConvaiWidget } from '@convai/web-sdk/react';
-```
-
-## 0.3.0-beta.0
-
-### Minor Changes
-
-- **Adaptive Glass Styling**: Implemented subtle adaptive glass effect for ConvaiWidget that works seamlessly on any background
-  - Added dual-border system (dark outer + light inner) for visibility on both light and dark backgrounds
-  - Enhanced backdrop filter with color saturation (`saturate(180%)`) for more vibrant glass effect  
-  - Fixed rounded corners and removed square backdrop artifacts behind circular button
-  - Added subtle white backgrounds (`rgba(255, 255, 255, 0.5)`) to header and footer for better visual hierarchy
-  - Widget now seamlessly adapts to any website background (dark, light, or colored)
-  - Improved shadow system with layered shadows for better depth perception
-  - Main container now fully transparent with proper pointer-events handling
-  - All child elements clip properly within rounded corners via `overflow: hidden`
-
--  **Speaker ID Management**: Added comprehensive speaker management for long-term memory and user analytics
-  - New required `endUserId` parameter in `ConvaiConfig` for user identification
-  - Automatic speaker ID creation/retrieval via Convai's speaker management API
-  - Support for dev mode with `endUserId: '-1'` for testing without persistent memory
-  - Speaker ID is automatically included in connection requests
-  - Added `speakerId` to `ConvaiClient` interface for visibility
-  - New `speakerManagement.ts` utility for handling speaker API calls
-  - Idempotent speaker creation - same `endUserId` returns same speaker ID
-
-### API Changes
-
-**Breaking Changes:**
-- `endUserId` is now a required parameter in `ConvaiConfig`
-- All connections now require user identification (use `'-1'` for anonymous/dev mode)
-
-**Migration Guide:**
-
-Update your configuration to include `endUserId`:
-
-```diff
-const convaiClient = useConvaiClient({
-  apiKey: 'your-api-key',
-  characterId: 'your-character-id',
-+ endUserId: 'user-uuid', // or '-1' for dev mode
-  enableVideo: true,
-});
-```
-
-## 0.2.0-beta.0
-
-### Minor Changes
-
-- 🔧 **Internal improvements and bug fixes**
-- 📚 **Documentation updates** for better clarity
-- 🎨 **Code organization improvements**
-
-## 0.1.0
-
-### Minor Changes
-
--  **Stable Release**: Moving from beta to stable release
--  **Package Rename**: Renamed from `web-handsfree` to `web-sdk` for clarity
-- 📚 **Documentation Updates**: Updated all documentation and examples to reflect the new package name
-- 🔗 **Repository URLs**: Updated GitHub repository URLs from web-handsfree to web-sdk
-
-### What's Included
-
-- Complete React/TypeScript SDK for Convai AI-powered voice assistants
-- LiveKit WebRTC integration for real-time audio/video communication
-- `useConvaiClient()` hook for managing Convai connections
-- `ConvaiWidget` - all-in-one chat widget with voice/video/screen-share
-- Full TypeScript support with comprehensive type definitions
-- Updated examples and documentation
-
-### Breaking Changes
-
-- Package import path changed from `@convai/web-handsfree` to `@convai/web-sdk`
-- Repository URLs updated to reflect new naming convention
-
-### Migration Guide
-
-If upgrading from beta versions, update your imports:
-
-```diff
-- import { useConvaiClient, ConvaiWidget } from "@convai/web-handsfree";
-+ import { useConvaiClient, ConvaiWidget } from "@convai/web-sdk";
-```
-
-## 0.0.4-beta.1
-
-### Patch Changes
-
-- Beta release 0.0.4-beta.0 with new features and improvements
-- ### UI State Management & Logging Improvements
-
-  **Fixed:**
-
-  - Fixed microphone mute UI state persistence issue after disconnect/reset - UI now properly resets to initial state
-  - Fixed audio/video/screenshare controls not resetting after disconnect - all media controls now return to initial state when room disconnects
-  - Fixed voice mode UI state not resetting after disconnect
-
-  **Added:**
-
-  - Added `startWithVideoOn` parameter to `ConvaiConfig` (default: false) - allows control over whether camera turns on immediately upon connection
-  - Camera now stays off by default even when `enableVideo: true`, user can enable via settings tray
-
-  **Improved:**
-
-  - Removed all informational `logger.log()` calls from codebase - console output is now much cleaner
-  - Kept only `logger.error()` calls for proper error handling and debugging
-  - Reduced console spam by ~60 log statements
-
-  **Breaking Changes:**
-
-  - None - all changes are backward compatible