{"id":"68355535439cb9574d910a9f","created_date":"2025-05-27T06:01:25.628000","updated_date":"2026-03-22T16:41:30.276000","organization_id":"67d5c631be5ea69ce7169f3b","app_type":"user_app","game_meta":null,"name":"RePostly AI","user_description":"Generate high-converting marketing content in seconds, in any language.","logo_url":"https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/5cea2907f_May27202510_40_12AM.png","social_image_url":null,"avatar_index":null,"pages":{"Dashboard":"\nimport React, { useState, useEffect } from \"react\";\nimport { User } from \"@/entities/User\";\nimport { Conversion } from \"@/entities/Conversion\";\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { createPageUrl } from \"@/utils\";\nimport { \n Zap, \n TrendingUp, \n Clock, \n Star,\n FileText,\n Calendar,\n ArrowUpRight,\n RefreshCw,\n Mail,\n Linkedin,\n Mic,\n Newspaper,\n Image as ImageIcon,\n ArrowRight,\n AlertCircle,\n CheckCircle \n} from \"lucide-react\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { format } from \"date-fns\";\nimport { he } from \"date-fns/locale\";\nimport { Alert, AlertDescription } from \"@/components/ui/alert\";\nimport { RUN_MODE_FREE, PLAN_LIMITS } from \"@/components/config\";\n\nconst translations = {\n he: {\n welcome: \"ברוך השב,\",\n newConversion: \"המרה חדשה\", \n recentConversions: \"המרות האחרונות\",\n totalConversions: \"סה״כ המרות\",\n thisMonth: \"החודש\",\n successRate: \"אחוז הצלחה\",\n noConversions: \"עדיין לא יצרת המרות\",\n getStarted: \"בוא נתחיל!\",\n viewAll: \"צפה בהכל\",\n processing: \"מעבד...\",\n completed: \"הושלם\",\n failed: \"נכשל\",\n appSubtitle: \"הפוך בלוג בודד למכונת תוכן חכמה\",\n currentPlan: \"תוכנית נוכחית\",\n upgradeNow: \"שדרג עכשיו\",\n unlimited: \"ללא הגבלה\",\n outOf: \"מתוך\",\n greatPerformance: \"ביצועים מעולים\",\n planTypes: {\n free: \"חינם\",\n basic: \"בסיסי\",\n pro: \"מקצועי\",\n ultra: \"אולטרה\"\n },\n formats: {\n linkedin: \"לינקדאין\",\n twitter: \"טוויטר\", \n podcast: \"פודקאסט\",\n newsletter: \"ניוזלטר\",\n landing: \"דף נחיתה\",\n video: \"וידאו קצר\",\n graphic: \"גרפיקה\"\n }\n },\n en: {\n welcome: \"Welcome back,\",\n newConversion: \"New Conversion\", \n recentConversions: \"Recent Conversions\",\n totalConversions: \"Total Conversions\",\n thisMonth: \"This Month\",\n successRate: \"Success Rate\",\n noConversions: \"You haven't created any conversions yet\",\n getStarted: \"Let's get started!\",\n viewAll: \"View All\",\n processing: \"Processing...\",\n completed: \"Completed\",\n failed: \"Failed\",\n appSubtitle: \"From One Post to Everywhere\",\n currentPlan: \"Current Plan\",\n upgradeNow: \"Upgrade Now\",\n unlimited: \"Unlimited\",\n outOf: \"out of\",\n greatPerformance: \"Great performance\",\n planTypes: {\n free: \"Free\",\n basic: \"Basic\",\n pro: \"Pro\",\n ultra: \"Ultra\"\n },\n formats: {\n linkedin: \"LinkedIn\",\n twitter: \"Twitter\",\n podcast: \"Podcast\", \n newsletter: \"Newsletter\",\n landing: \"Landing Page\",\n video: \"Short Video\",\n graphic: \"Graphic\"\n }\n },\n ar: { \n welcome: \"أهلاً بك,\",\n newConversion: \"تحويل جديد\",\n recentConversions: \"التحويلات الأخيرة\",\n totalConversions: \"إجمالي التحويلات\",\n thisMonth: \"هذا الشهر\",\n successRate: \"معدل النجاح\",\n noConversions: \"لم تقم بإنشاء أي تحويلات حتى الآن\",\n getStarted: \"هيا بنا نبدأ!\",\n viewAll: \"عرض الكل\",\n processing: \"جاري المعالجة...\",\n completed: \"اكتمل\",\n failed: \"فشل\",\n appSubtitle: \"منشور واحد إلى كل مكان\",\n currentPlan: \"الخطة الحالية\",\n upgradeNow: \"ترقية الآن\",\n unlimited: \"غير محدود\",\n outOf: \"من\",\n greatPerformance: \"أداء ممتاز\",\n planTypes: {\n free: \"مجاني\",\n basic: \"أساسي\",\n pro: \"احترافي\",\n ultra: \"فائق\"\n },\n formats: {\n linkedin: \"لينكد إن\",\n twitter: \"تويتر\",\n podcast: \"بودكاست\",\n newsletter: \"رسالة إخبارية\",\n landing: \"صفحة هبوط\",\n video: \"فيديو قصير\",\n graphic: \"جرافيك\"\n }\n }, \n es: { \n welcome: \"Bienvenido de nuevo,\",\n newConversion: \"Nueva conversión\",\n recentConversions: \"Conversiones recientes\",\n totalConversions: \"Conversiones totales\",\n thisMonth: \"Este mes\",\n successRate: \"Tasa de éxito\",\n noConversions: \"Aún no has creado ninguna conversión\",\n getStarted: \"¡Empecemos!\",\n viewAll: \"Ver todo\",\n processing: \"Procesando...\",\n completed: \"Completado\",\n failed: \"Fallido\",\n appSubtitle: \"De una publicación a todas partes\",\n currentPlan: \"Plan actual\",\n upgradeNow: \"Actualizar ahora\",\n unlimited: \"Ilimitado\",\n outOf: \"de\",\n greatPerformance: \"Gran rendimiento\",\n planTypes: {\n free: \"Gratis\",\n basic: \"Básico\",\n pro: \"Pro\",\n ultra: \"Ultra\"\n },\n formats: {\n linkedin: \"LinkedIn\",\n twitter: \"Twitter\",\n podcast: \"Podcast\",\n newsletter: \"Boletín informativo\",\n landing: \"Página de aterrizaje\",\n video: \"Vídeo corto\",\n graphic: \"Gráfico\"\n }\n }, \n fr: { \n welcome: \"Bienvenue,\",\n newConversion: \"Nouvelle conversion\",\n recentConversions: \"Conversions récentes\",\n totalConversions: \"Conversions totales\",\n thisMonth: \"Ce mois-ci\",\n successRate: \"Taux de succès\",\n noConversions: \"Vous n'avez pas encore créé de conversions\",\n getStarted: \"Commençons !\",\n viewAll: \"Voir tout\",\n processing: \"En traitement...\",\n completed: \"Terminé\",\n failed: \"Échoué\",\n appSubtitle: \"D'un post à partout\",\n currentPlan: \"Plan actuel\",\n upgradeNow: \"Mettre à niveau maintenant\",\n unlimited: \"Illimité\",\n outOf: \"de\",\n greatPerformance: \"Excellente performance\",\n planTypes: {\n free: \"Gratuit\",\n basic: \"Basique\",\n pro: \"Pro\",\n ultra: \"Ultra\"\n },\n formats: {\n linkedin: \"LinkedIn\",\n twitter: \"Twitter\",\n podcast: \"Podcast\",\n newsletter: \"Newsletter\",\n landing: \"Page de destination\",\n video: \"Courte vidéo\",\n graphic: \"Graphique\"\n }\n }, \n zh: { \n welcome: \"欢迎回来,\",\n newConversion: \"新的转换\",\n recentConversions: \"最近的转换\",\n totalConversions: \"总转换量\",\n thisMonth: \"这个月\",\n successRate: \"成功率\",\n noConversions: \"您尚未创建任何转换\",\n getStarted: \"让我们开始吧！\",\n viewAll: \"查看全部\",\n processing: \"处理中...\",\n completed: \"已完成\",\n failed: \"失败\",\n appSubtitle: \"从一个帖子到所有地方\",\n currentPlan: \"当前计划\",\n upgradeNow: \"立即升级\",\n unlimited: \"无限\",\n outOf: \"出\",\n greatPerformance: \"出色的表现\",\n planTypes: {\n free: \"免费\",\n basic: \"基本\",\n pro: \"专业\",\n ultra: \"超级\"\n },\n formats: {\n linkedin: \"领英\",\n twitter: \"推特\",\n podcast: \"播客\",\n newsletter: \"新闻通讯\",\n landing: \"着陆页\",\n video: \"短片\",\n graphic: \"图形\"\n }\n },\n it: {\n welcome: \"Bentornato,\",\n newConversion: \"Nuova conversione\",\n recentConversions: \"Conversioni recenti\",\n totalConversions: \"Conversioni totali\",\n thisMonth: \"Questo mese\",\n successRate: \"Tasso di successo\",\n noConversions: \"Non hai ancora creato conversioni\",\n getStarted: \"Iniziamo!\",\n viewAll: \"Visualizza tutto\",\n processing: \"In elaborazione...\",\n completed: \"Completato\",\n failed: \"Fallito\",\n appSubtitle: \"Da un post a ovunque\",\n currentPlan: \"Piano attuale\",\n upgradeNow: \"Aggiorna ora\",\n unlimited: \"Illimitato\",\n outOf: \"di\",\n greatPerformance: \"Ottime prestazioni\",\n planTypes: {\n free: \"Gratuito\",\n basic: \"Base\",\n pro: \"Pro\",\n ultra: \"Ultra\"\n },\n formats: {\n linkedin: \"LinkedIn\",\n twitter: \"Twitter\",\n podcast: \"Podcast\",\n newsletter: \"Newsletter\",\n landing: \"Pagina di destinazione\",\n video: \"Breve video\",\n graphic: \"Grafica\"\n }\n }\n};\n\nconst planLimits = PLAN_LIMITS; \n\nexport default function Dashboard({ effectiveLanguage, appTranslations }) {\n const [user, setUser] = useState(null);\n const [conversions, setConversions] = useState([]);\n const [loading, setLoading] = useState(true);\n const [currentLang, setCurrentLang] = useState('en');\n const navigate = useNavigate();\n\n useEffect(() => {\n const init = async () => {\n try {\n const userData = await User.me();\n setUser(userData);\n setCurrentLang(userData.user_language || effectiveLanguage || 'en');\n const conversionsData = await Conversion.list(\"-created_date\", 10);\n setConversions(conversionsData);\n } catch (error) {\n console.error(\"Error loading data:\", error);\n setCurrentLang(effectiveLanguage || 'en');\n }\n setLoading(false);\n };\n init();\n }, [effectiveLanguage]);\n\n if (loading) {\n return (\n
\n
\n
\n
\n {[...Array(4)].map((_, i) => (\n
\n ))}\n
\n
\n
\n
\n );\n }\n\n const t = translations[currentLang] || translations.en;\n const isRTL = currentLang === 'he' || currentLang === 'ar';\n \n const monthlyLimit = RUN_MODE_FREE\n ? Infinity\n : (user?.email === 'yaronpm.eng@gmail.com' || user?.special_access || user?.is_admin \n ? Infinity \n : (planLimits[user?.plan_type] || planLimits.free));\n \n const currentUsage = user?.monthly_conversions || 0;\n const usagePercentage = monthlyLimit === Infinity ? 0 : (currentUsage / monthlyLimit) * 100;\n const isNearLimit = !RUN_MODE_FREE && monthlyLimit !== Infinity && usagePercentage >= 80 && usagePercentage < 100;\n const isAtLimit = !RUN_MODE_FREE && monthlyLimit !== Infinity && usagePercentage >= 100;\n\n const completedConversions = conversions.filter(c => c.status === 'completed');\n const successRate = conversions.length > 0 ? (completedConversions.length / conversions.length) * 100 : 0;\n\n return (\n
\n \n\n
\n
\n {/* Header Section */}\n
\n
\n
\n

\n {t.welcome} {user?.full_name?.split(' ')[0]}! 👋\n

\n

{t.appSubtitle}

\n
\n
\n \n \n \n
\n
\n
\n\n {/* Usage Limit Alerts - don't show for special users */}\n {user && isAtLimit && user.email !== 'yaronpm.eng@gmail.com' && !user.special_access && !user.is_admin && (\n
\n \n \n \n
\n

\n You've reached your monthly limit of {monthlyLimit} conversions. Upgrade your plan to continue.\n

\n \n
\n \n \n
\n )}\n\n {user && isNearLimit && !isAtLimit && user.email !== 'yaronpm.eng@gmail.com' && !user.special_access && !user.is_admin && (\n
\n \n \n \n

\n You're approaching your monthly limit ({currentUsage}/{monthlyLimit} conversions used). \n \n Consider upgrading\n to avoid interruption.\n

\n \n \n
\n )}\n\n {/* Special indicator for admin users */}\n {user && (user.email === 'yaronpm.eng@gmail.com' || user.special_access || user.is_admin) && (\n
\n \n \n \n

\n 🎉 Admin Access Active - Unlimited conversions and all features unlocked!\n

\n \n \n
\n )}\n\n {/* Stats Cards */}\n
\n
\n
\n
{t.totalConversions}
\n
\n \n
\n
\n
\n
{conversions.length}
\n
\n {completedConversions.length} {t.completed?.toLowerCase()}\n
\n
\n
\n\n
\n
\n
{t.thisMonth}
\n
\n \n
\n
\n
\n
{currentUsage}
\n
\n {monthlyLimit === Infinity ? t.unlimited : `${currentUsage} ${t.outOf} ${monthlyLimit}`}\n
\n {monthlyLimit !== Infinity && (\n
\n
\n
\n )}\n
\n
\n\n
\n
\n
{t.successRate}
\n
\n \n
\n
\n
\n
{successRate.toFixed(0)}%
\n
\n {t.greatPerformance}\n
\n
\n
\n\n
\n
\n
{t.currentPlan}
\n
\n \n
\n
\n
\n
\n {t.planTypes[user?.plan_type] || user?.plan_type || t.planTypes.free}\n
\n \n
\n {t.upgradeNow} →\n
\n \n
\n
\n
\n\n {/* Recent Conversions */}\n
\n
\n
\n

{t.recentConversions}

\n \n \n \n
\n
\n\n {conversions.length === 0 ? (\n
\n
\n \n
\n

{t.noConversions}

\n

{t.getStarted}

\n \n \n \n
\n ) : (\n
\n {conversions.slice(0, 5).map((conversion) => (\n
\n
\n
\n

\n {conversion.input_text}\n

\n
\n \n {t.formats[conversion.selected_formats?.[0]] || conversion.selected_formats?.[0]}\n \n {conversion.selected_formats?.length > 1 && (\n \n +{conversion.selected_formats.length - 1}\n \n )}\n
\n
\n
\n \n {t[conversion.status]}\n \n

\n {format(new Date(conversion.created_date), 'dd/MM/yyyy', { locale: currentLang === 'he' ? he : undefined })}\n

\n
\n
\n
\n ))}\n
\n )}\n
\n\n {/* Mobile CTA Button - don't show for users at limit unless they have special access */}\n {user && (!isAtLimit || user.email === 'yaronpm.eng@gmail.com' || user.special_access || user.is_admin) && (\n
\n \n \n \n
\n )}\n
\n
\n
\n );\n}\n","Convert":"\nimport React, { useState, useEffect } from \"react\";\nimport { User } from \"@/entities/User\";\nimport { Conversion } from \"@/entities/Conversion\";\nimport { InvokeLLM } from \"@/integrations/Core\";\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Textarea } from \"@/components/ui/textarea\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\nimport { Checkbox } from \"@/components/ui/checkbox\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"@/components/ui/select\";\nimport { Alert, AlertDescription } from \"@/components/ui/alert\";\nimport {\n Sparkles,\n Globe,\n Download,\n Copy,\n Edit3,\n RefreshCw,\n CheckCircle,\n Loader2,\n FileText,\n AlertCircle,\n Wand2,\n Brain,\n ToggleLeft,\n ToggleRight,\n Info\n} from \"lucide-react\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { useNavigate } from \"react-router-dom\";\nimport { createPageUrl } from \"@/utils\";\nimport SocialShareButtons from \"../components/sharing/SocialShareButtons\";\nimport PostAnalyzerCard from \"../components/ai/PostAnalyzerCard\";\nimport { RUN_MODE_FREE, PLAN_LIMITS } from \"@/components/config\";\n\nconst translations = {\n he: {\n title: \"המרה חדשה\",\n subtitle: \"הפוך בלוג בודד למכונת תוכן חכמה\",\n inputLabel: \"הטקסט למרה\",\n inputPlaceholder: \"הדבק כאן את הפוסט או המאמר שלך...\",\n urlLabel: \"או הכנס URL\",\n urlPlaceholder: \"https://example.com/blog-post\",\n importFromUrl: \"ייבא מURL\",\n selectFormats: \"בחר פורמטים\",\n writingTone: \"טון כתיבה\",\n outputLanguage: \"שפת הפלט\",\n contentDepth: \"רמת עומק התוכן\",\n generateContent: \"צור תוכן\",\n processing: \"מעבד...\",\n completed: \"הושלם!\",\n copyToClipboard: \"העתק ללוח\",\n downloadPdf: \"הורד PDF\",\n editContent: \"ערוך תוכן\",\n regenerate: \"צור מחדש\",\n limitReached: \"הגעת למגבלת ההמרות החודשית\",\n upgradeNow: \"שדרג עכשיו\",\n importingFromUrl: \"מייבא מURL...\",\n expandFurther: \"הרחב עוד\",\n makeMoreDetailed: \"הפוך למפורט יותר\",\n addExamples: \"הוסף דוגמאות מהחיים\",\n savingEdit: \"שומר עריכה...\",\n regeneratingFormat: \"מייצר מחדש...\",\n outputsTitle: \"התוצרים שלך\",\n save: \"שמור\",\n cancel: \"ביטול\",\n switchToEnglish: \"English\",\n switchToHebrew: \"עברית\",\n confirmChangeLanguage: \"שינוי שפה יאפס את הטופס. האם להמשיך?\",\n formats: {\n linkedin: \"פוסט לינקדאין\",\n x_post: \"X פוסט / ת'רד\",\n podcast: \"תסריט פודקאסט\",\n newsletter: \"סיכום ניוזלטר\",\n landing: \"מבוא לדף נחיתה\",\n video: \"תסריט וידאו קצר\",\n graphic: \"הנחיה לגרפיקה\",\n facebook: \"פוסט פייסבוק\",\n instagram: \"כיתוב אינסטגרם + האשטגים\",\n tiktok: \"תסריט TikTok\",\n reddit: \"פוסט Reddit\"\n },\n tones: {\n professional: \"מקצועי\",\n casual: \"חברותי\",\n marketing: \"שיווקי\",\n funny: \"משעשע\"\n },\n languages: {\n he: \"עברית\",\n en: \"אנגלית\",\n ar: \"ערבית\",\n es: \"ספרדית\",\n fr: \"צרפתית\",\n zh: \"סינית\",\n it: \"איטלקית\"\n },\n depths: {\n quick_summary: \"סיכום מהיר\",\n standard: \"סטנדרטי\",\n enriched: \"מועשר (ברירת מחדל)\",\n deep_dive: \"צלילה לעומק\"\n }\n },\n en: {\n title: \"New Conversion\",\n subtitle: \"From One Post to Everywhere\",\n inputLabel: \"Text to Convert\",\n inputPlaceholder: \"Paste your post or article here...\",\n urlLabel: \"Or enter URL\",\n urlPlaceholder: \"https://example.com/blog-post\",\n importFromUrl: \"Import from URL\",\n selectFormats: \"Select Formats\",\n writingTone: \"Writing Tone\",\n outputLanguage: \"Output Language\",\n contentDepth: \"Content Depth\",\n generateContent: \"Generate Content\",\n processing: \"Processing...\",\n completed: \"Completed!\",\n copyToClipboard: \"Copy to Clipboard\",\n downloadPdf: \"Download PDF\",\n editContent: \"Edit Content\",\n regenerate: \"Regenerate\",\n limitReached: \"You've reached your monthly conversion limit\",\n upgradeNow: \"Upgrade Now\",\n importingFromUrl: \"Importing from URL...\",\n expandFurther: \"Expand Further\",\n makeMoreDetailed: \"Make More Detailed\",\n addExamples: \"Add Real-world Examples\",\n savingEdit: \"Saving edit...\",\n regeneratingFormat: \"Regenerating format...\",\n outputsTitle: \"Your Outputs\",\n save: \"Save\",\n cancel: \"Cancel\",\n switchToEnglish: \"English\",\n switchToHebrew: \"עברית\",\n confirmChangeLanguage: \"Changing language will reset the form. Continue?\",\n formats: {\n linkedin: \"LinkedIn Post\",\n x_post: \"X Post / Thread\",\n podcast: \"Podcast Script\",\n newsletter: \"Newsletter Summary\",\n landing: \"Landing Page Intro\",\n video: \"Short Video Script\",\n graphic: \"Graphic Prompt\",\n facebook: \"Facebook Post\",\n instagram: \"Instagram Caption + Hashtags\",\n tiktok: \"TikTok Video Script\",\n reddit: \"Reddit Post\"\n },\n tones: {\n professional: \"Professional\",\n casual: \"Casual\",\n marketing: \"Marketing\",\n funny: \"Funny\"\n },\n languages: {\n he: \"Hebrew\",\n en: \"English\",\n ar: \"Arabic\",\n es: \"Spanish\",\n fr: \"French\",\n zh: \"Chinese\",\n it: \"Italian\"\n },\n depths: {\n quick_summary: \"Quick Summary\",\n standard: \"Standard\",\n enriched: \"Enriched (Default)\",\n deep_dive: \"Deep Dive\"\n }\n },\n ar: {\n title: \"تحويل جديد\",\n subtitle: \"منشور واحد إلى كل مكان\",\n inputLabel: \"النص المراد تحويله\",\n inputPlaceholder: \"ألصق منشورك أو مقالتك هنا...\",\n urlLabel: \"أو أدخل عنوان URL\",\n urlPlaceholder: \"https://example.com/blog-post\",\n importFromUrl: \"استيراد من عنوان URL\",\n selectFormats: \"اختر التنسيقات\",\n writingTone: \"أسلوب الكتابة\",\n outputLanguage: \"لغة الإخراج\",\n contentDepth: \"عمق المحتوى\",\n generateContent: \"إنشاء محتوى\",\n processing: \"جارٍ المعالجة...\",\n completed: \"اكتمل!\",\n copyToClipboard: \"نسخ إلى الحافظة\",\n downloadPdf: \"تنزيل PDF\",\n editContent: \"تحرير المحتوى\",\n regenerate: \"إعادة إنشاء\",\n limitReached: \"لقد وصلت إلى الحد الأقصى للتحويلات الشهرية\",\n upgradeNow: \"ترقية الآن\",\n importingFromUrl: \"جارٍ الاستيراد من عنوان URL...\",\n expandFurther: \"توسيع أكبر\",\n makeMoreDetailed: \"اجعلها أكثر تفصيلاً\",\n addExamples: \"إضافة أمثلة من العالم الحقيقي\",\n savingEdit: \"جاري حفظ التعديل...\",\n regeneratingFormat: \"جاري إعادة إنشاء التنسيق...\",\n outputsTitle: \"مخرجاتك\",\n save: \"حفظ\",\n cancel: \"إلغاء\",\n switchToEnglish: \"English\",\n switchToHebrew: \"عبري\",\n confirmChangeLanguage: \"سيؤدي تغيير اللغة إلى إعادة تعيين النموذج. هل تريد المتابعة؟\",\n formats: {\n linkedin: \"منشور LinkedIn\",\n x_post: \"X منشور / سلسلة\",\n podcast: \"نص البودكاست\",\n newsletter: \"ملخص الرسالة الإخبارية\",\n landing: \"مقدمة الصفحة المقصودة\",\n video: \"نص فيديو قصير\",\n graphic: \"موجه رسومات\",\n facebook: \"منشور فيسبوك\",\n instagram: \"تسمية توضيحية إنستغرام + هاشتاقات\",\n tiktok: \"نص فيديو TikTok\",\n reddit: \"منشور Reddit\"\n },\n tones: {\n professional: \"احترافي\",\n casual: \"عادي\",\n marketing: \"تسويقي\",\n funny: \"مضحك\"\n },\n languages: {\n he: \"عبري\",\n en: \"إنجليزي\",\n ar: \"عربي\",\n es: \"إسباني\",\n fr: \"فرنسي\",\n zh: \"صيني\",\n it: \"إيطالي\"\n },\n depths: {\n quick_summary: \"ملخص سريع\",\n standard: \"قياسي\",\n enriched: \"مثرية (افتراضي)\",\n deep_dive: \"الغوص العميق\"\n }\n },\n es: {\n title: \"Nueva Conversión\",\n subtitle: \"De una publicación a todas partes\",\n inputLabel: \"Texto para Convertir\",\n inputPlaceholder: \"Pega tu publicación o artículo aquí...\",\n urlLabel: \"O ingresa la URL\",\n urlPlaceholder: \"https://example.com/blog-post\",\n importFromUrl: \"Importar desde URL\",\n selectFormats: \"Seleccionar Formatos\",\n writingTone: \"Tono de Escritura\",\n outputLanguage: \"Idioma de Salida\",\n contentDepth: \"Profundidad del Contenido\",\n generateContent: \"Generar Contenido\",\n processing: \"Procesando...\",\n completed: \"¡Completado!\",\n copyToClipboard: \"Copiar al Portapapeles\",\n downloadPdf: \"Descargar PDF\",\n editContent: \"Editar Contenido\",\n regenerate: \"Regenerar\",\n limitReached: \"Has alcanzado tu límite mensual de conversiones\",\n upgradeNow: \"Actualizar Ahora\",\n importingFromUrl: \"Importando desde URL...\",\n expandFurther: \"Expandir Más\",\n makeMoreDetailed: \"Hacer Más Detallado\",\n addExamples: \"Agregar Ejemplos del Mundo Real\",\n savingEdit: \"Guardando edición...\",\n regeneratingFormat: \"Regenerando formato...\",\n outputsTitle: \"Tus Resultados\",\n save: \"Guardar\",\n cancel: \"Cancelar\",\n switchToEnglish: \"English\",\n switchToHebrew: \"עברית\",\n confirmChangeLanguage: \"Cambiar el idioma reiniciará el formulario. ¿Continuar?\",\n formats: {\n linkedin: \"Publicación de LinkedIn\",\n x_post: \"Publicación / Hilo de X\",\n podcast: \"Guion de Podcast\",\n newsletter: \"Resumen de Newsletter\",\n landing: \"Introducción de Página de Aterrizaje\",\n video: \"Guion de Video Corto\",\n graphic: \"Indicación Gráfica\",\n facebook: \"Publicación de Facebook\",\n instagram: \"Subtítulo de Instagram + Hashtags\",\n tiktok: \"Guion de Video TikTok\",\n reddit: \"Publicación de Reddit\"\n },\n tones: {\n professional: \"Profesional\",\n casual: \"Casual\",\n marketing: \"Marketing\",\n funny: \"Divertido\"\n },\n languages: {\n he: \"Hebreo\",\n en: \"Inglés\",\n ar: \"Árabe\",\n es: \"Español\",\n fr: \"Francés\",\n zh: \"Chino\",\n it: \"Italiano\"\n },\n depths: {\n quick_summary: \"Resumen Rápido\",\n standard: \"Estándar\",\n enriched: \"Enriquecido (Predeterminado)\",\n deep_dive: \"Inmersión Profunda\"\n }\n },\n fr: {\n title: \"Nouvelle Conversion\",\n subtitle: \"D'un post à partout\",\n inputLabel: \"Texte à Convertir\",\n inputPlaceholder: \"Collez votre publication ou votre article ici...\",\n urlLabel: \"Ou entrez l'URL\",\n urlPlaceholder: \"https://example.com/blog-post\",\n importFromUrl: \"Importer depuis l'URL\",\n selectFormats: \"Sélectionner les Formats\",\n writingTone: \"Ton d'Écriture\",\n contentDepth: \"Profondeur du Contenu\",\n generateContent: \"Générer du Contenu\",\n processing: \"En traitement...\",\n completed: \"Terminé !\",\n copyToClipboard: \"Copier dans le Presse-papiers\",\n downloadPdf: \"Télécharger le PDF\",\n editContent: \"Modifier le Contenu\",\n regenerate: \"Régénérer\",\n limitReached: \"Vous avez atteint votre limite mensuelle de conversions\",\n upgradeNow: \"Mettre à niveau maintenant\",\n importingFromUrl: \"Importation depuis l'URL...\",\n expandFurther: \"Développer davantage\",\n makeMoreDetailed: \"Rendre plus détaillé\",\n addExamples: \"Ajouter des exemples concrets\",\n savingEdit: \"Enregistrement de la modification...\",\n regeneratingFormat: \"Régénération du format...\",\n outputsTitle: \"Vos Sorties\",\n save: \"Enregistrer\",\n cancel: \"Annuler\",\n switchToEnglish: \"English\",\n switchToHebrew: \"עברית\",\n confirmChangeLanguage: \"Changer de langue réinitialisera le formulaire. Continuer?\",\n formats: {\n linkedin: \"Publication LinkedIn\",\n x_post: \"Publication / Fil X\",\n podcast: \"Script de Podcast\",\n newsletter: \"Résumé de Newsletter\",\n landing: \"Introduction de Page de Destination\",\n video: \"Script de Courte Vidéo\",\n graphic: \"Invite Graphique\",\n facebook: \"Publication Facebook\",\n instagram: \"Légende Instagram + Hashtags\",\n tiktok: \"Script Vidéo TikTok\",\n reddit: \"Publication Reddit\"\n },\n tones: {\n professional: \"Professionnel\",\n casual: \"Décontracté\",\n marketing: \"Marketing\",\n funny: \"Drôle\"\n },\n languages: {\n he: \"Hébreu\",\n en: \"Anglais\",\n ar: \"Arabe\",\n es: \"Espagnol\",\n fr: \"Français\",\n zh: \"Chinois\",\n it: \"Italiano\"\n },\n depths: {\n quick_summary: \"Résumé Rapide\",\n standard: \"Standard\",\n enriched: \"Enrichi (Par Défaut)\",\n deep_dive: \"Exploration Approfondie\"\n }\n },\n zh: {\n title: \"新转换\",\n subtitle: \"从一个帖子到所有地方\",\n inputLabel: \"要转换的文本\",\n inputPlaceholder: \"在此粘贴您的帖子或文章...\",\n urlLabel: \"或输入网址\",\n urlPlaceholder: \"https://example.com/blog-post\",\n importFromUrl: \"从网址导入\",\n selectFormats: \"选择格式\",\n writingTone: \"写作语气\",\n outputLanguage: \"输出语言\",\n contentDepth: \"内容深度\",\n generateContent: \"生成内容\",\n processing: \"处理中...\",\n completed: \"已完成！\",\n copyToClipboard: \"复制到剪贴板\",\n downloadPdf: \"下载PDF\",\n editContent: \"编辑内容\",\n regenerate: \"重新生成\",\n limitReached: \"您已达到每月转换限制\",\n upgradeNow: \"立即升级\",\n importingFromUrl: \"正在从网址导入...\",\n expandFurther: \"进一步扩展\",\n makeMoreDetailed: \"使其更详细\",\n addExamples: \"添加真实世界的例子\",\n savingEdit: \"保存编辑...\",\n regeneratingFormat: \"重新生成格式...\",\n outputsTitle: \"您的输出\",\n save: \"保存\",\n cancel: \"取消\",\n switchToEnglish: \"English\",\n switchToHebrew: \"עברית\",\n confirmChangeLanguage: \"更改语言将重置表单。继续吗？\",\n formats: {\n linkedin: \"LinkedIn 帖子\",\n x_post: \"X 帖子/主题\",\n podcast: \"播客脚本\",\n newsletter: \"时事通讯摘要\",\n landing: \"着陆页介绍\",\n video: \"短视频脚本\",\n graphic: \"图形提示\",\n facebook: \"Facebook 帖子\",\n instagram: \"Instagram 标题 + 标签\",\n tiktok: \"TikTok 视频脚本\",\n reddit: \"Reddit 帖子\"\n },\n tones: {\n professional: \"专业\",\n casual: \"休闲\",\n marketing: \"营销\",\n funny: \"有趣\"\n },\n languages: {\n he: \"希伯来语\",\n en: \"英语\",\n ar: \"阿拉伯语\",\n es: \"西班牙语\",\n fr: \"法语\",\n zh: \"中文\",\n it: \"意大利语\"\n },\n depths: {\n quick_summary: \"快速摘要\",\n standard: \"标准\",\n enriched: \"丰富（默认）\",\n deep_dive: \"深度挖掘\"\n }\n },\n it: {\n title: \"Nuova Conversione\",\n subtitle: \"Da un Post a Ovunque\",\n inputLabel: \"Testo da Convertire\",\n inputPlaceholder: \"Incolla qui il tuo post o articolo...\",\n urlLabel: \"Oppure inserisci l'URL\",\n urlPlaceholder: \"https://example.com/blog-post\",\n importFromUrl: \"Importa da URL\",\n selectFormats: \"Seleziona Formati\",\n writingTone: \"Tono di Scrittura\",\n outputLanguage: \"Lingua di Output\",\n contentDepth: \"Profondità del Contenuto\",\n generateContent: \"Genera Contenuto\",\n processing: \"Elaborazione...\",\n completed: \"Completato!\",\n copyToClipboard: \"Copia negli Appunti\",\n downloadPdf: \"Scarica PDF\",\n editContent: \"Modifica Contenuto\",\n regenerate: \"Rigenera\",\n limitReached: \"Hai raggiunto il limite mensile di conversioni\",\n upgradeNow: \"Aggiorna Ora\",\n importingFromUrl: \"Importazione da URL...\",\n expandFurther: \"Espandi Ulteriormente\",\n makeMoreDetailed: \"Rendi Più Dettagliato\",\n addExamples: \"Aggiungi Esempi Reali\",\n savingEdit: \"Salvataggio modifiche...\",\n regeneratingFormat: \"Rigenerazione formato...\",\n outputsTitle: \"I Tuoi Output\",\n save: \"Salva\",\n cancel: \"Annulla\",\n switchToEnglish: \"English\",\n switchToHebrew: \"עברית\",\n confirmChangeLanguage: \"Cambiare lingua reimposterà il modulo. Continuare?\",\n formats: {\n linkedin: \"Post di LinkedIn\",\n x_post: \"Post/Thread di X\",\n podcast: \"Script di Podcast\",\n newsletter: \"Riepilogo Newsletter\",\n landing: \"Introduzione Pagina di Destinazione\",\n video: \"Script di Breve Video\",\n graphic: \"Richiesta Grafica\",\n facebook: \"Post di Facebook\",\n instagram: \"Didascalia Instagram + Hashtag\",\n tiktok: \"Script Video TikTok\",\n reddit: \"Post di Reddit\"\n },\n tones: {\n professional: \"Professionale\",\n casual: \"Informale\",\n marketing: \"Marketing\",\n funny: \"Divertente\"\n },\n languages: {\n he: \"Ebraico\",\n en: \"Inglese\",\n ar: \"Arabo\",\n es: \"Spagnolo\",\n fr: \"Francese\",\n zh: \"Cinese\",\n it: \"Italiano\"\n },\n depths: {\n quick_summary: \"Riepilogo Rapido\",\n standard: \"Standard\",\n enriched: \"Arricchito (Predefinito)\",\n deep_dive: \"Analisi Approfondita\"\n }\n }\n};\n\ntranslations.he.formats = {\n linkedin: \"פוסט לינקדאין\", x_post: \"X פוסט / ת'רד\", podcast: \"תסריט פודקאסט\", newsletter: \"סיכום ניוזלטר\", landing: \"מבוא לדף נחיתה\", video: \"תסריט וידאו קצר\", graphic: \"הנחיה לגרפיקה\", facebook: \"פוסט פייסבוק\", instagram: \"כיתוב אינסטגרם + האשטגים\", tiktok: \"תסריט TikTok\", reddit: \"פוסט Reddit\"\n};\ntranslations.en.formats = {\n linkedin: \"LinkedIn Post\", x_post: \"X Post / Thread\", podcast: \"Podcast Script\", newsletter: \"Newsletter Summary\", landing: \"Landing Page Intro\", video: \"Short Video Script\", graphic: \"Graphic Prompt\", facebook: \"Facebook Post\", instagram: \"Instagram Caption + Hashtags\", tiktok: \"TikTok Video Script\", reddit: \"Reddit Post\"\n};\ntranslations.he.tones = { professional: \"מקצועי\", casual: \"חברותי\", marketing: \"שיווקי\", funny: \"משעשע\" };\ntranslations.en.tones = { professional: \"Professional\", casual: \"Casual\", marketing: \"Marketing\", funny: \"Funny\" };\ntranslations.he.languages = { he: \"עברית\", en: \"אנגלית\", ar: \"ערבית\", es: \"ספרדית\", fr: \"צרפתית\", zh: \"סינית\", it: \"איטלקית\" };\ntranslations.en.languages = { he: \"Hebrew\", en: \"English\", ar: \"Arabic\", es: \"Spanish\", fr: \"French\", zh: \"Chinese\", it: \"Italian\" };\ntranslations.he.depths = { quick_summary: \"סיכום מהיר\", standard: \"סטנדרטי\", enriched: \"מועשר (ברירת מחדל)\", deep_dive: \"צלילה לעומק\" };\ntranslations.en.depths = { quick_summary: \"Quick Summary\", standard: \"Standard\", enriched: \"Enriched (Default)\", deep_dive: \"Deep Dive\" };\n\n['ar', 'es', 'fr', 'zh', 'it'].forEach(lang => {\n translations[lang] = JSON.parse(JSON.stringify(translations.en)); // Deep copy English as placeholder\n});\n\nconst XIcon = () => (\n \n \n \n);\n\n\nconst planLimits = PLAN_LIMITS;\n\nconst formatOptions = [\n { id: 'linkedin', icon: '💼' },\n { id: 'x_post', icon: },\n { id: 'podcast', icon: '🎙️' },\n { id: 'newsletter', icon: '📧' },\n { id: 'landing', icon: '🚀' },\n { id: 'video', icon: '🎬' },\n { id: 'graphic', icon: '🎨' },\n { id: 'facebook', icon: '📘' },\n { id: 'instagram', icon: '📷' },\n { id: 'tiktok', icon: '🎵' },\n { id: 'reddit', icon: '👽' }\n];\n\nexport default function Convert({ effectiveLanguage, appTranslations }) {\n const navigate = useNavigate();\n const [user, setUser] = useState(null);\n const [inputText, setInputText] = useState(\"\");\n const [inputUrl, setInputUrl] = useState(\"\");\n const [selectedFormats, setSelectedFormats] = useState([]);\n const [writingTone, setWritingTone] = useState(\"professional\");\n\n const [pageLanguage, setPageLanguage] = useState('en');\n const [contentDepth, setContentDepth] = useState(\"enriched\");\n const [outputs, setOutputs] = useState({});\n const [processing, setProcessing] = useState(false);\n const [formatProcessing, setFormatProcessing] = useState({});\n const [importingUrl, setImportingUrl] = useState(false);\n const [currentConversion, setCurrentConversion] = useState(null);\n const [editingFormat, setEditingFormat] = useState(null);\n const [editedContent, setEditedContent] = useState(\"\");\n const [loading, setLoading] = useState(true);\n\n // New states for layout and suggestions\n const [layoutMode, setLayoutMode] = useState('wide'); // 'wide' | 'compact'\n const [formatSuggestions, setFormatSuggestions] = useState([]);\n const [suggestionsLoading, setSuggestionsLoading] = useState(false);\n\n\n useEffect(() => {\n const loadInitialData = async () => {\n setLoading(true);\n try {\n const userData = await User.me();\n setUser(userData);\n setPageLanguage(userData.user_language || effectiveLanguage || 'en');\n } catch (error) {\n setPageLanguage(effectiveLanguage || 'en');\n } finally {\n setLoading(false);\n }\n };\n loadInitialData();\n }, [effectiveLanguage]);\n\n // Suggest best formats automatically from input text\n useEffect(() => {\n const content = (inputText || \"\").trim();\n if (content.length < 80) { setFormatSuggestions([]); return; }\n setSuggestionsLoading(true);\n const timer = setTimeout(async () => {\n try {\n const res = await InvokeLLM({\n prompt: `\nFrom the content below, suggest the top 3 most suitable formats for distribution.\nAllowed ids: [\"linkedin\",\"x_post\",\"podcast\",\"newsletter\",\"landing\",\"video\",\"graphic\",\"facebook\",\"instagram\",\"tiktok\",\"reddit\"].\nReturn JSON: { \"formats\": [\"id1\",\"id2\",\"id3\"] }\n\nContent:\n${content}`.trim(),\n response_json_schema: {\n type: \"object\",\n properties: { formats: { type: \"array\", items: { type: \"string\" } } },\n required: [\"formats\"]\n }\n });\n setFormatSuggestions(Array.isArray(res.formats) ? res.formats.slice(0, 3) : []);\n } catch (e) {\n setFormatSuggestions([]);\n }\n setSuggestionsLoading(false);\n }, 600);\n return () => clearTimeout(timer);\n }, [inputText]);\n\n const t = translations[pageLanguage] || translations.en;\n const isRTL = pageLanguage === 'he' || pageLanguage === 'ar';\n\n const getLocalizedText = (objKey, itemKey) => {\n if (t[objKey] && t[objKey][itemKey]) {\n return t[objKey][itemKey];\n }\n return translations.en[objKey]?.[itemKey] || itemKey;\n };\n\n const generatePrompt = (format, text, tone, language, depth) => {\n const currentOutputLangT = translations[language] || translations.en;\n\n let basePrompt = `You are an expert content strategist and copywriter.\nPlease rewrite the following blog post content into a ${currentOutputLangT.formats[format] || format} in ${currentOutputLangT.languages[language] || language}, using a ${currentOutputLangT.tones[tone] || tone} tone and adapting it to fit the conventions, best practices, and expectations of this format.\nEnsure: Rich and persuasive language, Clear structure (intro, body, conclusion), Hooks, call-to-actions, and relatable examples, Natural transitions and logical flow, Language adapted to the platform.`;\n\n let formatInstructions = \"\";\n switch (format) {\n case 'newsletter':\n case 'landing':\n case 'linkedin':\n formatInstructions = `- Ensure the content is at least 300-500 words.`;\n break;\n case 'podcast':\n formatInstructions = `- Ensure the script is at least 500 words. Include speaker cues (e.g., Host:, Guest:), sound effects suggestions, and clear narrative structure.`;\n break;\n case 'x_post':\n formatInstructions = `- Create a comprehensive thread of 10 posts for X (formerly Twitter).\n - Start with a strong hook/teaser in the first post that grabs attention immediately.\n - Each post should be between 250-280 characters to maximize engagement while staying within limits.\n - Structure the thread as follows:\n 1. Hook/Attention grabber with a promise of value\n 2-3. Context and problem identification\n 4-6. Main content/solution with specific details\n 7-8. Examples, data, or case studies\n 9. Key takeaway or summary\n 10. Strong call-to-action and engagement prompt\n - Use thread indicators (1/10, 2/10, etc.) at the start of each post.\n - Include emojis strategically for visual appeal.\n - End with engagement questions or calls-to-action to encourage replies and shares.\n - Make each post valuable on its own while building a cohesive narrative.`;\n break;\n case 'video':\n formatInstructions = `- Create a script for a short video (under 60 seconds). Include scene descriptions, voiceover text, and visual suggestions for each part of the script. Structure it for engagement (hook, main points, CTA).`;\n break;\n case 'facebook':\n formatInstructions = `- Create a Facebook post (max 300 words). Use engaging storytelling, include 1-2 relevant hashtags, and end with a clear call-to-action. Make it conversational and shareable. Consider visual elements suggestions.`;\n break;\n case 'instagram':\n formatInstructions = `- Create an Instagram caption (max 2,000 characters). Start with a hook in the first line. Include storytelling elements, encourage engagement with questions. Add 5-10 relevant hashtags at the end. Include \"Link in bio\" call-to-action if relevant.`;\n break;\n case 'tiktok':\n formatInstructions = `- Create a TikTok video script (30-60 seconds). Structure: Hook (first 3 seconds), Value/Entertainment (middle), Strong CTA (end). Include timing cues, visual directions, and text overlay suggestions. Make it trend-worthy and engaging.`;\n break;\n case 'reddit':\n formatInstructions = `- Create a Reddit post with Title (max 120 characters) and Body. Title should be discussion-starter. Body should provide value, encourage discussion, and follow Reddit etiquette. Be authentic and community-focused. Suggest relevant subreddits (r/marketing, r/ai, etc.).`;\n break;\n case 'graphic':\n basePrompt = `You are an expert visual content strategist.\nGenerate a detailed prompt for an AI image generator (like Midjourney or DALL-E) to create a compelling visual that represents the following blog content.\nThe prompt should be in ${currentOutputLangT.languages[language] || language} and aim for a ${currentOutputLangT.tones[tone] || tone} visual style.\nConsider: Key themes and messages, Target audience, Desired mood, Specific visual elements, colors, composition, and artistic style.\nProvide a concise but comprehensive prompt.`;\n formatInstructions = \"\";\n break;\n }\n\n let depthInstructions = \"\";\n switch (depth) {\n case 'quick_summary':\n depthInstructions = `- ${currentOutputLangT.depths.quick_summary || 'Provide a concise summary, highlighting only the most critical points. Keep it brief.'}`;\n break;\n case 'standard':\n depthInstructions = `- ${currentOutputLangT.depths.standard || 'Provide a well-rounded piece covering the main aspects of the original content.'}`;\n break;\n case 'enriched':\n depthInstructions = `- ${currentOutputLangT.depths.enriched || 'Elaborate on key concepts, provide richer descriptions, and ensure comprehensive coverage. Aim for insightful and engaging content.'}`;\n break;\n case 'deep_dive':\n depthInstructions = `- ${currentOutputLangT.depths.deep_dive || 'Conduct a thorough exploration of the topic, including nuanced details, multiple perspectives, and in-depth analysis. This should be a substantial piece of content.'}`;\n break;\n }\n\n const finalPrompt = `${basePrompt}\\n${formatInstructions}\\n${depthInstructions}\\nOriginal blog content:\\n${text}`;\n return finalPrompt.trim();\n };\n\n const handleImportFromUrl = async () => {\n if (!inputUrl.trim()) return;\n\n setImportingUrl(true);\n try {\n const result = await InvokeLLM({\n prompt: `Extract the main content from this webpage URL: ${inputUrl}. Return only the clean text content, removing navigation, ads, and other non-content elements.`,\n add_context_from_internet: true\n });\n\n setInputText(result);\n setInputUrl(\"\");\n } catch (error) {\n console.error(\"Error importing from URL:\", error);\n }\n setImportingUrl(false);\n };\n\n const handleFormatToggle = (formatId) => {\n setSelectedFormats(prev => {\n const newFormats = prev.includes(formatId)\n ? prev.filter(f => f !== formatId)\n : [...prev, formatId];\n return newFormats;\n });\n };\n\n const checkLimit = () => {\n if (RUN_MODE_FREE) return true; // Free run mode bypass\n if (user?.email === 'yaronpm.eng@gmail.com' || user?.special_access || user?.is_admin) {\n return true;\n }\n const limit = planLimits[user?.plan_type] || planLimits.free;\n const currentUsage = user?.monthly_conversions || 0;\n if (limit === Infinity) return true;\n if (currentUsage >= limit) {\n const isHebrew = pageLanguage === 'he';\n const message = isHebrew\n ? \"הגעת למגבלת התוכנית החינמית שלך. אנא שדרג כדי להמשיך.\"\n : \"You've reached the limit of your free plan. Please upgrade to continue.\";\n alert(message);\n if (user?.plan_type === 'free') {\n window.location.href = \"https://paypal.me/yaron513/5.9\";\n }\n return false;\n }\n return true;\n };\n\n const handleGenerate = async () => {\n if (!inputText.trim() || selectedFormats.length === 0) return;\n\n if (!checkLimit()) {\n return;\n }\n\n setProcessing(true);\n setOutputs({});\n setFormatProcessing({});\n\n try {\n const conversion = await Conversion.create({\n input_text: inputText,\n input_url: inputUrl,\n selected_formats: selectedFormats,\n writing_tone: writingTone,\n output_language: pageLanguage,\n content_depth: contentDepth,\n outputs: {},\n status: \"processing\"\n });\n\n setCurrentConversion(conversion);\n\n const newOutputs = {};\n for (const format of selectedFormats) {\n setFormatProcessing(prev => ({ ...prev, [format]: true }));\n try {\n const prompt = generatePrompt(format, inputText, writingTone, pageLanguage, contentDepth);\n const result = await InvokeLLM({ prompt });\n newOutputs[format] = result;\n } catch (error) {\n newOutputs[format] = `שגיאה ביצירת תוכן עבור ${format}: ${error.message}`;\n }\n setFormatProcessing(prev => ({ ...prev, [format]: false }));\n }\n\n setOutputs(newOutputs);\n\n await Conversion.update(conversion.id, {\n outputs: newOutputs,\n status: \"completed\"\n });\n\n if (!RUN_MODE_FREE) { // Only update usage if not in free run mode\n await User.updateMyUserData({\n monthly_conversions: (user.monthly_conversions || 0) + 1\n });\n\n setUser(prevUser => ({\n ...prevUser,\n monthly_conversions: (prevUser.monthly_conversions || 0) + 1\n }));\n }\n\n } catch (error) {\n console.error(\"Error generating content:\", error);\n if(currentConversion && currentConversion.id){\n await Conversion.update(currentConversion.id, { status: \"failed\" });\n }\n }\n setProcessing(false);\n };\n\n const handleCopyToClipboard = async (content) => {\n try {\n await navigator.clipboard.writeText(content);\n } catch (error) {\n console.error(\"Failed to copy to clipboard:\", error);\n }\n };\n\n const handleEdit = (format) => {\n setEditingFormat(format);\n setEditedContent(outputs[format]);\n };\n\n const handleSaveEdit = async () => {\n if (!currentConversion || !editingFormat) return;\n setFormatProcessing(prev => ({ ...prev, [editingFormat]: \"Saving edit...\" }));\n try {\n const updatedOutputs = {\n ...outputs,\n [editingFormat]: editedContent\n };\n await Conversion.update(currentConversion.id, { outputs: updatedOutputs });\n setOutputs(updatedOutputs);\n setEditingFormat(null);\n setEditedContent(\"\");\n } catch (error) {\n console.error(\"Error saving edit:\", error);\n }\n setFormatProcessing(prev => ({ ...prev, [editingFormat]: false }));\n };\n\n const handleRegenerate = async (format) => {\n if (!checkLimit()) return;\n\n setFormatProcessing(prev => ({ ...prev, [format]: \"Regenerating format...\" }));\n try {\n const prompt = generatePrompt(format, inputText, writingTone, pageLanguage, contentDepth);\n const result = await InvokeLLM({ prompt });\n setOutputs(prev => ({\n ...prev,\n [format]: result\n }));\n if (currentConversion && currentConversion.id) {\n await Conversion.update(currentConversion.id, { outputs: { ...outputs, [format]: result } });\n }\n\n if (!RUN_MODE_FREE) { // Only update usage if not in free run mode\n await User.updateMyUserData({\n monthly_conversions: (user.monthly_conversions || 0) + 1\n });\n\n setUser(prevUser => ({\n ...prevUser,\n monthly_conversions: (prevUser.monthly_conversions || 0) + 1\n }));\n }\n\n } catch (error) {\n console.error(\"Error regenerating content:\", error);\n setOutputs(prev => ({ ...prev, [format]: `שגיאה ביצירת תוכן מחדש: ${error.message}` }));\n }\n setFormatProcessing(prev => ({ ...prev, [format]: false }));\n };\n\n const handlePostGenerationAction = async (format, actionType) => {\n if (!outputs[format] || !checkLimit()) return;\n\n setFormatProcessing(prev => ({ ...prev, [format]: true }));\n let actionPrompt = \"\";\n const currentOutput = outputs[format];\n\n switch (actionType) {\n case 'expand':\n actionPrompt = `Take the following text for a ${getLocalizedText('formats', format, pageLanguage)} and expand upon it. Add more details, explanations, or sections while maintaining the original tone (${getLocalizedText('tones', writingTone, pageLanguage)}) and core message. Ensure it is still suitable for the ${getLocalizedText('formats', format, pageLanguage)} format in ${getLocalizedText('languages', pageLanguage, pageLanguage)}.\\n\\nOriginal Text:\\n${currentOutput}`;\n break;\n case 'detail':\n actionPrompt = `Make the following text for a ${getLocalizedText('formats', format, pageLanguage)} more detailed. Elaborate on existing points, provide specific examples or data if appropriate, and deepen the explanations. Maintain the ${getLocalizedText('tones', writingTone, pageLanguage)} tone and ${getLocalizedText('languages', pageLanguage, pageLanguage)} language.\\n\\nOriginal Text:\\n${currentOutput}`;\n break;\n case 'examples':\n actionPrompt = `Add relevant real-world examples to the following text for a ${getLocalizedText('formats', format, pageLanguage)}. The examples should illustrate the key points and make the content more relatable and practical. Maintain the ${getLocalizedText('tones', writingTone, pageLanguage)} tone and ${getLocalizedText('languages', pageLanguage, pageLanguage)} language.\\n\\nOriginal Text:\\n${currentOutput}`;\n break;\n default:\n setFormatProcessing(prev => ({ ...prev, [format]: false }));\n return;\n }\n\n try {\n const result = await InvokeLLM({ prompt: actionPrompt });\n const newOutputs = { ...outputs, [format]: result };\n setOutputs(newOutputs);\n if (currentConversion && currentConversion.id) {\n await Conversion.update(currentConversion.id, { outputs: newOutputs });\n }\n\n if (!RUN_MODE_FREE) { // Only update usage if not in free run mode\n await User.updateMyUserData({\n monthly_conversions: (user.monthly_conversions || 0) + 1\n });\n\n setUser(prevUser => ({\n ...prevUser,\n monthly_conversions: (prevUser.monthly_conversions || 0) + 1\n }));\n }\n\n } catch (error) {\n console.error(`Error with ${actionType} action:`, error);\n setOutputs(prev => ({ ...prev, [format]: `${prev[format]}\\n\\nשגיאה בפעולת \"${actionType}\": ${error.message}` }));\n }\n setFormatProcessing(prev => ({ ...prev, [format]: false }));\n };\n\n if (!user && loading) {\n return (\n
\n \n
\n );\n }\n\n const canGenerate = RUN_MODE_FREE ? true : (user ? (\n user.email === 'yaronpm.eng@gmail.com' ||\n user.special_access ||\n user.is_admin ||\n user.monthly_conversions < (planLimits[user.plan_type] || planLimits.free)\n ) : true);\n\n\n return (\n
\n \n\n
\n {/* Header with layout toggle */}\n
\n
\n

\n {t.title}\n

\n

{t.subtitle}

\n
\n\n
\n \n \n
\n
\n\n {/* 2-column desktop layout: left sticky controls, right content */}\n
\n {/* LEFT: Sticky Controls Panel */}\n
\n
\n {/* Group: Style Settings */}\n
\n
\n

{isRTL ? 'הגדרות סגנון' : 'Style Settings'}

\n \n
\n
\n {/* Language */}\n
\n \n \n
\n {/* Tone */}\n
\n \n \n
\n {/* Depth */}\n
\n \n \n
\n
\n
\n\n {/* Group: Formats (with auto-suggestions) */}\n
\n
\n

{t.selectFormats}

\n {isRTL ? 'נבחרו:' : 'Selected:'} {selectedFormats.length}\n
\n\n {/* Suggestions */}\n
\n
\n {isRTL ? 'הצעות:' : 'Suggestions:'}\n {suggestionsLoading ? (\n \n {isRTL ? 'טוען...' : 'Loading...'}\n \n ) : (\n formatSuggestions.map((f) => (\n handleFormatToggle(f)} className={`cursor-pointer ${selectedFormats.includes(f) ? 'bg-teal-600 text-white' : 'bg-teal-50 text-teal-700'}`}>\n {getLocalizedText('formats', f)}\n \n ))\n )}\n {!!formatSuggestions.length && (\n setSelectedFormats(formatSuggestions)}\n className=\"ml-auto\"\n >\n {isRTL ? 'החל הכל' : 'Apply All'}\n \n )}\n
\n
\n\n
\n {formatOptions.map((format) => (\n handleFormatToggle(format.id)}\n >\n handleFormatToggle(format.id)}\n onClick={(e) => e.stopPropagation()}\n />\n
\n {typeof format.icon === 'string' ? {format.icon} : format.icon}\n
\n {getLocalizedText('formats', format.id)}\n
\n ))}\n
\n
\n\n {/* CTA primary inside sticky panel */}\n
\n {user && !canGenerate && (\n \n \n \n
\n

\n {t.limitReached || \"You've reached the limit of your free plan. Upgrade to continue using RePostly AI.\"}\n

\n
\n navigate(createPageUrl(\"Pricing\"))}\n >\n {t.upgradeNow || \"Upgrade Plan\"}\n \n \n {user.monthly_conversions || 0}/{planLimits[user.plan_type] || planLimits.free} conversions used this month\n \n
\n
\n \n \n )}\n \n {processing ? (<>{t.processing}) : (<>{t.generateContent})}\n \n
\n
\n
\n\n {/* RIGHT: Source content + analysis + outputs */}\n
\n {/* Group: Source Content */}\n
\n
\n

{isRTL ? 'תוכן מקור' : 'Source Content'}

\n
\n
\n
\n \n \n \n \n {t.inputLabel}\n \n \n \n setInputText(e.target.value)}\n rows={8}\n className=\"resize-none\"\n />\n
\n setInputUrl(e.target.value)}\n className=\"flex-1\"\n />\n \n {importingUrl ? : }\n \n
\n \n \n
\n
\n
\n\n {/* Analyzer stays next to content */}\n setInputText(newText)}\n />\n\n {/* Outputs */}\n {Object.keys(outputs).length > 0 && (\n
\n
\n \n

{t.outputsTitle}

\n
\n
\n {selectedFormats.map((format) => (\n \n \n
\n \n \n {formatOptions.find(f => f.id === format)?.icon}\n \n {getLocalizedText('formats', format)}\n \n
\n \n \n \n \n
\n
\n \n \n {editingFormat === format ? (\n
\n setEditedContent(e.target.value)}\n rows={8}\n className=\"resize-none\"\n />\n
\n \n \n
\n
\n ) : (\n
\n {formatProcessing[format] && typeof formatProcessing[format] === 'boolean' ? (\n
\n \n {t.processing}\n
\n ) : (\n outputs[format] || (\n
\n \n {t.processing}\n
\n )\n )}\n
\n )}\n {!editingFormat && outputs[format] && !formatProcessing[format] && (\n
\n \n \n \n
\n )}\n \n \n ))}\n
\n
\n )}\n
\n
\n
\n\n {/* Floating CTA (desktop) */}\n
\n \n {processing ? : }\n {processing ? t.processing : t.generateContent}\n \n
\n \n );\n}\n","Pricing":"\nimport React from \"react\";\nimport { User } from \"@/entities/User\";\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Alert, AlertDescription } from \"@/components/ui/alert\";\nimport {\n Zap,\n Star,\n Diamond,\n RefreshCw,\n Loader2,\n CheckCircle,\n AlertCircle\n} from \"lucide-react\";\nimport { useNavigate } from 'react-router-dom';\nimport PayPalSubscriptionButton from '../components/payments/PayPalSubscriptionButton';\nimport { RUN_MODE_FREE } from \"@/components/config\"; // Updated import for RUN_MODE_FREE\n\n// Define PayPal Plan IDs for actual subscriptions\n// These are placeholder IDs and should be replaced with your actual PayPal Subscription Plan IDs\n// obtained from your PayPal Developer Dashboard.\nconst PAYPAL_SUBSCRIPTION_PLAN_IDS = {\n basic: \"P-6DN55179DP995293ENBEUZVQ\", // Example PayPal Plan ID for 'basic' plan\n pro: \"P-5AY18892AT0712446NBEU3DY\", // Example PayPal Plan ID for 'pro' plan\n ultra: \"P-94N45978Y3751092WNBEUTOI\", // Example PayPal Plan ID for 'ultra' plan\n};\n\nconst translations = {\n he: {\n title: \"תוכניות תמחור\",\n subtitle: \"שדרג כדי לפתוח יכולות מתקדמות ויצירת תוכן ללא הגבלה\",\n currentPlan: \"התוכנית הנוכחית שלך\",\n mostPopular: \"הפופולרי ביותר\",\n processing: \"בטיפול...\",\n downgrade: \"שנמך\",\n selectPlan: \"בחר תוכנית\",\n planUpdatedSuccessfully: \"התוכנית עודכנה בהצלחה!\",\n errorUpdatingPlan: \"שגיאה בעדכון התוכנית\",\n paymentError: \"שגיאה ביצירת תשלום. אנא נסה שוב.\",\n month: \"חודש\",\n faqTitle: \"שאלות נפוצות\",\n faqs: [\n {\n question: \"האם אוכל לשנות את התוכנית שלי מאוחר יותר?\",\n answer: \"כן, תוכל לשדרג או לשנמך את התוכנית שלך בכל עת מהגדרות החשבון שלך.\"\n },\n {\n question: \"אילו שיטות תשלום אתם מקבלים?\",\n answer: \"אנו מקבלים כרגע תשלומים באמצעות PayPal, התומך בכרטיסי אשראי מרכזיים.\"\n },\n {\n question: \"האם קיימת מדיניות החזר כספי?\",\n answer: \"אנו מציעים אחריות להחזר כספי תוך 7 ימים עבור כל התוכניות בתשלום. אנא צור קשר עם התמיכה לפרטים נוספים.\"\n },\n {\n question: \"כיצד אוכל לבטל את המנוי שלי?\",\n answer: \"באפשרותך לבטל את המנוי שלך בכל עת מהגדרות החשבון שלך. התוכנית שלך תישאר פעילה עד תום מחזור החיוב הנוכחי.\"\n },\n {\n question: \"איך מקבלים תמיכה?\",\n answer: \"התמיכה לכל התוכניות היא באימייל בלבד תוך 24 שעות בכתובת: repostlyai@gmail.com\"\n }\n ],\n plans: {\n free: { \n name: \"חינם\", \n price: \"$0\", \n description: \"מושלם להתנסות\", \n features: [ \n \"עד 5 המרות לחודש\", \n \"כל הפורמטים הבסיסיים\", \n \"תמיכה בעברית ואנגלית\", \n \"תמיכה באימייל (מענה עד 24 שעות)\" \n ] \n },\n basic: { \n name: \"בסיסי\", \n price: \"$5.90\", \n description: \"לשימוש קבוע\", \n features: [ \n \"עד 50 המרות לחודש\", \n \"כל הפורמטים\", \n \"תמיכה בכל השפות\", \n \"היסטוריית המרות\", \n \"תמיכה באימייל (מענה עד 24 שעות)\" \n ] \n },\n pro: { \n name: \"מקצועי\", \n price: \"$12.90\", \n description: \"לעסקים קטנים\", \n features: [ \n \"עד 200 המרות לחודש\", \n \"כל הפורמטים המתקדמים\", \n \"תמיכה באימייל (מענה עד 24 שעות)\" \n ] \n },\n ultra: { \n name: \"אולטרה\", \n price: \"$19.90\", \n description: \"לעסקים גדולים\", \n features: [ \n \"המרות ללא הגבלה\", \n \"כל התכונות\", \n \"תמיכה באימייל (מענה עד 24 שעות)\" \n ] \n }\n }\n },\n en: {\n title: \"Pricing Plans\",\n subtitle: \"Upgrade to unlock advanced features and unlimited content creation\",\n currentPlan: \"Your Current Plan\",\n mostPopular: \"Most Popular\",\n processing: \"Processing...\",\n downgrade: \"Downgrade\",\n selectPlan: \"Select Plan\",\n planUpdatedSuccessfully: \"Plan updated successfully!\",\n errorUpdatingPlan: \"Error updating plan\",\n paymentError: \"Error creating payment. Please try again.\",\n month: \"month\",\n faqTitle: \"Frequently Asked Questions\",\n faqs: [\n {\n question: \"Can I change my plan later?\",\n answer: \"Yes, you can upgrade or downgrade your plan at any time from your account settings.\"\n },\n {\n question: \"What payment methods do you accept?\",\n answer: \"We currently accept payments via PayPal, supporting major credit cards.\"\n },\n {\n question: \"Is there a refund policy?\",\n answer: \"We offer a 7-day money-back guarantee for all paid plans. Please contact support for more details.\"\n },\n {\n question: \"How do I cancel my subscription?\",\n answer: \"You can cancel your subscription at any time from your account settings. Your plan remains active until the end of the current billing cycle.\"\n },\n {\n question: \"How do I get support?\",\n answer: \"Support for all plans is email-only within 24 hours at: repostlyai@gmail.com\"\n }\n ],\n plans: {\n free: { \n name: \"Free\", \n price: \"$0\", \n description: \"Perfect for trying out\", \n features: [ \n \"Up to 5 conversions per month\", \n \"All basic formats\", \n \"Hebrew & English support\", \n \"Email support (response within 24 hours)\" \n ] \n },\n basic: { \n name: \"Basic\", \n price: \"$5.90\", \n description: \"For regular use\", \n features: [ \n \"Up to 50 conversions per month\", \n \"All formats\", \n \"All language support\", \n \"Conversion history\", \n \"Email support (response within 24 hours)\" \n ] \n },\n pro: { \n name: \"Pro\", \n price: \"$12.90\", \n description: \"For small businesses\", \n features: [ \n \"Up to 200 conversions per month\", \n \"All advanced formats\", \n \"Email support (response within 24 hours)\" \n ] \n },\n ultra: { \n name: \"Ultra\", \n price: \"$19.90\", \n description: \"For large businesses\", \n features: [ \n \"Unlimited conversions\", \n \"All features\", \n \"Email support (response within 24 hours)\" \n ] \n }\n }\n }\n};\n\nconst planIcons = {\n free: RefreshCw,\n basic: Zap,\n pro: Star,\n ultra: Diamond\n};\n\nconst planColors = {\n free: \"from-gray-400 to-gray-600\",\n basic: \"from-teal-500 to-teal-700\",\n pro: \"from-emerald-500 to-emerald-700\",\n ultra: \"from-amber-400 to-orange-500\"\n};\n\nexport default function Pricing({ effectiveLanguage, appTranslations }) {\n const navigate = useNavigate();\n const [user, setUser] = React.useState(null);\n const [loading, setLoading] = React.useState(true);\n const [processingPayment, setProcessingPayment] = React.useState(null);\n const [paymentError, setPaymentError] = React.useState(null);\n\n React.useEffect(() => {\n const loadUser = async () => {\n try {\n const userData = await User.me();\n setUser(userData);\n } catch (error) {\n console.log(\"User not authenticated or error loading user:\", error);\n }\n setLoading(false);\n };\n loadUser();\n }, []);\n\n const t = translations[effectiveLanguage] || translations.en;\n const isRTL = effectiveLanguage === 'he' || effectiveLanguage === 'ar';\n\n const handleSubscriptionSuccess = (subscriptionId, planType) => {\n console.log(`Subscription ${subscriptionId} created for plan ${planType}`);\n \n // Update local user state\n setUser(prev => ({\n ...prev,\n plan_type: planType,\n monthly_conversions: 0, // Reset monthly conversions on new subscription\n paypal_subscription_id: subscriptionId\n }));\n\n // Show success message\n const message = effectiveLanguage === 'he'\n ? `המנוי שלך הופעל בהצלחה! תוכנית: ${t.plans[planType]?.name}`\n : `Your subscription has been activated! Plan: ${t.plans[planType]?.name}`;\n \n alert(message);\n setPaymentError(null); // Clear any previous errors\n };\n\n const handleSubscriptionError = (error) => {\n console.error('Subscription error:', error);\n setPaymentError(error); // Set payment error state\n };\n\n const handlePlanSelection = async (planKey) => {\n setPaymentError(null);\n\n if (!user) {\n try {\n await User.login(); // Attempt to log in if user is not authenticated\n return; // After login, the component should re-render and user state will be updated\n } catch (error) {\n console.error('Login failed:', error);\n setPaymentError(t.errorUpdatingPlan || 'Login failed. Please try again.');\n return;\n }\n }\n\n // In free run mode, simply set the plan without any payment flow\n if (RUN_MODE_FREE) {\n try {\n setProcessingPayment(planKey); // Indicate processing\n await User.updateMyUserData({ plan_type: planKey, monthly_conversions: 0 });\n setUser(prev => ({ ...prev, plan_type: planKey, monthly_conversions: 0 }));\n alert(effectiveLanguage === 'he' ? 'החבילה עודכנה! (מצב חינמי)' : 'Plan updated! (Free run mode)');\n } catch (error) {\n console.error('Error updating plan:', error);\n setPaymentError(t.errorUpdatingPlan);\n } finally {\n setProcessingPayment(null); // Clear processing state\n }\n return; // Exit after handling in free mode\n }\n\n // Existing logic for when not in free run mode:\n // Handle downgrade to free plan\n if (planKey === 'free') {\n try {\n setProcessingPayment(planKey); // Indicate processing for downgrade\n await User.updateMyUserData({ plan_type: 'free' });\n setUser(prev => ({ ...prev, plan_type: 'free' }));\n alert(t.planUpdatedSuccessfully);\n } catch (error) {\n console.error('Error updating plan:', error);\n setPaymentError(t.errorUpdatingPlan);\n } finally {\n setProcessingPayment(null); // Clear processing state\n }\n return;\n }\n\n // For paid plans (when not in free run mode), the PayPalSubscriptionButton component will handle the subscription flow.\n // No action needed here for paid plans as the button component initiates the process.\n };\n\n if (loading) {\n return (\n
\n \n
\n );\n }\n\n return (\n
\n
\n {/* Header */}\n
\n

\n {t.title}\n

\n

\n {RUN_MODE_FREE ? (effectiveLanguage === 'he'\n ? \"מצב ריצה: כל החבילות חינמיות וזמינות ללא תשלום.\"\n : \"Run mode: All plans are free and available without payment.\") : t.subtitle}\n

\n
\n\n {/* Payment Error Alert */}\n {!RUN_MODE_FREE && paymentError && (\n
\n \n \n \n

{t.paymentError}:

\n

{paymentError instanceof Error ? paymentError.message : paymentError}

\n setPaymentError(null)}\n >\n Dismiss\n \n \n \n
\n )}\n\n {/* Current Plan Display */}\n {user && (\n
\n
\n {t.currentPlan}:\n \n {t.plans[user.plan_type || 'free']?.name}\n \n
\n
\n )}\n\n {/* Pricing Cards */}\n
\n {Object.entries(t.plans).map(([planKey, plan]) => {\n const Icon = planIcons[planKey];\n const isCurrentPlan = user?.plan_type === planKey;\n const isProcessing = processingPayment === planKey;\n\n return (\n \n {planKey === 'pro' && (\n
\n \n {t.mostPopular}\n \n
\n )}\n\n \n
\n \n
\n {plan.name}\n
\n \n {RUN_MODE_FREE ? \"$0\" : plan.price}\n \n {planKey !== 'free' && /{t.month}}\n
\n

\n {RUN_MODE_FREE ? (effectiveLanguage === 'he' ? 'זמין ללא תשלום בתקופת הרצה' : 'Available free during run period') : plan.description}\n

\n \n\n \n
    \n {plan.features.map((feature, index) => (\n
  • \n \n {feature}\n
    • \n ))}\n
\n\n {/* Payment Button Logic */}\n {RUN_MODE_FREE ? (\n handlePlanSelection(planKey)}\n disabled={isCurrentPlan || isProcessing}\n className={`w-full bg-gradient-to-r from-teal-500 to-emerald-600 hover:from-teal-600 hover:to-emerald-700 text-white py-2 sm:py-2.5 text-sm font-medium transition-all duration-300 rounded-lg\n ${isCurrentPlan ? 'opacity-70 cursor-not-allowed from-gray-300 to-gray-400 hover:from-gray-300 hover:to-gray-400' : ''}\n `}\n >\n {isProcessing ? (\n <>\n \n {t.processing}\n \n ) : isCurrentPlan ? (\n t.currentPlan\n ) : (\n effectiveLanguage === 'he' ? 'בחר חינם' : 'Choose Free'\n )}\n \n ) : (\n <>\n {planKey === 'free' ? (\n handlePlanSelection(planKey)}\n disabled={isCurrentPlan || isProcessing}\n className=\"w-full bg-gray-100 text-gray-700 hover:bg-gray-200 py-2 sm:py-2.5 text-sm font-medium transition-all duration-300 rounded-lg\"\n >\n {isProcessing ? (\n <>\n \n {t.processing}\n \n ) : isCurrentPlan ? (\n t.currentPlan\n ) : (\n t.downgrade\n )}\n \n ) : isCurrentPlan ? (\n \n {t.currentPlan}\n \n ) : (\n \n )}\n \n )}\n \n \n );\n })}\n
\n\n {/* FAQ Section */}\n
\n

{t.faqTitle}

\n
\n {t.faqs.map((faq, index) => (\n \n \n

{faq.question}

\n

{faq.answer}

\n \n \n ))}\n
\n
\n
\n
\n );\n}\n","Settings":"\nimport React, { useState, useEffect } from \"react\";\nimport { User } from \"@/entities/User\";\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"@/components/ui/select\";\nimport { Label } from \"@/components/ui/label\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Alert, AlertDescription } from \"@/components/ui/alert\";\nimport { \n Settings as SettingsIcon,\n Globe,\n User as UserIcon,\n CheckCircle,\n AlertCircle,\n Crown\n} from \"lucide-react\";\n\nconst translations = {\n he: {\n title: \"הגדרות\",\n subtitle: \"נהל את החשבון וההעדפות שלך\",\n accountInfo: \"פרטי החשבון\",\n preferences: \"העדפות\", \n language: \"שפת הממשק\",\n currentPlan: \"התוכנית הנוכחית\",\n monthlyUsage: \"שימוש חודשי\",\n saveSettings: \"שמור הגדרות\",\n settingsSaved: \"ההגדרות נשמרו בהצלחה\",\n errorSaving: \"שגיאה בשמירת ההגדרות\",\n saving: \"שומר...\",\n languageChangeNote: \"שינוי השפה יחל את הדף\",\n questionsSuggestions: \"יש לך שאלות או הצעות לשיפור?\",\n contactUs: \"צרו קשר:\",\n languages: { en: \"אנגלית\", he: \"עברית\", ar: \"ערבית\", es: \"ספרדית\", fr: \"צרפתית\", zh: \"סינית\", it: \"איטלקית\" },\n plans: { free: \"חינם\", basic: \"בסיסי\", pro: \"מקצועי\", ultra: \"אולטרה\" }\n },\n en: {\n title: \"Settings\",\n subtitle: \"Manage your account and preferences\",\n accountInfo: \"Account Information\",\n preferences: \"Preferences\", \n language: \"Interface Language\",\n currentPlan: \"Current Plan\",\n monthlyUsage: \"Monthly Usage\",\n saveSettings: \"Save Settings\",\n settingsSaved: \"Settings saved successfully\",\n errorSaving: \"Error saving settings\",\n saving: \"Saving...\",\n languageChangeNote: \"Changing language will reload the page\",\n questionsSuggestions: \"Have questions or suggestions for improvement?\",\n contactUs: \"Contact us:\",\n languages: { en: \"English\", he: \"Hebrew\", ar: \"Arabic\", es: \"Spanish\", fr: \"French\", zh: \"Chinese\", it: \"Italian\" },\n plans: { free: \"Free\", basic: \"Basic\", pro: \"Pro\", ultra: \"Ultra\" }\n },\n ar: {\n title: \"الإعدادات\",\n subtitle: \"إدارة حسابك وتفضيلاتك\",\n accountInfo: \"معلومات الحساب\",\n preferences: \"تفضيلات\",\n language: \"لغة الواجهة\",\n currentPlan: \"الخطة الحالية\",\n monthlyUsage: \"الاستخدام الشهري\",\n saveSettings: \"حفظ الإعدادات\",\n settingsSaved: \"تم حفظ الإعدادات بنجاح\",\n errorSaving: \"خطأ في حفظ الإعدادات\",\n saving: \"جارٍ الحفظ...\",\n languageChangeNote: \"سيؤدي تغيير اللغة إلى إعادة تحميل الصفحة\",\n questionsSuggestions: \"هل لديك أسئلة أو اقتراحات للتحسين؟\",\n contactUs: \"اتصل بنا:\",\n languages: { en: \"English\", he: \"Hebrew\", ar: \"Arabic\", es: \"Spanish\", fr: \"French\", zh: \"Chinese\", it: \"Italian\" },\n plans: { free: \"Free\", basic: \"Basic\", pro: \"Pro\", ultra: \"Ultra\" }\n },\n es: {\n title: \"Configuración\",\n subtitle: \"Administra tu cuenta y preferencias\",\n accountInfo: \"Información de la cuenta\",\n preferences: \"Preferencias\",\n language: \"Idioma de la interfaz\",\n currentPlan: \"Plan actual\",\n monthlyUsage: \"Uso mensual\",\n saveSettings: \"Guardar configuración\",\n settingsSaved: \"Configuración guardada exitosamente\",\n errorSaving: \"Error al guardar la configuración\",\n saving: \"Guardando...\",\n languageChangeNote: \"Cambiar el idioma recargará la página\",\n questionsSuggestions: \"¿Tiene preguntas o sugerencias de mejora?\",\n contactUs: \"Contáctenos:\",\n languages: { en: \"English\", he: \"Hebrew\", ar: \"Arabic\", es: \"Spanish\", fr: \"French\", zh: \"Chinese\", it: \"Italian\" },\n plans: { free: \"Free\", basic: \"Basic\", pro: \"Pro\", ultra: \"Ultra\" }\n },\n fr: {\n title: \"Paramètres\",\n subtitle: \"Gérez votre compte et vos préférences\",\n accountInfo: \"Informations sur le compte\",\n preferences: \"Préférences\",\n language: \"Langue de l'interface\",\n currentPlan: \"Plan actuel\",\n monthlyUsage: \"Utilisation mensuelle\",\n saveSettings: \"Enregistrer les paramètres\",\n settingsSaved: \"Paramètres enregistrés avec succès\",\n errorSaving: \"Erreur lors de l'enregistrement des paramètres\",\n saving: \"Enregistrement...\",\n languageChangeNote: \"Changer de langue rechargera la page\",\n questionsSuggestions: \"Vous avez des questions ou des suggestions d'amélioration ?\",\n contactUs: \"Contactez nous:\",\n languages: { en: \"English\", he: \"Hebrew\", ar: \"Arabic\", es: \"Spanish\", fr: \"French\", zh: \"Chinese\", it: \"Italian\" },\n plans: { free: \"Free\", basic: \"Basic\", pro: \"Pro\", ultra: \"Ultra\" }\n },\n zh: {\n title: \"设置\",\n subtitle: \"管理您的帐户和偏好设置\",\n accountInfo: \"帐户信息\",\n preferences: \"偏好\",\n language: \"界面语言\",\n currentPlan: \"当前计划\",\n monthlyUsage: \"每月用量\",\n saveSettings: \"保存设置\",\n settingsSaved: \"设置已成功保存\",\n errorSaving: \"保存设置时出错\",\n saving: \"保存中...\",\n languageChangeNote: \"更改语言将重新加载页面\",\n questionsSuggestions: \"有任何问题或改进建议吗？\",\n contactUs: \"联系我们：\",\n languages: { en: \"English\", he: \"Hebrew\", ar: \"Arabic\", es: \"Spanish\", fr: \"French\", zh: \"Chinese\", it: \"Italian\" },\n plans: { free: \"Free\", basic: \"Basic\", pro: \"Pro\", ultra: \"Ultra\" }\n },\n it: {\n title: \"Impostazioni\",\n subtitle: \"Gestisci il tuo account e le preferenze\",\n accountInfo: \"Informazioni account\",\n preferences: \"Preferenze\",\n language: \"Lingua dell'interfaccia\",\n currentPlan: \"Piano attuale\",\n monthlyUsage: \"Utilizzo mensile\",\n saveSettings: \"Salva impostazioni\",\n settingsSaved: \"Impostazioni salvate correttamente\",\n errorSaving: \"Errore durante il salvataggio delle impostazioni\",\n saving: \"Salvataggio...\",\n languageChangeNote: \"La modifica della lingua ricaricherà la pagina\",\n questionsSuggestions: \"Hai domande o suggerimenti per migliorare?\",\n contactUs: \"Contattaci:\",\n languages: { en: \"English\", he: \"Hebrew\", ar: \"Arabic\", es: \"Spanish\", fr: \"French\", zh: \"Chinese\", it: \"Italian\" },\n plans: { free: \"Free\", basic: \"Basic\", pro: \"Pro\", ultra: \"Ultra\" }\n }\n};\n\nconst planLimits = {\n free: 2,\n basic: 15,\n pro: 100,\n ultra: Infinity\n};\n\nconst planColors = {\n free: \"bg-gray-100 text-gray-800\",\n basic: \"bg-teal-100 text-teal-800\",\n pro: \"bg-emerald-100 text-emerald-800\",\n ultra: \"bg-gradient-to-r from-amber-400 to-orange-500 text-white\"\n};\n\nexport default function Settings({ effectiveLanguage }) {\n const [user, setUser] = useState(null);\n const [pageLanguage, setPageLanguage] = useState(effectiveLanguage || 'en'); \n const [loading, setLoading] = useState(true);\n const [saving, setSavingState] = useState(false);\n const [message, setMessage] = useState(null);\n\n useEffect(() => {\n const init = async () => {\n try {\n const userData = await User.me();\n setUser(userData);\n setPageLanguage(userData.user_language || effectiveLanguage || 'en');\n } catch (error) {\n console.error(\"Error loading user:\", error);\n setPageLanguage(effectiveLanguage || 'en');\n }\n setLoading(false);\n };\n init();\n }, [effectiveLanguage]);\n\n const t = translations[pageLanguage] || translations.en;\n const isRTL = pageLanguage === 'he' || pageLanguage === 'ar';\n\n const handleSaveSettings = async () => {\n setSavingState(true);\n setMessage(null);\n \n try {\n await User.updateMyUserData({\n user_language: pageLanguage\n });\n \n setMessage({ type: 'success', text: t.settingsSaved });\n \n setTimeout(() => {\n window.location.reload();\n }, 1000);\n \n } catch (error) {\n setMessage({ type: 'error', text: t.errorSaving });\n console.error(\"Error saving settings:\", error);\n }\n setSavingState(false);\n };\n\n if (loading) {\n return (\n
\n
\n
\n
\n
\n
\n
\n );\n }\n \n const currentLimit = planLimits[user?.plan_type] || planLimits.free;\n const currentUsage = user?.monthly_conversions || 0;\n const usagePercentage = currentLimit === Infinity ? 0 : (currentUsage / currentLimit) * 100;\n\n return (\n
\n {/* Header */}\n
\n

\n {t.title}\n

\n

{t.subtitle}

\n
\n\n {/* Message Alert */}\n {message && (\n \n {message.type === 'success' ? (\n \n ) : (\n \n )}\n \n {message.text}\n \n \n )}\n\n
\n {/* Account Information */}\n \n \n \n \n {t.accountInfo}\n \n \n \n
\n
\n \n {user?.full_name?.charAt(0) || 'U'}\n \n
\n
\n

{user?.full_name}

\n

{user?.email}

\n
\n
\n\n
\n
\n \n
\n \n \n {t.plans[user?.plan_type] || t.plans.free}\n \n
\n
\n\n
\n \n
\n
\n {currentUsage}\n {currentLimit === Infinity ? '∞' : currentLimit}\n
\n
\n
\n
\n
\n
\n
\n \n \n\n {/* Preferences */}\n \n \n \n \n {t.preferences}\n \n \n \n
\n \n \n

\n {t.languageChangeNote}\n

\n
\n\n \n {saving ? (\n <>\n
\n {t.saving}\n \n ) : (\n <>\n \n {t.saveSettings}\n \n )}\n \n \n \n
\n\n {/* Footer */}\n
\n

\n 💡 {t.questionsSuggestions}\n

\n

\n {t.contactUs} \n \n repostlyai@gmail.com\n \n

\n
\n
\n );\n}\n","MyConversions":"\nimport React, { useState, useEffect, useMemo } from \"react\";\nimport { User } from \"@/entities/User\";\nimport { Conversion } from \"@/entities/Conversion\";\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"@/components/ui/select\";\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from \"@/components/ui/table\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { Calendar } from \"@/components/ui/calendar\";\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, DialogClose, DialogDescription } from \"@/components/ui/dialog\";\nimport { Textarea } from \"@/components/ui/textarea\";\nimport { useNavigate } from \"react-router-dom\";\nimport { createPageUrl } from \"@/utils\";\nimport { format, parseISO, isValid, startOfDay, endOfDay } from \"date-fns\";\nimport { he, ar, es, fr, zhCN, it } from \"date-fns/locale\";\nimport { \n FileText, \n Search, \n Filter, \n Download, \n Copy, \n Edit3, \n Eye, \n Calendar as CalendarIcon,\n RotateCcw, \n Star as StarIcon, \n X,\n BookOpen,\n Loader2 \n} from \"lucide-react\";\nimport { InvokeLLM } from \"@/integrations/Core\"; \nimport SocialShareButtons from \"../components/sharing/SocialShareButtons\";\n\nconst translations = {\n he: {\n title: \"ההמרות שלי\",\n subtitle: \"עיין, סנן ונהל את כל התוכן שיצרת\",\n searchPlaceholder: \"חפש לפי טקסט מקורי...\",\n filterByDate: \"סנן לפי תאריך\",\n filterByFormat: \"סנן לפי פורמט\",\n filterByLanguage: \"סנן לפי שפה\",\n date: \"תאריך\",\n formats: \"פורמטים\",\n originalInput: \"קלט מקורי\",\n actions: \"פעולות\",\n showContent: \"הצג תוכן\",\n openConversion: \"פתח\",\n download: \"הורד\",\n copy: \"העתק\",\n rewrite: \"שכתב מחדש\",\n reconvert: \"המר שוב\",\n noConversionsFound: \"לא נמצאו המרות התואמות את החיפוש/סינון.\",\n loadingConversions: \"טוען המרות...\",\n outputFor: \"פלט עבור\",\n close: \"סגור\",\n allLanguages: \"כל השפות\",\n allFormats: \"כל הפורמטים\",\n viewingContentFor: \"פרטי המרה:\",\n copiedToClipboard: \"הועתק ללוח!\",\n error: \"שגיאה\",\n from: \"מ-\",\n to: \"עד-\",\n clearFilters: \"נקה סינונים\",\n favorite: \"מועדף\",\n unfavorite: \"הסר ממועדפים\",\n filtersAndSearch: \"סינון וחיפוש\",\n toggleLanguage: \"שפה\",\n originalInputLabelModal: \"קלט מקורי:\",\n\n myConversions: \"ההמרות שלי\",\n manageAndReview: \"עיין, סנן ונהל את כל התוכן שיצרת\",\n search: \"חיפוש\",\n dateRange: \"טווח תאריכים\",\n pickDateRange: \"בחר טווח תאריכים\",\n formatsConverted: \"פורמטים מומרים\",\n language: \"שפה\",\n status: \"סטטוס\",\n dateCreated: \"תאריך יצירה\",\n tryAdjustingFilters: \"נסה לשנות את המסננים או את מונחי החיפוש.\",\n conversionDetails: \"פרטי המרה\",\n edit: \"ערוך\",\n regenerate: \"צור מחדש\",\n saveChanges: \"שמור שינויים\",\n cancel: \"ביטול\",\n\n formatLabels: { \n linkedin: \"לינקדאין\", x_post: \"X\", podcast: \"פודקאסט\", newsletter: \"ניוזלטר\", landing: \"דף נחיתה\", video: \"וידאו קצר\", graphic: \"גרפיקה\",\n facebook: \"פייסבוק\", instagram: \"אינסטגרם\", tiktok: \"TikTok\", reddit: \"רדיט\"\n },\n languageLabels: { \n en: \"אנגלית\", he: \"עברית\", ar: \"ערבית\", es: \"ספרדית\", fr: \"צרפתית\", zh: \"סינית\", it: \"איטלקית\" \n },\n statuses: {\n completed: \"הושלם\",\n processing: \"בטיפול\",\n failed: \"נכשל\"\n }\n },\n en: {\n title: \"My Conversions\",\n subtitle: \"Browse, filter, and manage all your created content\",\n searchPlaceholder: \"Search by original text...\",\n filterByDate: \"Filter by Date\",\n filterByFormat: \"Filter by Format\",\n filterByLanguage: \"Filter by Language\",\n date: \"Date\",\n formats: \"Formats\",\n originalInput: \"Original Input\",\n actions: \"Actions\",\n showContent: \"Show Content\",\n openConversion: \"Open\",\n download: \"Download\",\n copy: \"Copy\",\n rewrite: \"Rewrite\",\n reconvert: \"Re-convert\",\n noConversionsFound: \"No conversions found matching your search/filters.\",\n loadingConversions: \"Loading conversions...\",\n outputFor: \"Output for\",\n close: \"Close\",\n allLanguages: \"All Languages\",\n allFormats: \"All Formats\",\n viewingContentFor: \"Conversion Details:\",\n copiedToClipboard: \"Copied to clipboard!\",\n error: \"Error\",\n from: \"From\",\n to: \"To\",\n clearFilters: \"Clear Filters\",\n favorite: \"Favorite\",\n unfavorite: \"Unfavorite\",\n filtersAndSearch: \"Filter & Search\",\n toggleLanguage: \"Language\",\n originalInputLabelModal: \"Original Input:\",\n\n myConversions: \"My Conversions\",\n manageAndReview: \"Browse, filter, and manage all your created content\",\n search: \"Search\",\n dateRange: \"Date Range\",\n pickDateRange: \"Pick a date range\",\n formatsConverted: \"Formats Converted\",\n language: \"Language\",\n status: \"Status\",\n dateCreated: \"Date Created\",\n tryAdjustingFilters: \"Try adjusting filters or search terms.\",\n conversionDetails: \"Conversion Details\",\n edit: \"Edit\",\n regenerate: \"Regenerate\",\n saveChanges: \"Save Changes\",\n cancel: \"Cancel\",\n\n formatLabels: { \n linkedin: \"LinkedIn\", x_post: \"X\", podcast: \"Podcast\", newsletter: \"Newsletter\", landing: \"Landing Page\", video: \"Short Video\", graphic: \"Graphic Prompt\",\n facebook: \"Facebook\", instagram: \"Instagram\", tiktok: \"TikTok\", reddit: \"Reddit\"\n },\n languageLabels: { \n en: \"English\", he: \"Hebrew\", ar: \"Arabic\", es: \"Spanish\", fr: \"French\", zh: \"Chinese\", it: \"Italian\" \n },\n statuses: {\n completed: \"Completed\",\n processing: \"Processing\",\n failed: \"Failed\"\n }\n },\n ar: {\n title: \"تحويلاتي\",\n subtitle: \"تصفح ، قم بتصفية وإدارة كل المحتوى الذي أنشأته\",\n searchPlaceholder: \"ابحث بالنص الأصلي ...\",\n filterByDate: \"تصفية حسب التاريخ\",\n filterByFormat: \"تصفية حسب التنسيق\",\n filterByLanguage: \"تصفية حسب اللغة\",\n date: \"تاريخ\",\n formats: \"التنسيقات\",\n originalInput: \"الإدخال الأصلي\",\n actions: \"الإجراءات\",\n showContent: \"إظهار المحتوى\",\n openConversion: \"فتح\",\n download: \"تحميل\",\n copy: \"نسخ\",\n rewrite: \"إعادة كتابة\",\n reconvert: \"إعادة التحويل\",\n noConversionsFound: \"لم يتم العثور على تحويلات تطابق بحثك / عوامل التصفية.\",\n loadingConversions: \"جار تحميل التحويلات ...\",\n outputFor: \"إخراج لـ\",\n close: \"إغلاق\",\n allLanguages: \"كل اللغات\",\n allFormats: \"جميع التنسيقات\",\n viewingContentFor: \"تفاصيل التحويل:\",\n copiedToClipboard: \"تم النسخ إلى الحافظة!\",\n error: \"خطأ\",\n from: \"من\",\n to: \"إلى\",\n clearFilters: \"مسح عوامل التصفية\",\n favorite: \"مفضل\",\n unfavorite: \"إزالة من المفضلة\",\n filtersAndSearch: \"تصفية وبحث\",\n toggleLanguage: \"لغة\",\n originalInputLabelModal: \"المدخل الأصلي:\",\n\n myConversions: \"تحويلاتي\",\n manageAndReview: \"تصفح، قم بتصفية وإدارة كل المحتوى الذي أنشأته\",\n search: \"بحث\",\n dateRange: \"النطاق الزمني\",\n pickDateRange: \"اختر نطاقًا زمنيًا\",\n formatsConverted: \"التنسيقات المحولة\",\n language: \"اللغة\",\n status: \"الحالة\",\n dateCreated: \"تاريخ الإنشاء\",\n tryAdjustingFilters: \"حاول تعديل عوامل التصفية أو مصطلحات البحث.\",\n conversionDetails: \"تفاصيل التحويل\",\n edit: \"تعديل\",\n regenerate: \"إعادة إنشاء\",\n saveChanges: \"حفظ التغييرات\",\n cancel: \"إلغاء\",\n\n formatLabels: { \n linkedin: \"لينكد إن\", x_post: \"X\", podcast: \"بودكاست\", newsletter: \"رسالة إخبارية\", landing: \"صفحة هبوط\", video: \"فيديو قصير\", graphic: \"موجه رسومي\",\n facebook: \"فيسبوك\", instagram: \"انستغرام\", tiktok: \"تيك توك\", reddit: \"رديت\"\n },\n languageLabels: { \n en: \"الإنجليزية\", he: \"العبرية\", ar: \"العربية\", es: \"الإسبانية\", fr: \"الفرنسية\", zh: \"الصينية\", it: \"الإيطالية\" \n },\n statuses: {\n completed: \"مكتمل\",\n processing: \"جاري المعالجة\",\n failed: \"فشل\"\n }\n },\n es: {\n title: \"Mis Conversiones\",\n subtitle: \"Navega, filtra y gestiona todo tu contenido creado\",\n searchPlaceholder: \"Buscar por texto original...\",\n filterByDate: \"Filtrar por Fecha\",\n filterByFormat: \"Filtrar por Formato\",\n filterByLanguage: \"Filtrar por Idioma\",\n date: \"Fecha\",\n formats: \"Formatos\",\n originalInput: \"Entrada Original\",\n actions: \"Acciones\",\n showContent: \"Mostrar Contenido\",\n openConversion: \"Abrir\",\n download: \"Descargar\",\n copy: \"Copiar\",\n rewrite: \"Reescribir\",\n reconvert: \"Reconvertir\",\n noConversionsFound: \"No se encontraron conversiones que coincidan con tu búsqueda/filtros.\",\n loadingConversions: \"Cargando conversiones...\",\n outputFor: \"Salida para\",\n close: \"Cerrar\",\n allLanguages: \"Todos los Idiomas\",\n allFormats: \"Todos los Formatos\",\n viewingContentFor: \"Detalles de la Conversión:\",\n copiedToClipboard: \"¡Copiado al portapapeles!\",\n error: \"Error\",\n from: \"Desde\",\n to: \"Hasta\",\n clearFilters: \"Limpiar Filtros\",\n favorite: \"Favorito\",\n unfavorite: \"Desmarcar Favorito\",\n filtersAndSearch: \"Filtrar y Buscar\",\n toggleLanguage: \"Idioma\",\n originalInputLabelModal: \"Entrada Original:\",\n\n myConversions: \"Mis Conversiones\",\n manageAndReview: \"Navega, filtra y gestiona todo tu contenido creado\",\n search: \"Buscar\",\n dateRange: \"Rango de Fechas\",\n pickDateRange: \"Seleccionar rango de fechas\",\n formatsConverted: \"Formatos Convertidos\",\n language: \"Idioma\",\n status: \"Estado\",\n dateCreated: \"Fecha de Creación\",\n tryAdjustingFilters: \"Intenta ajustar los filtros o los términos de búsqueda.\",\n conversionDetails: \"Detalles de Conversión\",\n edit: \"Editar\",\n regenerate: \"Regenerar\",\n saveChanges: \"Guardar Cambios\",\n cancel: \"Cancelar\",\n\n formatLabels: { \n linkedin: \"LinkedIn\", x_post: \"X\", podcast: \"Podcast\", newsletter: \"Boletín\", landing: \"Página de Destino\", video: \"Video Corto\", graphic: \"Prompt Gráfico\",\n facebook: \"Facebook\", instagram: \"Instagram\", tiktok: \"TikTok\", reddit: \"Reddit\"\n },\n languageLabels: { \n en: \"Inglés\", he: \"Hebreo\", ar: \"Árabe\", es: \"Español\", fr: \"Francés\", zh: \"Chino\", it: \"Italiano\" \n },\n statuses: {\n completed: \"Completado\",\n processing: \"Procesando\",\n failed: \"Fallido\"\n }\n },\n fr: {\n title: \"Mes Conversions\",\n subtitle: \"Parcourez, filtrez et gérez tout votre contenu créé\",\n searchPlaceholder: \"Rechercher par texte original...\",\n filterByDate: \"Filtrer par Date\",\n filterByFormat: \"Filtrer par Formato\",\n filterByLanguage: \"Filtrer par Langue\",\n date: \"Date\",\n formats: \"Formats\",\n originalInput: \"Entrée Originale\",\n actions: \"Actions\",\n showContent: \"Afficher le Contenu\",\n openConversion: \"Ouvrir\",\n download: \"Télécharger\",\n copy: \"Copier\",\n rewrite: \"Réécrire\",\n reconvert: \"Reconvertir\",\n noConversionsFound: \"Aucune conversion trouvée correspondant à votre recherche/filtres.\",\n loadingConversions: \"Chargement des conversions...\",\n outputFor: \"Sortie pour\",\n close: \"Fermer\",\n allLanguages: \"Toutes les Langues\",\n allFormats: \"Tous les Formats\",\n viewingContentFor: \"Détails de la Conversion:\",\n copiedToClipboard: \"Copié dans le presse-papiers !\",\n error: \"Erreur\",\n from: \"De\",\n to: \"À\",\n clearFilters: \"Effacer les Filtres\",\n favorite: \"Favori\",\n unfavorite: \"Retirer des favoris\",\n filtersAndSearch: \"Filtrer et Rechercher\",\n toggleLanguage: \"Langue\",\n originalInputLabelModal: \"Entrée Originale:\",\n\n myConversions: \"Mes Conversions\",\n manageAndReview: \"Parcourez, filtrez et gérez tout votre contenu créé\",\n search: \"Rechercher\",\n dateRange: \"Plage de Dates\",\n pickDateRange: \"Sélectionner une plage de dates\",\n formatsConverted: \"Formats Convertis\",\n language: \"Langue\",\n status: \"Statut\",\n dateCreated: \"Date de Création\",\n tryAdjustingFilters: \"Essayez d'ajuster les filtres ou les termes de recherche.\",\n conversionDetails: \"Détails de la Conversion\",\n edit: \"Éditer\",\n regenerate: \"Regénérer\",\n saveChanges: \"Enregistrer les modifications\",\n cancel: \"Annuler\",\n\n formatLabels: { \n linkedin: \"LinkedIn\", x_post: \"X\", podcast: \"Podcast\", newsletter: \"Newsletter\", landing: \"Page de Destination\", video: \"Vidéo Courte\", graphic: \"Prompt Graphique\",\n facebook: \"Facebook\", instagram: \"Instagram\", tiktok: \"TikTok\", reddit: \"Reddit\"\n },\n languageLabels: { \n en: \"Anglais\", he: \"Hébreu\", ar: \"Arabe\", es: \"Espagnol\", fr: \"Français\", zh: \"Chinois\", it: \"Italiano\" \n },\n statuses: {\n completed: \"Terminé\",\n processing: \"En cours\",\n failed: \"Échoué\"\n }\n },\n zh: {\n title: \"我的转换\",\n subtitle: \"浏览、筛选和管理您创建的所有内容\",\n searchPlaceholder: \"按原始文本搜索...\",\n filterByDate: \"按日期筛选\",\n filterByFormat: \"按格式筛选\",\n filterByLanguage: \"按语言筛选\",\n date: \"日期\",\n formats: \"格式\",\n originalInput: \"原始输入\",\n actions: \"操作\",\n showContent: \"显示内容\",\n openConversion: \"打开\",\n download: \"下载\",\n copy: \"复制\",\n rewrite: \"重写\",\n reconvert: \"重新转换\",\n noConversionsFound: \"未找到与您的搜索/筛选条件匹配的转换。\",\n loadingConversions: \"正在加载转换...\",\n outputFor: \"输出为\",\n close: \"关闭\",\n allLanguages: \"所有语言\",\n allFormats: \"所有格式\",\n viewingContentFor: \"转换详情:\",\n copiedToClipboard: \"已复制到剪贴板！\",\n error: \"错误\",\n from: \"从\",\n to: \"到\",\n clearFilters: \"清除筛选器\",\n favorite: \"收藏\",\n unfavorite: \"取消收藏\",\n filtersAndSearch: \"筛选与搜索\",\n toggleLanguage: \"语言\",\n originalInputLabelModal: \"原始输入:\",\n\n myConversions: \"我的转换\",\n manageAndReview: \"浏览、筛选和管理您创建的所有内容\",\n search: \"搜索\",\n dateRange: \"日期范围\",\n pickDateRange: \"选择日期范围\",\n formatsConverted: \"已转换格式\",\n language: \"语言\",\n status: \"状态\",\n dateCreated: \"创建日期\",\n tryAdjustingFilters: \"尝试调整筛选器或搜索词。\",\n conversionDetails: \"转换详情\",\n edit: \"编辑\",\n regenerate: \"重新生成\",\n saveChanges: \"保存更改\",\n cancel: \"取消\",\n\n formatLabels: { \n linkedin: \"领英\", x_post: \"X\", podcast: \"播客\", newsletter: \"通讯\", landing: \"登陆页面\", video: \"短视频\", graphic: \"图形提示\",\n facebook: \"脸书\", instagram: \"照片墙\", tiktok: \"抖音\", reddit: \"Reddit\"\n },\n languageLabels: { \n en: \"英语\", he: \"希伯来语\", ar: \"阿拉伯语\", es: \"西班牙语\", fr: \"法语\", zh: \"中文\", it: \"意大利语\" \n },\n statuses: {\n completed: \"已完成\",\n processing: \"处理中\",\n failed: \"失败\"\n }\n },\n it: {\n title: \"Le Mie Conversioni\",\n subtitle: \"Sfoglia, filtra e gestisci tutti i tuoi contenuti creati\",\n searchPlaceholder: \"Cerca per testo originale...\",\n filterByDate: \"Filtra per Data\",\n filterByFormat: \"Filtra per Formato\",\n filterByLanguage: \"Filtra per Lingua\",\n date: \"Data\",\n formats: \"Formati\",\n originalInput: \"Input Originale\",\n actions: \"Azioni\",\n showContent: \"Mostra Contenuto\",\n openConversion: \"Apri\",\n download: \"Scarica\",\n copy: \"Copia\",\n rewrite: \"Riscrivi\",\n reconvert: \"Riconverti\",\n noConversionsFound: \"Nessuna conversione trovata corrispondente alla tua ricerca/filtri.\",\n loadingConversions: \"Caricamento conversioni...\",\n outputFor: \"Output per\",\n close: \"Chiudi\",\n allLanguages: \"Tutte le Lingue\",\n allFormats: \"Tutti i Formati\",\n viewingContentFor: \"Dettagli Conversione:\",\n copiedToClipboard: \"Copiato negli appunti!\",\n error: \"Errore\",\n from: \"Da\",\n to: \"A\",\n clearFilters: \"Cancella Filtri\",\n favorite: \"Preferito\",\n unfavorite: \"Rimuovi dai Preferiti\",\n filtersAndSearch: \"Filtra e Cerca\",\n toggleLanguage: \"Lingua\",\n originalInputLabelModal: \"Input Originale:\",\n\n myConversions: \"Le Mie Conversioni\",\n manageAndReview: \"Sfoglia, filtra e gestisci tutti i tuoi contenuti creati\",\n search: \"Cerca\",\n dateRange: \"Intervallo di Date\",\n pickDateRange: \"Seleziona un intervallo di date\",\n formatsConverted: \"Formati Convertiti\",\n language: \"Lingua\",\n status: \"Stato\",\n dateCreated: \"Data di Creazione\",\n tryAdjustingFilters: \"Prova ad aggiustare i filtri o i termini di ricerca.\",\n conversionDetails: \"Dettagli Conversione\",\n edit: \"Modifica\",\n regenerate: \"Rigenera\",\n saveChanges: \"Salva Modifiche\",\n cancel: \"Annulla\",\n\n formatLabels: { \n linkedin: \"LinkedIn\", x_post: \"X\", podcast: \"Podcast\", newsletter: \"Newsletter\", landing: \"Pagina di Destinazione\", video: \"Video Breve\", graphic: \"Prompt Grafico\",\n facebook: \"Facebook\", instagram: \"Instagram\", tiktok: \"TikTok\", reddit: \"Reddit\"\n },\n languageLabels: { \n en: \"Inglese\", he: \"Ebraico\", ar: \"Arabo\", es: \"Spagnolo\", fr: \"Francese\", zh: \"Cinese\", it: \"Italiano\" \n },\n statuses: {\n completed: \"Completato\",\n processing: \"In elaborazione\",\n failed: \"Fallito\"\n }\n }\n};\n\nconst formatOptionsList = [\n { value: \"linkedin\", label: \"LinkedIn\" },\n { value: \"x_post\", label: \"X\" },\n { value: \"podcast\", label: \"Podcast\" },\n { value: \"newsletter\", label: \"Newsletter\" },\n { value: \"landing\", label: \"Landing Page\" },\n { value: \"video\", label: \"Short Video\" },\n { value: \"graphic\", label: \"Graphic Prompt\" },\n { value: \"facebook\", label: \"Facebook\" },\n { value: \"instagram\", label: \"Instagram\" },\n { value: \"tiktok\", label: \"TikTok\" },\n { value: \"reddit\", label: \"Reddit\" }\n];\nconst languageOptionsList = [\n { value: \"en\", label: \"English\" },\n { value: \"he\", label: \"Hebrew\" },\n { value: \"ar\", label: \"Arabic\" },\n { value: \"es\", label: \"Spanish\" },\n { value: \"fr\", label: \"French\" },\n { value: \"zh\", label: \"Chinese\" },\n { value: \"it\", label: \"Italian\" }\n];\n\nconst planStorageLimits = {\n free: 5, \n basic: 50,\n pro: 200,\n ultra: Infinity, \n};\n\nconst dateLocales = { he, ar, es, fr, zh: zhCN, it, en: undefined };\n\n\nexport default function MyConversionsPage({ effectiveLanguage, appTranslations }) {\n const navigate = useNavigate();\n const [user, setUser] = useState(null);\n const [allConversions, setAllConversions] = useState([]);\n const [filteredConversions, setFilteredConversions] = useState([]);\n const [loading, setLoading] = useState(true); \n const [searchTerm, setSearchTerm] = useState(\"\");\n const [selectedDateRange, setSelectedDateRange] = useState({ from: null, to: null });\n const [selectedFormatsFilter, setSelectedFormatsFilter] = useState([]); \n const [selectedLanguageFilter, setSelectedLanguageFilter] = useState(\"\");\n \n const [isModalOpen, setIsModalOpen] = useState(false);\n const [modalContent, setModalContent] = useState(null);\n const [activeConversionForModal, setActiveConversionForModal] = useState(null);\n const [pageLanguage, setPageLanguage] = useState(effectiveLanguage || 'en');\n\n const [favorites, setFavorites] = useState({});\n\n const [editingOutput, setEditingOutput] = useState(null); \n const [savingEdit, setSavingEdit] = useState(false);\n const [regeneratingOutputFor, setRegeneratingOutputFor] = useState(null);\n\n useEffect(() => {\n setPageLanguage(effectiveLanguage || 'en');\n }, [effectiveLanguage]);\n \n const t = useMemo(() => {\n const currentTranslations = translations[pageLanguage] || translations.en;\n currentTranslations.formats = currentTranslations.formatLabels; \n currentTranslations.languages = currentTranslations.languageLabels;\n return currentTranslations;\n }, [pageLanguage]);\n\n useEffect(() => {\n const loadInitialData = async () => {\n setLoading(true); \n try {\n const userData = await User.me();\n setUser(userData);\n \n const storedFavorites = userData.favorites || JSON.parse(localStorage.getItem(`repostly_favorites_${userData.id}`) || '{}');\n setFavorites(storedFavorites);\n\n const conversionsData = await Conversion.filter({ created_by: userData.email }, \"-created_date\");\n \n const userPlan = userData.plan_type || 'free';\n const limit = planStorageLimits[userPlan] || planStorageLimits.free;\n \n if (limit !== Infinity && conversionsData.length > limit) {\n setAllConversions(conversionsData.slice(0, limit));\n } else {\n setAllConversions(conversionsData);\n }\n\n } catch (error) {\n console.error(\"Error loading data:\", error);\n }\n setLoading(false);\n };\n \n loadInitialData(); \n }, []);\n\n useEffect(() => {\n let result = allConversions;\n\n if (searchTerm) {\n result = result.filter(c => \n c.input_text?.toLowerCase().includes(searchTerm.toLowerCase())\n );\n }\n\n if (selectedDateRange.from) {\n result = result.filter(c => {\n const conversionDate = parseISO(c.created_date);\n return isValid(conversionDate) && conversionDate >= startOfDay(selectedDateRange.from);\n });\n }\n if (selectedDateRange.to) {\n result = result.filter(c => {\n const conversionDate = parseISO(c.created_date);\n return isValid(conversionDate) && conversionDate <= endOfDay(selectedDateRange.to);\n });\n }\n\n if (selectedFormatsFilter.length > 0) {\n result = result.filter(c => \n c.selected_formats?.some(format => selectedFormatsFilter.includes(format))\n );\n }\n\n if (selectedLanguageFilter) {\n result = result.filter(c => c.output_language === selectedLanguageFilter);\n }\n \n result.sort((a, b) => {\n const aIsFavorite = favorites[a.id] === true;\n const bIsFavorite = favorites[b.id] === true;\n if (aIsFavorite && !bIsFavorite) return -1;\n if (!aIsFavorite && bIsFavorite) return 1;\n return new Date(b.created_date) - new Date(a.created_date);\n });\n setFilteredConversions(result);\n }, [searchTerm, selectedDateRange, selectedFormatsFilter, selectedLanguageFilter, allConversions, favorites]);\n\n const handleOpenModal = (outputs, conversion) => {\n setModalContent(outputs);\n setActiveConversionForModal(conversion);\n setIsModalOpen(true);\n setEditingOutput(null);\n };\n\n const handleCopyContent = async (text) => {\n try {\n await navigator.clipboard.writeText(text);\n alert(`${t.copiedToClipboard}`);\n } catch (err) {\n alert(`${t.error}: ${err.message}`);\n }\n };\n \n const handleDownloadContent = (content, formatKey, originalInput) => {\n const contentToDownload = `Original Input:\\n${originalInput}\\n\\n--- ${t.formats[formatKey] || formatKey} ---\\n\\n${content}\\n\\n`;\n \n const blob = new Blob([contentToDownload], { type: 'text/plain;charset=utf-8' });\n const link = document.createElement(\"a\");\n link.href = URL.createObjectURL(blob);\n link.download = `Repostly_Conversion_${activeConversionForModal?.id?.substring(0, 8) || 'output'}_${formatKey}.txt`;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n };\n\n const handleEditOutput = (conversionId, format, currentText) => {\n setEditingOutput({ conversionId, format, text: currentText });\n };\n\n const handleSaveEditedOutput = async () => {\n if (!editingOutput || !user) return;\n\n setSavingEdit(true);\n try {\n const conversionToUpdate = allConversions.find(c => c.id === editingOutput.conversionId);\n if (!conversionToUpdate) {\n console.error(\"Conversion not found for editing.\");\n return;\n }\n\n const updatedOutputs = { ...conversionToUpdate.outputs, [editingOutput.format]: editingOutput.text };\n\n const updatedConversion = await Conversion.update(editingOutput.conversionId, { outputs: updatedOutputs });\n \n setAllConversions(prev => \n prev.map(c => c.id === updatedConversion.id ? updatedConversion : c)\n );\n if (activeConversionForModal?.id === updatedConversion.id) {\n setModalContent(updatedOutputs);\n setActiveConversionForModal(updatedConversion);\n }\n setEditingOutput(null);\n } catch (err) {\n console.error(\"Error saving edited output:\", err);\n alert(`${t.error}: ${err.message}`);\n } finally {\n setSavingEdit(false);\n }\n };\n\n const buildRegeneratePrompt = (conversion, formatKey) => {\n const { input_text, writing_tone, output_language, content_depth } = conversion || {};\n const tone = writing_tone || \"professional\";\n const language = output_language || \"en\";\n const depth = content_depth || \"enriched\";\n\n let basePrompt = `You are an expert content strategist and copywriter.\nRewrite the given source content as a ${formatKey} in ${language}, using a ${tone} tone, following best practices of the chosen platform.\nEnsure: clear structure, a compelling hook, natural transitions, and an appropriate call-to-action.`;\n\n let formatInstructions = \"\";\n switch (formatKey) {\n case \"newsletter\":\n case \"landing\":\n case \"linkedin\":\n formatInstructions = `- Aim for 300–500 words with an engaging intro, body, and conclusion, plus a clear CTA.`;\n break;\n case \"podcast\":\n formatInstructions = `- Produce a ≥500-word script. Include speaker cues (Host:, Guest:), pacing, and sound effect notes.`;\n break;\n case \"x_post\":\n formatInstructions = `- Create a 10-post X (Twitter) thread.\n- Each post 250–280 characters.\n- Structure:\n 1/10 Hook with value promise\n 2–3/10 Context/problem\n 4–6/10 Solution/details\n 7–8/10 Examples/data\n 9/10 Key takeaway\n 10/10 Strong CTA\n- Use 1/10, 2/10... markers. Encourage replies/shares.`;\n break;\n case \"video\":\n formatInstructions = `- Short video (≤60s). Provide scenes, voiceover copy, and visual suggestions. Hook → value → CTA.`;\n break;\n case \"facebook\":\n formatInstructions = `- Up to 300 words. Conversational, engaging, 1–2 relevant hashtags, and a clear CTA.`;\n break;\n case \"instagram\":\n formatInstructions = `- Caption up to 2,000 characters. Strong first-line hook, storytelling, engagement question, and 5–10 hashtags. Include \"Link in bio\" if relevant.`;\n break;\n case \"tiktok\":\n formatInstructions = `- 30–60s script. Hook in first 3s, then value, then a strong CTA. Include timing cues and on-screen text ideas.`;\n break;\n case \"reddit\":\n formatInstructions = `- Provide a Title (≤120 chars) and Body. Authentic, community-first tone. Suggest 2–3 relevant subreddits.`;\n break;\n case \"graphic\":\n basePrompt = `You are a visual content strategist.\nCreate a detailed prompt for an AI image generator (e.g., Midjourney/DALL·E) in ${language}, aligned to a ${tone} style.\nInclude: core theme, mood, colors, composition, and style guidance.`;\n formatInstructions = ``;\n break;\n default:\n formatInstructions = ``;\n }\n\n let depthInstructions = \"\";\n switch (depth) {\n case \"quick_summary\":\n depthInstructions = `- Keep it concise and focused on the essentials (quick summary).`;\n break;\n case \"standard\":\n depthInstructions = `- Provide a balanced, well-rounded coverage of the key points.`;\n break;\n case \"enriched\":\n depthInstructions = `- Enrich with examples and context for more depth and engagement.`;\n break;\n case \"deep_dive\":\n depthInstructions = `- Deep exploration: nuanced details, multiple perspectives, and comprehensive analysis.`;\n break;\n default:\n depthInstructions = ``;\n }\n\n const finalPrompt = `${basePrompt}\n${formatInstructions}\n${depthInstructions}\n\nSource content:\n${input_text || \"\"}`.trim();\n\n return finalPrompt;\n };\n\n const handleRegenerateOutput = async (conversionId, formatKey) => {\n if (!user) return;\n\n setRegeneratingOutputFor(`${conversionId}-${formatKey}`);\n try {\n const conversionToRegenerate = allConversions.find(c => c.id === conversionId);\n if (!conversionToRegenerate) {\n console.error(\"Conversion not found for regeneration.\");\n return;\n }\n\n const prompt = buildRegeneratePrompt(conversionToRegenerate, formatKey);\n const res = await InvokeLLM({ prompt });\n const regeneratedText = typeof res === \"string\"\n ? res\n : (res?.generated_text || res?.text || JSON.stringify(res));\n\n if (!regeneratedText) {\n throw new Error(\"No regenerated content returned from AI.\");\n }\n\n const updatedOutputs = { ...conversionToRegenerate.outputs, [formatKey]: regeneratedText };\n\n const updatedConversion = await Conversion.update(conversionId, { outputs: updatedOutputs });\n\n setAllConversions(prev => \n prev.map(c => c.id === updatedConversion.id ? updatedConversion : c)\n );\n if (activeConversionForModal?.id === updatedConversion.id) {\n setModalContent(updatedOutputs);\n setActiveConversionForModal(updatedConversion);\n }\n } catch (err) {\n console.error(\"Error regenerating output:\", err);\n alert(`${t.error}: ${err.message}`);\n } finally {\n setRegeneratingOutputFor(null);\n }\n };\n \n const handleToggleFavorite = async (conversionId) => {\n const newFavorites = { ...favorites, [conversionId]: !favorites[conversionId] };\n setFavorites(newFavorites);\n try {\n if(user) { \n await User.updateMyUserData({ favorites: newFavorites });\n localStorage.setItem(`repostly_favorites_${user.id}`, JSON.stringify(newFavorites));\n }\n } catch (err) {\n console.error(\"Error saving favorites:\", err);\n alert(`${t.error}: ${err.message}`);\n }\n };\n\n const handleReconvert = (conversion) => {\n navigate(createPageUrl(`Convert?inputText=${encodeURIComponent(conversion.input_text)}&formats=${conversion.selected_formats.join(',')}&tone=${conversion.writing_tone}&lang=${conversion.output_language}&depth=${conversion.content_depth}`));\n };\n\n const clearAllFilters = () => {\n setSearchTerm(\"\");\n setSelectedDateRange({ from: null, to: null });\n setSelectedFormatsFilter([]);\n setSelectedLanguageFilter(\"\");\n };\n\n if (loading) { \n return (\n
\n
\n \n

{t.loadingConversions}

\n
\n
\n );\n }\n \n const isRTL = pageLanguage === 'he' || pageLanguage === 'ar';\n const currentCalLocale = dateLocales[pageLanguage] || dateLocales.en;\n\n\n return (\n
\n
\n
\n
\n

\n {t.myConversions}\n

\n

\n {t.manageAndReview}\n

\n
\n
\n\n
\n
\n
\n \n setSearchTerm(e.target.value)}\n className=\"mt-1 text-sm h-9\" \n />\n
\n
\n \n
\n \n
\n \n \n \n \n \n {selectedDateRange.from ? (\n selectedDateRange.to ? (\n <>\n {format(selectedDateRange.from, \"LLL dd, y\", { locale: currentCalLocale })} -{\" \"}\n {format(selectedDateRange.to, \"LLL dd, y\", { locale: currentCalLocale })}\n \n ) : (\n format(selectedDateRange.from, \"LLL dd, y\", { locale: currentCalLocale })\n )\n ) : (\n {t.pickDateRange}\n )}\n \n \n \n \n \n \n
\n
\n
\n \n setSelectedFormatsFilter(value ? value.split(\",\") : [])} \n >\n \n \n \n \n {t.allFormats} \n {formatOptionsList.map((opt) => (\n \n {t.formats[opt.value] || opt.label}\n \n ))}\n \n \n
\n
\n \n \n
\n
\n
\n
\n\n {filteredConversions.length === 0 && !loading ? (\n
\n \n

{t.noConversionsFound}

\n

{t.tryAdjustingFilters}

\n
\n ) : (\n
\n \n \n \n \n {t.originalInput}\n {t.formatsConverted}\n {t.language}\n {t.status}\n {t.dateCreated}\n {t.actions} \n \n \n \n {filteredConversions.map((conv) => (\n \n \n {conv.input_text}\n \n
\n {conv.selected_formats?.map(f => {t.formats[f] || f})}\n
\n \n {t.languages[conv.output_language] || conv.output_language}\n \n {t.statuses[conv.status] || conv.status}\n \n {format(parseISO(conv.created_date), 'dd/MM/yy HH:mm', { locale: currentCalLocale })}\n \n \n \n \n \n ))}\n \n
\n
\n )}\n \n \n \n \n {t.conversionDetails} - {activeConversionForModal?.input_text?.substring(0,30)}{activeConversionForModal?.input_text?.length > 30 ? \"...\" : \"\"}\n {activeConversionForModal?.input_text && (\n \n {t.originalInputLabelModal} {activeConversionForModal.input_text.substring(0,80)}{activeConversionForModal.input_text.length > 80 ? \"...\" : \"\"}\n \n )}\n \n
\n {modalContent && activeConversionForModal && (\n
\n {Object.entries(modalContent).map(([formatKey, text]) => (\n \n \n
\n {t.formats[formatKey] || formatKey}\n
\n \n \n \n \n
\n \n
\n
\n
\n \n \n {editingOutput?.conversionId === activeConversionForModal.id && editingOutput?.format === formatKey ? (\n
\n