\n {/* Progress indicator */}\n {userProgress && (\n

\n {userProgress.weddingPlan.weddingDate && (\n 📅 {userProgress.weddingPlan.weddingDate}\n )}\n {userProgress.weddingPlan.guestCount && (\n 👥 {userProgress.weddingPlan.guestCount} guests\n )}\n {userProgress.weddingPlan.budget && (\n 💰 KES {userProgress.weddingPlan.budget.toLocaleString()}\n )}\n {userProgress.weddingPlan.style && (\n ✨ {userProgress.weddingPlan.style}\n )}\n

\n {userProgress.isSubscribed && (\n \n ⭐ Premium\n \n )}\n

\n )}\n\n {/* Messages area */}\n

\n {messages.map((message) => (\n \n \n

\n {formatMessageContent(message.content)}\n

\n \n {/* Options */}\n {message.options && message.options.length > 0 && (\n

\n {message.options.map((option) => (\n onOptionClick(option)}\n className=\"option-button w-full text-left px-3 py-2 bg-white text-gray-700 rounded-lg border border-gray-200 hover:bg-gray-50 text-sm font-medium\"\n disabled={isLoading}\n >\n {option.text}\n \n ))}\n

\n )}\n

\n ))}\n\n {/* Loading indicator */}\n {isLoading && (\n

\n )}\n\n

\n\n {/* Input area */}\n

\n \n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/alexjarabi/Hera/code/frontend/components/ChatBot.tsx","extension","actionData","errors"]