convai-voice-widget 1.0.0

package/README.md

@@ -0,0 +1,150 @@
+# AvinAI ConvAI Widget Embed
+
+Embeddable voice conversation widget for AvinAI agents. Add AI-powered voice conversations to any website with just 2 lines of code.
+
+## 🚀 Quick Start
+
+Add the widget to your website:
+
+```html
+<!-- Step 1: Add the widget element with your agent ID -->
+<avin-convai id="YOUR_AGENT_ID"></avin-convai>
+
+<!-- Step 2: Load the widget script -->
+<script src="https://unpkg.com/@avinai/convai-widget-embed" async type="text/javascript"></script>
+```
+
+That's it! The voice assistant will appear as a floating button on your website.
+
+## 📋 Features
+
+- ✅ **Easy Integration** - Just 2 lines of code
+- ✅ **Voice Conversations** - WebRTC-powered real-time voice
+- ✅ **Customizable** - Multiple configuration options
+- ✅ **Responsive** - Works on desktop and mobile
+- ✅ **Zero Dependencies** - Self-contained web component
+
+## 🎨 Configuration
+
+Customize the widget with attributes:
+
+```html
+<avin-convai 
+  id="YOUR_AGENT_ID"
+  position="bottom-right"
+  primary-color="#6366f1"
+  server-url="https://your-server.com"
+></avin-convai>
+```
+
+### Available Attributes
+
+| Attribute | Type | Default | Description |
+|-----------|------|---------|-------------|
+| `id` | string | *required* | Your AvinAI agent ID |
+| `position` | string | `bottom-right` | Widget position: `bottom-right`, `bottom-left`, `top-right`, `top-left` |
+| `primary-color` | string | `#6366f1` | Primary color for the widget (hex format) |
+| `server-url` | string | auto | Custom server URL for API calls |
+
+## 📖 Examples
+
+### Basic Usage
+```html
+<avin-convai id="63c510f4-b98a-435c-ad22-aa1e042d1d92"></avin-convai>
+<script src="https://unpkg.com/@avinai/convai-widget-embed" async type="text/javascript"></script>
+```
+
+### Custom Position and Color
+```html
+<avin-convai 
+  id="63c510f4-b98a-435c-ad22-aa1e042d1d92"
+  position="bottom-left"
+  primary-color="#10b981"
+></avin-convai>
+<script src="https://unpkg.com/@avinai/convai-widget-embed" async type="text/javascript"></script>
+```
+
+### With Custom Server
+```html
+<avin-convai 
+  id="63c510f4-b98a-435c-ad22-aa1e042d1d92"
+  server-url="https://your-custom-server.com"
+></avin-convai>
+<script src="https://unpkg.com/@avinai/convai-widget-embed" async type="text/javascript"></script>
+```
+
+## 🔧 Advanced Usage
+
+### Using Specific Version
+```html
+<script src="https://unpkg.com/@avinai/convai-widget-embed@1.0.0" async type="text/javascript"></script>
+```
+
+### Self-Hosting
+Download and host the widget yourself:
+
+```bash
+npm install @avinai/convai-widget-embed
+```
+
+Then include from your own server:
+```html
+<script src="/path/to/widget.js" type="module"></script>
+```
+
+## 🌐 Browser Support
+
+- Chrome / Edge (latest)
+- Firefox (latest)
+- Safari (latest)
+- Mobile browsers (iOS Safari, Chrome Android)
+
+**Requirements:**
+- WebRTC support
+- Microphone access
+
+## 📱 Mobile Support
+
+The widget is fully responsive and works on mobile devices. Users will be prompted to grant microphone permission on first use.
+
+## 🔒 Security & Privacy
+
+- HTTPS required for microphone access
+- User must explicitly grant microphone permission
+- All voice data is transmitted via secure WebRTC
+- No data is stored by the widget
+
+## 🛠️ Development
+
+```bash
+# Clone the repository
+git clone https://github.com/Alok7268/hr-dashboard.git
+cd sdk
+
+# Install dependencies
+npm install
+
+# Start dev server
+npm run dev
+
+# Build for production
+npm run build
+```
+
+## 📄 License
+
+MIT
+
+## 🤝 Support
+
+For support, please visit [AvinAI Dashboard](https://your-dashboard.com) or contact support@avinai.com
+
+## 🔗 Links
+
+- [Documentation](https://docs.avinai.com)
+- [Dashboard](https://your-dashboard.com)
+- [GitHub](https://github.com/Alok7268/hr-dashboard)
+
+---
+
+Made with ❤️ by AvinAI

package/dist/widget.js

@@ -0,0 +1,327 @@
+(function(){"use strict";const c={phone:`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 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.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
+    </svg>
+  `,close:`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="18" y1="6" x2="6" y2="18"/>
+      <line x1="6" y1="6" x2="18" y2="18"/>
+    </svg>
+  `,mic:`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z"/>
+      <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
+      <line x1="12" y1="19" x2="12" y2="22"/>
+    </svg>
+  `,micOff:`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="1" y1="1" x2="23" y2="23"/>
+      <path d="M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6"/>
+      <path d="M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23"/>
+      <line x1="12" y1="19" x2="12" y2="23"/>
+    </svg>
+  `,waves:`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"/>
+      <path d="M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"/>
+      <path d="M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"/>
+    </svg>
+  `},p=`
+  * {
+    box-sizing: border-box;
+  }
+
+  :host {
+    --primary: #6366f1;
+    --primary-hover: #4f46e5;
+    --bg: #ffffff;
+    --text: #1f2937;
+    --text-muted: #6b7280;
+    --border: #e5e7eb;
+    --shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
+    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.15);
+  }
+
+  .widget-fab {
+    position: fixed;
+    z-index: 9999;
+    width: 64px;
+    height: 64px;
+    border-radius: 50%;
+    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);
+    border: none;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: var(--shadow);
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    animation: fadeInScale 0.4s ease-out;
+  }
+
+  .widget-fab:hover {
+    transform: scale(1.1);
+    box-shadow: var(--shadow-lg);
+  }
+
+  .widget-fab:active {
+    transform: scale(0.95);
+  }
+
+  .widget-fab svg {
+    width: 28px;
+    height: 28px;
+    color: white;
+  }
+
+  .widget-panel {
+    position: fixed;
+    z-index: 9998;
+    background: var(--bg);
+    border-radius: 20px;
+    box-shadow: var(--shadow-lg);
+    overflow: hidden;
+    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  }
+
+  .widget-panel.hidden {
+    opacity: 0;
+    pointer-events: none;
+    transform: scale(0.8);
+  }
+
+  .widget-header {
+    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);
+    color: white;
+    padding: 20px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .widget-title {
+    font-size: 18px;
+    font-weight: 600;
+    margin: 0;
+  }
+
+  .close-btn {
+    background: rgba(255, 255, 255, 0.2);
+    border: none;
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: background 0.2s;
+  }
+
+  .close-btn:hover {
+    background: rgba(255, 255, 255, 0.3);
+  }
+
+  .close-btn svg {
+    width: 18px;
+    height: 18px;
+    color: white;
+  }
+
+  .widget-body {
+    padding: 24px;
+  }
+
+  .status-indicator {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 16px;
+    background: #f9fafb;
+    border-radius: 12px;
+    margin-bottom: 20px;
+  }
+
+  .status-dot {
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    background: #10b981;
+    animation: pulse 2s infinite;
+  }
+
+  .status-text {
+    font-size: 14px;
+    color: var(--text-muted);
+    margin: 0;
+  }
+
+  .transcript-box {
+    min-height: 100px;
+    max-height: 200px;
+    overflow-y: auto;
+    background: #f9fafb;
+    border: 1px solid var(--border);
+    border-radius: 12px;
+    padding: 16px;
+    margin-bottom: 20px;
+    font-size: 14px;
+    line-height: 1.6;
+    color: var(--text);
+  }
+
+  .transcript-box::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  .transcript-box::-webkit-scrollbar-thumb {
+    background: #cbd5e1;
+    border-radius: 3px;
+  }
+
+  .controls {
+    display: flex;
+    gap: 12px;
+    justify-content: center;
+  }
+
+  .control-btn {
+    flex: 1;
+    padding: 14px 20px;
+    border: none;
+    border-radius: 12px;
+    font-size: 14px;
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.2s;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+  }
+
+  .control-btn svg {
+    width: 18px;
+    height: 18px;
+  }
+
+  .control-btn.primary {
+    background: var(--primary);
+    color: white;
+  }
+
+  .control-btn.primary:hover {
+    background: var(--primary-hover);
+  }
+
+  .control-btn.danger {
+    background: #ef4444;
+    color: white;
+  }
+
+  .control-btn.danger:hover {
+    background: #dc2626;
+  }
+
+  .control-btn.secondary {
+    background: #f3f4f6;
+    color: var(--text);
+  }
+
+  .control-btn.secondary:hover {
+    background: #e5e7eb;
+  }
+
+  .control-btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .wave-animation {
+    display: inline-block;
+    animation: wave 1.5s ease-in-out infinite;
+  }
+
+  @keyframes fadeInScale {
+    from {
+      opacity: 0;
+      transform: scale(0.8);
+    }
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  @keyframes pulse {
+    0%, 100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.5;
+    }
+  }
+
+  @keyframes wave {
+    0%, 100% {
+      transform: translateY(0);
+    }
+    50% {
+      transform: translateY(-4px);
+    }
+  }
+
+  @media (max-width: 640px) {
+    .widget-panel {
+      width: 100vw !important;
+      height: 100vh !important;
+      top: 0 !important;
+      left: 0 !important;
+      right: 0 !important;
+      bottom: 0 !important;
+      border-radius: 0;
+    }
+  }
+`;class g{constructor(t){if(!t.serverUrl)throw new Error("serverUrl is required");if(!t.agentId)throw new Error("agentId is required");this.serverUrl=t.serverUrl.replace(/\/$/,""),this.agentId=t.agentId,this.callId=t.callId||this.generateCallId(),this.onConnected=t.onConnected||(()=>{}),this.onDisconnected=t.onDisconnected||(()=>{}),this.onError=t.onError||(o=>console.error("[WebRTC]",o)),this.onTranscription=t.onTranscription||(()=>{}),this.pc=null,this.dataChannel=null,this.audioElement=null,this.connected=!1}async connect(){console.log("🔵 [WebRTC] Starting connection...");try{this.pc=new RTCPeerConnection({iceServers:[{urls:"stun:stun.l.google.com:19302"}]}),this.pc.addTransceiver("video",{direction:"recvonly"});const t=await navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0,sampleRate:{ideal:16e3},channelCount:1}});console.log("🎤 [WebRTC] Microphone access granted"),t.getTracks().forEach(n=>{this.pc.addTrack(n,t)}),this.dataChannel=this.pc.createDataChannel("control"),this.dataChannel.onopen=()=>console.log("📡 [WebRTC] DataChannel opened"),this.dataChannel.onmessage=n=>this.handleControlEvent(JSON.parse(n.data)),this.dataChannel.onerror=n=>console.error("❌ [WebRTC] DataChannel error:",n),this.pc.ontrack=n=>{const r=n.track,l=n.streams[0];console.log(`📥 [WebRTC] Received ${r.kind} track`),r.kind==="audio"&&(console.log("🔊 [WebRTC] Setting up audio playback"),this.audioElement=new Audio,this.audioElement.srcObject=l,this.audioElement.play().catch(v=>console.warn("Audio autoplay blocked:",v)),this.audioElement.onended=()=>{this.sendEvent("playedStream")})},this.pc.onconnectionstatechange=()=>{console.log("🔄 [WebRTC] State:",this.pc.connectionState),this.pc.connectionState==="connected"?(this.connected=!0,this.onConnected()):(this.pc.connectionState==="failed"||this.pc.connectionState==="disconnected"||this.pc.connectionState==="closed")&&(this.connected=!1,this.onDisconnected())};const o=await this.pc.createOffer();await this.pc.setLocalDescription(o),console.log("📝 [WebRTC] Created offer, waiting for ICE gathering..."),await this.waitForIceGathering(),console.log("🧊 [WebRTC] ICE gathering complete"),console.log("📤 [WebRTC] Sending offer via HTTP...");const e=await fetch(`${this.serverUrl}/webrtc?agent=${this.agentId}_${this.callId}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({offer:this.pc.localDescription,agentId:this.agentId,callId:this.callId})});if(!e.ok){const n=await e.json();throw new Error(n.error||`HTTP ${e.status}`)}const{answer:a}=await e.json();console.log("📥 [WebRTC] Received answer from server"),await this.pc.setRemoteDescription(a),console.log("✅ [WebRTC] Connection established!")}catch(t){throw console.error("❌ [WebRTC] Connection failed:",t),this.onError(t.message||t),t}}waitForIceGathering(){return new Promise(t=>{if(this.pc.iceGatheringState==="complete")t();else{const o=()=>{this.pc.iceGatheringState==="complete"&&(this.pc.removeEventListener("icegatheringstatechange",o),t())};this.pc.addEventListener("icegatheringstatechange",o),setTimeout(()=>{this.pc.removeEventListener("icegatheringstatechange",o),console.warn("⚠️ [WebRTC] ICE gathering timeout, proceeding anyway"),t()},5e3)}})}sendEvent(t,o={}){var e;((e=this.dataChannel)==null?void 0:e.readyState)==="open"&&this.dataChannel.send(JSON.stringify({event:t,...o}))}handleControlEvent(t){switch(t.event){case"clearAudio":console.log("🛑 [WebRTC] Interrupt: stopping audio"),this.audioElement&&(this.audioElement.pause(),this.audioElement.currentTime=0);break;case"transcription":console.log("📝 [WebRTC] Transcription:",t.text),this.onTranscription(t.text,t.isFinal);break;case"mark":console.log("🏷️ [WebRTC] Mark:",t.name);break;default:console.log("ℹ️ [WebRTC] Unknown event:",t.event)}}disconnect(){console.log("🔴 [WebRTC] Disconnecting..."),this.audioElement&&(this.audioElement.pause(),this.audioElement.srcObject=null),this.dataChannel&&this.dataChannel.close(),this.pc&&this.pc.close(),this.connected=!1,this.onDisconnected()}generateCallId(){return"web_"+Date.now()+"_"+Math.random().toString(36).substr(2,8)}}class d extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.isPanelOpen=!1,this.callActive=!1,this.isMuted=!1,this.transcript="",this.client=null}connectedCallback(){console.log("[ConvAI Widget] connectedCallback triggered");const t=this.getAttribute("agent-id")||this.getAttribute("id"),o=this.getAttribute("position")||"bottom-right",e=this.getAttribute("primary-color")||"#6366f1",a=this.getAttribute("server-url")||"https://api.travelr.club";if(console.log("[ConvAI Widget] Configuration:",{agentId:t,position:o,primaryColor:e,serverUrl:a}),!t){console.error("[ConvAI Widget] agent-id attribute is required");return}this.agentId=t,this.serverUrl=a,console.log("[ConvAI Widget] Rendering widget..."),this.render(o,e),console.log("[ConvAI Widget] Attaching event listeners..."),this.attachEventListeners(),console.log("[ConvAI Widget] Widget initialization complete!")}render(t,o){const e={"bottom-right":{bottom:"24px",right:"24px"},"bottom-left":{bottom:"24px",left:"24px"},"top-right":{top:"24px",right:"24px"},"top-left":{top:"24px",left:"24px"}},a=e[t]||e["bottom-right"],n=p.replace("--primary: #6366f1",`--primary: ${o}`);this.shadowRoot.innerHTML=`
+      <style>${n}</style>
+      
+      <!-- Floating Action Button -->
+      <button class="widget-fab" style="${Object.entries(a).map(([r,l])=>`${r}: ${l}`).join("; ")}">
+        ${c.phone}
+      </button>
+
+      <!-- Voice Panel (hidden by default) -->
+      <div class="widget-panel hidden" style="
+        width: 380px; 
+        height: 480px;
+        ${t.includes("bottom")?"bottom: 100px":"top: 100px"};
+        ${t.includes("right")?"right: 24px":"left: 24px"};
+      ">
+        <div class="widget-header">
+          <h3 class="widget-title">Voice Assistant</h3>
+          <button class="close-btn" id="close-panel">
+            ${c.close}
+          </button>
+        </div>
+
+        <div class="widget-body">
+          <div class="status-indicator">
+            <div class="status-dot" id="status-dot" style="background: #ef4444;"></div>
+            <p class="status-text" id="status-text">Click Start to begin conversation</p>
+          </div>
+
+          <div class="transcript-box" id="transcript">
+            <p style="color: #9ca3af; font-style: italic;">Transcript will appear here...</p>
+          </div>
+
+          <div class="controls" id="controls">
+            <button class="control-btn primary" id="start-btn">
+              ${c.mic}
+              <span>Start Call</span>
+            </button>
+          </div>
+        </div>
+      </div>
+    `}attachEventListeners(){const t=this.shadowRoot.querySelector(".widget-fab"),o=this.shadowRoot.querySelector(".widget-panel"),e=this.shadowRoot.querySelector("#close-panel"),a=this.shadowRoot.querySelector("#start-btn");t.addEventListener("click",()=>{this.isPanelOpen=!this.isPanelOpen,o.classList.toggle("hidden",!this.isPanelOpen)}),e.addEventListener("click",()=>{this.isPanelOpen=!1,o.classList.add("hidden")}),a.addEventListener("click",()=>{this.callActive?this.stopCall():this.startCall()})}async startCall(){const t=this.shadowRoot.querySelector("#status-dot"),o=this.shadowRoot.querySelector("#status-text"),e=this.shadowRoot.querySelector("#start-btn"),a=this.shadowRoot.querySelector("#transcript");try{o.textContent="Connecting...",t.style.background="#f59e0b",e.disabled=!0,this.client=new g({serverUrl:this.serverUrl,agentId:this.agentId,onConnected:()=>{this.callActive=!0,o.textContent="Connected - Listening...",t.style.background="#10b981",e.innerHTML=`${c.close}<span>End Call</span>`,e.className="control-btn danger",e.disabled=!1},onDisconnected:()=>{this.stopCall()},onError:n=>{o.textContent=`Error: ${n}`,t.style.background="#ef4444",e.disabled=!1},onTranscription:(n,r)=>{r&&(this.transcript+=(this.transcript?`
+`:"")+n,a.innerHTML=this.transcript||'<p style="color: #9ca3af; font-style: italic;">Transcript will appear here...</p>',a.scrollTop=a.scrollHeight)}}),await this.client.connect()}catch(n){console.error("[ConvAI Widget] Connection failed:",n),o.textContent="Connection failed. Please try again.",t.style.background="#ef4444",e.disabled=!1}}stopCall(){this.client&&(this.client.disconnect(),this.client=null);const t=this.shadowRoot.querySelector("#status-dot"),o=this.shadowRoot.querySelector("#status-text"),e=this.shadowRoot.querySelector("#start-btn");this.callActive=!1,o.textContent="Click Start to begin conversation",t.style.background="#ef4444",e.innerHTML=`${c.mic}<span>Start Call</span>`,e.className="control-btn primary",e.disabled=!1}disconnectedCallback(){this.client&&this.client.disconnect()}}const i=document.currentScript,h=i==null?void 0:i.getAttribute("data-agent-id"),u=(i==null?void 0:i.getAttribute("data-position"))||"bottom-right",b=(i==null?void 0:i.getAttribute("data-primary-color"))||"#6366f1",f=(i==null?void 0:i.getAttribute("data-server-url"))||"https://api.travelr.club";if(customElements.get("avin-convai")||customElements.define("avin-convai",d),h){const s=document.createElement("avin-convai");s.setAttribute("agent-id",h),s.setAttribute("position",u),s.setAttribute("primary-color",b),s.setAttribute("server-url",f),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{document.body.appendChild(s)}):document.body.appendChild(s)}window.AvinConvAI=d})();

package/package.json

@@ -0,0 +1,34 @@
+{
+    "name": "convai-voice-widget",
+    "version": "1.0.0",
+    "description": "Embeddable voice conversation widget for AvinAI agents",
+    "main": "dist/widget.js",
+    "type": "module",
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build",
+        "preview": "vite preview",
+        "prepublishOnly": "npm run build"
+    },
+    "keywords": [
+        "voice",
+        "ai",
+        "widget",
+        "webrtc",
+        "conversation",
+        "embed",
+        "avinai"
+    ],
+    "author": "AvinAI",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/Alok7268/hr-dashboard"
+    },
+    "devDependencies": {
+        "vite": "^5.4.2"
+    }
+}