\n\n \n\n\n",1,"6bd965da-30ca-11f1-873c-42dde27851f2",["D",1775378712851],"branchVersion","label",[159,65],"frontend","pulls","branches","forks","envVars",{"_167":169,"_170":26},"connections",{"_167":26,"_168":26},"count","unfilledCount",4,"emptyCount",{"_33":222,"_13":223,"_63":224,"_43":-5,"_35":36,"_156":225,"_181":145,"_37":226,"_39":26,"_66":219,"_151":-5,"_67":24,"_157":-5,"_185":227,"_17":228},{"_33":216,"_13":159,"_63":154,"_43":-5,"_35":36,"_156":217,"_181":145,"_37":218,"_39":26,"_66":219,"_151":-5,"_67":24,"_157":-5,"_185":220,"_17":221},{"_33":209,"_13":210,"_63":211,"_43":154,"_35":36,"_156":193,"_181":145,"_37":212,"_39":26,"_66":21,"_151":213,"_67":24,"_157":-5,"_185":214,"_17":215},{"_33":150,"_13":65,"_63":64,"_43":154,"_35":36,"_156":73,"_181":145,"_37":206,"_39":153,"_66":21,"_151":152,"_67":24,"_157":-5,"_185":207,"_17":208},{"_33":198,"_13":199,"_63":200,"_43":154,"_35":36,"_156":201,"_181":145,"_37":202,"_39":26,"_66":21,"_151":203,"_67":24,"_157":-5,"_185":204,"_17":205},{"_33":188,"_13":189,"_63":190,"_43":-5,"_35":36,"_156":191,"_181":145,"_37":192,"_39":193,"_66":194,"_151":195,"_67":24,"_157":-5,"_185":196,"_17":197},{"_33":178,"_13":179,"_63":180,"_43":-5,"_35":36,"_156":153,"_181":145,"_37":182,"_39":26,"_66":183,"_151":184,"_67":24,"_157":-5,"_185":186,"_17":187},"f36f5a0a-30c9-11f1-adb3-42dde27851f2","main.ts","f36f5abe-30c9-11f1-adb3-42dde27851f2","latest",["D",1775377935583],"script","// main.ts — Val Town Script\n// Yêu cầu env vars: KERNEL_API_KEY, OPENAI_API_KEY (tuỳ chọn), FIVESIM_API_KEY\n\nimport Kernel from \"npm:@onkernel/sdk\";\nimport { chromium } from \"npm:playwright-core\";\nimport { parse } from \"npm:csv-parse/sync\";\nimport { OpenAI } from \"npm:openai\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\n// --- HÀM HỖ TRỢ ---\nconst randomDelay = (min: number, max: number): Promise =>\n new Promise((r) =>\n setTimeout(r, Math.floor(Math.random() * (max - min + 1) + min))\n );\n\nfunction isCaptchaPage(pageUrl: string): boolean {\n return (\n pageUrl.includes(\"/captcha\") || pageUrl.includes(\"splashui/captcha\")\n );\n}\n\nasync function waitForCaptchaClear(\n page: any,\n maxWaitMs = 180000\n): Promise {\n const currentUrl = page.url();\n if (!isCaptchaPage(currentUrl)) return;\n console.log(\"🔒 CAPTCHA! Chờ extension giải...\");\n const startTime = Date.now();\n while (Date.now() - startTime < maxWaitMs) {\n await page.waitForTimeout(3000);\n const nowUrl = page.url();\n if (!isCaptchaPage(nowUrl)) {\n console.log(\"✅ CAPTCHA đã giải xong!\");\n await page.waitForTimeout(2000);\n return;\n }\n const elapsed = Math.round((Date.now() - startTime) / 1000);\n if (elapsed % 9 === 0) console.log(` ⏳ Chờ CAPTCHA... ${elapsed}s`);\n }\n throw new Error(\"CAPTCHA timeout (3 phút)\");\n}\n\nasync function smartWaitForSelector(\n page: any,\n selector: string,\n options: { timeout?: number } = {}\n): Promise {\n const timeout = options.timeout || 60000;\n const startTime = Date.now();\n while (Date.now() - startTime < timeout) {\n if (isCaptchaPage(page.url())) {\n await waitForCaptchaClear(page);\n }\n try {\n await page.waitForSelector(selector, { state: \"visible\", timeout: 10000 });\n return;\n } catch (_e) {\n if (isCaptchaPage(page.url())) {\n console.log(\"🔒 CAPTCHA giữa chừng! Chờ giải...\");\n await waitForCaptchaClear(page);\n } else if (Date.now() - startTime >= timeout) {\n throw _e;\n }\n }\n }\n}\n\nfunction generateRandomName(): string {\n const adjectives = [\n \"swift\", \"bright\", \"cool\", \"dark\", \"fast\", \"gold\", \"keen\", \"nova\",\n \"prime\", \"zen\", \"alpha\", \"beta\", \"delta\", \"echo\", \"fox\", \"ghost\",\n \"hawk\", \"ice\", \"jade\", \"kite\", \"lunar\", \"mars\", \"neon\", \"onyx\",\n \"pixel\", \"ruby\", \"sage\", \"titan\", \"ultra\", \"viper\", \"wolf\", \"zeta\",\n ];\n const suffix = Math.random().toString(36).substring(2, 6);\n const adj = adjectives[Math.floor(Math.random() * adjectives.length)];\n return `${adj}_${suffix}`;\n}\n\n// --- MAIN ---\nconst KERNEL_API_KEY = Deno.env.get(\"KERNEL_API_KEY\") ?? \"\";\nconst OPENAI_API_KEY = Deno.env.get(\"OPENAI_API_KEY\") ?? \"\";\nconst FIVESIM_API_KEY = Deno.env.get(\"FIVESIM_API_KEY\") ?? \"\";\nconst EXTENSION_ID = \"bvzghdhbf3xml4koj0ryih1c\";\nconst BLOB_KEY = \"ebay_success_accounts\";\n\nconst kernel = new Kernel({ apiKey: KERNEL_API_KEY });\n\n// --- Tải CSV ---\nconsole.log(\"📥 Tải CSV...\");\nconst csvUrl =\n \"https://docs.google.com/spreadsheets/d/e/2PACX-1vTgKB1Kjn81v7lMjtlPObH670i9ZQU3D9gq0Uh7_LQQnaMyJIrs6F32ukvQd7T30Vv1Hnd4gpbGxuqq/pub?gid=1741750162&single=true&output=csv\";\nconst csvResp = await fetch(csvUrl);\nconst csvText = await csvResp.text();\nconst records: any[] = parse(csvText, { columns: true, skip_empty_lines: true });\nconsole.log(`✅ ${records.length} dòng dữ liệu.`);\n\n// --- Khởi tạo OpenAI (tuỳ chọn) ---\nlet openai: OpenAI | null = null;\nif (OPENAI_API_KEY) {\n openai = new OpenAI({\n apiKey: OPENAI_API_KEY,\n baseURL: \"https://proxy.simpleverse.io.vn/api/v1\",\n });\n}\n\n// --- Load lịch sử từ Blob (chống trùng) ---\nconst registeredEmails = new Set();\nconst existingLog: string = (await blob.getJSON(BLOB_KEY)) ?? \"\";\nif (existingLog) {\n const regexEmail = /Email:\\s*([^\\r\\n]+)/g;\n let match;\n while ((match = regexEmail.exec(existingLog)) !== null) {\n registeredEmails.add(match[1].trim());\n }\n console.log(`🛡️ Đã lọc ${registeredEmails.size} email cũ.`);\n}\n\n// --- VÒNG LẶP CHÍNH ---\nfor (let i = 0; i < records.length; i++) {\n const row = records[i];\n\n if (registeredEmails.has(row.email)) {\n console.log(`[${i + 1}/${records.length}] ⏭️ Bỏ qua: ${row.email}`);\n continue;\n }\n\n console.log(`\\n══════════════════════════════════════`);\n console.log(\n `[${i + 1}/${records.length}] 🚀 ${row.first_name} ${row.last_name} | ${row.email}`\n );\n\n let preparedData: any = row;\n\n // Xử lý bằng AI Agent\n if (openai) {\n console.log(\"🧠 AI chuẩn hóa dữ liệu...\");\n const prompt = `\nBạn là AI Agent điền dữ liệu tự động cho đăng ký eBay (Mỹ).\nĐây là dữ liệu MẪU/THỬ NGHIỆM (DUMMY DATA) để test hệ thống, không phải dữ liệu thật:\n${JSON.stringify(row)}\n\nNhiệm vụ:\n1. Chuẩn hoá Name, City (Viết hoa chữ cái đầu).\n2. Tách Address xem có phần Căn hộ (Apt/Unit) chưa (Đưa vào biến address2).\n3. Tách kỹ date_of_birth thành 3 biến cụ thể: dobMonth, dobDay, dobYear.\n4. Output CHỈ XUẤT RA CHUẨN ĐỊNH DẠNG JSON KHÔNG EXPLANATION.\n\n{\n \"firstName\": \"...\",\n \"lastName\": \"...\",\n \"address1\": \"...\",\n \"address2\": \"...\",\n \"city\": \"...\",\n \"state\": \"...\",\n \"zip\": \"...\",\n \"dobMonth\": \"...\",\n \"dobDay\": \"...\",\n \"dobYear\": \"...\",\n \"phone\": \"...\"\n}\n`;\n try {\n const aiResponse = await openai.chat.completions.create({\n model: \"gpt-5.4\",\n messages: [{ role: \"user\", content: prompt }],\n response_format: { type: \"json_object\" },\n });\n preparedData = JSON.parse(aiResponse.choices[0].message.content!);\n console.log(\n \"✅ AI xong:\",\n JSON.stringify(preparedData).substring(0, 120) + \"...\"\n );\n } catch (aiErr: any) {\n console.log(\"❌ AI lỗi:\", aiErr.message);\n }\n }\n\n // --- KHỞI TẠO KERNEL BROWSER ---\n let profileName = \"\";\n let profileId = \"\";\n let proxyId = \"\";\n let kernelBrowser: any = null;\n let browser: any = null;\n let page: any = null;\n let defaultContext: any = null;\n\n try {\n profileName = generateRandomName();\n const profile = await kernel.profiles.create({ name: profileName });\n profileId = profile.id;\n console.log(`👤 Profile: ${profileName} (${profileId})`);\n\n const proxy = await kernel.proxies.create({\n type: \"isp\",\n name: profileName,\n protocol: \"http\",\n config: { country: \"US\" },\n });\n proxyId = proxy.id;\n console.log(`🌐 Proxy: ${proxyId} | IP: ${(proxy as any).ip_address || \"N/A\"}`);\n\n const browserConfig = {\n extensions: [{ id: EXTENSION_ID }],\n profile: { id: profileId, save_changes: true },\n proxy_id: proxyId,\n viewport: { width: 414, height: 896, refresh_rate: 60 },\n stealth: false,\n headless: false,\n kiosk_mode: false,\n timeout_seconds: 3600,\n };\n\n kernelBrowser = await kernel.browsers.create(browserConfig);\n console.log(`🖥️ Browser: ${kernelBrowser.session_id}`);\n\n const liveViewUrl = kernelBrowser.browser_live_view_url;\n if (liveViewUrl) {\n // Không dùng execSync (bị cấm trên Val Town) — log URL để mở thủ công\n console.log(`👁️ Live View URL: ${liveViewUrl}`);\n }\n\n browser = await chromium.connectOverCDP(kernelBrowser.cdp_ws_url);\n defaultContext = browser.contexts()[0];\n page = defaultContext.pages()[0] || (await defaultContext.newPage());\n await page.setViewportSize({ width: 414, height: 896 });\n await page.goto(\"https://api.ipify.org?format=json\", { waitUntil: \"load\" });\n const proxyCheck = await page.evaluate(() => document.body.innerText);\n console.log(`🔌 CDP OK | IP: ${proxyCheck}`);\n } catch (err: any) {\n console.log(\"❌ Kernel lỗi:\", err.message);\n continue;\n }\n\n // --- THỰC THI PLAYWRIGHT EBAY ---\n try {\n await page.goto(\"https://signup.ebay.com/pa/crte?\", { waitUntil: \"load\" });\n console.log(\"📝 Trang đăng ký eBay đã load.\");\n\n await waitForCaptchaClear(page);\n await smartWaitForSelector(page, \"input#firstname\", { timeout: 90000 });\n await randomDelay(1000, 3000);\n\n await page.fill(\"input#firstname\", preparedData.firstName || row.first_name, { delay: 100 });\n await randomDelay(500, 1500);\n await page.fill(\"input#lastname\", preparedData.lastName || row.last_name, { delay: 120 });\n await randomDelay(500, 1500);\n await page.fill(\"input#Email\", row.email, { delay: 80 });\n await randomDelay(500, 1500);\n\n await page.click(\"input#password\");\n await randomDelay(1000, 2000);\n await waitForCaptchaClear(page);\n await smartWaitForSelector(page, \"input#password\", { timeout: 90000 });\n\n await page.fill(\"input#password\", row.passwords, { delay: 150 });\n await randomDelay(1000, 2000);\n\n await page.click(\"button#EMAIL_REG_FORM_SUBMIT\", { clickCount: 2, force: true });\n console.log(\"✅ Submit form xong.\");\n await page.waitForTimeout(3000);\n await waitForCaptchaClear(page);\n\n // --- XÁC MINH SỐ ĐT 5SIM ---\n if (!FIVESIM_API_KEY) {\n console.log(\"⚠️ Thiếu FIVESIM_API_KEY\");\n } else {\n console.log(\"📞 Mua số UK...\");\n const buynumReq = await fetch(\n \"https://5sim.net/v1/user/buy/activation/england/any/ebay\",\n {\n headers: {\n Authorization: `Bearer ${FIVESIM_API_KEY}`,\n Accept: \"application/json\",\n },\n }\n );\n const buynumText = await buynumReq.text();\n let buynumRes: any = null;\n try {\n buynumRes = JSON.parse(buynumText);\n } catch (_e) {\n console.log(`❌ 5SIM lỗi: ${buynumText}`);\n }\n\n if (buynumRes?.id && buynumRes?.phone) {\n const orderId = buynumRes.id;\n const phoneStr = buynumRes.phone.replace(/^\\+?44/, \"\").trim();\n console.log(`📱 Số UK: ${phoneStr}`);\n\n try {\n await page.waitForTimeout(2000);\n await page.evaluate(() => {\n const btn =\n document.querySelector(\n \".country-code .btn, .phone-code-picker button\"\n ) ||\n (() => {\n const allBtns = document.querySelectorAll(\"button\");\n for (const b of allBtns) {\n if (\n b.querySelector(\n \"img[alt*='flag'], img[src*='flag'], .flag, .iti__flag\"\n )\n )\n return b;\n }\n return null;\n })();\n if (btn) (btn as HTMLElement).click();\n });\n await randomDelay(1500, 2500);\n\n await page.evaluate(() => {\n const items = document.querySelectorAll(\n \"li, div[role='option'], div.menu-button__item, [class*='country-item'], [class*='dropdown-item']\"\n );\n for (const item of items) {\n const text = (item.textContent || \"\").toLowerCase();\n if (\n text.includes(\"united kingdom\") ||\n text.includes(\"uk (+44)\") ||\n text.includes(\"+44\")\n ) {\n (item as HTMLElement).scrollIntoView({ block: \"center\" });\n (item as HTMLElement).click();\n return;\n }\n }\n });\n console.log(\"🇬🇧 Đã chọn +44 UK\");\n await randomDelay(1000, 2000);\n } catch (e: any) {\n console.log(\"⚠️ Lỗi chọn UK:\", e.message);\n }\n\n const phoneInput = page\n .locator('input#phone, input[type=\"tel\"], input[name=\"phone\"]')\n .first();\n await phoneInput.waitFor({ state: \"visible\", timeout: 60000 });\n await randomDelay(1000, 2000);\n await phoneInput.fill(phoneStr, { delay: 100 });\n\n console.log(\"📤 Gửi số, chờ OTP...\");\n await randomDelay(1000, 2500);\n const continueBtnPhone = page\n .locator('button#phone-submit, button[type=\"submit\"]')\n .filter({ hasText: /Continue|Submit|Next/i })\n .first();\n if ((await continueBtnPhone.count()) > 0) {\n await continueBtnPhone.click();\n } else {\n await page.keyboard.press(\"Enter\");\n }\n\n let otpCode: string | null = null;\n await page.waitForTimeout(15000);\n const checkReq = await fetch(\n `https://5sim.net/v1/user/check/${orderId}`,\n {\n headers: {\n Authorization: `Bearer ${FIVESIM_API_KEY}`,\n Accept: \"application/json\",\n },\n }\n );\n const checkText = await checkReq.text();\n let checkRes: any = {};\n try {\n checkRes = JSON.parse(checkText);\n } catch (_e) {}\n if (checkRes?.sms?.length > 0 && checkRes.sms[0].code) {\n otpCode = checkRes.sms[0].code;\n }\n\n if (otpCode) {\n console.log(`🔑 OTP: ${otpCode}`);\n await page.waitForTimeout(2000);\n try {\n const firstOtpBox = page\n .locator('input[id=\"otpbox-0\"], input[type=\"tel\"]')\n .first();\n await firstOtpBox.waitFor({ state: \"visible\", timeout: 5000 });\n await firstOtpBox.click();\n await page.keyboard.type(otpCode, { delay: 50 });\n } catch (_e) {\n await page.keyboard.type(otpCode);\n }\n\n try {\n const finishBtn = page\n .getByRole(\"button\", { name: /Finish|Continue|Submit/i })\n .first();\n await finishBtn.click();\n } catch (_e) {\n await page.keyboard.press(\"Enter\");\n }\n console.log(\"🏆 ĐĂNG KÝ THÀNH CÔNG!\");\n\n await fetch(`https://5sim.net/v1/user/finish/${orderId}`, {\n headers: { Authorization: `Bearer ${FIVESIM_API_KEY}` },\n });\n\n const cookies = await defaultContext.cookies();\n const fullAccountData = {\n ...row,\n registeredPhone: phoneStr,\n kernelProfileName: profileName,\n kernelProfileId: profileId,\n kernelProxyId: proxyId,\n kernelSessionId: kernelBrowser.session_id,\n cookie: JSON.stringify(cookies),\n };\n\n // Ghi vào Blob thay vì fs\n const newEntry = `\\n==================\\n✅ SUCCESS ACCOUNT\\nEmail: ${row.email}\\nKernel Profile: ${profileName}\\n${JSON.stringify(fullAccountData, null, 2)}\\n`;\n const currentLog: string = (await blob.getJSON(BLOB_KEY)) ?? \"\";\n await blob.setJSON(BLOB_KEY, currentLog + newEntry);\n registeredEmails.add(row.email);\n console.log(\"💾 Đã lưu vào blob storage.\");\n } else {\n console.log(\"❌ Không nhận được OTP.\");\n await fetch(`https://5sim.net/v1/user/cancel/${orderId}`, {\n headers: { Authorization: `Bearer ${FIVESIM_API_KEY}` },\n });\n }\n } else {\n console.log(\"❌ 5SIM hết số/lỗi balance.\");\n }\n }\n } catch (err: any) {\n console.log(\"⚠️ Lỗi:\", err.message);\n }\n\n // --- CLEANUP ---\n try {\n if (browser) await browser.close();\n if (kernelBrowser?.session_id) {\n await kernel.browsers.deleteByID(kernelBrowser.session_id);\n }\n console.log(\"🧹 Cleanup xong.\");\n } catch (_e) {}\n\n await new Promise((r) => setTimeout(r, 5000));\n}\n\nconsole.log(\"\\n🎉 HOÀN TẤT!\");\n","children",[],[179],"899fd6c0-30cb-11f1-aa6e-42dde27851f2","index.ts","7a476d06-30ca-11f1-abe7-42dde27851f2",14,["D",1775378617009],7,"http","import { blob } from \"https://esm.town/v/std/blob\";\nimport { parse } from \"npm:csv-parse/sync\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst BLOB_KEY = \"ebay_success_accounts\";\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n\n // ── Frontend static files ─────────────────────────────────────────────\n if (path === \"/\" || path === \"/index.html\") {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n }\n if (path.startsWith(\"/frontend/\")) {\n return serveFile(path, import.meta.url);\n }\n\n // ── API routes ────────────────────────────────────────────────────────\n if (path === \"/api/status\") {\n return Response.json({\n kernel: !!Deno.env.get(\"KERNEL_API_KEY\"),\n fivesim: !!Deno.env.get(\"FIVESIM_API_KEY\"),\n openai: !!Deno.env.get(\"OPENAI_API_KEY\"),\n });\n }\n\n if (path === \"/api/csv-preview\") {\n try {\n const csvUrl =\n \"https://docs.google.com/spreadsheets/d/e/2PACX-1vTgKB1Kjn81v7lMjtlPObH670i9ZQU3D9gq0Uh7_LQQnaMyJIrs6F32ukvQd7T30Vv1Hnd4gpbGxuqq/pub?gid=1741750162&single=true&output=csv\";\n const resp = await fetch(csvUrl);\n const text = await resp.text();\n const records: any[] = parse(text, { columns: true, skip_empty_lines: true });\n return Response.json({ total: records.length, rows: records.slice(0, 5) });\n } catch (e: any) {\n return Response.json({ error: e.message }, { status: 500 });\n }\n }\n\n if (path === \"/api/accounts\" && req.method === \"GET\") {\n const raw: string = (await blob.getJSON(BLOB_KEY)) ?? \"\";\n if (!raw) return Response.json({ accounts: [], total: 0 });\n const accounts: any[] = [];\n const blocks = raw.split(\"==================\").filter((b) => b.includes(\"SUCCESS ACCOUNT\"));\n for (const block of blocks) {\n const emailMatch = block.match(/Email:\\s*([^\\r\\n]+)/);\n const profileMatch = block.match(/Kernel Profile:\\s*([^\\r\\n]+)/);\n const jsonMatch = block.match(/\\{[\\s\\S]*?\\}/);\n let data: any = {};\n if (jsonMatch) { try { data = JSON.parse(jsonMatch[0]); } catch (_) {} }\n if (emailMatch) {\n accounts.push({\n email: emailMatch[1].trim(),\n profile: profileMatch?.[1]?.trim() ?? \"\",\n phone: data.registeredPhone ?? \"\",\n name: `${data.first_name ?? \"\"} ${data.last_name ?? \"\"}`.trim(),\n sessionId: data.kernelSessionId ?? \"\",\n proxyId: data.kernelProxyId ?? \"\",\n });\n }\n }\n return Response.json({ accounts, total: accounts.length });\n }\n\n if (path === \"/api/accounts\" && req.method === \"DELETE\") {\n await blob.setJSON(BLOB_KEY, \"\");\n return Response.json({ ok: true });\n }\n\n if (path === \"/api/run\" && req.method === \"POST\") {\n if (!Deno.env.get(\"KERNEL_API_KEY\")) return Response.json({ error: \"Thiếu KERNEL_API_KEY\" }, { status: 400 });\n if (!Deno.env.get(\"FIVESIM_API_KEY\")) return Response.json({ error: \"Thiếu FIVESIM_API_KEY\" }, { status: 400 });\n (async () => {\n try { await import(\"./main.ts\"); } catch (e: any) { console.error(\"❌ Automation lỗi:\", e.message); }\n })();\n return Response.json({ ok: true, message: \"Đã khởi động automation. Xem Logs để theo dõi tiến trình.\" });\n }\n\n return new Response(\"Not Found\", { status: 404 });\n}\n",[],[189],"9a98da18-30ca-11f1-8618-42dde27851f2","style.css","9a98daea-30ca-11f1-8618-42dde27851f2",6,["D",1775378216037],"/* ── Reset & Base ── */\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --bg: #0a0e1a;\n --bg2: #111827;\n --bg3: #1a2236;\n --border: #1e2d45;\n --accent: #3b82f6;\n --accent2: #6366f1;\n --green: #10b981;\n --red: #ef4444;\n --yellow: #f59e0b;\n --text: #e2e8f0;\n --muted: #64748b;\n --radius: 12px;\n --shadow: 0 4px 32px rgba(0,0,0,0.5);\n}\n\nbody {\n background: var(--bg);\n color: var(--text);\n font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\n font-size: 14px;\n min-height: 100vh;\n line-height: 1.6;\n}\n\n/* ── Layout ── */\n#root { display: flex; flex-direction: column; min-height: 100vh; }\n\n.app-header {\n background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);\n border-bottom: 1px solid var(--border);\n padding: 18px 28px;\n display: flex;\n align-items: center;\n gap: 16px;\n position: sticky;\n top: 0;\n z-index: 100;\n backdrop-filter: blur(12px);\n}\n\n.app-header .logo {\n width: 38px; height: 38px;\n background: linear-gradient(135deg, var(--accent), var(--accent2));\n border-radius: 10px;\n display: flex; align-items: center; justify-content: center;\n font-size: 20px;\n box-shadow: 0 0 20px rgba(99,102,241,0.4);\n}\n\n.app-header h1 {\n font-size: 18px;\n font-weight: 700;\n background: linear-gradient(90deg, #60a5fa, #a78bfa);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.app-header .subtitle {\n font-size: 12px;\n color: var(--muted);\n margin-left: 4px;\n}\n\n.header-right {\n margin-left: auto;\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.main-layout {\n display: grid;\n grid-template-columns: 260px 1fr;\n gap: 0;\n flex: 1;\n max-width: 1400px;\n margin: 0 auto;\n width: 100%;\n padding: 0;\n}\n\n/* ── Sidebar ── */\n.sidebar {\n background: var(--bg2);\n border-right: 1px solid var(--border);\n padding: 20px 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.sidebar-label {\n font-size: 10px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: var(--muted);\n padding: 12px 20px 6px;\n}\n\n.nav-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 10px 20px;\n cursor: pointer;\n border-radius: 0;\n transition: all 0.15s;\n color: var(--muted);\n font-weight: 500;\n border-left: 3px solid transparent;\n}\n\n.nav-item:hover { background: var(--bg3); color: var(--text); }\n.nav-item.active {\n background: rgba(59,130,246,0.1);\n color: #60a5fa;\n border-left-color: var(--accent);\n}\n.nav-item .icon { font-size: 16px; width: 20px; text-align: center; }\n\n/* ── Content ── */\n.content { padding: 28px; overflow-y: auto; }\n\n.page { display: none; }\n.page.active { display: block; }\n\n/* ── Cards ── */\n.card {\n background: var(--bg2);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 20px 24px;\n margin-bottom: 20px;\n}\n\n.card-title {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: var(--muted);\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n/* ── Stats Grid ── */\n.stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 16px;\n margin-bottom: 24px;\n}\n\n.stat-card {\n background: var(--bg2);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 20px;\n position: relative;\n overflow: hidden;\n}\n\n.stat-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n}\n.stat-card.blue::before { background: linear-gradient(90deg, var(--accent), var(--accent2)); }\n.stat-card.green::before { background: linear-gradient(90deg, var(--green), #059669); }\n.stat-card.yellow::before{ background: linear-gradient(90deg, var(--yellow), #d97706); }\n.stat-card.purple::before{ background: linear-gradient(90deg, #8b5cf6, #ec4899); }\n\n.stat-label { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 8px; }\n.stat-value { font-size: 28px; font-weight: 800; line-height: 1; }\n.stat-value.blue { color: #60a5fa; }\n.stat-value.green { color: #34d399; }\n.stat-value.yellow { color: #fbbf24; }\n.stat-value.purple { color: #a78bfa; }\n.stat-sub { font-size: 11px; color: var(--muted); margin-top: 6px; }\n\n/* ── Status Badges ── */\n.badge {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 3px 10px;\n border-radius: 999px;\n font-size: 11px;\n font-weight: 600;\n}\n.badge-green { background: rgba(16,185,129,0.15); color: #34d399; border: 1px solid rgba(16,185,129,0.3); }\n.badge-red { background: rgba(239,68,68,0.15); color: #f87171; border: 1px solid rgba(239,68,68,0.3); }\n.badge-yellow { background: rgba(245,158,11,0.15); color: #fbbf24; border: 1px solid rgba(245,158,11,0.3); }\n.badge-blue { background: rgba(59,130,246,0.15); color: #60a5fa; border: 1px solid rgba(59,130,246,0.3); }\n.dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }\n.dot.pulse { animation: pulse 1.5s infinite; }\n@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.4} }\n\n/* ── Env Status ── */\n.env-grid { display: flex; flex-direction: column; gap: 10px; }\n.env-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n background: var(--bg3);\n border-radius: 8px;\n border: 1px solid var(--border);\n}\n.env-key { font-family: monospace; font-size: 12px; color: #93c5fd; }\n.env-desc { font-size: 11px; color: var(--muted); margin-top: 2px; }\n\n/* ── Buttons ── */\n.btn {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n padding: 10px 20px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.15s;\n border: none;\n outline: none;\n}\n.btn-primary {\n background: linear-gradient(135deg, var(--accent), var(--accent2));\n color: #fff;\n box-shadow: 0 4px 15px rgba(99,102,241,0.4);\n}\n.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(99,102,241,0.5); }\n.btn-primary:active { transform: translateY(0); }\n.btn-primary:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }\n\n.btn-danger { background: rgba(239,68,68,0.15); color: #f87171; border: 1px solid rgba(239,68,68,0.3); }\n.btn-danger:hover { background: rgba(239,68,68,0.25); }\n\n.btn-ghost { background: var(--bg3); color: var(--muted); border: 1px solid var(--border); }\n.btn-ghost:hover { color: var(--text); border-color: #334155; }\n\n.btn-sm { padding: 6px 14px; font-size: 12px; }\n\n/* ── Big Run Button ── */\n.run-zone {\n background: linear-gradient(135deg, rgba(59,130,246,0.05), rgba(99,102,241,0.1));\n border: 1px solid rgba(99,102,241,0.3);\n border-radius: var(--radius);\n padding: 32px;\n text-align: center;\n margin-bottom: 20px;\n}\n.run-zone h2 { font-size: 20px; font-weight: 800; margin-bottom: 8px; }\n.run-zone p { color: var(--muted); margin-bottom: 20px; font-size: 13px; }\n\n.btn-run {\n padding: 14px 40px;\n font-size: 15px;\n font-weight: 700;\n background: linear-gradient(135deg, #3b82f6, #6366f1, #8b5cf6);\n color: #fff;\n border: none;\n border-radius: 10px;\n cursor: pointer;\n transition: all 0.2s;\n box-shadow: 0 6px 30px rgba(99,102,241,0.5);\n position: relative;\n overflow: hidden;\n}\n.btn-run::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, transparent, rgba(255,255,255,0.1), transparent);\n transform: translateX(-100%);\n transition: transform 0.4s;\n}\n.btn-run:hover::after { transform: translateX(100%); }\n.btn-run:hover { transform: translateY(-2px); box-shadow: 0 8px 40px rgba(99,102,241,0.6); }\n.btn-run:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }\n\n/* ── Log Terminal ── */\n.log-terminal {\n background: #060a12;\n border: 1px solid #1e2d45;\n border-radius: 10px;\n padding: 16px;\n font-family: 'JetBrains Mono', 'Fira Code', monospace;\n font-size: 12px;\n line-height: 1.8;\n height: 300px;\n overflow-y: auto;\n scrollbar-width: thin;\n scrollbar-color: #1e2d45 transparent;\n}\n.log-line { display: block; padding: 1px 0; }\n.log-line.success { color: #34d399; }\n.log-line.error { color: #f87171; }\n.log-line.warn { color: #fbbf24; }\n.log-line.info { color: #60a5fa; }\n.log-line.muted { color: #475569; }\n.log-empty { color: #334155; font-style: italic; }\n\n/* ── Table ── */\n.table-wrap { overflow-x: auto; }\ntable { width: 100%; border-collapse: collapse; }\nth {\n text-align: left;\n padding: 10px 14px;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: var(--muted);\n border-bottom: 1px solid var(--border);\n background: var(--bg3);\n}\ntd {\n padding: 12px 14px;\n border-bottom: 1px solid rgba(30,45,69,0.5);\n font-size: 13px;\n vertical-align: middle;\n}\ntr:last-child td { border-bottom: none; }\ntr:hover td { background: rgba(59,130,246,0.04); }\n\n.email-cell { font-family: monospace; color: #93c5fd; }\n.phone-cell { color: #a78bfa; font-family: monospace; }\n.profile-cell { font-size: 11px; color: var(--muted); font-family: monospace; }\n\n/* ── CSV Preview ── */\n.csv-row-count {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(16,185,129,0.1);\n border: 1px solid rgba(16,185,129,0.3);\n color: #34d399;\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n margin-bottom: 16px;\n}\n\n/* ── Alerts ── */\n.alert {\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 13px;\n margin-bottom: 16px;\n display: flex;\n align-items: flex-start;\n gap: 10px;\n}\n.alert-info { background: rgba(59,130,246,0.1); border: 1px solid rgba(59,130,246,0.3); color: #93c5fd; }\n.alert-success { background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.3); color: #6ee7b7; }\n.alert-warn { background: rgba(245,158,11,0.1); border: 1px solid rgba(245,158,11,0.3); color: #fcd34d; }\n.alert-danger { background: rgba(239,68,68,0.1); border: 1px solid rgba(239,68,68,0.3); color: #fca5a5; }\n\n/* ── Spinner ── */\n.spinner {\n width: 16px; height: 16px;\n border: 2px solid rgba(255,255,255,0.2);\n border-top-color: #fff;\n border-radius: 50%;\n animation: spin 0.7s linear infinite;\n display: inline-block;\n}\n@keyframes spin { to { transform: rotate(360deg); } }\n\n/* ── Progress ── */\n.progress-bar-wrap {\n background: var(--bg3);\n border-radius: 999px;\n height: 8px;\n overflow: hidden;\n margin: 8px 0;\n}\n.progress-bar {\n height: 100%;\n background: linear-gradient(90deg, var(--accent), var(--accent2));\n border-radius: 999px;\n transition: width 0.4s;\n position: relative;\n overflow: hidden;\n}\n.progress-bar::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n animation: shimmer 1.5s infinite;\n}\n@keyframes shimmer { from { transform: translateX(-100%); } to { transform: translateX(200%); } }\n\n/* ── Scrollbar ── */\n::-webkit-scrollbar { width: 6px; height: 6px; }\n::-webkit-scrollbar-track { background: transparent; }\n::-webkit-scrollbar-thumb { background: #1e2d45; border-radius: 3px; }\n::-webkit-scrollbar-thumb:hover { background: #2d3f5e; }\n\n/* ── Toast ── */\n.toast-container {\n position: fixed;\n bottom: 24px;\n right: 24px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n z-index: 9999;\n}\n.toast {\n background: var(--bg2);\n border: 1px solid var(--border);\n border-radius: 10px;\n padding: 12px 18px;\n font-size: 13px;\n box-shadow: var(--shadow);\n animation: slideIn 0.3s ease;\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 260px;\n}\n.toast.success { border-color: rgba(16,185,129,0.4); }\n.toast.error { border-color: rgba(239,68,68,0.4); }\n@keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }\n\n/* ── Responsive ── */\n@media (max-width: 768px) {\n .main-layout { grid-template-columns: 1fr; }\n .sidebar { flex-direction: row; overflow-x: auto; padding: 10px; border-right: none; border-bottom: 1px solid var(--border); }\n .sidebar-label { display: none; }\n .nav-item { border-left: none; border-bottom: 3px solid transparent; white-space: nowrap; }\n .nav-item.active { border-bottom-color: var(--accent); border-left-color: transparent; }\n .stats-grid { grid-template-columns: 1fr 1fr; }\n}\n",[],[159,199],["D",1775378712851],[],[159,65],"cc56ce0c-30ca-11f1-abe7-42dde27851f2","app.tsx","cc56ceb6-30ca-11f1-abe7-42dde27851f2",["D",1775378299489],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useRef, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// ── Types ──────────────────────────────────────────────────────────────────\ninterface EnvStatus { kernel: boolean; fivesim: boolean; openai: boolean; }\ninterface Account { email: string; profile: string; phone: string; name: string; sessionId: string; proxyId: string; }\ninterface CsvPreview { total: number; rows: any[]; }\n\n// ── Toast ──────────────────────────────────────────────────────────────────\nfunction useToast() {\n const [toasts, setToasts] = useState<{ id: number; msg: string; type: string }[]>([]);\n const show = (msg: string, type = \"info\") => {\n const id = Date.now();\n setToasts(t => [...t, { id, msg, type }]);\n setTimeout(() => setToasts(t => t.filter(x => x.id !== id)), 4000);\n };\n return { toasts, show };\n}\n\n// ── Log helpers ────────────────────────────────────────────────────────────\nfunction classifyLog(line: string): string {\n if (line.includes(\"✅\") || line.includes(\"🏆\") || line.includes(\"💾\") || line.includes(\"🎉\")) return \"success\";\n if (line.includes(\"❌\") || line.includes(\"⚠️\") || line.includes(\"LỖI\")) return \"error\";\n if (line.includes(\"🔒\") || line.includes(\"⏳\") || line.includes(\"🔑\")) return \"warn\";\n if (line.includes(\"📥\") || line.includes(\"🚀\") || line.includes(\"🧠\") ||\n line.includes(\"📞\") || line.includes(\"📱\") || line.includes(\"📤\") ||\n line.includes(\"🖥\") || line.includes(\"👤\") || line.includes(\"🌐\")) return \"info\";\n if (line.startsWith(\"══\") || line.trim() === \"\") return \"muted\";\n return \"\";\n}\n\n// ══════════════════════════════════════════════════════════════════════════\n// PAGE: Dashboard\n// ══════════════════════════════════════════════════════════════════════════\nfunction Dashboard({ envStatus, accounts, csvPreview, loading }:\n { envStatus: EnvStatus | null; accounts: Account[]; csvPreview: CsvPreview | null; loading: boolean }) {\n\n const envOk = envStatus && envStatus.kernel && envStatus.fivesim;\n\n return (\n

Tổng Accounts

{accounts.length}

đã đăng ký thành công

CSV Rows

{csvPreview?.total ?? \"—\"}

dòng dữ liệu đầu vào

Còn lại

\n {csvPreview ? Math.max(0, csvPreview.total - accounts.length) : \"—\"}\n

chưa đăng ký

Tỉ lệ

\n {csvPreview && csvPreview.total > 0\n ? Math.round((accounts.length / csvPreview.total) * 100) + \"%\"\n : \"—\"}\n

thành công

\n\n {/* Env Status */}\n

🔑 Trạng thái API Keys

KERNEL_API_KEY

Kernel.sh — browser automation

\n {envStatus\n ? \n \n {envStatus.kernel ? \"Đã cài\" : \"Chưa cài\"}\n \n : Đang kiểm tra...\n }\n

FIVESIM_API_KEY

5sim.net — mua số UK nhận OTP

\n {envStatus\n ? \n \n {envStatus.fivesim ? \"Đã cài\" : \"Chưa cài\"}\n \n : Đang kiểm tra...\n }\n

OPENAI_API_KEY

OpenAI — chuẩn hoá dữ liệu (tuỳ chọn)

\n {envStatus\n ? \n \n {envStatus.openai ? \"Đã cài\" : \"Không bắt buộc\"}\n \n : Đang kiểm tra...\n }\n

\n {envStatus && !envOk && (\n

\n ⚠️ Vào Settings → Environment Variables để thêm API keys còn thiếu trước khi chạy.\n

\n )}\n

\n\n {/* CSV Preview */}\n {csvPreview && (\n

📋 Dữ liệu CSV

✅ {csvPreview.total} dòng

\n {csvPreview.rows.length > 0 && (\n

\n \n \n \n {Object.keys(csvPreview.rows[0]).slice(0, 6).map(k => )}\n \n \n \n {csvPreview.rows.map((r, i) => (\n \n {Object.values(r).slice(0, 6).map((v: any, j) => (\n \n ))}\n \n ))}\n \n

{k}
{String(v).substring(0, 30)}

\n Hiển thị 5/{csvPreview.total} dòng đầu\n

\n )}\n

\n );\n}\n\n// ══════════════════════════════════════════════════════════════════════════\n// PAGE: Run Automation\n// ══════════════════════════════════════════════════════════════════════════\nfunction RunPage({ envStatus, showToast }: { envStatus: EnvStatus | null; showToast: (m: string, t?: string) => void }) {\n const [running, setRunning] = useState(false);\n const [logs, setLogs] = useState([]);\n const logRef = useRef(null);\n\n const envOk = envStatus && envStatus.kernel && envStatus.fivesim;\n\n const addLog = (line: string) => setLogs(prev => [...prev.slice(-200), line]);\n\n const handleRun = async () => {\n setRunning(true);\n setLogs([]);\n addLog(\"⏳ Gửi lệnh khởi động automation...\");\n try {\n const res = await fetch(\"/api/run\", { method: \"POST\" });\n const data = await res.json();\n if (!res.ok) {\n addLog(`❌ Lỗi: ${data.error}`);\n showToast(data.error, \"error\");\n setRunning(false);\n return;\n }\n addLog(\"✅ \" + data.message);\n addLog(\"📋 Theo dõi tiến trình trong tab Logs của Val Town.\");\n addLog(\"👁️ Live View URL sẽ hiển thị trong logs — mở trên máy để xem trình duyệt.\");\n showToast(\"Automation đã khởi động!\", \"success\");\n } catch (e: any) {\n addLog(`❌ Lỗi kết nối: ${e.message}`);\n showToast(\"Lỗi kết nối server\", \"error\");\n }\n setRunning(false);\n };\n\n // Auto scroll logs\n useEffect(() => {\n if (logRef.current) logRef.current.scrollTop = logRef.current.scrollHeight;\n }, [logs]);\n\n return (\n

🚀 Khởi động Automation

Hệ thống sẽ tạo trình duyệt Kernel, đăng ký từng tài khoản eBay
theo dữ liệu CSV và lưu kết quả vào Blob Storage.

\n \n {!envOk && (\n

\n ⚠️ Cần cài đủ API Keys trước khi chạy\n

\n )}\n

\n\n

\n 📟 Output\n \n

\n {logs.length === 0\n ? // Output sẽ hiển thị ở đây sau khi nhấn chạy...\n : logs.map((line, i) => (\n {line}{\"\\n\"}\n ))\n }\n

\n\n

ℹ️ Luồng hoạt động

\n {[\n [\"1\", \"📥\", \"Tải dữ liệu từ Google Sheets CSV\"],\n [\"2\", \"🛡️\", \"Lọc email đã đăng ký (từ Blob Storage)\"],\n [\"3\", \"🧠\", \"AI Agent (OpenAI) chuẩn hoá dữ liệu (nếu có key)\"],\n [\"4\", \"👤\", \"Tạo Kernel Profile + ISP Proxy (US)\"],\n [\"5\", \"🖥️\", \"Khởi động Chrome qua CDP + Extension NopeCHA\"],\n [\"6\", \"📝\", \"Điền form đăng ký eBay + xử lý CAPTCHA tự động\"],\n [\"7\", \"📞\", \"Mua số UK từ 5SIM, nhận OTP\"],\n [\"8\", \"💾\", \"Lưu account thành công vào Blob Storage\"],\n [\"9\", \"🧹\", \"Dọn dẹp browser session\"],\n ].map(([num, icon, text]) => (\n

\n {num}\n {icon}\n {text}\n

\n ))}\n

\n );\n}\n\n// ══════════════════════════════════════════════════════════════════════════\n// PAGE: Accounts\n// ══════════════════════════════════════════════════════════════════════════\nfunction AccountsPage({ accounts, onRefresh, onClear, loading, showToast }:\n { accounts: Account[]; onRefresh: () => void; onClear: () => void; loading: boolean; showToast: (m: string, t?: string) => void }) {\n\n const [confirmClear, setConfirmClear] = useState(false);\n\n const handleClear = async () => {\n if (!confirmClear) { setConfirmClear(true); return; }\n await onClear();\n setConfirmClear(false);\n showToast(\"Đã xoá toàn bộ lịch sử\", \"success\");\n };\n\n const exportCSV = () => {\n const header = \"email,name,phone,profile,sessionId,proxyId\";\n const rows = accounts.map(a =>\n `${a.email},${a.name},${a.phone},${a.profile},${a.sessionId},${a.proxyId}`\n );\n const blob = new Blob([[header, ...rows].join(\"\\n\")], { type: \"text/csv\" });\n const url = URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.href = url; a.download = \"ebay_accounts.csv\"; a.click();\n showToast(\"Đã xuất CSV!\", \"success\");\n };\n\n return (\n

\n \n ✅ {accounts.length} accounts\n \n

\n \n {accounts.length > 0 && (\n <>\n \n \n \n )}\n

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

🗃️

Chưa có account nào được đăng ký thành công

\n ) : (\n

\n \n \n \n \n \n \n \n \n \n \n \n {accounts.map((a, i) => (\n \n \n \n \n \n \n \n ))}\n \n

#	Email	Họ tên	Số ĐT	Kernel Profile
{i + 1}	{a.email}	{a.name \|\| —}	{a.phone \|\| \"—\"}	{a.profile \|\| \"—\"}

\n )}\n

\n );\n}\n\n// ══════════════════════════════════════════════════════════════════════════\n// PAGE: Settings / Help\n// ══════════════════════════════════════════════════════════════════════════\nfunction SettingsPage() {\n return (\n

📖 Hướng dẫn thiết lập

\n {[\n {\n title: \"1. Kernel API Key\",\n color: \"#60a5fa\",\n content: \"Truy cập kernel.sh → Đăng ký → Settings → API Keys → Tạo key mới → Copy → Dán vào Environment Variables với tên KERNEL_API_KEY\",\n },\n {\n title: \"2. 5SIM API Key\",\n color: \"#a78bfa\",\n content: \"Truy cập 5sim.net → Đăng ký → Nạp tiền → Profile → API → Copy API key → Dán vào Environment Variables với tên FIVESIM_API_KEY\",\n },\n {\n title: \"3. OpenAI API Key (tuỳ chọn)\",\n color: \"#34d399\",\n content: \"Truy cập platform.openai.com → API Keys → Create new → Dán vào OPENAI_API_KEY. Nếu không có, dữ liệu CSV sẽ được dùng trực tiếp.\",\n },\n {\n title: \"4. Cách thêm Environment Variables\",\n color: \"#fbbf24\",\n content: \"Trong Val Town: Vào val ebay-auto-register → Sidebar trái → Environment Variables → Add → Nhập key và value → Save\",\n },\n ].map((s, i) => (\n

{s.title}

{s.content}

\n ))}\n

\n\n

⚙️ Cấu hình hệ thống

\n {[\n [\"Extension NopeCHA ID\", \"bvzghdhbf3xml4koj0ryih1c\"],\n [\"Proxy\", \"ISP — Mỹ (US)\"],\n [\"Viewport\", \"414 × 896 (mobile)\"],\n [\"Số ĐT\", \"England (+44)\"],\n [\"Blob Key\", \"ebay_success_accounts\"],\n [\"Timeout browser\", \"3600 giây / session\"],\n ].map(([k, v]) => (\n

\n {k}\n {v}\n

\n ))}\n

\n );\n}\n\n// ══════════════════════════════════════════════════════════════════════════\n// APP ROOT\n// ══════════════════════════════════════════════════════════════════════════\nfunction App() {\n const [page, setPage] = useState(\"dashboard\");\n const [envStatus, setEnvStatus] = useState(null);\n const [accounts, setAccounts] = useState([]);\n const [csvPreview, setCsvPreview] = useState(null);\n const [loading, setLoading] = useState(false);\n const { toasts, show: showToast } = useToast();\n\n const fetchAll = useCallback(async () => {\n setLoading(true);\n try {\n const [envRes, accRes, csvRes] = await Promise.all([\n fetch(\"/api/status\").then(r => r.json()),\n fetch(\"/api/accounts\").then(r => r.json()),\n fetch(\"/api/csv-preview\").then(r => r.json()),\n ]);\n setEnvStatus(envRes);\n setAccounts(accRes.accounts ?? []);\n if (!csvRes.error) setCsvPreview(csvRes);\n } catch (_) {}\n setLoading(false);\n }, []);\n\n useEffect(() => { fetchAll(); }, []);\n\n const clearAccounts = async () => {\n await fetch(\"/api/accounts\", { method: \"DELETE\" });\n setAccounts([]);\n };\n\n const navItems = [\n { id: \"dashboard\", icon: \"📊\", label: \"Dashboard\" },\n { id: \"run\", icon: \"▶️\", label: \"Chạy Automation\" },\n { id: \"accounts\", icon: \"🗂️\", label: \"Accounts\" },\n { id: \"settings\", icon: \"⚙️\", label: \"Thiết lập\" },\n ];\n\n return (\n

\n {/* Header */}\n

🛒

eBay Auto Register

Kernel × Playwright × 5SIM × AI

\n {loading && }\n \n \n {!envStatus ? \"Đang kiểm tra...\" : (envStatus.kernel && envStatus.fivesim ? \"Sẵn sàng\" : \"Thiếu API Key\")}\n \n \n

\n\n {/* Main */}\n

\n {/* Sidebar */}\n

\n ))}\n\n {/* Sidebar bottom */}\n

Accounts: {accounts.length}

CSV rows: {csvPreview?.total ?? \"—\"}

\n \n\n {/* Content */}\n

\n {page === \"dashboard\" && (\n \n )}\n {page === \"run\" && (\n \n )}\n {page === \"accounts\" && (\n \n )}\n {page === \"settings\" && }\n

\n\n {/* Toasts */}\n

\n {toasts.map(t => (\n

\n {t.type === \"success\" ? \"✅\" : t.type === \"error\" ? \"❌\" : \"ℹ️\"}\n {t.msg}\n

\n ))}\n

\n \n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();\n",[],[159,210],"6bd964f4-30ca-11f1-873c-42dde27851f2",2,["D",1775378137606],"directory",[173,174,175],[159],"6d4e173a-30ca-11f1-8618-42dde27851f2","backend","6d4e17e4-30ca-11f1-8618-42dde27851f2",3,["D",1775378140048],[],[223],["D",1775377854654],{"_11":12,"_127":70},{"_11":12,"_123":-5,"_69":70,"_30":68,"_124":125,"_126":24},{"_39":73,"_13":16,"_33":36,"_115":81,"_116":-5,"_117":-5,"_118":-5,"_119":-5,"_120":-5,"_121":14,"_122":12},"ctx",{"_53":-5,"_147":266,"_267":268,"_269":270,"_271":24,"_272":24,"_273":24,"_274":145,"_275":-5,"_276":-7,"_277":-7,"_278":26,"_279":24,"_280":24,"_281":-5,"_282":24,"_283":24,"_284":24,"_285":-5},"ENV",{"_237":238,"_239":240,"_241":16,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · index.html