').replace(/### (.*?)$/gm, '

').replace(/^\* (.*?)$/gm, '

').replace(/^- (.*?)$/gm, '

').replace(/^\d+\. (.*?)$/gm, '

').replace(/\n\n/g, '

').replace(/\*\*(.*?)\*\*/g, '$1').replace(/\*(.*?)\*/g, "$1"); return /*#__PURE__*/ React.createElement("div", { className: "chat-content", dangerouslySetInnerHTML: { __html: formattedContent }, __source: { fileName: "", lineNumber: 252, columnNumber: 7 }, __self: this }); }; useEffect(()=>{ if (chatContainerRef.current) { chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight; } }, [ messages, streamingMessage ]); return /*#__PURE__*/ React.createElement(AnimatedBackground, { __source: { fileName: "", lineNumber: 267, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-5xl mx-auto w-full p-4 md:p-6", __source: { fileName: "", lineNumber: 268, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6 text-center", __source: { fileName: "", lineNumber: 269, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl md:text-3xl font-bold text-white mb-3", __source: { fileName: "", lineNumber: 270, columnNumber: 11 }, __self: this }, "EVA: Your Autism Specialist"), /*#__PURE__*/ React.createElement("p", { className: "text-white text-sm md:text-base max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 273, columnNumber: 11 }, __self: this }, "I am an expert on autism spectrum disorder, providing evidence-based information, practical strategies, and personalized support for individuals with autism and their families."), userUsage && !userUsage.subscription_active && /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-white/20 backdrop-blur-sm rounded-lg p-3 max-w-md mx-auto", __source: { fileName: "", lineNumber: 281, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white text-sm", __source: { fileName: "", lineNumber: 282, columnNumber: 15 }, __self: this }, userUsage.trial_uses_remaining > 0 ? `Free trials remaining: ${userUsage.trial_uses_remaining}/2` : "Free trials exhausted"), userUsage.trial_uses_remaining === 1 && /*#__PURE__*/ React.createElement("p", { className: "text-yellow-300 text-xs mt-1", __source: { fileName: "", lineNumber: 288, columnNumber: 17 }, __self: this }, "Last free trial!"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-row justify-end gap-2 mb-3", __source: { fileName: "", lineNumber: 294, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleDownloadPDF, className: "bg-white hover:bg-gray-100 text-blue-600 rounded-lg px-3 py-1 text-sm font-inter", __source: { fileName: "", lineNumber: 295, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-pdf mr-2", __source: { fileName: "", lineNumber: 299, columnNumber: 13 }, __self: this }), "Download PDF")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col lg:flex-row gap-4", __source: { fileName: "", lineNumber: 304, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 305, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-sm rounded-xl p-4 h-[400px] md:h-[500px] flex flex-col", __source: { fileName: "", lineNumber: 306, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { ref: chatContainerRef, className: "flex-1 overflow-y-auto space-y-4 pr-2", __source: { fileName: "", lineNumber: 307, columnNumber: 15 }, __self: this }, messages.map((msg, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: `flex ${msg.role === "user" ? "justify-end" : "justify-start"}`, __source: { fileName: "", lineNumber: 312, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `max-w-[90%] md:max-w-[80%] rounded-lg p-3 ${msg.role === "user" ? "bg-white text-blue-600" : "bg-blue-600/90 text-white"}`, __source: { fileName: "", lineNumber: 318, columnNumber: 21 }, __self: this }, msg.role === "user" ? msg.content : renderMarkdown(msg.content), msg.role === "assistant" && /*#__PURE__*/ React.createElement("button", { onClick: ()=>playLastMessage(), className: "ml-2 text-white/70 hover:text-white", title: "Listen to this response", __source: { fileName: "", lineNumber: 329, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-volume-up", __source: { fileName: "", lineNumber: 334, columnNumber: 27 }, __self: this }))))), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "flex justify-start", __source: { fileName: "", lineNumber: 341, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[90%] md:max-w-[80%] rounded-lg p-3 bg-blue-600/90 text-white", __source: { fileName: "", lineNumber: 342, columnNumber: 21 }, __self: this }, renderMarkdown(streamingMessage))), /*#__PURE__*/ React.createElement("audio", { ref: audioRef, onEnded: ()=>setIsPlaying(false), __source: { fileName: "", lineNumber: 347, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-3", __source: { fileName: "", lineNumber: 350, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex gap-2", __source: { fileName: "", lineNumber: 351, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "message", value: inputMessage, onChange: (e)=>setInputMessage(e.target.value), placeholder: "Ask your question...", className: "flex-1 rounded-lg border border-white/20 p-2 bg-white/10 text-white placeholder-white/50", disabled: isLoading || !userUsage?.can_continue, __source: { fileName: "", lineNumber: 352, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isLoading || !inputMessage.trim() || !userUsage?.can_continue, className: "bg-white hover:bg-gray-100 text-blue-600 rounded-lg px-4 py-2 font-inter disabled:opacity-50", __source: { fileName: "", lineNumber: 361, columnNumber: 19 }, __self: this }, isLoading ? "Sending..." : "Send")), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-300 text-sm mt-2", __source: { fileName: "", lineNumber: 373, columnNumber: 27 }, __self: this }, error), !userUsage?.can_continue && /*#__PURE__*/ React.createElement("p", { className: "text-yellow-300 text-sm mt-2", __source: { fileName: "", lineNumber: 375, columnNumber: 19 }, __self: this }, "Subscription required to continue")))), /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-64", __source: { fileName: "", lineNumber: 383, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-sm rounded-xl p-4", __source: { fileName: "", lineNumber: 384, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-white mb-3", __source: { fileName: "", lineNumber: 385, columnNumber: 15 }, __self: this }, "Autism Topics"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 388, columnNumber: 15 }, __self: this }, predefinedTopics.map((topic, idx)=>/*#__PURE__*/ React.createElement("button", { key: idx, onClick: ()=>sendMessage(topic), disabled: isLoading || !userUsage?.can_continue, className: "w-full text-left text-sm text-white hover:bg-white/20 rounded-lg p-2 transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 390, columnNumber: 19 }, __self: this }, topic))))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 404, columnNumber: 7 }, __self: this }, ` .chat-content ul { margin-top: 0.5rem; margin-bottom: 0.5rem; } .chat-content li { margin-bottom: 0.5rem; } `)); }