/* Login + Analysis screens */ const LoginScreen = ({ onLogin }) => { const [email, setEmail] = React.useState(""); const [password, setPassword] = React.useState(""); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(""); const [showForgot, setShowForgot] = React.useState(false); const [authAction, setAuthAction] = React.useState("idle"); // idle | signing-in | creating const submit = async (e) => { e.preventDefault(); if (!email.trim() || !password.trim()) return; setLoading(true); setError(""); setAuthAction("signing-in"); try { // Сначала пробуем войти const { data, error } = await window.supabaseClient.auth.signInWithPassword({ email, password, }); if (!error) { // Успешный вход setLoading(false); setAuthAction("idle"); onLogin(data.user); return; } // Если аккаунта нет — регистрируем автоматически const isNotFound = error.message?.toLowerCase().includes("invalid login") || error.message?.toLowerCase().includes("invalid credentials") || error.message?.toLowerCase().includes("user not found") || error.status === 400; if (isNotFound) { setAuthAction("creating"); const { data: signUpData, error: signUpError } = await window.supabaseClient.auth.signUp({ email, password, options: { data: { product_mode: window.PRODUCT_MODE || "ru", }, }, }); if (signUpError) { setError(signUpError.message); setLoading(false); setAuthAction("idle"); return; } // Supabase может вернуть user без session если включено email confirmation if (signUpData?.user && !signUpData?.session) { setError("Check your email to confirm your account."); setLoading(false); setAuthAction("idle"); return; } // Явно обновляем product_mode через API после регистрации try { await fetch( "https://younalyse-api-646149995822.europe-west1.run.app/api/profile/product-mode", { method: "PATCH", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ user_id: signUpData.user.id, product_mode: window.PRODUCT_MODE || "ru", }), }, ); } catch {} setLoading(false); setAuthAction("idle"); onLogin(signUpData.user, true); // второй аргумент — isNewUser return; } // Другая ошибка (неверный пароль и т.д.) setError(error.message); setLoading(false); setAuthAction("idle"); } catch (err) { setError("Connection error. Please try again."); setLoading(false); setAuthAction("idle"); } }; return ( <>
y{" "} {window.T?.productName || "younalyse"}

{window.T?.productTagline || "YouTube channel analysis, without the spreadsheet sprawl."}

{window.T?.productDescription || "Pull videos, transcripts, and audience signals into one place."}

v0.4.2 · internal

{window.T?.authTitle || "Welcome"}

{window.T?.authSubtitle || "Sign in or create a new account."}

setEmail(e.target.value)} autoFocus />
setPassword(e.target.value)} />
{error && (
{error}
)}
{window.T?.authNewHint || "New here? We'll create your account automatically."}
{window.T?.authForgot || "Forgot password?"}{" "} { e.preventDefault(); setShowForgot(true); }} > {window.T?.authReset || "Reset via email"}
{showForgot && ( setShowForgot(false)} /> )} ); }; // ── AnalysisScreen ───────────────────────────────────────────────────────── const AnalysisScreen = ({ onRun, runState, runLog, runProgress, onStop, onViewResults, onNewAnalysis, userProfile, userId, }) => { const [mode, setMode] = React.useState("channel"); const [channels, setChannels] = React.useState(""); const [videoUrls, setVideoUrls] = React.useState(""); const [contentFilter, setContentFilter] = React.useState("all"); const [maxVideos, setMaxVideos] = React.useState(20); const [analyzeComments, setAnalyzeComments] = React.useState(false); const [generateSummary, setGenerateSummary] = React.useState(false); const [usageData, setUsageData] = React.useState(null); const tier = userProfile?.subscription_tier || "trial"; const isClaudeAvailable = !["free", "start", "trial", "expired"].includes(tier) || userProfile?.is_superadmin; const CHANNELS_PER_RUN = { free: 0, trial: 3, expired: 0, start: 3, pro: 5, producer: 10, studio: 10, superadmin: 999, }; const channelLimit = userProfile?.is_superadmin ? 999 : CHANNELS_PER_RUN[tier] || 3; const channelLines = channels .split(/[,\n]/) .map((s) => s.trim()) .filter(Boolean); const videoLines = videoUrls .split(/[\n]/) .map((s) => s.trim()) .filter(Boolean); const videoUrlLimits = { trial: 3, start: 10, pro: 50, producer: 50, studio: 50, agency: 50, superadmin: 200, }; const videoUrlLimit = videoUrlLimits[tier] || 0; const videoLimitReached = mode === "video" && videoLines.length > videoUrlLimit; const channelCount = mode === "channel" ? channelLines.length : videoLines.length; React.useEffect(() => { if (!userId) return; fetch( `https://younalyse-api-646149995822.europe-west1.run.app/api/profile/usage?user_id=${userId}`, ) .then((r) => r.json()) .then((d) => { setUsageData(d); window._analysisUsage = d; }) .catch(() => {}); }, [userId]); // Cmd+Enter запускает ран React.useEffect(() => { const handler = (e) => { if ((e.metaKey || e.ctrlKey) && e.key === "Enter") handleRun(); }; window.addEventListener("keydown", handler); return () => window.removeEventListener("keydown", handler); }, [channels, videoUrls, mode]); // runState: "idle" | "running" | "done" — прогресс показываем на той же странице const handleRun = () => { if (mode === "video") { onRun({ mode: "video", video_urls: videoLines, analyzeComments, generateSummary, }); } else { onRun({ mode: "channel", channels: channelLines, contentFilter, maxVideos, analyzeComments, generateSummary, }); } }; const canRun = mode === "channel" ? channelLines.length > 0 : videoLines.length > 0 && videoUrlLimit > 0; const T = window.T || {}; const contentFilterOptions = [ { id: "all", label: T.filterAll || "Все" }, { id: "horizontal", label: T.filterHorizontal || "Горизонтальные" }, { id: "shorts", label: T.filterShorts || "Shorts" }, ]; return (
{/* ── Переключатель режима ── */}
{mode === "channel" ? T.analysisChannelHint || "Анализ последних видео с одного или нескольких каналов" : T.analysisVideoHint || "Анализ конкретных видео по ссылкам — по одной на строку"}
{/* ── Ввод ── */} {mode === "channel" ? (