@convai/web-sdk 1.8.0-beta.7 → 1.8.0

package/dist/vanilla/WidgetEventSubscriptions.d.ts

@@ -1,5 +1,5 @@
 type WidgetEventListener = (...args: unknown[]) => void;
-type SubscribeToWidgetEvent = (listener: WidgetEventListener) => (() => void) | void;
+type SubscribeToWidgetEvent = (listener: WidgetEventListener) => () => void;
 /**
  * Owns widget event listeners so a destroyed widget cannot mutate detached DOM
  * or notify its host when a client event arrives late.

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetEventSubscriptions.d.ts","sourceRoot":"","sources":["../../src/vanilla/WidgetEventSubscriptions.ts"],"names":[],"mappings":"AAAA,KAAK,mBAAmB,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;AACxD,KAAK,sBAAsB,GAAG,CAAC,QAAQ,EAAE,mBAAmB,KAAK,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;AAErF;;;GAGG;AACH,qBAAa,wBAAwB;IAGvB,OAAO,CAAC,QAAQ,CAAC,WAAW;IAFxC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAyB;gBAEzB,WAAW,EAAE,MAAM,OAAO;IAEvD,QAAQ,CACN,SAAS,EAAE,sBAAsB,EACjC,QAAQ,EAAE,mBAAmB,GAC5B,IAAI;IAuBP,cAAc,IAAI,IAAI;CAKvB"}
+{"version":3,"file":"WidgetEventSubscriptions.d.ts","sourceRoot":"","sources":["../../src/vanilla/WidgetEventSubscriptions.ts"],"names":[],"mappings":"AAAA,KAAK,mBAAmB,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;AACxD,KAAK,sBAAsB,GAAG,CAAC,QAAQ,EAAE,mBAAmB,KAAK,MAAM,IAAI,CAAC;AAE5E;;;GAGG;AACH,qBAAa,wBAAwB;IAGvB,OAAO,CAAC,QAAQ,CAAC,WAAW;IAFxC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAyB;gBAEzB,WAAW,EAAE,MAAM,OAAO;IAEvD,QAAQ,CACN,SAAS,EAAE,sBAAsB,EACjC,QAAQ,EAAE,mBAAmB,GAC5B,IAAI;IAkBP,cAAc,IAAI,IAAI;CAKvB"}

package/dist/vanilla/WidgetEventSubscriptions.js

@@ -15,11 +15,6 @@ export class WidgetEventSubscriptions {
                 listener(...args);
             }
         });
-        // A hand-rolled IConvaiClient (the vanilla types allow one) may return
-        // nothing from on(); there is then nothing to tear down, and that is not
-        // an error -- the isDestroyed gate above still silences its listener.
-        if (typeof unsubscribe !== "function")
-            return;
         // The browser event loop cannot interleave normal synchronous code, but
         // preserve the lifecycle boundary for unusual synchronous subscriptions.
         if (this.isDestroyed()) {

package/dist/vanilla/WidgetEventSubscriptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetEventSubscriptions.js","sourceRoot":"","sources":["../../src/vanilla/WidgetEventSubscriptions.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,OAAO,wBAAwB;IAGnC,YAA6B,WAA0B;QAA1B,gBAAW,GAAX,WAAW,CAAe;QAFtC,iBAAY,GAAsB,EAAE,CAAC;IAEI,CAAC;IAE3D,QAAQ,CACN,SAAiC,EACjC,QAA6B;QAE7B,IAAI,IAAI,CAAC,WAAW,EAAE;YAAE,OAAO;QAE/B,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE;YACxC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;gBACxB,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;YACpB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,uEAAuE;QACvE,yEAAyE;QACzE,sEAAsE;QACtE,IAAI,OAAO,WAAW,KAAK,UAAU;YAAE,OAAO;QAE9C,wEAAwE;QACxE,yEAAyE;QACzE,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;YACvB,WAAW,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC;IAED,cAAc;QACZ,KAAK,MAAM,WAAW,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YACtD,WAAW,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;CACF","sourcesContent":["type WidgetEventListener = (...args: unknown[]) => void;\ntype SubscribeToWidgetEvent = (listener: WidgetEventListener) => (() => void) | void;\n\n/**\n * Owns widget event listeners so a destroyed widget cannot mutate detached DOM\n * or notify its host when a client event arrives late.\n */\nexport class WidgetEventSubscriptions {\n  private readonly unsubscribes: Array<() => void> = [];\n\n  constructor(private readonly isDestroyed: () => boolean) {}\n\n  register(\n    subscribe: SubscribeToWidgetEvent,\n    listener: WidgetEventListener,\n  ): void {\n    if (this.isDestroyed()) return;\n\n    const unsubscribe = subscribe((...args) => {\n      if (!this.isDestroyed()) {\n        listener(...args);\n      }\n    });\n\n    // A hand-rolled IConvaiClient (the vanilla types allow one) may return\n    // nothing from on(); there is then nothing to tear down, and that is not\n    // an error -- the isDestroyed gate above still silences its listener.\n    if (typeof unsubscribe !== \"function\") return;\n\n    // The browser event loop cannot interleave normal synchronous code, but\n    // preserve the lifecycle boundary for unusual synchronous subscriptions.\n    if (this.isDestroyed()) {\n      unsubscribe();\n      return;\n    }\n    this.unsubscribes.push(unsubscribe);\n  }\n\n  unsubscribeAll(): void {\n    for (const unsubscribe of this.unsubscribes.splice(0)) {\n      unsubscribe();\n    }\n  }\n}\n"]}
+{"version":3,"file":"WidgetEventSubscriptions.js","sourceRoot":"","sources":["../../src/vanilla/WidgetEventSubscriptions.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,OAAO,wBAAwB;IAGnC,YAA6B,WAA0B;QAA1B,gBAAW,GAAX,WAAW,CAAe;QAFtC,iBAAY,GAAsB,EAAE,CAAC;IAEI,CAAC;IAE3D,QAAQ,CACN,SAAiC,EACjC,QAA6B;QAE7B,IAAI,IAAI,CAAC,WAAW,EAAE;YAAE,OAAO;QAE/B,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE;YACxC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;gBACxB,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;YACpB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,wEAAwE;QACxE,yEAAyE;QACzE,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;YACvB,WAAW,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC;IAED,cAAc;QACZ,KAAK,MAAM,WAAW,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YACtD,WAAW,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;CACF","sourcesContent":["type WidgetEventListener = (...args: unknown[]) => void;\ntype SubscribeToWidgetEvent = (listener: WidgetEventListener) => () => void;\n\n/**\n * Owns widget event listeners so a destroyed widget cannot mutate detached DOM\n * or notify its host when a client event arrives late.\n */\nexport class WidgetEventSubscriptions {\n  private readonly unsubscribes: Array<() => void> = [];\n\n  constructor(private readonly isDestroyed: () => boolean) {}\n\n  register(\n    subscribe: SubscribeToWidgetEvent,\n    listener: WidgetEventListener,\n  ): void {\n    if (this.isDestroyed()) return;\n\n    const unsubscribe = subscribe((...args) => {\n      if (!this.isDestroyed()) {\n        listener(...args);\n      }\n    });\n\n    // The browser event loop cannot interleave normal synchronous code, but\n    // preserve the lifecycle boundary for unusual synchronous subscriptions.\n    if (this.isDestroyed()) {\n      unsubscribe();\n      return;\n    }\n    this.unsubscribes.push(unsubscribe);\n  }\n\n  unsubscribeAll(): void {\n    for (const unsubscribe of this.unsubscribes.splice(0)) {\n      unsubscribe();\n    }\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/vanilla/icons.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAChE,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,YAAY,GACZ,WAAW,GACX,cAAc,GACd,QAAQ,GACR,WAAW,GACX,YAAY,CAAC;AAkHjB;;;GAGG;AACH,eAAO,MAAM,KAAK;wBAEG,QAAQ,UAAgB,SAAS,cAAuB,MAAM,KAAG,aAAa;yBAkC7E,QAAQ,cAAqB,MAAM,KAAG,aAAa;mBAKzD,QAAQ,cAAqB,MAAM,KAAG,aAAa;kBAKpD,QAAQ,cAAqB,MAAM,KAAG,aAAa;iBAKpD,QAAQ,cAAqB,MAAM,KAAG,aAAa;sBAiB9C,QAAQ,cAAqB,MAAM,KAAG,aAAa;sBAcnD,QAAQ,cAAqB,MAAM,KAAG,aAAa;mBAatD,QAAQ,cAAqB,MAAM,KAAG,aAAa;sBAUhD,QAAQ,cAAqB,MAAM,KAAG,aAAa;wBAgBjD,QAAQ,cAAqB,MAAM,KAAG,aAAa;wBA6BnD,QAAQ,cAAqB,MAAM,KAAG,aAAa;0BAoBjD,QAAQ,cAAqB,MAAM,KAAG,aAAa;yBAepD,QAAQ,cAAqB,MAAM,KAAG,aAAa;6BAY/C,QAAQ,cAAqB,MAAM,KAAG,aAAa;kBAY9D,QAAQ,cAAqB,MAAM,KAAG,aAAa;2BAU1C,QAAQ,cAAqB,MAAM,KAAG,aAAa;kBAe5D,QAAQ,cAAqB,MAAM,KAAG,aAAa;CAQjE,CAAC;AAEF;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,aAAa,EACnB,IAAI,GAAE,QAAe,EACrB,KAAK,CAAC,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,MAAM,GACjB,cAAc,CAchB"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/vanilla/icons.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAChE,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,YAAY,GACZ,WAAW,GACX,cAAc,GACd,QAAQ,GACR,WAAW,GACX,YAAY,CAAC;AA2FjB;;;GAGG;AACH,eAAO,MAAM,KAAK;wBAEG,QAAQ,UAAgB,SAAS,cAAuB,MAAM,KAAG,aAAa;yBAkC7E,QAAQ,cAAqB,MAAM,KAAG,aAAa;mBAKzD,QAAQ,cAAqB,MAAM,KAAG,aAAa;kBAKpD,QAAQ,cAAqB,MAAM,KAAG,aAAa;iBAKpD,QAAQ,cAAqB,MAAM,KAAG,aAAa;sBAc9C,QAAQ,cAAqB,MAAM,KAAG,aAAa;sBAYnD,QAAQ,cAAqB,MAAM,KAAG,aAAa;mBAatD,QAAQ,cAAqB,MAAM,KAAG,aAAa;sBAUhD,QAAQ,cAAqB,MAAM,KAAG,aAAa;wBAYjD,QAAQ,cAAqB,MAAM,KAAG,aAAa;wBAUnD,QAAQ,cAAqB,MAAM,KAAG,aAAa;0BAajD,QAAQ,cAAqB,MAAM,KAAG,aAAa;yBAepD,QAAQ,cAAqB,MAAM,KAAG,aAAa;6BAY/C,QAAQ,cAAqB,MAAM,KAAG,aAAa;kBAY9D,QAAQ,cAAqB,MAAM,KAAG,aAAa;2BAU1C,QAAQ,cAAqB,MAAM,KAAG,aAAa;kBAe5D,QAAQ,cAAqB,MAAM,KAAG,aAAa;CAQjE,CAAC;AAEF;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,aAAa,EACnB,IAAI,GAAE,QAAe,EACrB,KAAK,CAAC,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,MAAM,GACjB,cAAc,CAchB"}

package/dist/vanilla/icons.js

@@ -4,12 +4,12 @@
  * Uses inline SVG for consistency and no external dependencies
  */
 const iconSizes = {
-    xs: '12px',
-    sm: '16px',
-    md: '20px',
-    lg: '24px',
-    xl: '32px',
-    '2xl': '40px',
+    xs: '0.75rem',
+    sm: '1rem',
+    md: '1.25rem',
+    lg: '1.5rem',
+    xl: '2rem',
+    '2xl': '2.5rem',
 };
 const secondStripColors = {
     idle: '#1EB453',
@@ -66,18 +66,6 @@ function createFilledSVG(size, viewBox, paths, className) {
         if (pathConfig.transform) {
             path.setAttribute('transform', pathConfig.transform);
         }
-        if (pathConfig.stroke) {
-            path.setAttribute('stroke', pathConfig.stroke);
-        }
-        if (pathConfig.strokeWidth) {
-            path.setAttribute('stroke-width', pathConfig.strokeWidth);
-        }
-        if (pathConfig.strokeLinecap) {
-            path.setAttribute('stroke-linecap', pathConfig.strokeLinecap);
-        }
-        if (pathConfig.strokeMiterlimit) {
-            path.setAttribute('stroke-miterlimit', pathConfig.strokeMiterlimit);
-        }
         svg.appendChild(path);
     });
     return svg;
@@ -135,15 +123,10 @@ export const Icons = {
             'M12 19v4M8 23h8',
         ], className);
     },
-    // Waveform - PiWaveform from react-icons/pi (Phosphor). The previous
-    // version was a hand-drawn 6-bar stroke icon on a 24x24 grid; the real
-    // PiWaveform is a single filled path with 5 bars on Phosphor's 256x256
-    // grid. Source: node_modules/react-icons/pi/index.js, PiWaveform.
+    // Waveform - PiWaveform from react-icons/pi
     Waveform: (size = 'md', className) => {
-        return createFilledSVG(size, '0 0 256 256', [
-            {
-                d: 'M56,96v64a8,8,0,0,1-16,0V96a8,8,0,0,1,16,0ZM88,24a8,8,0,0,0-8,8V224a8,8,0,0,0,16,0V32A8,8,0,0,0,88,24Zm40,32a8,8,0,0,0-8,8V192a8,8,0,0,0,16,0V64A8,8,0,0,0,128,56Zm40,32a8,8,0,0,0-8,8v64a8,8,0,0,0,16,0V96A8,8,0,0,0,168,88Zm40-16a8,8,0,0,0-8,8v96a8,8,0,0,0,16,0V80A8,8,0,0,0,208,72Z',
-            },
+        return createSVG(size, '0 0 24 24', [
+            'M2 12h2M6 8v8M10 4v16M14 8v8M18 6v12M22 12h-2',
         ], className);
     },
     // Phone Off - FiPhoneOff from react-icons/fi
@@ -163,45 +146,15 @@ export const Icons = {
             'M1 1l22 22M16 16v1a2 2 0 01-2 2H3a2 2 0 01-2-2V7a2 2 0 012-2h2m5.66 0H14a2 2 0 012 2v3.34l1 1L23 7v10',
         ], className);
     },
-    // Volume Mute - IoVolumeMute from react-icons/io5 (Ionicons). The previous
-    // version was a hand-drawn Feather-style "volume-x" glyph on a 24x24 grid;
-    // the real IoVolumeMute lives on Ionicons' 512x512 grid and mixes two
-    // filled paths with one stroked diagonal slash. Source:
-    // node_modules/react-icons/io5/index.js, IoVolumeMute.
+    // Volume Mute - IoVolumeMute from react-icons/io5
     VolumeMute: (size = 'md', className) => {
-        return createFilledSVG(size, '0 0 512 512', [
-            {
-                d: 'M416 432 64 80',
-                fill: 'none',
-                stroke: 'currentColor',
-                strokeWidth: '32',
-                strokeLinecap: 'round',
-                strokeMiterlimit: '10',
-            },
-            {
-                d: 'M243.33 98.86a23.89 23.89 0 0 0-25.55 1.82l-.66.51-28.52 23.35a8 8 0 0 0-.59 11.85l54.33 54.33a8 8 0 0 0 13.66-5.66v-64.49a24.51 24.51 0 0 0-12.67-21.71zm8 236.43L96.69 180.69A16 16 0 0 0 85.38 176H56a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h69.76l92 75.31a23.9 23.9 0 0 0 25.87 1.69A24.51 24.51 0 0 0 256 391.45v-44.86a16 16 0 0 0-4.67-11.3zM352 256c0-24.56-5.81-47.87-17.75-71.27a16 16 0 1 0-28.5 14.55C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 0 0 2.32 6.25l14.36 14.36a8 8 0 0 0 13.55-4.31A146 146 0 0 0 352 256zm64 0c0-51.18-13.08-83.89-34.18-120.06a16 16 0 0 0-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 0 0 1.9 8.26L389 337.4a8 8 0 0 0 13.13-2.79C411 311.76 416 287.26 416 256z',
-            },
-            {
-                d: 'M480 256c0-74.25-20.19-121.11-50.51-168.61a16 16 0 1 0-27 17.22C429.82 147.38 448 189.5 448 256c0 46.19-8.43 80.27-22.43 110.53a8 8 0 0 0 1.59 9l11.92 11.92a8 8 0 0 0 12.92-2.16C471.6 344.9 480 305 480 256z',
-            },
-        ], className);
+        return createSVG(size, '0 0 24 24', ['M11 5L6 9H2v6h4l5 4V5zM23 9l-6 6M17 9l6 6'], className);
     },
-    // Volume High - IoVolumeHigh from react-icons/io5 (Ionicons). Same
-    // grid/source mismatch as VolumeMute above: the previous version was a
-    // hand-drawn 24x24 Feather-style "volume-2" glyph. The real IoVolumeHigh
-    // is three filled paths on a 512x512 grid, no stroke. Source:
-    // node_modules/react-icons/io5/index.js, IoVolumeHigh.
+    // Volume High - IoVolumeHigh from react-icons/io5
     VolumeHigh: (size = 'md', className) => {
-        return createFilledSVG(size, '0 0 512 512', [
-            {
-                d: 'M232 416a23.88 23.88 0 0 1-14.2-4.68 8.27 8.27 0 0 1-.66-.51L125.76 336H56a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.75l91.37-74.81a8.27 8.27 0 0 1 .66-.51A24 24 0 0 1 256 120v272a24 24 0 0 1-24 24zm-106.18-80zm-.27-159.86zM320 336a16 16 0 0 1-14.29-23.19c9.49-18.87 14.3-38 14.3-56.81 0-19.38-4.66-37.94-14.25-56.73a16 16 0 0 1 28.5-14.54C346.19 208.12 352 231.44 352 256c0 23.86-6 47.81-17.7 71.19A16 16 0 0 1 320 336z',
-            },
-            {
-                d: 'M368 384a16 16 0 0 1-13.86-24C373.05 327.09 384 299.51 384 256c0-44.17-10.93-71.56-29.82-103.94a16 16 0 0 1 27.64-16.12C402.92 172.11 416 204.81 416 256c0 50.43-13.06 83.29-34.13 120a16 16 0 0 1-13.87 8z',
-            },
-            {
-                d: 'M416 432a16 16 0 0 1-13.39-24.74C429.85 365.47 448 323.76 448 256c0-66.5-18.18-108.62-45.49-151.39a16 16 0 1 1 27-17.22C459.81 134.89 480 181.74 480 256c0 64.75-14.66 113.63-50.6 168.74A16 16 0 0 1 416 432z',
-            },
+        return createSVG(size, '0 0 24 24', [
+            'M11 5L6 9H2v6h4l5 4V5z',
+            'M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07',
         ], className);
     },
     // More Vertical - FiMoreVertical from react-icons/fi

package/dist/vanilla/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/vanilla/icons.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Vanilla JS Icons\n * Reuses the same icons from the React example\n * Uses inline SVG for consistency and no external dependencies\n */\n\nexport type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\nexport type LogoState =\n  | 'idle'\n  | 'connecting'\n  | 'connected'\n  | 'disconnected'\n  | 'typing'\n  | 'listening'\n  | 'processing';\n\nconst iconSizes: Record<IconSize, string> = {\n  xs: '12px',\n  sm: '16px',\n  md: '20px',\n  lg: '24px',\n  xl: '32px',\n  '2xl': '40px',\n};\n\nconst secondStripColors: Record<LogoState, string> = {\n  idle: '#1EB453',\n  connecting: '#f59e0b',\n  connected: '#1EB453',\n  disconnected: '#ef4444',\n  typing: '#8b5cf6',\n  listening: '#3b82f6',\n  processing: '#6366f1',\n};\n\n/**\n * Create an SVG element with common attributes\n */\nfunction createSVG(\n  size: IconSize,\n  viewBox: string,\n  paths: string[],\n  className?: string\n): SVGSVGElement {\n  const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n  const sizeValue = iconSizes[size];\n  \n  svg.setAttribute('width', sizeValue);\n  svg.setAttribute('height', sizeValue);\n  svg.setAttribute('viewBox', viewBox);\n  svg.setAttribute('fill', 'none');\n  svg.setAttribute('stroke', 'currentColor');\n  svg.setAttribute('stroke-width', '2');\n  svg.setAttribute('stroke-linecap', 'round');\n  svg.setAttribute('stroke-linejoin', 'round');\n  \n  if (className) {\n    svg.className.baseVal = className;\n  }\n  \n  paths.forEach(pathData => {\n    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');\n    path.setAttribute('d', pathData);\n    svg.appendChild(path);\n  });\n  \n  return svg;\n}\n\n/**\n * Create a filled SVG element\n */\nfunction createFilledSVG(\n  size: IconSize,\n  viewBox: string,\n  paths: Array<{\n    d: string;\n    fill?: string;\n    transform?: string;\n    // Some upstream icons (e.g. Ionicons' IoVolumeMute) mix filled paths\n    // with a stroked one on the same glyph. These are optional so the\n    // common all-filled case stays terse.\n    stroke?: string;\n    strokeWidth?: string;\n    strokeLinecap?: string;\n    strokeMiterlimit?: string;\n  }>,\n  className?: string\n): SVGSVGElement {\n  const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n  const sizeValue = iconSizes[size];\n\n  svg.setAttribute('width', sizeValue);\n  svg.setAttribute('height', sizeValue);\n  svg.setAttribute('viewBox', viewBox);\n  svg.setAttribute('fill', 'currentColor');\n\n  if (className) {\n    svg.className.baseVal = className;\n  }\n\n  paths.forEach(pathConfig => {\n    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');\n    path.setAttribute('d', pathConfig.d);\n    if (pathConfig.fill) {\n      path.setAttribute('fill', pathConfig.fill);\n    }\n    if (pathConfig.transform) {\n      path.setAttribute('transform', pathConfig.transform);\n    }\n    if (pathConfig.stroke) {\n      path.setAttribute('stroke', pathConfig.stroke);\n    }\n    if (pathConfig.strokeWidth) {\n      path.setAttribute('stroke-width', pathConfig.strokeWidth);\n    }\n    if (pathConfig.strokeLinecap) {\n      path.setAttribute('stroke-linecap', pathConfig.strokeLinecap);\n    }\n    if (pathConfig.strokeMiterlimit) {\n      path.setAttribute('stroke-miterlimit', pathConfig.strokeMiterlimit);\n    }\n    svg.appendChild(path);\n  });\n\n  return svg;\n}\n\n/**\n * Icons object with all icon creation functions\n * Matches the icons from react-icons used in the React example\n */\nexport const Icons = {\n  // Convai Logo - exact copy from React example\n  ConvaiLogo: (size: IconSize = 'md', state: LogoState = 'idle', className?: string): SVGSVGElement => {\n    return createFilledSVG(\n      size,\n      '0 0 384 384',\n      [\n        // First strip - Main body (always original green)\n        {\n          d: 'M0 0 C0.69959839 -0.0065712 1.39919678 -0.0131424 2.11999512 -0.01991272 C4.43522251 -0.03962096 6.75038501 -0.05130455 9.06567383 -0.0612793 C9.85831446 -0.06535482 10.65095509 -0.06943035 11.46761513 -0.07362938 C15.66541914 -0.0944825 19.86319057 -0.10878583 24.06103516 -0.11816406 C28.38410215 -0.12920936 32.70665171 -0.16358924 37.02953625 -0.20333576 C40.36427221 -0.22956171 43.69888619 -0.23786131 47.0337162 -0.24144554 C48.62643224 -0.24629839 50.21914331 -0.2578751 51.81175804 -0.27648354 C69.26930263 -0.46773456 69.26930263 -0.46773456 75.58610535 5.6245575 C80.21645647 10.85588298 81.33540199 14.49016989 81.35986328 21.4206543 C81.36497421 22.14311844 81.37008514 22.86558258 81.37535095 23.60993958 C81.38923214 25.99435754 81.38829113 28.37848592 81.38598633 30.76293945 C81.38987448 32.42436836 81.39420939 34.08579627 81.39897156 35.7472229 C81.40643089 39.22905703 81.40614488 42.71078976 81.40087891 46.19262695 C81.39508893 50.64694813 81.41200506 55.10085286 81.43522358 59.55510521 C81.44998192 62.98670871 81.4508297 66.41821245 81.44771385 69.84984207 C81.44822615 71.49163258 81.45344672 73.1334288 81.46352577 74.77518845 C81.47591195 77.07525124 81.46908575 79.37450987 81.45751953 81.67456055 C81.45814896 82.981539 81.45877838 84.28851746 81.45942688 85.63510132 C80.84254452 91.47371365 78.52732357 95.26249723 74.08520508 98.98950195 C73.40458008 99.57344727 72.72395508 100.15739258 72.02270508 100.7590332 C68.47350615 103.35653161 65.36290965 103.30519544 61.10424805 103.31884766 C59.87221649 103.32588211 58.64018494 103.33291656 57.37081909 103.34016418 C56.7124493 103.34198008 56.05407951 103.34379597 55.37575912 103.34566689 C53.30624131 103.35285669 51.23695729 103.36854441 49.16751099 103.38700867 C43.28366424 103.43934056 37.3999433 103.4873775 31.51586914 103.50292969 C27.91355676 103.5130737 24.3118307 103.54256243 20.70975113 103.5842495 C19.34402042 103.59647838 17.97820656 103.60169572 16.61242294 103.59945107 C8.73090231 103.58969075 1.87263728 103.81383569 -4.91479492 108.17700195 C-7.72384754 111.13052013 -9.15477197 114.52324306 -10.91479492 118.17700195 C-11.28512344 118.93435638 -11.65545197 119.69171082 -12.03700256 120.47201538 C-16.07726993 130.41632989 -15.43823163 140.76281367 -15.37008476 151.32646561 C-15.34801891 154.90096301 -15.35197296 158.47462262 -15.36256409 162.04916382 C-15.38412577 170.92003422 -15.36687668 179.79071265 -15.34106445 188.66156006 C-15.31962039 196.17710783 -15.31776573 203.69211414 -15.34398079 211.20765305 C-15.34831203 214.71647808 -15.32375642 218.22434564 -15.29844666 221.73306274 C-15.30371999 223.89748554 -15.31044419 226.06190545 -15.31884766 228.22631836 C-15.30393784 229.19074356 -15.28902802 230.15516876 -15.27366638 231.14881897 C-15.34508206 238.01141921 -16.9480351 243.5040945 -20.91479492 249.17700195 C-26.0538927 253.49142781 -30.93587496 255.28530317 -37.61843872 255.3309021 C-38.56028519 255.33950256 -39.50213165 255.34810303 -40.47251892 255.35696411 C-41.49906082 255.36122406 -42.52560272 255.36548401 -43.58325195 255.36987305 C-44.66992661 255.37805054 -45.75660126 255.38622803 -46.87620544 255.39465332 C-50.47500054 255.41947905 -54.07375621 255.43601739 -57.67260742 255.45043945 C-58.90313717 255.45576313 -60.13366692 255.46108681 -61.40148544 255.46657181 C-67.24488135 255.49053877 -73.08826109 255.5097802 -78.93169224 255.52259386 C-84.98841103 255.53614167 -91.04475988 255.56242227 -97.10131836 255.60913086 C-103.60933706 255.65850314 -110.11701183 255.68322666 -116.62520981 255.69032669 C-119.10105009 255.69703038 -121.57688297 255.71222923 -124.05261612 255.7362175 C-127.52547148 255.76794397 -130.99700762 255.7678936 -134.4699707 255.76049805 C-135.48436722 255.77690338 -136.49876373 255.79330872 -137.54389954 255.81021118 C-144.58516525 255.74911945 -150.0594436 254.18666177 -155.91479492 250.17700195 C-160.11922437 245.7740819 -162.02935988 241.44006577 -162.06869507 235.39033508 C-162.08159576 233.91218575 -162.08159576 233.91218575 -162.09475708 232.4041748 C-162.09901703 231.32414185 -162.10327698 230.24410889 -162.10766602 229.13134766 C-162.11584351 227.99283859 -162.124021 226.85432953 -162.13244629 225.68132019 C-162.15730395 221.90514656 -162.17381777 218.12901055 -162.18823242 214.3527832 C-162.1935561 213.06367727 -162.19887978 211.77457134 -162.20436478 210.4464016 C-162.22559522 205.02735272 -162.24472449 199.60831609 -162.25598717 194.18923664 C-162.27221051 186.43543753 -162.30535181 178.68214076 -162.36238801 170.92853099 C-162.40584504 164.81123062 -162.42174109 158.6941264 -162.42811966 152.57668114 C-162.43483541 149.9791729 -162.45006568 147.38167207 -162.47401047 144.78426552 C-162.50563862 141.14566586 -162.50570126 137.50833002 -162.49829102 133.86962891 C-162.51469635 132.7997171 -162.53110168 131.7298053 -162.54800415 130.62747192 C-162.49171427 123.86379339 -161.30224231 119.40867493 -156.91479492 114.17700195 C-150.70048633 108.27340879 -145.09496666 107.88810653 -136.89892578 107.9375 C-135.89334625 107.93548584 -134.88776672 107.93347168 -133.85171509 107.93139648 C-131.67026481 107.92785441 -129.48880427 107.92861384 -127.30735588 107.93317223 C-123.84643147 107.93877446 -120.38584111 107.92958995 -116.92494202 107.91596985 C-107.08536336 107.87889048 -97.24589659 107.86026615 -87.40625 107.87158203 C-81.38322548 107.87745814 -75.36066903 107.85904709 -69.33773994 107.82569313 C-67.05060701 107.81777476 -64.76342257 107.81896733 -62.47630119 107.82971764 C-43.45245929 108.09017669 -43.45245929 108.09017669 -26.78979492 99.73950195 C-23.10917107 94.70931602 -22.66695746 89.8832171 -22.67529297 83.76977539 C-22.67327881 83.05344437 -22.67126465 82.33711334 -22.66918945 81.59907532 C-22.66565984 80.05224746 -22.66639133 78.50540513 -22.67096519 76.95858002 C-22.67659236 74.50202502 -22.66734352 72.0459363 -22.65376282 69.5894165 C-22.61678347 62.60801088 -22.59805845 55.62676468 -22.609375 48.64526367 C-22.61525918 44.36517663 -22.59680667 40.08574677 -22.5634861 35.80579376 C-22.55558359 34.18408293 -22.55673851 32.56229947 -22.5675106 30.94060516 C-22.62477994 21.92945939 -22.61028477 13.70058716 -16.91479492 6.17700195 C-11.68775031 1.25109893 -7.03157131 0.05467437 0 0 Z',\n          fill: '#1EB453',\n          transform: 'translate(275.914794921875,92.822998046875)',\n        },\n        // Second strip - Accent (dynamic colors based on state)\n        {\n          d: 'M0 0 C0.70949799 -0.0065712 1.41899597 -0.0131424 2.1499939 -0.01991272 C4.49224974 -0.03958252 6.83444162 -0.05129463 9.17675781 -0.0612793 C9.97951393 -0.06535482 10.78227005 -0.06943035 11.60935211 -0.07362938 C15.85903157 -0.09446397 20.10867901 -0.10877652 24.35839844 -0.11816406 C28.73412049 -0.12921848 33.10933265 -0.16361435 37.48487473 -0.20333576 C40.86164252 -0.22955602 44.23828982 -0.2378607 47.61515045 -0.24144554 C49.22740367 -0.24629814 50.83965199 -0.25787412 52.45180511 -0.27648354 C61.87754315 -0.37851798 69.22600258 -0.40722527 76.90332031 5.81762695 C77.34933594 6.3487207 77.79535156 6.87981445 78.25488281 7.42700195 C78.94710937 8.20817383 78.94710937 8.20817383 79.65332031 9.00512695 C84.02596265 16.74776753 83.1900497 25.91727112 83.18066406 34.5168457 C83.18455855 36.00842913 83.18889475 37.50001147 83.19364929 38.99159241 C83.20108066 42.10738735 83.20084254 45.22306892 83.19555664 48.33886719 C83.189763 52.31076588 83.20670518 56.28219809 83.22990131 60.25401974 C83.24470727 63.33145309 83.24550113 66.40877581 83.24239159 69.48623848 C83.24290125 70.94971198 83.24807164 72.41319226 83.25820351 73.87663078 C83.37438765 93.0006229 83.37438765 93.0006229 77.12988281 100.05200195 C76.68128906 100.58567383 76.23269531 101.1193457 75.77050781 101.66918945 C70.71771348 105.69889733 65.71373184 106.5516213 59.38745117 106.56176758 C58.67430252 106.56714035 57.96115387 106.57251312 57.22639465 106.57804871 C55.69051241 106.58777157 54.15457559 106.5907876 52.6186657 106.58769226 C50.18403577 106.58318589 47.75012185 106.59729184 45.31556702 106.61608887 C39.27289347 106.65895188 33.23023785 106.67011114 27.18743896 106.68231201 C22.07081894 106.69385979 16.95452773 106.71746947 11.83804512 106.75700378 C9.4460817 106.7705322 7.05456878 106.76641182 4.6625824 106.76159668 C3.1893558 106.77094038 1.71613413 106.78110998 0.24291992 106.79223633 C-1.03724503 106.79429077 -2.31740997 106.79634521 -3.6363678 106.79846191 C-7.41637293 107.20919275 -9.82064532 108.34953123 -13.12011719 110.17700195 C-13.78011719 110.17700195 -14.44011719 110.17700195 -15.12011719 110.17700195 C-17.52280099 115.83889015 -17.41598579 121.16057712 -17.42871094 127.20043945 C-17.45386958 129.37752548 -17.47926763 131.55460875 -17.50488281 133.73168945 C-17.53360338 137.14379163 -17.55763834 140.55584604 -17.57641602 143.96801758 C-17.59814672 147.27490607 -17.63758849 150.58124339 -17.67871094 153.88793945 C-17.67882675 154.89964203 -17.67894257 155.9113446 -17.67906189 156.95370483 C-17.7841159 164.52274898 -19.03497091 169.98795471 -23.24511719 176.42700195 C-29.45623238 182.36806866 -36.31490332 183.78705333 -44.68652344 183.6730957 C-46.00401833 183.67527855 -46.00401833 183.67527855 -47.34812927 183.67750549 C-49.19102319 183.67585714 -51.03393241 183.66441631 -52.87670898 183.64355469 C-55.67914918 183.61453786 -58.47969965 183.62298099 -61.28222656 183.63598633 C-63.08366794 183.62974909 -64.88510341 183.62135826 -66.68652344 183.6105957 C-67.51382462 183.61353134 -68.34112579 183.61646698 -69.1934967 183.61949158 C-75.59165864 183.51691869 -81.40132888 182.53204156 -86.39746094 178.2043457 C-86.9453125 177.51469727 -87.49316406 176.82504883 -88.05761719 176.11450195 C-88.62351562 175.42227539 -89.18941406 174.73004883 -89.77246094 174.0168457 C-91.95579877 171.03611492 -92.25725067 169.22772898 -92.31298828 165.57885742 C-92.32905121 164.62381317 -92.34511414 163.66876892 -92.36166382 162.68478394 C-92.40618833 158.30003565 -92.44720831 153.91543939 -92.47021484 149.53051758 C-92.48674024 147.22214655 -92.51398466 144.91382596 -92.55224609 142.60571289 C-92.60721123 139.27243575 -92.62892302 135.94035974 -92.64355469 132.60668945 C-92.66622406 131.58243866 -92.68889343 130.55818787 -92.71224976 129.50289917 C-92.69275809 122.84191599 -91.55490715 118.27254494 -87.12011719 113.17700195 C-82.85713484 109.85187572 -79.42315905 108.06794719 -74.01928711 108.01928711 C-73.19800827 108.00902496 -72.37672943 107.99876282 -71.53056335 107.9881897 C-70.64617081 107.98088837 -69.76177826 107.97358704 -68.85058594 107.96606445 C-66.97362414 107.93799282 -65.09667113 107.90932834 -63.21972656 107.88012695 C-60.26391881 107.83890024 -57.30827464 107.80200782 -54.35229492 107.77563477 C-51.49721474 107.74795955 -48.64287792 107.70208605 -45.78808594 107.65356445 C-44.47060616 107.64868515 -44.47060616 107.64868515 -43.12651062 107.64370728 C-38.07403193 107.54295109 -34.47561603 107.02250373 -30.12011719 104.17700195 C-28.38692337 101.61731491 -28.38692337 101.61731491 -27.30761719 98.67700195 C-26.90929687 97.71793945 -26.51097656 96.75887695 -26.10058594 95.77075195 C-24.41267145 91.30551203 -23.99587525 87.9866657 -23.99414062 83.20214844 C-23.99227249 82.49600906 -23.99040436 81.78986969 -23.98847961 81.06233215 C-23.9844771 79.52854718 -23.98240091 77.99475626 -23.98201752 76.46096611 C-23.97859338 73.18930997 -23.95721325 69.91785101 -23.93678665 66.64626408 C-23.89884548 60.55842138 -23.86749302 54.47078699 -23.86962891 48.3828125 C-23.87042015 44.14504806 -23.84687404 39.90800348 -23.80774689 35.67042732 C-23.79734392 34.06268623 -23.79572049 32.45486145 -23.80339813 30.84710503 C-23.84202858 21.8556044 -23.77030332 13.69524181 -18.12011719 6.17700195 C-12.50415323 0.77468343 -7.52615394 0.05781024 0 0 Z',\n          fill: secondStripColors[state],\n          transform: 'translate(92.1201171875,53.822998046875)',\n        },\n        // Additional detail paths\n        {\n          d: 'M0 0 C0.66 0.33 1.32 0.66 2 1 C0.90033225 2.29549899 -0.20491801 3.58626071 -1.3125 4.875 C-1.92738281 5.59429687 -2.54226563 6.31359375 -3.17578125 7.0546875 C-5 9 -5 9 -8 11 C-6.60366572 6.55711819 -4.39598172 4.13475236 -1 1 C-0.67 0.67 -0.34 0.34 0 0 Z',\n          fill: 'currentColor',\n          transform: 'translate(264,95)',\n        },\n        {\n          d: 'M0 0 C0.66 0.33 1.32 0.66 2 1 C-0.64 3.64 -3.28 6.28 -6 9 C-6 6 -6 6 -3.5625 3.375 C-2.716875 2.59125 -1.87125 1.8075 -1 1 C-0.67 0.67 -0.34 0.34 0 0 Z',\n          fill: 'currentColor',\n          transform: 'translate(79,56)',\n        },\n      ],\n      className\n    );\n  },\n\n  // ChevronDown - from Feather Icons (react-icons/fi)\n  ChevronDown: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(size, '0 0 24 24', ['M6 9l6 6 6-6'], className);\n  },\n\n  // Close - IoClose from react-icons/io5\n  Close: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(size, '0 0 24 24', ['M18 6L6 18M6 6l12 12'], className);\n  },\n\n  // Send - FiSend from react-icons/fi\n  Send: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(size, '0 0 24 24', ['M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z'], className);\n  },\n\n  // Microphone - FiMic from react-icons/fi\n  Mic: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      [\n        'M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z',\n        'M19 10v2a7 7 0 0 1-14 0v-2',\n        'M12 19v4M8 23h8',\n      ],\n      className\n    );\n  },\n\n  // Waveform - PiWaveform from react-icons/pi (Phosphor). The previous\n  // version was a hand-drawn 6-bar stroke icon on a 24x24 grid; the real\n  // PiWaveform is a single filled path with 5 bars on Phosphor's 256x256\n  // grid. Source: node_modules/react-icons/pi/index.js, PiWaveform.\n  Waveform: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createFilledSVG(\n      size,\n      '0 0 256 256',\n      [\n        {\n          d: 'M56,96v64a8,8,0,0,1-16,0V96a8,8,0,0,1,16,0ZM88,24a8,8,0,0,0-8,8V224a8,8,0,0,0,16,0V32A8,8,0,0,0,88,24Zm40,32a8,8,0,0,0-8,8V192a8,8,0,0,0,16,0V64A8,8,0,0,0,128,56Zm40,32a8,8,0,0,0-8,8v64a8,8,0,0,0,16,0V96A8,8,0,0,0,168,88Zm40-16a8,8,0,0,0-8,8v96a8,8,0,0,0,16,0V80A8,8,0,0,0,208,72Z',\n        },\n      ],\n      className\n    );\n  },\n\n  // Phone Off - FiPhoneOff from react-icons/fi\n  PhoneOff: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      [\n        'M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91',\n        'M23 1L1 23',\n      ],\n      className\n    );\n  },\n\n  // Video Camera - IoVideocam from react-icons/io5\n  Video: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      ['M23 7l-7 5 7 5V7zM16 5H2C.9 5 0 5.9 0 7v10c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2z'],\n      className\n    );\n  },\n\n  // Video Camera Off - IoVideocamOff from react-icons/io5\n  VideoOff: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      [\n        'M1 1l22 22M16 16v1a2 2 0 01-2 2H3a2 2 0 01-2-2V7a2 2 0 012-2h2m5.66 0H14a2 2 0 012 2v3.34l1 1L23 7v10',\n      ],\n      className\n    );\n  },\n\n  // Volume Mute - IoVolumeMute from react-icons/io5 (Ionicons). The previous\n  // version was a hand-drawn Feather-style \"volume-x\" glyph on a 24x24 grid;\n  // the real IoVolumeMute lives on Ionicons' 512x512 grid and mixes two\n  // filled paths with one stroked diagonal slash. Source:\n  // node_modules/react-icons/io5/index.js, IoVolumeMute.\n  VolumeMute: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createFilledSVG(\n      size,\n      '0 0 512 512',\n      [\n        {\n          d: 'M416 432 64 80',\n          fill: 'none',\n          stroke: 'currentColor',\n          strokeWidth: '32',\n          strokeLinecap: 'round',\n          strokeMiterlimit: '10',\n        },\n        {\n          d: 'M243.33 98.86a23.89 23.89 0 0 0-25.55 1.82l-.66.51-28.52 23.35a8 8 0 0 0-.59 11.85l54.33 54.33a8 8 0 0 0 13.66-5.66v-64.49a24.51 24.51 0 0 0-12.67-21.71zm8 236.43L96.69 180.69A16 16 0 0 0 85.38 176H56a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h69.76l92 75.31a23.9 23.9 0 0 0 25.87 1.69A24.51 24.51 0 0 0 256 391.45v-44.86a16 16 0 0 0-4.67-11.3zM352 256c0-24.56-5.81-47.87-17.75-71.27a16 16 0 1 0-28.5 14.55C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 0 0 2.32 6.25l14.36 14.36a8 8 0 0 0 13.55-4.31A146 146 0 0 0 352 256zm64 0c0-51.18-13.08-83.89-34.18-120.06a16 16 0 0 0-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 0 0 1.9 8.26L389 337.4a8 8 0 0 0 13.13-2.79C411 311.76 416 287.26 416 256z',\n        },\n        {\n          d: 'M480 256c0-74.25-20.19-121.11-50.51-168.61a16 16 0 1 0-27 17.22C429.82 147.38 448 189.5 448 256c0 46.19-8.43 80.27-22.43 110.53a8 8 0 0 0 1.59 9l11.92 11.92a8 8 0 0 0 12.92-2.16C471.6 344.9 480 305 480 256z',\n        },\n      ],\n      className\n    );\n  },\n\n  // Volume High - IoVolumeHigh from react-icons/io5 (Ionicons). Same\n  // grid/source mismatch as VolumeMute above: the previous version was a\n  // hand-drawn 24x24 Feather-style \"volume-2\" glyph. The real IoVolumeHigh\n  // is three filled paths on a 512x512 grid, no stroke. Source:\n  // node_modules/react-icons/io5/index.js, IoVolumeHigh.\n  VolumeHigh: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createFilledSVG(\n      size,\n      '0 0 512 512',\n      [\n        {\n          d: 'M232 416a23.88 23.88 0 0 1-14.2-4.68 8.27 8.27 0 0 1-.66-.51L125.76 336H56a24 24 0 0 1-24-24V200a24 24 0 0 1 24-24h69.75l91.37-74.81a8.27 8.27 0 0 1 .66-.51A24 24 0 0 1 256 120v272a24 24 0 0 1-24 24zm-106.18-80zm-.27-159.86zM320 336a16 16 0 0 1-14.29-23.19c9.49-18.87 14.3-38 14.3-56.81 0-19.38-4.66-37.94-14.25-56.73a16 16 0 0 1 28.5-14.54C346.19 208.12 352 231.44 352 256c0 23.86-6 47.81-17.7 71.19A16 16 0 0 1 320 336z',\n        },\n        {\n          d: 'M368 384a16 16 0 0 1-13.86-24C373.05 327.09 384 299.51 384 256c0-44.17-10.93-71.56-29.82-103.94a16 16 0 0 1 27.64-16.12C402.92 172.11 416 204.81 416 256c0 50.43-13.06 83.29-34.13 120a16 16 0 0 1-13.87 8z',\n        },\n        {\n          d: 'M416 432a16 16 0 0 1-13.39-24.74C429.85 365.47 448 323.76 448 256c0-66.5-18.18-108.62-45.49-151.39a16 16 0 1 1 27-17.22C459.81 134.89 480 181.74 480 256c0 64.75-14.66 113.63-50.6 168.74A16 16 0 0 1 416 432z',\n        },\n      ],\n      className\n    );\n  },\n\n  // More Vertical - FiMoreVertical from react-icons/fi\n  MoreVertical: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    const svg = createSVG(size, '0 0 24 24', [], className);\n    // Add circles for dots\n    for (let cy of [12, 5, 19]) {\n      const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n      circle.setAttribute('cx', '12');\n      circle.setAttribute('cy', cy.toString());\n      circle.setAttribute('r', '1');\n      circle.setAttribute('fill', 'currentColor');\n      svg.appendChild(circle);\n    }\n    return svg;\n  },\n\n  // Screen Share - MdScreenShare from react-icons/md\n  ScreenShare: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      [\n        'M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zM13 14.47v-2.19c-2.78 0-4.61.85-6 2.72.56-2.67 2.11-5.33 6-5.87V7l4 3.73-4 3.74z',\n      ],\n      className\n    );\n  },\n\n  // Stop Screen Share - MdStopScreenShare from react-icons/md\n  StopScreenShare: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      [\n        'M21.22 18.02l2 2H24v-2h-2.78zm-1.13-1.13l1.54 1.54c.15-.34.24-.72.24-1.12L21.88 7c0-1.11-.9-2-2-2H7.8l5.88 5.88L13 12 6.97 6.97 2.39 2.39 1.11 3.67l.8.8c-.01.01-.01.02-.01.02L2 17.33c0 1.11.89 2 1.99 2H0v2h18.13l2.71 2.71 1.27-1.27L2.39 2.39zM7 15.13c.96-1.29 2.13-2.08 3.67-2.46l3.46 3.46H7v-1z',\n      ],\n      className\n    );\n  },\n\n  // Redo/Refresh - LiaRedoAltSolid from react-icons/lia\n  Redo: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      ['M21.5 2v6h-6M2.5 22v-6h6M2 11.5a10 10 0 0118.8-4.3M22 12.5a10 10 0 01-18.8 4.2'],\n      className\n    );\n  },\n\n  // Drag Indicator - MdDragIndicator from react-icons/md\n  DragIndicator: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    const svg = createFilledSVG(\n      size,\n      '0 0 24 24',\n      [\n        { d: 'M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z' },\n      ],\n      className\n    );\n    svg.removeAttribute('stroke');\n    svg.removeAttribute('stroke-width');\n    return svg;\n  },\n\n  // User - FaUser from react-icons/fa\n  User: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      ['M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2', 'M12 11a4 4 0 100-8 4 4 0 000 8z'],\n      className\n    );\n  },\n};\n\n/**\n * Helper to create icon wrapper div\n */\nexport function createIconWrapper(\n  icon: SVGSVGElement,\n  size: IconSize = 'md',\n  color?: string,\n  className?: string\n): HTMLDivElement {\n  const wrapper = document.createElement('div');\n  wrapper.className = `icon-wrapper ${className || ''}`;\n  wrapper.style.cssText = `\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: ${iconSizes[size]};\n    height: ${iconSizes[size]};\n    color: ${color || 'currentColor'};\n    transition: color 0.2s ease;\n  `;\n  wrapper.appendChild(icon);\n  return wrapper;\n}\n\n"]}
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/vanilla/icons.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Vanilla JS Icons\n * Reuses the same icons from the React example\n * Uses inline SVG for consistency and no external dependencies\n */\n\nexport type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\nexport type LogoState =\n  | 'idle'\n  | 'connecting'\n  | 'connected'\n  | 'disconnected'\n  | 'typing'\n  | 'listening'\n  | 'processing';\n\nconst iconSizes: Record<IconSize, string> = {\n  xs: '0.75rem',\n  sm: '1rem',\n  md: '1.25rem',\n  lg: '1.5rem',\n  xl: '2rem',\n  '2xl': '2.5rem',\n};\n\nconst secondStripColors: Record<LogoState, string> = {\n  idle: '#1EB453',\n  connecting: '#f59e0b',\n  connected: '#1EB453',\n  disconnected: '#ef4444',\n  typing: '#8b5cf6',\n  listening: '#3b82f6',\n  processing: '#6366f1',\n};\n\n/**\n * Create an SVG element with common attributes\n */\nfunction createSVG(\n  size: IconSize,\n  viewBox: string,\n  paths: string[],\n  className?: string\n): SVGSVGElement {\n  const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n  const sizeValue = iconSizes[size];\n  \n  svg.setAttribute('width', sizeValue);\n  svg.setAttribute('height', sizeValue);\n  svg.setAttribute('viewBox', viewBox);\n  svg.setAttribute('fill', 'none');\n  svg.setAttribute('stroke', 'currentColor');\n  svg.setAttribute('stroke-width', '2');\n  svg.setAttribute('stroke-linecap', 'round');\n  svg.setAttribute('stroke-linejoin', 'round');\n  \n  if (className) {\n    svg.className.baseVal = className;\n  }\n  \n  paths.forEach(pathData => {\n    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');\n    path.setAttribute('d', pathData);\n    svg.appendChild(path);\n  });\n  \n  return svg;\n}\n\n/**\n * Create a filled SVG element\n */\nfunction createFilledSVG(\n  size: IconSize,\n  viewBox: string,\n  paths: Array<{ d: string; fill?: string; transform?: string }>,\n  className?: string\n): SVGSVGElement {\n  const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n  const sizeValue = iconSizes[size];\n  \n  svg.setAttribute('width', sizeValue);\n  svg.setAttribute('height', sizeValue);\n  svg.setAttribute('viewBox', viewBox);\n  svg.setAttribute('fill', 'currentColor');\n  \n  if (className) {\n    svg.className.baseVal = className;\n  }\n  \n  paths.forEach(pathConfig => {\n    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');\n    path.setAttribute('d', pathConfig.d);\n    if (pathConfig.fill) {\n      path.setAttribute('fill', pathConfig.fill);\n    }\n    if (pathConfig.transform) {\n      path.setAttribute('transform', pathConfig.transform);\n    }\n    svg.appendChild(path);\n  });\n  \n  return svg;\n}\n\n/**\n * Icons object with all icon creation functions\n * Matches the icons from react-icons used in the React example\n */\nexport const Icons = {\n  // Convai Logo - exact copy from React example\n  ConvaiLogo: (size: IconSize = 'md', state: LogoState = 'idle', className?: string): SVGSVGElement => {\n    return createFilledSVG(\n      size,\n      '0 0 384 384',\n      [\n        // First strip - Main body (always original green)\n        {\n          d: 'M0 0 C0.69959839 -0.0065712 1.39919678 -0.0131424 2.11999512 -0.01991272 C4.43522251 -0.03962096 6.75038501 -0.05130455 9.06567383 -0.0612793 C9.85831446 -0.06535482 10.65095509 -0.06943035 11.46761513 -0.07362938 C15.66541914 -0.0944825 19.86319057 -0.10878583 24.06103516 -0.11816406 C28.38410215 -0.12920936 32.70665171 -0.16358924 37.02953625 -0.20333576 C40.36427221 -0.22956171 43.69888619 -0.23786131 47.0337162 -0.24144554 C48.62643224 -0.24629839 50.21914331 -0.2578751 51.81175804 -0.27648354 C69.26930263 -0.46773456 69.26930263 -0.46773456 75.58610535 5.6245575 C80.21645647 10.85588298 81.33540199 14.49016989 81.35986328 21.4206543 C81.36497421 22.14311844 81.37008514 22.86558258 81.37535095 23.60993958 C81.38923214 25.99435754 81.38829113 28.37848592 81.38598633 30.76293945 C81.38987448 32.42436836 81.39420939 34.08579627 81.39897156 35.7472229 C81.40643089 39.22905703 81.40614488 42.71078976 81.40087891 46.19262695 C81.39508893 50.64694813 81.41200506 55.10085286 81.43522358 59.55510521 C81.44998192 62.98670871 81.4508297 66.41821245 81.44771385 69.84984207 C81.44822615 71.49163258 81.45344672 73.1334288 81.46352577 74.77518845 C81.47591195 77.07525124 81.46908575 79.37450987 81.45751953 81.67456055 C81.45814896 82.981539 81.45877838 84.28851746 81.45942688 85.63510132 C80.84254452 91.47371365 78.52732357 95.26249723 74.08520508 98.98950195 C73.40458008 99.57344727 72.72395508 100.15739258 72.02270508 100.7590332 C68.47350615 103.35653161 65.36290965 103.30519544 61.10424805 103.31884766 C59.87221649 103.32588211 58.64018494 103.33291656 57.37081909 103.34016418 C56.7124493 103.34198008 56.05407951 103.34379597 55.37575912 103.34566689 C53.30624131 103.35285669 51.23695729 103.36854441 49.16751099 103.38700867 C43.28366424 103.43934056 37.3999433 103.4873775 31.51586914 103.50292969 C27.91355676 103.5130737 24.3118307 103.54256243 20.70975113 103.5842495 C19.34402042 103.59647838 17.97820656 103.60169572 16.61242294 103.59945107 C8.73090231 103.58969075 1.87263728 103.81383569 -4.91479492 108.17700195 C-7.72384754 111.13052013 -9.15477197 114.52324306 -10.91479492 118.17700195 C-11.28512344 118.93435638 -11.65545197 119.69171082 -12.03700256 120.47201538 C-16.07726993 130.41632989 -15.43823163 140.76281367 -15.37008476 151.32646561 C-15.34801891 154.90096301 -15.35197296 158.47462262 -15.36256409 162.04916382 C-15.38412577 170.92003422 -15.36687668 179.79071265 -15.34106445 188.66156006 C-15.31962039 196.17710783 -15.31776573 203.69211414 -15.34398079 211.20765305 C-15.34831203 214.71647808 -15.32375642 218.22434564 -15.29844666 221.73306274 C-15.30371999 223.89748554 -15.31044419 226.06190545 -15.31884766 228.22631836 C-15.30393784 229.19074356 -15.28902802 230.15516876 -15.27366638 231.14881897 C-15.34508206 238.01141921 -16.9480351 243.5040945 -20.91479492 249.17700195 C-26.0538927 253.49142781 -30.93587496 255.28530317 -37.61843872 255.3309021 C-38.56028519 255.33950256 -39.50213165 255.34810303 -40.47251892 255.35696411 C-41.49906082 255.36122406 -42.52560272 255.36548401 -43.58325195 255.36987305 C-44.66992661 255.37805054 -45.75660126 255.38622803 -46.87620544 255.39465332 C-50.47500054 255.41947905 -54.07375621 255.43601739 -57.67260742 255.45043945 C-58.90313717 255.45576313 -60.13366692 255.46108681 -61.40148544 255.46657181 C-67.24488135 255.49053877 -73.08826109 255.5097802 -78.93169224 255.52259386 C-84.98841103 255.53614167 -91.04475988 255.56242227 -97.10131836 255.60913086 C-103.60933706 255.65850314 -110.11701183 255.68322666 -116.62520981 255.69032669 C-119.10105009 255.69703038 -121.57688297 255.71222923 -124.05261612 255.7362175 C-127.52547148 255.76794397 -130.99700762 255.7678936 -134.4699707 255.76049805 C-135.48436722 255.77690338 -136.49876373 255.79330872 -137.54389954 255.81021118 C-144.58516525 255.74911945 -150.0594436 254.18666177 -155.91479492 250.17700195 C-160.11922437 245.7740819 -162.02935988 241.44006577 -162.06869507 235.39033508 C-162.08159576 233.91218575 -162.08159576 233.91218575 -162.09475708 232.4041748 C-162.09901703 231.32414185 -162.10327698 230.24410889 -162.10766602 229.13134766 C-162.11584351 227.99283859 -162.124021 226.85432953 -162.13244629 225.68132019 C-162.15730395 221.90514656 -162.17381777 218.12901055 -162.18823242 214.3527832 C-162.1935561 213.06367727 -162.19887978 211.77457134 -162.20436478 210.4464016 C-162.22559522 205.02735272 -162.24472449 199.60831609 -162.25598717 194.18923664 C-162.27221051 186.43543753 -162.30535181 178.68214076 -162.36238801 170.92853099 C-162.40584504 164.81123062 -162.42174109 158.6941264 -162.42811966 152.57668114 C-162.43483541 149.9791729 -162.45006568 147.38167207 -162.47401047 144.78426552 C-162.50563862 141.14566586 -162.50570126 137.50833002 -162.49829102 133.86962891 C-162.51469635 132.7997171 -162.53110168 131.7298053 -162.54800415 130.62747192 C-162.49171427 123.86379339 -161.30224231 119.40867493 -156.91479492 114.17700195 C-150.70048633 108.27340879 -145.09496666 107.88810653 -136.89892578 107.9375 C-135.89334625 107.93548584 -134.88776672 107.93347168 -133.85171509 107.93139648 C-131.67026481 107.92785441 -129.48880427 107.92861384 -127.30735588 107.93317223 C-123.84643147 107.93877446 -120.38584111 107.92958995 -116.92494202 107.91596985 C-107.08536336 107.87889048 -97.24589659 107.86026615 -87.40625 107.87158203 C-81.38322548 107.87745814 -75.36066903 107.85904709 -69.33773994 107.82569313 C-67.05060701 107.81777476 -64.76342257 107.81896733 -62.47630119 107.82971764 C-43.45245929 108.09017669 -43.45245929 108.09017669 -26.78979492 99.73950195 C-23.10917107 94.70931602 -22.66695746 89.8832171 -22.67529297 83.76977539 C-22.67327881 83.05344437 -22.67126465 82.33711334 -22.66918945 81.59907532 C-22.66565984 80.05224746 -22.66639133 78.50540513 -22.67096519 76.95858002 C-22.67659236 74.50202502 -22.66734352 72.0459363 -22.65376282 69.5894165 C-22.61678347 62.60801088 -22.59805845 55.62676468 -22.609375 48.64526367 C-22.61525918 44.36517663 -22.59680667 40.08574677 -22.5634861 35.80579376 C-22.55558359 34.18408293 -22.55673851 32.56229947 -22.5675106 30.94060516 C-22.62477994 21.92945939 -22.61028477 13.70058716 -16.91479492 6.17700195 C-11.68775031 1.25109893 -7.03157131 0.05467437 0 0 Z',\n          fill: '#1EB453',\n          transform: 'translate(275.914794921875,92.822998046875)',\n        },\n        // Second strip - Accent (dynamic colors based on state)\n        {\n          d: 'M0 0 C0.70949799 -0.0065712 1.41899597 -0.0131424 2.1499939 -0.01991272 C4.49224974 -0.03958252 6.83444162 -0.05129463 9.17675781 -0.0612793 C9.97951393 -0.06535482 10.78227005 -0.06943035 11.60935211 -0.07362938 C15.85903157 -0.09446397 20.10867901 -0.10877652 24.35839844 -0.11816406 C28.73412049 -0.12921848 33.10933265 -0.16361435 37.48487473 -0.20333576 C40.86164252 -0.22955602 44.23828982 -0.2378607 47.61515045 -0.24144554 C49.22740367 -0.24629814 50.83965199 -0.25787412 52.45180511 -0.27648354 C61.87754315 -0.37851798 69.22600258 -0.40722527 76.90332031 5.81762695 C77.34933594 6.3487207 77.79535156 6.87981445 78.25488281 7.42700195 C78.94710937 8.20817383 78.94710937 8.20817383 79.65332031 9.00512695 C84.02596265 16.74776753 83.1900497 25.91727112 83.18066406 34.5168457 C83.18455855 36.00842913 83.18889475 37.50001147 83.19364929 38.99159241 C83.20108066 42.10738735 83.20084254 45.22306892 83.19555664 48.33886719 C83.189763 52.31076588 83.20670518 56.28219809 83.22990131 60.25401974 C83.24470727 63.33145309 83.24550113 66.40877581 83.24239159 69.48623848 C83.24290125 70.94971198 83.24807164 72.41319226 83.25820351 73.87663078 C83.37438765 93.0006229 83.37438765 93.0006229 77.12988281 100.05200195 C76.68128906 100.58567383 76.23269531 101.1193457 75.77050781 101.66918945 C70.71771348 105.69889733 65.71373184 106.5516213 59.38745117 106.56176758 C58.67430252 106.56714035 57.96115387 106.57251312 57.22639465 106.57804871 C55.69051241 106.58777157 54.15457559 106.5907876 52.6186657 106.58769226 C50.18403577 106.58318589 47.75012185 106.59729184 45.31556702 106.61608887 C39.27289347 106.65895188 33.23023785 106.67011114 27.18743896 106.68231201 C22.07081894 106.69385979 16.95452773 106.71746947 11.83804512 106.75700378 C9.4460817 106.7705322 7.05456878 106.76641182 4.6625824 106.76159668 C3.1893558 106.77094038 1.71613413 106.78110998 0.24291992 106.79223633 C-1.03724503 106.79429077 -2.31740997 106.79634521 -3.6363678 106.79846191 C-7.41637293 107.20919275 -9.82064532 108.34953123 -13.12011719 110.17700195 C-13.78011719 110.17700195 -14.44011719 110.17700195 -15.12011719 110.17700195 C-17.52280099 115.83889015 -17.41598579 121.16057712 -17.42871094 127.20043945 C-17.45386958 129.37752548 -17.47926763 131.55460875 -17.50488281 133.73168945 C-17.53360338 137.14379163 -17.55763834 140.55584604 -17.57641602 143.96801758 C-17.59814672 147.27490607 -17.63758849 150.58124339 -17.67871094 153.88793945 C-17.67882675 154.89964203 -17.67894257 155.9113446 -17.67906189 156.95370483 C-17.7841159 164.52274898 -19.03497091 169.98795471 -23.24511719 176.42700195 C-29.45623238 182.36806866 -36.31490332 183.78705333 -44.68652344 183.6730957 C-46.00401833 183.67527855 -46.00401833 183.67527855 -47.34812927 183.67750549 C-49.19102319 183.67585714 -51.03393241 183.66441631 -52.87670898 183.64355469 C-55.67914918 183.61453786 -58.47969965 183.62298099 -61.28222656 183.63598633 C-63.08366794 183.62974909 -64.88510341 183.62135826 -66.68652344 183.6105957 C-67.51382462 183.61353134 -68.34112579 183.61646698 -69.1934967 183.61949158 C-75.59165864 183.51691869 -81.40132888 182.53204156 -86.39746094 178.2043457 C-86.9453125 177.51469727 -87.49316406 176.82504883 -88.05761719 176.11450195 C-88.62351562 175.42227539 -89.18941406 174.73004883 -89.77246094 174.0168457 C-91.95579877 171.03611492 -92.25725067 169.22772898 -92.31298828 165.57885742 C-92.32905121 164.62381317 -92.34511414 163.66876892 -92.36166382 162.68478394 C-92.40618833 158.30003565 -92.44720831 153.91543939 -92.47021484 149.53051758 C-92.48674024 147.22214655 -92.51398466 144.91382596 -92.55224609 142.60571289 C-92.60721123 139.27243575 -92.62892302 135.94035974 -92.64355469 132.60668945 C-92.66622406 131.58243866 -92.68889343 130.55818787 -92.71224976 129.50289917 C-92.69275809 122.84191599 -91.55490715 118.27254494 -87.12011719 113.17700195 C-82.85713484 109.85187572 -79.42315905 108.06794719 -74.01928711 108.01928711 C-73.19800827 108.00902496 -72.37672943 107.99876282 -71.53056335 107.9881897 C-70.64617081 107.98088837 -69.76177826 107.97358704 -68.85058594 107.96606445 C-66.97362414 107.93799282 -65.09667113 107.90932834 -63.21972656 107.88012695 C-60.26391881 107.83890024 -57.30827464 107.80200782 -54.35229492 107.77563477 C-51.49721474 107.74795955 -48.64287792 107.70208605 -45.78808594 107.65356445 C-44.47060616 107.64868515 -44.47060616 107.64868515 -43.12651062 107.64370728 C-38.07403193 107.54295109 -34.47561603 107.02250373 -30.12011719 104.17700195 C-28.38692337 101.61731491 -28.38692337 101.61731491 -27.30761719 98.67700195 C-26.90929687 97.71793945 -26.51097656 96.75887695 -26.10058594 95.77075195 C-24.41267145 91.30551203 -23.99587525 87.9866657 -23.99414062 83.20214844 C-23.99227249 82.49600906 -23.99040436 81.78986969 -23.98847961 81.06233215 C-23.9844771 79.52854718 -23.98240091 77.99475626 -23.98201752 76.46096611 C-23.97859338 73.18930997 -23.95721325 69.91785101 -23.93678665 66.64626408 C-23.89884548 60.55842138 -23.86749302 54.47078699 -23.86962891 48.3828125 C-23.87042015 44.14504806 -23.84687404 39.90800348 -23.80774689 35.67042732 C-23.79734392 34.06268623 -23.79572049 32.45486145 -23.80339813 30.84710503 C-23.84202858 21.8556044 -23.77030332 13.69524181 -18.12011719 6.17700195 C-12.50415323 0.77468343 -7.52615394 0.05781024 0 0 Z',\n          fill: secondStripColors[state],\n          transform: 'translate(92.1201171875,53.822998046875)',\n        },\n        // Additional detail paths\n        {\n          d: 'M0 0 C0.66 0.33 1.32 0.66 2 1 C0.90033225 2.29549899 -0.20491801 3.58626071 -1.3125 4.875 C-1.92738281 5.59429687 -2.54226563 6.31359375 -3.17578125 7.0546875 C-5 9 -5 9 -8 11 C-6.60366572 6.55711819 -4.39598172 4.13475236 -1 1 C-0.67 0.67 -0.34 0.34 0 0 Z',\n          fill: 'currentColor',\n          transform: 'translate(264,95)',\n        },\n        {\n          d: 'M0 0 C0.66 0.33 1.32 0.66 2 1 C-0.64 3.64 -3.28 6.28 -6 9 C-6 6 -6 6 -3.5625 3.375 C-2.716875 2.59125 -1.87125 1.8075 -1 1 C-0.67 0.67 -0.34 0.34 0 0 Z',\n          fill: 'currentColor',\n          transform: 'translate(79,56)',\n        },\n      ],\n      className\n    );\n  },\n\n  // ChevronDown - from Feather Icons (react-icons/fi)\n  ChevronDown: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(size, '0 0 24 24', ['M6 9l6 6 6-6'], className);\n  },\n\n  // Close - IoClose from react-icons/io5\n  Close: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(size, '0 0 24 24', ['M18 6L6 18M6 6l12 12'], className);\n  },\n\n  // Send - FiSend from react-icons/fi\n  Send: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(size, '0 0 24 24', ['M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z'], className);\n  },\n\n  // Microphone - FiMic from react-icons/fi\n  Mic: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      [\n        'M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z',\n        'M19 10v2a7 7 0 0 1-14 0v-2',\n        'M12 19v4M8 23h8',\n      ],\n      className\n    );\n  },\n\n  // Waveform - PiWaveform from react-icons/pi\n  Waveform: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      [\n        'M2 12h2M6 8v8M10 4v16M14 8v8M18 6v12M22 12h-2',\n      ],\n      className\n    );\n  },\n\n  // Phone Off - FiPhoneOff from react-icons/fi\n  PhoneOff: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      [\n        'M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91',\n        'M23 1L1 23',\n      ],\n      className\n    );\n  },\n\n  // Video Camera - IoVideocam from react-icons/io5\n  Video: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      ['M23 7l-7 5 7 5V7zM16 5H2C.9 5 0 5.9 0 7v10c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2z'],\n      className\n    );\n  },\n\n  // Video Camera Off - IoVideocamOff from react-icons/io5\n  VideoOff: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      [\n        'M1 1l22 22M16 16v1a2 2 0 01-2 2H3a2 2 0 01-2-2V7a2 2 0 012-2h2m5.66 0H14a2 2 0 012 2v3.34l1 1L23 7v10',\n      ],\n      className\n    );\n  },\n\n  // Volume Mute - IoVolumeMute from react-icons/io5\n  VolumeMute: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      ['M11 5L6 9H2v6h4l5 4V5zM23 9l-6 6M17 9l6 6'],\n      className\n    );\n  },\n\n  // Volume High - IoVolumeHigh from react-icons/io5\n  VolumeHigh: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      [\n        'M11 5L6 9H2v6h4l5 4V5z',\n        'M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07',\n      ],\n      className\n    );\n  },\n\n  // More Vertical - FiMoreVertical from react-icons/fi\n  MoreVertical: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    const svg = createSVG(size, '0 0 24 24', [], className);\n    // Add circles for dots\n    for (let cy of [12, 5, 19]) {\n      const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n      circle.setAttribute('cx', '12');\n      circle.setAttribute('cy', cy.toString());\n      circle.setAttribute('r', '1');\n      circle.setAttribute('fill', 'currentColor');\n      svg.appendChild(circle);\n    }\n    return svg;\n  },\n\n  // Screen Share - MdScreenShare from react-icons/md\n  ScreenShare: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      [\n        'M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zM13 14.47v-2.19c-2.78 0-4.61.85-6 2.72.56-2.67 2.11-5.33 6-5.87V7l4 3.73-4 3.74z',\n      ],\n      className\n    );\n  },\n\n  // Stop Screen Share - MdStopScreenShare from react-icons/md\n  StopScreenShare: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      [\n        'M21.22 18.02l2 2H24v-2h-2.78zm-1.13-1.13l1.54 1.54c.15-.34.24-.72.24-1.12L21.88 7c0-1.11-.9-2-2-2H7.8l5.88 5.88L13 12 6.97 6.97 2.39 2.39 1.11 3.67l.8.8c-.01.01-.01.02-.01.02L2 17.33c0 1.11.89 2 1.99 2H0v2h18.13l2.71 2.71 1.27-1.27L2.39 2.39zM7 15.13c.96-1.29 2.13-2.08 3.67-2.46l3.46 3.46H7v-1z',\n      ],\n      className\n    );\n  },\n\n  // Redo/Refresh - LiaRedoAltSolid from react-icons/lia\n  Redo: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      ['M21.5 2v6h-6M2.5 22v-6h6M2 11.5a10 10 0 0118.8-4.3M22 12.5a10 10 0 01-18.8 4.2'],\n      className\n    );\n  },\n\n  // Drag Indicator - MdDragIndicator from react-icons/md\n  DragIndicator: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    const svg = createFilledSVG(\n      size,\n      '0 0 24 24',\n      [\n        { d: 'M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z' },\n      ],\n      className\n    );\n    svg.removeAttribute('stroke');\n    svg.removeAttribute('stroke-width');\n    return svg;\n  },\n\n  // User - FaUser from react-icons/fa\n  User: (size: IconSize = 'md', className?: string): SVGSVGElement => {\n    return createSVG(\n      size,\n      '0 0 24 24',\n      ['M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2', 'M12 11a4 4 0 100-8 4 4 0 000 8z'],\n      className\n    );\n  },\n};\n\n/**\n * Helper to create icon wrapper div\n */\nexport function createIconWrapper(\n  icon: SVGSVGElement,\n  size: IconSize = 'md',\n  color?: string,\n  className?: string\n): HTMLDivElement {\n  const wrapper = document.createElement('div');\n  wrapper.className = `icon-wrapper ${className || ''}`;\n  wrapper.style.cssText = `\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: ${iconSizes[size]};\n    height: ${iconSizes[size]};\n    color: ${color || 'currentColor'};\n    transition: color 0.2s ease;\n  `;\n  wrapper.appendChild(icon);\n  return wrapper;\n}\n\n"]}

package/dist/vanilla/index.d.ts

@@ -28,11 +28,9 @@
  * // - client.audioControls, videoControls, etc.
  * ```
  */
-export { ActionResultAckError, ConvaiClient } from '../core/ConvaiClient.js';
-export { CharacterVersionManager, CharacterApiError } from '../core/CharacterVersionManager.js';
-export { ConvaiRoomError } from '../core/ConvaiRoomError.js';
+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';
+export type { VanillaWidget, VanillaWidgetOptions, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vanilla/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAGH,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAC7F,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAGzE,cAAc,eAAe,CAAC;AAG9B,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,eAAe,GAChB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vanilla/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAGzE,cAAc,eAAe,CAAC;AAG9B,YAAY,EACV,aAAa,EACb,oBAAoB,GACrB,MAAM,SAAS,CAAC"}

package/dist/vanilla/index.js

@@ -29,9 +29,7 @@
  * ```
  */
 // Main client for managing connections
-export { ActionResultAckError, ConvaiClient } from '../core/ConvaiClient.js';
-export { CharacterVersionManager, CharacterApiError } from '../core/CharacterVersionManager.js';
-export { ConvaiRoomError } from '../core/ConvaiRoomError.js';
+export { ConvaiClient } from '../core/ConvaiClient.js';
 // AudioRenderer for custom UI builders (handles audio playback)
 export { AudioRenderer } from './AudioRenderer.js';
 // Vanilla widget - complete UI solution

package/dist/vanilla/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/vanilla/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,uCAAuC;AACvC,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAC7F,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,gEAAgE;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,wCAAwC;AACxC,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,0DAA0D;AAC1D,cAAc,eAAe,CAAC","sourcesContent":["/**\n * Convai Web SDK - Vanilla JavaScript/TypeScript Export\n * \n * This module provides vanilla JS/TS exports for the Convai SDK.\n * Use this for non-React applications.\n * \n * @example\n * ```typescript\n * import { ConvaiClient, createConvaiWidget } from '@convai/web-sdk/vanilla';\n * \n * // Pass config to constructor (same pattern as React's useConvaiClient)\n * const client = new ConvaiClient({\n *   apiKey: 'your-api-key',\n *   characterId: 'your-character-id',\n *   enableVideo: true,\n * });\n * \n * // Create widget - auto-connects on first click\n * const widget = createConvaiWidget(document.body, {\n *   convaiClient: client\n * });\n * \n * // Client has all functions for advanced usage:\n * // - client.connect() - manual connection\n * // - client.disconnect() - disconnect\n * // - client.reconnect() - reconnect\n * // - client.sendUserTextMessage() - send messages\n * // - client.audioControls, videoControls, etc.\n * ```\n */\n\n// Main client for managing connections\nexport { ActionResultAckError, ConvaiClient } from '../core/ConvaiClient';\nexport { CharacterVersionManager, CharacterApiError } from '../core/CharacterVersionManager';\nexport { ConvaiRoomError } from '../core/ConvaiRoomError';\n\n// AudioRenderer for custom UI builders (handles audio playback)\nexport { AudioRenderer } from './AudioRenderer';\n\n// Vanilla widget - complete UI solution\nexport { createConvaiWidget, destroyConvaiWidget } from './ConvaiWidget';\n\n// Re-export ALL core types for complete parity with React\nexport * from '../core/types';\n\n// Widget-specific types\nexport type {\n  VanillaWidget,\n  VanillaWidgetOptions,\n  WidgetPlacement,\n} from './types';\n\n"]}
+{"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;AAEzE,0DAA0D;AAC1D,cAAc,eAAe,CAAC","sourcesContent":["/**\n * Convai Web SDK - Vanilla JavaScript/TypeScript Export\n * \n * This module provides vanilla JS/TS exports for the Convai SDK.\n * Use this for non-React applications.\n * \n * @example\n * ```typescript\n * import { ConvaiClient, createConvaiWidget } from '@convai/web-sdk/vanilla';\n * \n * // Pass config to constructor (same pattern as React's useConvaiClient)\n * const client = new ConvaiClient({\n *   apiKey: 'your-api-key',\n *   characterId: 'your-character-id',\n *   enableVideo: true,\n * });\n * \n * // Create widget - auto-connects on first click\n * const widget = createConvaiWidget(document.body, {\n *   convaiClient: client\n * });\n * \n * // Client has all functions for advanced usage:\n * // - client.connect() - manual connection\n * // - client.disconnect() - disconnect\n * // - client.reconnect() - reconnect\n * // - client.sendUserTextMessage() - send messages\n * // - client.audioControls, videoControls, etc.\n * ```\n */\n\n// Main client for managing connections\nexport { ConvaiClient } from '../core/ConvaiClient';\n\n// AudioRenderer for custom UI builders (handles audio playback)\nexport { AudioRenderer } from './AudioRenderer';\n\n// Vanilla widget - complete UI solution\nexport { createConvaiWidget, destroyConvaiWidget } from './ConvaiWidget';\n\n// Re-export ALL core types for complete parity with React\nexport * from '../core/types';\n\n// Widget-specific types\nexport type {\n  VanillaWidget,\n  VanillaWidgetOptions,\n} from './types';\n\n\n"]}

package/dist/vanilla/styles.d.ts

@@ -144,24 +144,7 @@ export declare const aeroTheme: {
  * This should be injected once into the document head
  */
 export declare const getGlobalStyles: () => string;
-/**
- * A document (the default) or a shadow root the widget is mounted inside.
- * `@keyframes` and global styles must be injected per-target because
- * shadow trees do not resolve rules defined in the document head.
- */
-export type StyleTarget = Document | ShadowRoot;
-/**
- * Inject the widget's global styles into a document or a shadow root.
- * Defaults to the document, so existing callers are unaffected.
- */
-export declare const injectGlobalStyles: (target?: StyleTarget) => void;
-/**
- * Inject the widget's `@keyframes` (e.g. the settings tray's `popIn`)
- * into a document or a shadow root. `@keyframes` defined in the document
- * do not resolve for shadow content, so they must be injected into each
- * shadow root that uses them.
- */
-export declare const injectKeyframes: (target?: StyleTarget) => void;
+export declare const injectGlobalStyles: () => void;
 /**
  * Helper to create inline styles object from theme
  */

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

@@ -1 +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;AAEF;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAuFhD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,SAAQ,WAAsB,KAAG,IAanE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,SAAQ,WAAsB,KAAG,IAahE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAG,MAO1D,CAAC"}
+{"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

@@ -75,14 +75,14 @@ export const aeroTheme = {
             mono: 'SF Mono, Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace',
         },
         fontSize: {
-            xs: "12px",
-            sm: "14px",
-            base: "16px",
-            lg: "18px",
-            xl: "20px",
-            "2xl": "24px",
-            "3xl": "30px",
-            "4xl": "36px",
+            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,
@@ -92,21 +92,21 @@ export const aeroTheme = {
         },
     },
     spacing: {
-        xs: "4px",
-        sm: "8px",
-        md: "16px",
-        lg: "24px",
-        xl: "32px",
-        "2xl": "48px",
-        "3xl": "64px",
+        xs: "0.25rem",
+        sm: "0.5rem",
+        md: "1rem",
+        lg: "1.5rem",
+        xl: "2rem",
+        "2xl": "3rem",
+        "3xl": "4rem",
     },
     borderRadius: {
         none: "0",
-        sm: "4px",
-        md: "8px",
-        lg: "12px",
-        xl: "16px",
-        "2xl": "24px",
+        sm: "0.25rem",
+        md: "0.5rem",
+        lg: "0.75rem",
+        xl: "1rem",
+        "2xl": "1.5rem",
         full: "9999px",
     },
     shadows: {
@@ -219,8 +219,8 @@ export const getGlobalStyles = () => `
   }
 
   .convai-widget {
-    font-family: var(--convai-font, ${aeroTheme.typography.fontFamily.primary});
-    color: var(--convai-panel-fg, ${aeroTheme.colors.text.primary});
+    font-family: ${aeroTheme.typography.fontFamily.primary};
+    color: ${aeroTheme.colors.text.primary};
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
@@ -260,118 +260,18 @@ export const getGlobalStyles = () => `
     background: rgba(0, 0, 0, 0.3);
   }
 `;
-/** Ids of the injected <style> nodes. Public in effect: hosts and a second
- *  copy of the SDK on the same page both key off them. */
-const WIDGET_STYLES_ID = 'convai-widget-styles';
-const WIDGET_KEYFRAMES_ID = 'convai-widget-keyframes';
-/** Targets that already hold the widget stylesheet. Per-target, so multiple
- *  widget instances and shadow roots each get their own copy. */
-const styledTargets = new WeakSet();
-/** Targets that already hold the widget's `@keyframes`. */
-const keyframedTargets = new WeakSet();
-/** Where a <style> node should be appended for a given target. */
-const styleHost = (target) => target instanceof ShadowRoot ? target : target.head;
 /**
- * True when `target` already holds a <style> with this id.
- *
- * The WeakSets above dedup within one module instance. This is the
- * cross-bundle guard: two copies of the SDK on one page (an app bundling it
- * and an embed script loading its own) each get their own WeakSet, so without
- * an existence check they would both append a <style> carrying the same id.
- * Inert, but the pre-refactor inline code checked for this and it should not
- * regress.
+ * Inject global styles into the document head
  */
-const hasStyleNode = (target, id) => styleHost(target).querySelector(`#${id}`) !== null;
-const WIDGET_KEYFRAMES = `
-  @keyframes popIn {
-    from { opacity: 0; transform: scale(0.95) translateY(-10px); }
-    to { opacity: 1; transform: scale(1) translateY(0); }
-  }
-
-  /* Connecting overlay: logo spin + label pulse. Values match the React
-   * widget's framer-motion transitions (ConvaiWidget.tsx:681-737) exactly --
-   * a full turn every 2s linear, and opacity 0.5 -> 1 -> 0.5 every 2s
-   * ease-in-out. React does not honour prefers-reduced-motion; vanilla does,
-   * via the media query below, since a full-turn infinite spin plus a
-   * pulsing label is exactly what that setting exists for. */
-  @keyframes convaiConnectingSpin {
-    from { transform: rotate(0deg); }
-    to { transform: rotate(360deg); }
-  }
-
-  @keyframes convaiConnectingPulse {
-    0%, 100% { opacity: 0.5; }
-    50% { opacity: 1; }
-  }
-
-  /* Voice mode's avatar: two counter-rotating liquid-gradient layers behind
-   * the character image. Matches the React overlay's framer-motion values
-   * (VoiceModeOverlay.tsx) — 20s clockwise for the conic layer, 15s
-   * anticlockwise for the radial one, both linear and infinite — and the
-   * gentle scale breathing it applies while the character is speaking. */
-  @keyframes convaiVoiceSpin {
-    from { transform: rotate(0deg); }
-    to { transform: rotate(360deg); }
-  }
-
-  @keyframes convaiVoiceSpinReverse {
-    from { transform: rotate(360deg); }
-    to { transform: rotate(0deg); }
-  }
-
-  @keyframes convaiVoiceBreathe {
-    0%, 100% { transform: scale(1); }
-    50% { transform: scale(1.05); }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .convai-connecting-spin {
-      animation: none !important;
-    }
-    .convai-connecting-pulse {
-      animation: none !important;
-    }
-    .convai-voice-gradient,
-    .convai-voice-avatar {
-      animation: none !important;
-    }
-  }
-`;
-/**
- * Inject the widget's global styles into a document or a shadow root.
- * Defaults to the document, so existing callers are unaffected.
- */
-export const injectGlobalStyles = (target = document) => {
-    if (styledTargets.has(target))
-        return;
-    if (hasStyleNode(target, WIDGET_STYLES_ID)) {
-        styledTargets.add(target);
+let stylesInjected = false;
+export const injectGlobalStyles = () => {
+    if (stylesInjected)
         return;
-    }
     const styleElement = document.createElement('style');
-    styleElement.id = WIDGET_STYLES_ID;
+    styleElement.id = 'convai-widget-styles';
     styleElement.textContent = getGlobalStyles();
-    styleHost(target).appendChild(styleElement);
-    styledTargets.add(target);
-};
-/**
- * Inject the widget's `@keyframes` (e.g. the settings tray's `popIn`)
- * into a document or a shadow root. `@keyframes` defined in the document
- * do not resolve for shadow content, so they must be injected into each
- * shadow root that uses them.
- */
-export const injectKeyframes = (target = document) => {
-    if (keyframedTargets.has(target))
-        return;
-    if (hasStyleNode(target, WIDGET_KEYFRAMES_ID)) {
-        keyframedTargets.add(target);
-        return;
-    }
-    const style = document.createElement('style');
-    style.id = WIDGET_KEYFRAMES_ID;
-    style.textContent = WIDGET_KEYFRAMES;
-    styleHost(target).appendChild(style);
-    keyframedTargets.add(target);
+    document.head.appendChild(styleElement);
+    stylesInjected = true;
 };
 /**
  * Helper to create inline styles object from theme