function MainComponent() { const [topic, setTopic] = useState(''); const [details, setDetails] = useState(''); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [postData, setPostData] = useState(null); const [keywords, setKeywords] = useState([]); const [copying, setCopying] = useState(false); const [successMessage, setSuccessMessage] = useState(''); const [previewMode, setPreviewMode] = useState(false); const [showSettings, setShowSettings] = useState(false); const [cache] = useState(new Map()); const [retryCount, setRetryCount] = useState(0); const [remainingQuota, setRemainingQuota] = useState(25); const [generationProgress, setGenerationProgress] = useState([]); const [validation, setValidation] = useState({ topic: '', details: '' }); const [streamingResponse, setStreamingResponse] = useState(''); const [profileSettings, setProfileSettings] = useState({ writing_style: 'professional', emoji_frequency: 'moderate', tone: 'professional', custom_signature: '', preferred_hashtags: [], content_length: 'standard', section_preferences: [ 'tech_stack', 'key_features', 'learning_points' ], content_enhancements: { conversational: false, seo_keywords: false, personal_experiences: false, statistics: false } }); const handleStreamResponse = useHandleStreamResponse({ onChunk: (chunk)=>{ setStreamingResponse(chunk); updateProgress('Writing post', false, true); }, onFinish: (message)=>{ try { const parsedData = JSON.parse(message); if (!parsedData.post || !parsedData.metadata) { throw new Error('Invalid response format'); } setPostData(parsedData); setStreamingResponse(''); updateProgress('Writing post', true, false); updateProgress('Formatting post', true, false); } catch (e) { console.error('Failed to parse response:', e); setError({ message: 'Failed to generate post content', suggestions: [ 'Try again with a different topic', 'Provide more specific details', 'Check your settings and try again' ] }); } } }); const validateInputs = ()=>{ const newValidation = {}; if (!topic.trim()) { newValidation.topic = 'Topic is required'; } else if (topic.length < 10) { newValidation.topic = 'Topic must be at least 10 characters'; } if (!details.trim()) { newValidation.details = 'Details are required'; } else if (details.length < 30) { newValidation.details = 'Details must be at least 30 characters'; } setValidation(newValidation); return Object.keys(newValidation).length === 0; }; const updateProgress = (stepName, completed = false, loading = true, tip = '')=>{ setGenerationProgress((prev)=>{ const stepIndex = prev.findIndex((s)=>s.name === stepName); if (stepIndex === -1) { return [ ...prev, { name: stepName, completed, loading, timeRemaining: loading ? '~1 min' : '', tip } ]; } return prev.map((step, i)=>i === stepIndex ? { ...step, completed, loading, tip } : step); }); }; const generatePost = async ()=>{ try { if (!validateInputs()) return; setLoading(true); setError(null); setGenerationProgress([]); setStreamingResponse(''); updateProgress('Validating input', true, false); updateProgress('Preparing generation', false, true); const cacheKey = `post-${topic}-${details}-${JSON.stringify(profileSettings)}`; if (cache.has(cacheKey)) { const cachedData = cache.get(cacheKey); setPostData(cachedData); setSuccessMessage('Retrieved from cache'); updateProgress('Retrieved from cache', true, false); return; } updateProgress('Generating post', false, true, 'Creating your LinkedIn post...'); const response = await fetch('/integrations/google-gemini-1-5/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'system', content: 'You are a professional LinkedIn post writer.' }, { role: 'user', content: `Generate a LinkedIn post about "${topic}". Context: ${details} Requirements: - Writing Style: ${profileSettings.writing_style} - Tone: ${profileSettings.tone} - Emoji Usage: ${profileSettings.emoji_frequency} - Length: ${profileSettings.content_length} - Required Sections: ${profileSettings.section_preferences.join(', ')} ${profileSettings.custom_signature ? `\n- Signature: ${profileSettings.custom_signature}` : ''} Format sections with clear titles and use → for bullet points.` } ], stream: true, json_schema: { name: "linkedin_post", schema: { type: "object", properties: { post: { type: "object", properties: { headline: { type: "string" }, hook: { type: "string" }, content: { type: "string" }, callToAction: { type: "string" }, hashtags: { type: "array", items: { type: "string" } } }, required: [ "headline", "hook", "content", "callToAction", "hashtags" ], additionalProperties: false }, metadata: { type: "object", properties: { readingTime: { type: "number" }, wordCount: { type: "number" }, sections: { type: "array", items: { type: "string" } } }, required: [ "readingTime", "wordCount", "sections" ], additionalProperties: false } }, required: [ "post", "metadata" ], additionalProperties: false } } }) }); if (!response.ok) { throw new Error(response.status === 429 ? 'Rate limit reached' : 'Failed to generate post'); } handleStreamResponse(response); setRemainingQuota((prev)=>Math.max(0, prev - 1)); updateProgress('Finding keywords', false, true); try { const keywordResponse = await fetch(`/integrations/seo-keyword-research/keynew.php?keyword=${encodeURIComponent(topic)}&country=us`); if (keywordResponse.ok) { const keywordData = await keywordResponse.json(); setKeywords(keywordData.slice(0, 5)); updateProgress('Keywords found', true, false); } } catch (err) { console.warn('Failed to fetch keywords:', err); } updateProgress('Completing generation', true, false, 'Your post is ready!'); } catch (err) { console.error('Generation error:', err); const errorData = { message: err.message === 'Rate limit reached' ? 'Please wait a moment before generating another post' : 'Could not generate your post', suggestions: [ 'Try a different writing style', 'Make your topic more specific', 'Break down complex topics', 'Wait a moment and try again' ] }; setError(errorData); if (retryCount < 3 && err.message !== 'Rate limit reached') { setTimeout(()=>{ setRetryCount((prev)=>prev + 1); generatePost(); }, Math.pow(2, retryCount) * 1000); } } finally{ setLoading(false); } }; const copyPost = async ()=>{ if (!postData || !postData.post) return; try { setCopying(true); const sections = postData.post.content.split('\n\n').map((section)=>{ if (section.includes('Tech Stack:') || section.includes('Key Features:') || section.includes('What I learned:')) { const [title, ...points] = section.split('\n'); return `${title}\n${points.map((point)=>point.trim()).join('\n')}`; } return section; }); let postContent = `${postData.post.headline}\n\n${postData.post.hook}\n\n${sections.join('\n\n')}\n\n${postData.post.callToAction}\n\n${postData.post.hashtags.join(' ')}`; if (profileSettings.custom_signature) { postContent = `${postContent}\n\n${profileSettings.custom_signature}`; } await navigator.clipboard.writeText(postContent); setSuccessMessage('Post copied to clipboard!'); setTimeout(()=>setSuccessMessage(''), 3000); } catch (err) { setError({ message: 'Failed to copy post', suggestions: [ 'Try copying manually', 'Check browser permissions' ], retryCount: 0 }); console.error(err); } finally{ setTimeout(()=>setCopying(false), 1000); } }; const shouldShowPost = postData && postData.post; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white dark:bg-gray-900 p-4 md:p-8", __source: { fileName: "", lineNumber: 265, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 266, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-8 flex items-center gap-3", __source: { fileName: "", lineNumber: 267, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-8 h-8 text-[#0A66C2]", viewBox: "0 0 24 24", fill: "currentColor", __source: { fileName: "", lineNumber: 268, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z", __source: { fileName: "", lineNumber: 269, columnNumber: 13 }, __self: this })), "LinkedIn Post Generator"), /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 rounded-lg p-6 mb-8 border border-gray-200 dark:border-gray-700", __source: { fileName: "", lineNumber: 274, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 275, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "form-group", __source: { fileName: "", lineNumber: 276, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 dark:text-gray-200 mb-2", __source: { fileName: "", lineNumber: 277, columnNumber: 15 }, __self: this }, "Topic"), /*#__PURE__*/ React.createElement("input", { type: "text", value: topic, onChange: (e)=>setTopic(e.target.value), placeholder: "What's your post about?", className: `w-full p-3 border rounded-lg bg-white dark:bg-gray-800 dark:border-gray-600 focus:ring-2 focus:ring-[#0A66C2] focus:border-transparent ${validation.topic ? 'border-red-500' : ''}`, __source: { fileName: "", lineNumber: 278, columnNumber: 15 }, __self: this }), validation.topic && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 285, columnNumber: 36 }, __self: this }, validation.topic), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 text-sm mt-1", __source: { fileName: "", lineNumber: 286, columnNumber: 15 }, __self: this }, "Minimum 10 characters required")), /*#__PURE__*/ React.createElement("div", { className: "form-group", __source: { fileName: "", lineNumber: 289, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 dark:text-gray-200 mb-2", __source: { fileName: "", lineNumber: 290, columnNumber: 15 }, __self: this }, "Details"), /*#__PURE__*/ React.createElement("textarea", { value: details, onChange: (e)=>setDetails(e.target.value), placeholder: "Add more context about your topic...", className: `w-full p-3 border rounded-lg bg-white dark:bg-gray-800 dark:border-gray-600 focus:ring-2 focus:ring-[#0A66C2] focus:border-transparent min-h-[120px] ${validation.details ? 'border-red-500' : ''}`, __source: { fileName: "", lineNumber: 291, columnNumber: 15 }, __self: this }), validation.details && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 297, columnNumber: 38 }, __self: this }, validation.details), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 text-sm mt-1", __source: { fileName: "", lineNumber: 298, columnNumber: 15 }, __self: this }, "Minimum 30 characters required")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:space-x-4 space-y-4 md:space-y-0", __source: { fileName: "", lineNumber: 301, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: generatePost, disabled: loading, className: "w-full md:flex-1 bg-[#0A66C2] hover:bg-[#004182] text-white rounded-lg px-6 py-4 md:py-3 text-base font-medium transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 302, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 308, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle-notch fa-spin", __source: { fileName: "", lineNumber: 309, columnNumber: 21 }, __self: this }), "Generating...") : 'Generate LinkedIn Post'), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSettings(!showSettings), className: "w-full md:flex-1 bg-gray-100 hover:bg-gray-200 text-gray-800 rounded-lg px-6 py-4 md:py-3 text-base font-medium transition-all duration-200 flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 315, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog", __source: { fileName: "", lineNumber: 319, columnNumber: 17 }, __self: this }), "Settings"))), error && /*#__PURE__*/ React.createElement("div", { className: "error-message mt-4 p-4 bg-red-50 dark:bg-red-900/20 border border-red-100 dark:border-red-800 rounded-lg", __source: { fileName: "", lineNumber: 326, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-600 dark:text-red-400", __source: { fileName: "", lineNumber: 327, columnNumber: 15 }, __self: this }, error.message), error.suggestions && /*#__PURE__*/ React.createElement("ul", { className: "mt-2 list-disc list-inside text-sm text-red-500 dark:text-red-300", __source: { fileName: "", lineNumber: 329, columnNumber: 17 }, __self: this }, error.suggestions.map((suggestion, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 331, columnNumber: 21 }, __self: this }, suggestion)))), generationProgress.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-4 space-y-2", __source: { fileName: "", lineNumber: 339, columnNumber: 13 }, __self: this }, generationProgress.map((step, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400", __source: { fileName: "", lineNumber: 341, columnNumber: 17 }, __self: this }, step.loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle-notch fa-spin text-[#0A66C2]", __source: { fileName: "", lineNumber: 343, columnNumber: 21 }, __self: this }) : step.completed ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-green-500", __source: { fileName: "", lineNumber: 345, columnNumber: 21 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle text-gray-300", __source: { fileName: "", lineNumber: 347, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 349, columnNumber: 19 }, __self: this }, step.name), step.tip && /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 350, columnNumber: 32 }, __self: this }, "(", step.tip, ")")))), shouldShowPost && /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 rounded-lg p-6 border border-gray-200 dark:border-gray-700 mt-8", __source: { fileName: "", lineNumber: 357, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 dark:bg-gray-800/50 rounded-lg p-4 mb-6", __source: { fileName: "", lineNumber: 358, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between text-sm text-gray-600 dark:text-gray-400", __source: { fileName: "", lineNumber: 359, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 360, columnNumber: 19 }, __self: this }, "📚 ", postData.metadata.readingTime, " min read"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 361, columnNumber: 19 }, __self: this }, "📝 ", postData.metadata.wordCount, " words"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 362, columnNumber: 19 }, __self: this }, "📑 ", postData.metadata.sections.length, " sections"))), /*#__PURE__*/ React.createElement("div", { className: `${previewMode ? 'linkedin-preview p-8 bg-[#f3f2ef]' : ''} dark:bg-gray-900 rounded-lg mb-6 ${previewMode ? 'shadow-sm' : ''}`, __source: { fileName: "", lineNumber: 365, columnNumber: 15 }, __self: this }, previewMode && /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 367, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-14 h-14 rounded-full bg-gray-200 dark:bg-gray-700 border border-gray-300", __source: { fileName: "", lineNumber: 368, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-3", __source: { fileName: "", lineNumber: 369, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-gray-900 dark:text-white text-[16px]", __source: { fileName: "", lineNumber: 370, columnNumber: 23 }, __self: this }, "Your Name"), /*#__PURE__*/ React.createElement("div", { className: "text-[14px] text-gray-600", __source: { fileName: "", lineNumber: 371, columnNumber: 23 }, __self: this }, "Your Title"), /*#__PURE__*/ React.createElement("div", { className: "text-[12px] text-gray-500 mt-1", __source: { fileName: "", lineNumber: 372, columnNumber: 23 }, __self: this }, "1d • Edited • 🌐"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6 text-[15px] leading-relaxed", __source: { fileName: "", lineNumber: 376, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 377, columnNumber: 19 }, __self: this }, postData.post.headline), /*#__PURE__*/ React.createElement("p", { className: "text-gray-800 dark:text-gray-200", __source: { fileName: "", lineNumber: 378, columnNumber: 19 }, __self: this }, postData.post.hook), /*#__PURE__*/ React.createElement("div", { className: "space-y-6 my-8", __source: { fileName: "", lineNumber: 379, columnNumber: 19 }, __self: this }, postData.post.content.split('\n\n').map((section, index)=>{ if (section.includes('Tech Stack:') || section.includes('Key Features:') || section.includes('What I learned:')) { const [title, ...points] = section.split('\n'); return /*#__PURE__*/ React.createElement("div", { key: index, className: "space-y-3", __source: { fileName: "", lineNumber: 384, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 385, columnNumber: 29 }, __self: this }, title), points.map((point, i)=>point.trim() && /*#__PURE__*/ React.createElement("div", { key: i, className: "flex items-start space-x-3", __source: { fileName: "", lineNumber: 388, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-blue-600 dark:text-blue-400", __source: { fileName: "", lineNumber: 389, columnNumber: 35 }, __self: this }, "→"), /*#__PURE__*/ React.createElement("span", { className: "flex-1 text-gray-800 dark:text-gray-200", __source: { fileName: "", lineNumber: 390, columnNumber: 35 }, __self: this }, point.trim())))); } return /*#__PURE__*/ React.createElement("p", { key: index, className: "text-gray-800 dark:text-gray-200", __source: { fileName: "", lineNumber: 398, columnNumber: 25 }, __self: this }, section); })), /*#__PURE__*/ React.createElement("p", { className: "text-gray-800 dark:text-gray-200 font-medium", __source: { fileName: "", lineNumber: 402, columnNumber: 19 }, __self: this }, postData.post.callToAction), /*#__PURE__*/ React.createElement("div", { className: "text-blue-600 dark:text-blue-400 pt-4 font-medium space-x-1", __source: { fileName: "", lineNumber: 403, columnNumber: 19 }, __self: this }, postData.post.hashtags.map((tag, i)=>/*#__PURE__*/ React.createElement("span", { key: i, className: "hover:underline cursor-pointer", __source: { fileName: "", lineNumber: 405, columnNumber: 23 }, __self: this }, tag))))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:space-x-4 space-y-4 md:space-y-0", __source: { fileName: "", lineNumber: 410, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: copyPost, className: "w-full md:flex-1 bg-gray-900 hover:bg-gray-800 text-white rounded-lg px-6 py-4 md:py-3 text-base font-medium", __source: { fileName: "", lineNumber: 411, columnNumber: 17 }, __self: this }, copying ? 'Copied!' : 'Copy Post'), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPreviewMode(!previewMode), className: "w-full md:flex-1 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 text-gray-900 dark:text-white rounded-lg px-6 py-4 md:py-3 text-base font-medium", __source: { fileName: "", lineNumber: 417, columnNumber: 17 }, __self: this }, previewMode ? 'Edit Mode' : 'Preview Mode'))))), showSettings && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 430, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 rounded-lg p-6 max-w-lg w-full max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 431, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 432, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 433, columnNumber: 15 }, __self: this }, "Generation Settings"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSettings(false), className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 434, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 438, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-8 space-y-8", __source: { fileName: "", lineNumber: 442, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 443, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 444, columnNumber: 17 }, __self: this }, "Content Style"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 445, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "form-group", __source: { fileName: "", lineNumber: 446, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 dark:text-gray-200 mb-2", __source: { fileName: "", lineNumber: 447, columnNumber: 21 }, __self: this }, "Writing Style"), /*#__PURE__*/ React.createElement("select", { value: profileSettings.writing_style, onChange: (e)=>setProfileSettings({ ...profileSettings, writing_style: e.target.value }), className: "w-full p-3 border rounded-lg bg-white dark:bg-gray-800 dark:border-gray-600 focus:ring-2 focus:ring-[#0A66C2] focus:border-transparent", __source: { fileName: "", lineNumber: 448, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "professional", __source: { fileName: "", lineNumber: 453, columnNumber: 23 }, __self: this }, "Professional"), /*#__PURE__*/ React.createElement("option", { value: "casual", __source: { fileName: "", lineNumber: 454, columnNumber: 23 }, __self: this }, "Casual"), /*#__PURE__*/ React.createElement("option", { value: "narrative", __source: { fileName: "", lineNumber: 455, columnNumber: 23 }, __self: this }, "Narrative"), /*#__PURE__*/ React.createElement("option", { value: "technical", __source: { fileName: "", lineNumber: 456, columnNumber: 23 }, __self: this }, "Technical"))), /*#__PURE__*/ React.createElement("div", { className: "form-group", __source: { fileName: "", lineNumber: 460, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 dark:text-gray-200 mb-2", __source: { fileName: "", lineNumber: 461, columnNumber: 21 }, __self: this }, "Tone"), /*#__PURE__*/ React.createElement("select", { value: profileSettings.tone, onChange: (e)=>setProfileSettings({ ...profileSettings, tone: e.target.value }), className: "w-full p-3 border rounded-lg bg-white dark:bg-gray-800 dark:border-gray-600 focus:ring-2 focus:ring-[#0A66C2] focus:border-transparent", __source: { fileName: "", lineNumber: 462, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "professional", __source: { fileName: "", lineNumber: 467, columnNumber: 23 }, __self: this }, "Professional"), /*#__PURE__*/ React.createElement("option", { value: "casual", __source: { fileName: "", lineNumber: 468, columnNumber: 23 }, __self: this }, "Casual"), /*#__PURE__*/ React.createElement("option", { value: "technical", __source: { fileName: "", lineNumber: 469, columnNumber: 23 }, __self: this }, "Technical"), /*#__PURE__*/ React.createElement("option", { value: "storytelling", __source: { fileName: "", lineNumber: 470, columnNumber: 23 }, __self: this }, "Storytelling"))), /*#__PURE__*/ React.createElement("div", { className: "form-group", __source: { fileName: "", lineNumber: 474, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 dark:text-gray-200 mb-2", __source: { fileName: "", lineNumber: 475, columnNumber: 21 }, __self: this }, "Post Length"), /*#__PURE__*/ React.createElement("select", { value: profileSettings.content_length, onChange: (e)=>setProfileSettings({ ...profileSettings, content_length: e.target.value }), className: "w-full p-3 border rounded-lg bg-white dark:bg-gray-800 dark:border-gray-600 focus:ring-2 focus:ring-[#0A66C2] focus:border-transparent", __source: { fileName: "", lineNumber: 476, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "concise", __source: { fileName: "", lineNumber: 481, columnNumber: 23 }, __self: this }, "Short (~300 words)"), /*#__PURE__*/ React.createElement("option", { value: "standard", __source: { fileName: "", lineNumber: 482, columnNumber: 23 }, __self: this }, "Medium (~500 words)"), /*#__PURE__*/ React.createElement("option", { value: "detailed", __source: { fileName: "", lineNumber: 483, columnNumber: 23 }, __self: this }, "Long (~800 words)"))), /*#__PURE__*/ React.createElement("div", { className: "form-group", __source: { fileName: "", lineNumber: 487, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 dark:text-gray-200 mb-2", __source: { fileName: "", lineNumber: 488, columnNumber: 21 }, __self: this }, "Emoji Usage"), /*#__PURE__*/ React.createElement("select", { value: profileSettings.emoji_frequency, onChange: (e)=>setProfileSettings({ ...profileSettings, emoji_frequency: e.target.value }), className: "w-full p-3 border rounded-lg bg-white dark:bg-gray-800 dark:border-gray-600 focus:ring-2 focus:ring-[#0A66C2] focus:border-transparent", __source: { fileName: "", lineNumber: 489, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "none", __source: { fileName: "", lineNumber: 494, columnNumber: 23 }, __self: this }, "No Emojis"), /*#__PURE__*/ React.createElement("option", { value: "minimal", __source: { fileName: "", lineNumber: 495, columnNumber: 23 }, __self: this }, "Minimal"), /*#__PURE__*/ React.createElement("option", { value: "moderate", __source: { fileName: "", lineNumber: 496, columnNumber: 23 }, __self: this }, "Moderate"), /*#__PURE__*/ React.createElement("option", { value: "heavy", __source: { fileName: "", lineNumber: 497, columnNumber: 23 }, __self: this }, "Heavy"))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 503, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 504, columnNumber: 17 }, __self: this }, "Section Preferences"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 505, columnNumber: 17 }, __self: this }, [ [ 'tech_stack', 'Tech Stack Used' ], [ 'key_features', 'Key Features' ], [ 'learning_points', 'Learning Points' ], [ 'implementation_details', 'Implementation Details' ], [ 'results_impact', 'Results & Impact' ], [ 'challenges_solutions', 'Challenges & Solutions' ] ].map(([value, label])=>/*#__PURE__*/ React.createElement("div", { key: value, className: "flex items-center", __source: { fileName: "", lineNumber: 514, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: value, checked: profileSettings.section_preferences.includes(value), onChange: (e)=>{ if (e.target.checked) { setProfileSettings({ ...profileSettings, section_preferences: [ ...profileSettings.section_preferences, value ] }); } else { setProfileSettings({ ...profileSettings, section_preferences: profileSettings.section_preferences.filter((s)=>s !== value) }); } }, className: "w-4 h-4 text-[#0A66C2] border-gray-300 rounded focus:ring-[#0A66C2]", __source: { fileName: "", lineNumber: 515, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: value, className: "ml-2 text-gray-700 dark:text-gray-200", __source: { fileName: "", lineNumber: 534, columnNumber: 23 }, __self: this }, label))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 542, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 543, columnNumber: 17 }, __self: this }, "Content Enhancement"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 544, columnNumber: 17 }, __self: this }, [ [ 'conversational', 'Make it more conversational' ], [ 'seo_keywords', 'Include SEO keywords' ], [ 'personal_experiences', 'Add personal experiences' ], [ 'statistics', 'Include statistics/data' ] ].map(([key, label])=>/*#__PURE__*/ React.createElement("div", { key: key, className: "flex items-center", __source: { fileName: "", lineNumber: 551, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: key, checked: profileSettings.content_enhancements[key], onChange: (e)=>{ setProfileSettings({ ...profileSettings, content_enhancements: { ...profileSettings.content_enhancements, [key]: e.target.checked } }); }, className: "w-4 h-4 text-[#0A66C2] border-gray-300 rounded focus:ring-[#0A66C2]", __source: { fileName: "", lineNumber: 552, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: key, className: "ml-2 text-gray-700 dark:text-gray-200", __source: { fileName: "", lineNumber: 567, columnNumber: 23 }, __self: this }, label))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 575, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 576, columnNumber: 17 }, __self: this }, "Branding"), /*#__PURE__*/ React.createElement("div", { className: "form-group", __source: { fileName: "", lineNumber: 577, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 dark:text-gray-200 mb-2", __source: { fileName: "", lineNumber: 578, columnNumber: 19 }, __self: this }, "Custom Signature (Optional)"), /*#__PURE__*/ React.createElement("input", { type: "text", value: profileSettings.custom_signature, onChange: (e)=>setProfileSettings({ ...profileSettings, custom_signature: e.target.value }), placeholder: "e.g., #TechLead | Building the future", className: "w-full p-3 border rounded-lg bg-white dark:bg-gray-800 dark:border-gray-600 focus:ring-2 focus:ring-[#0A66C2] focus:border-transparent", __source: { fileName: "", lineNumber: 579, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 flex justify-end", __source: { fileName: "", lineNumber: 590, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSettings(false), className: "bg-[#0A66C2] hover:bg-[#004182] text-white rounded-lg px-6 py-3 font-medium", __source: { fileName: "", lineNumber: 591, columnNumber: 15 }, __self: this }, "Save Settings")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 602, columnNumber: 7 }, __self: this }, ` @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } `)); }