setCreateOpen(true)}> New code} />

{filtered.map((c, i) => { const color = colorForCode(c); const count = counts[c]; const pct = total ? count / total * 100 : 0; return (

e.currentTarget.style.background = 'var(--card-hi)'} onMouseLeave={(e) => e.currentTarget.style.background = 'transparent'}>

{c} {color.name}

0 ? 'var(--ink)' : 'var(--ink-5)', minWidth: 36, textAlign: 'right' }}>{count}

); })} {filtered.length === 0 &&

No codes match the filter

}

{createOpen && setCreateOpen(false)} onCreate={onCreateCode} />}

); } // Fortnite map code: ровно 12 цифр через дефисы 0000-0000-0000. const MAP_CODE_RE_S = /^\d{4}-\d{4}-\d{4}$/; function formatMapCodeS(raw) { const d = (raw || "").replace(/\D/g, "").slice(0, 12); const parts = []; if (d.length > 0) parts.push(d.slice(0, 4)); if (d.length > 4) parts.push(d.slice(4, 8)); if (d.length > 8) parts.push(d.slice(8, 12)); return parts.join("-"); } function CreateCodeModal({ codes, onClose, onCreate }) { const [name, setName] = useStateS(""); const trimmed = name.trim(); const exists = codes.includes(trimmed); const valid = MAP_CODE_RE_S.test(trimmed) && !exists; const previewColor = CODE_PALETTE[codes.length % CODE_PALETTE.length]; const submit = () => {if (valid) {onCreate(trimmed);onClose();}}; return ( <>

New map code

Fortnite map code in format 0000-0000-0000 (12 digits). Example: 9695-5615-4966

setName(formatMapCodeS(e.target.value))} onKeyDown={(e) => {if (e.key === 'Enter') submit();}} placeholder="0000-0000-0000" inputMode="numeric" autoFocus className="mono" />

{trimmed && !valid &&

{exists ? `Code "${trimmed}" already exists` : 'Format: 0000-0000-0000'}

} {valid &&

preview {trimmed} · {previewColor.name}

}

); } function StatsScreen({ instances, codes, codeFolders, tzSync, onTzSyncChange }) { const stats = useMemoS(() => { const out = { total: instances.length, running: 0, idle: 0, booting: 0, stopped: 0, error: 0 }; instances.forEach((i) => out[i.status] = (out[i.status] || 0) + 1); return out; }, [instances]); const colorForCode = useColorForCode(); const segs = [ { k: 'running', l: 'Running', col: 'var(--ok)' }, { k: 'booting', l: 'Booting', col: 'var(--warn)' }, { k: 'idle', l: 'Idle', col: 'var(--ink-3)' }, { k: 'stopped', l: 'Stopped', col: 'var(--ink-5)' }, { k: 'error', l: 'Error', col: 'var(--bad)' }]; return (

{}

Total instances

{stats.total}

{segs.map((s) => { const v = stats[s.k] || 0; const pct = stats.total ? v / stats.total * 100 : 0; return

; })}

{segs.map((s) =>

{s.l} {stats[s.k] || 0}

)}

{/* By folder — clean list */}

By folder

{codeFolders.length} active

{codeFolders.length === 0 &&

No folders in use

} {codeFolders.map((f, i) => { const folderInstances = instances.filter((x) => x.code === f.code); const fStats = folderInstances.reduce((acc, x) => {acc[x.status] = (acc[x.status] || 0) + 1;return acc;}, {}); const col = colorForCode(f.code); const pct = stats.total ? folderInstances.length / stats.total * 100 : 0; return (

{f.code}

{fStats.running > 0 && {fStats.running} live} {fStats.error > 0 && {fStats.error} err} {!fStats.running && !fStats.error && inactive}

{folderInstances.length}

); })}

{/* Global controls */}

Global

Timezone sync

); } function Switch({ checked, onChange }) { return ( ); } /* ========================================================================= REFRESHER SCREEN — управление аккаунтами Epic: куки, рефреш, статус ========================================================================= */ function RefresherScreen() { const PAGE_SIZE = 100; const [accounts, setAccounts] = useStateS([]); const [total, setTotal] = useStateS(0); const [search, setSearch] = useStateS(""); const [loading, setLoading] = useStateS(true); const [hasMore, setHasMore] = useStateS(true); const [refreshing, setRefreshing] = useStateS(new Set()); const [detail, setDetail] = useStateS(null); // account_id для детальной панели const [workerOnline, setWorkerOnline] = useStateS(null); // null=checking, true=ok, false=err const scrollRef = useRefS(null); const loadingRef = useRefS(false); const load = (append = false) => { if (loadingRef.current) return; loadingRef.current = true; setLoading(true); const offset = append ? accounts.length : 0; fetch(`/api/accounts?limit=${PAGE_SIZE}&offset=${offset}`) .then((r) => { setWorkerOnline(r.ok); return r.json(); }) .then((d) => { const next = d.accounts || []; const nextTotal = d.total || 0; setAccounts((prev) => { if (!append) return next; const merged = new Map(prev.map((a) => [a.account_id, a])); next.forEach((a) => merged.set(a.account_id, a)); return Array.from(merged.values()); }); setTotal(nextTotal); const loaded = append ? accounts.length + next.length : next.length; setHasMore(next.length > 0 && loaded < nextTotal); }) .catch(() => { setWorkerOnline(false); }) .finally(() => { loadingRef.current = false; setLoading(false); }); }; useEffectS(() => { load(); }, []); useEffectS(() => { const el = scrollRef.current; if (!el || loading || !hasMore) return; if (el.scrollHeight <= el.clientHeight + 40) load(true); }, [accounts.length, loading, hasMore]); const handleAccountsScroll = (e) => { const el = e.currentTarget; if (loading || !hasMore) return; if (el.scrollHeight - el.scrollTop - el.clientHeight < 180) load(true); }; const filtered = useMemoS(() => { if (!search.trim()) return accounts; const s = search.toLowerCase(); return accounts.filter((a) => a.email.toLowerCase().includes(s) || (a.display_name || "").toLowerCase().includes(s) || a.account_id.toLowerCase().includes(s) ); }, [accounts, search]); const handleRefresh = async (account_id) => { setRefreshing((prev) => new Set([...prev, account_id])); try { const r = await fetch("/api/refresh", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ account_id }), }); const d = await r.json(); if (!d.ok) console.warn("refresh failed:", d.message); } catch (e) { console.error(e); } finally { setRefreshing((prev) => { const n = new Set(prev); n.delete(account_id); return n; }); load(); } }; const handleRefreshAll = async () => { await fetch("/api/refresh/all", { method: "POST" }); setTimeout(load, 3000); }; const [codeModal, setCodeModal] = useStateS(null); // {email, code, error} const handleMailCode = async (account_id, email) => { try { const r = await fetch(`/api/accounts/${account_id}/code`, { method: "POST" }); const d = await r.json(); if (d.code) { await navigator.clipboard.writeText(d.code).catch(() => {}); setCodeModal({ email, code: d.code, error: null }); } else { setCodeModal({ email, code: null, error: d.info || d.detail || 'unknown' }); } } catch (e) { setCodeModal({ email, code: null, error: e.message }); } }; const stats = useMemoS(() => { const ok = accounts.filter((a) => a.refresh_status === "ok").length; const err = accounts.filter((a) => a.refresh_status === "error").length; const pending = accounts.filter((a) => a.refresh_status === "pending" || !a.refresh_status).length; return { ok, err, pending }; }, [accounts]); return (

} /> {/* Статистика */}

{workerOnline === null ? '...' : workerOnline ? 'online' : 'offline'}

{loading && accounts.length === 0 ? (

Loading…

) : filtered.length === 0 ? (

{accounts.length === 0 ? "No accounts. Register accounts first." : "No accounts match the filter."}

) : ( {filtered.map((a) => ( handleRefresh(a.account_id)} onMailCode={() => handleMailCode(a.account_id, a.email)} onDetail={() => setDetail(detail === a.account_id ? null : a.account_id)} isDetailed={detail === a.account_id} /> ))}

Account	Session expires	Last refresh	Cookies	Status	Device

)} {loading && accounts.length > 0 && (

Loading more...

)}

{detail && ( a.account_id === detail)} onClose={() => setDetail(null)} /> )} {codeModal && ( setCodeModal(null)} /> )}