🚫

Voice Input Not Supported

\n Your browser doesn't support speech recognition. Please use Chrome, Edge, or Safari for voice input.\n

\n You can still add products manually using the Products tab.\n

\n );\n }\n\n return (\n

\n {/* Voice Recording Interface */}\n

\n 🎤\n Voice Input\n

\n\n

\n {/* Recording Button */}\n

\n \n {isRecording ? '⏹️' : '🎤'}\n \n

\n\n {/* Status */}\n

\n {isRecording && (\n

\n 🔴 Recording... Speak clearly about your products\n

\n )}\n {isProcessing && (\n

\n Processing voice input\n

\n )}\n {!isRecording && !isProcessing && transcript && (\n

\n ✅ Recording complete. Review and process below.\n

\n )}\n

\n\n {/* Instructions */}\n

💡 Voice Input Tips:

• Speak clearly and at a normal pace
• Mention product names, descriptions, and prices
• Example: \"I'm selling wireless headphones for $99, they have noise cancellation and 20-hour battery life\"
• You can describe multiple products in one recording
• Recording stops automatically after 3 seconds of silence

\n\n {/* Transcript Display */}\n {transcript && (\n

\n 📝\n Transcript\n

\n \n

{transcript}

\n\n

\n setTranscript('')}\n className=\"px-4 py-2 text-gray-600 hover:text-gray-800 transition-colors\"\n >\n 🗑️ Clear\n \n \n \n {isProcessing ? Processing : '🔍 Extract Products'}\n \n

\n )}\n\n {/* Error Display */}\n {error && (\n

\n ⚠️\n

{error}

\n )}\n\n {/* Extracted Products */}\n {extractedProducts.length > 0 && (\n

\n 🎯\n Extracted Products ({extractedProducts.length})\n

\n\n

\n {extractedProducts.map((product, index) => (\n

\n \n Product Name\n \n editProduct(index, 'name', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n \n

\n \n Category\n \n editProduct(index, 'category', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n\n

\n \n Description\n \n editProduct(index, 'description', e.target.value)}\n rows={2}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n\n

\n \n Price\n \n editProduct(index, 'price', parseFloat(e.target.value) || 0)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n \n

\n \n Currency\n \n editProduct(index, 'currency', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n \n \n

\n \n

\n \n Availability\n \n editProduct(index, 'availability', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n

\n ))}\n

\n\n

\n setExtractedProducts([])}\n className=\"px-4 py-2 text-gray-600 hover:text-gray-800 transition-colors\"\n >\n 🗑️ Clear All\n \n \n \n ➕ Add Products ({extractedProducts.length})\n \n

\n )}\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/Iregladtechaiworld/my-first-val/code/frontend/components/VoiceInput.tsx","extension","actionData","errors"]