[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_371":372,"_373":374},"routes/_app.x.$handle.$name",{"_100":99,"_37":50,"_108":90,"_32":102,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_26":-5,"_119":-5,"_120":-5,"_121":30,"_122":123,"_124":125,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":-5,"_62":30,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":30},"version",21,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","c63393e8-58bc-456b-b5ac-a414579a6e40","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/components/pages/Interview.tsx","latestPath","fileId","b2cd241e-64a9-11f1-8cde-1607ee4eb77e","name","Interview.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useContext, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../../lib/api.ts\";\nimport { ToastContext } from \"../App.tsx\";\nimport { Badge, Button, Card, EmptyState, ScoreRing, Spinner } from \"../ui.tsx\";\n\nconst KINDS = [\n { id: \"technical\", label: \"Technical\", icon: \"💻\" },\n { id: \"behavioral\", label: \"Behavioral\", icon: \"🗣\" },\n { id: \"mixed\", label: \"Mixed\", icon: \"🎯\" },\n];\n\nexport function Interview() {\n const toast = useContext(ToastContext);\n const [role, setRole] = useState(\"Software Engineer Intern\");\n const [kind, setKind] = useState(\"mixed\");\n const [busy, setBusy] = useState(false);\n const [questions, setQuestions] = useState(null);\n const [answers, setAnswers] = useState>({});\n const [feedback, setFeedback] = useState>({});\n const [grading, setGrading] = useState(null);\n\n const start = async () => {\n setBusy(true); setQuestions(null); setFeedback({}); setAnswers({});\n try {\n const res = await api.startInterview({ role, kind });\n if (!res.questions?.length) { toast(\"Couldn't generate questions, try again.\", \"error\"); }\n setQuestions(res.questions);\n } catch (e: any) { toast(e.message, \"error\"); }\n finally { setBusy(false); }\n };\n\n const grade = async (i: number, q: string) => {\n if (!(answers[i]?.trim())) { toast(\"Write an answer first.\", \"error\"); return; }\n setGrading(i);\n try {\n const res = await api.gradeAnswer({ question: q, answer: answers[i] });\n setFeedback((f) => ({ ...f, [i]: res.feedback }));\n } catch (e: any) { toast(e.message, \"error\"); }\n finally { setGrading(null); }\n };\n\n const diffColor = (d: string) => d === \"hard\" ? \"rose\" : d === \"medium\" ? \"amber\" : \"green\";\n\n return (\n

Interview Preparation

Mock interviews with technical & behavioral questions and instant AI feedback.

\n\n \n

\n Target role\n setRole(e.target.value)}\n className=\"w-full rounded-xl border border-ink-600 bg-ink-900 px-3 py-2.5 text-sm text-slate-200 focus:border-brand-400 focus:outline-none\" />\n

\n Interview type\n

\n {KINDS.map((k) => (\n \n ))}\n

\n \n \n\n {busy && }\n\n {questions && questions.length === 0 && (\n \n )}\n\n {questions?.map((q, i) => (\n \n

Q{i + 1}. {q.question}

\n {q.category}\n {q.difficulty}\n

setAnswers((a) => ({ ...a, [i]: e.target.value }))} rows={4}\n            placeholder=\"Type your answer…\"\n            className=\"mt-3 w-full resize-y rounded-xl border border-ink-600 bg-ink-900 px-3 py-2.5 text-sm text-slate-200 focus:border-brand-400 focus:outline-none\" />\n          <div className=\"mt-2 flex justify-end\">\n            <Button variant=\"ghost\" onClick={() => grade(i, q.question)} disabled={grading === i}>\n              {grading === i ? <><Spinner /> Grading…</> : \"Get feedback\"}\n            </Button>\n          </div>\n          {feedback[i] && (\n            <div className=\"mt-3 rounded-xl border border-ink-700 bg-ink-900/60 p-4 animate-fade-up\">\n              <div className=\"flex items-center gap-3\">\n                <ScoreRing value={feedback[i].score} size={72} />\n                <p className=\"flex-1 text-sm text-slate-300\">{feedback[i].feedback}</p>\n              </div>\n              {feedback[i].improvements?.length > 0 && (\n                <ul className=\"mt-3 space-y-1 text-xs text-slate-400\">\n                  {feedback[i].improvements.map((s: string, j: number) => <li key={j}>• {s}</li>)}\n                </ul>\n              )}\n              <details className=\"mt-3 text-xs text-slate-500\">\n                <summary className=\"cursor-pointer hover:text-slate-300\">Show ideal answer</summary>\n                <p className=\"mt-2 text-slate-400\">{q.idealAnswer}</p>\n              </details>\n            </div>\n          )}\n        </Card>\n      ))}\n    </div>\n  );\n}\n","createdAt",["D",1781081543716],"branchVersion","branchId","1ae76238-c0b6-4b0a-895f-0fdb02849212","id","ecee92e2-8c00-467b-ac1d-a97525cc499c","devtrack-ai",["D",1781081075707],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","AI-powered developer growth dashboard with real GitHub OAuth","imageUrl","65801581-7a39-4c73-a2b2-f89ec2035c42","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019eb09f-1c5f-722e-a681-4a9d06ccc52b","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_107":102},"org",{"_100":99,"_101":102,"_103":102,"_19":60,"_104":105,"_106":30},"branch",{"_13":89,"_37":90,"_48":47,"_91":49,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":50,"_98":99},"isOwned",24,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","chikatiyugalasri","handle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_48":49,"_37":50,"_43":367,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":-5,"_62":30,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":368,"_84":369,"_86":370,"_88":30},"tree",[168,174,192],"files",[168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192],"counts",{"_158":66,"_159":140,"_160":66,"_161":162,"_163":164},"contents",[130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_48":152,"_37":153,"_35":154,"_136":-5,"_46":47,"_45":155,"_138":125,"_43":156,"_13":66,"_39":150,"_41":-5,"_29":30,"_143":-5,"_32":157},{"_48":145,"_37":146,"_35":147,"_136":-5,"_46":47,"_45":148,"_138":125,"_43":149,"_13":66,"_39":150,"_41":-5,"_29":30,"_143":-5,"_32":151},{"_48":133,"_37":134,"_35":135,"_136":-5,"_46":47,"_45":137,"_138":125,"_43":139,"_13":140,"_39":141,"_41":142,"_29":30,"_143":-5,"_32":144},"43c1d65f-83cf-4231-9ef4-e01783002039","index.ts","9bda6376-64a8-11f1-b9ff-1607ee4eb77e","parentId",7,"latest",["D",1781081254380],1,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport * as gh from \"./backend/github.ts\";\nimport * as ai from \"./backend/ai.ts\";\nimport * as analytics from \"./backend/analytics.ts\";\nimport { query, queryOne, run } from \"./backend/db.ts\";\nimport {\n  clearCookieHeader,\n  createSession,\n  currentUserId,\n  logout,\n  sessionCookieHeader,\n  upsertGithubUser,\n} from \"./backend/auth.ts\";\n\nconst app = new Hono();\n\n/* ------------------------------- Static ------------------------------- */\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\nfunction redirect(location: string, headers: Record<string, string> = {}) {\n  return new Response(null, { status: 302, headers: { Location: location, ...headers } });\n}\n\nfunction callbackUrl(req: Request): string {\n  const url = new URL(req.url);\n  return `${url.origin}/auth/github/callback`;\n}\n\n/* ----------------------------- GitHub OAuth ---------------------------- */\napp.get(\"/auth/github\", (c) => {\n  if (!gh.isConfigured()) {\n    return c.redirect(\"/?error=github_not_configured\");\n  }\n  const state = crypto.randomUUID();\n  const redirectUri = callbackUrl(c.req.raw);\n  const url = gh.authorizeUrl(redirectUri, state);\n  return redirect(url, {\n    \"Set-Cookie\": `oauth_state=${state}; Path=/; HttpOnly; Secure; SameSite=Lax; Max-Age=600`,\n  });\n});\n\napp.get(\"/auth/github/callback\", async (c) => {\n  const code = c.req.query(\"code\");\n  if (!code) return c.redirect(\"/?error=missing_code\");\n  try {\n    const token = await gh.exchangeCode(code, callbackUrl(c.req.raw));\n    const ghUser = await gh.getUser(token);\n    const email = ghUser.email ?? (await gh.getEmail(token));\n    const userId = await upsertGithubUser(ghUser.id, ghUser.login, email);\n\n    // Persist the GitHub access token + basic profile immediately.\n    await run(\n      `INSERT INTO github_accounts (user_id, github_id, login, name, avatar_url, bio, company, location, blog, followers, following, public_repos, access_token, synced_at)\n       VALUES (?,?,?,?,?,?,?,?,?,?,?,?,?,datetime('now'))\n       ON CONFLICT(user_id) DO UPDATE SET\n         github_id=excluded.github_id, login=excluded.login, name=excluded.name,\n         avatar_url=excluded.avatar_url, bio=excluded.bio, company=excluded.company,\n         location=excluded.location, blog=excluded.blog, followers=excluded.followers,\n         following=excluded.following, public_repos=excluded.public_repos,\n         access_token=excluded.access_token, synced_at=datetime('now')`,\n      [userId, ghUser.id, ghUser.login, ghUser.name, ghUser.avatar_url, ghUser.bio,\n        ghUser.company, ghUser.location, ghUser.blog, ghUser.followers, ghUser.following,\n        ghUser.public_repos, token],\n    );\n    // Seed profile avatar/name if empty.\n    await run(\n      `UPDATE profiles SET avatar_url = COALESCE(avatar_url, ?), display_name = COALESCE(display_name, ?),\n         bio = COALESCE(bio, ?) WHERE user_id = ?`,\n      [ghUser.avatar_url, ghUser.name ?? ghUser.login, ghUser.bio, userId],\n    );\n\n    const session = await createSession(userId);\n    // Kick off a full data sync in the background (don't block the redirect).\n    syncGithub(userId).catch((e) => console.error(\"sync error\", e));\n    return redirect(\"/?view=dashboard\", { \"Set-Cookie\": sessionCookieHeader(session) });\n  } catch (e) {\n    console.error(\"OAuth callback error:\", (e as Error).message);\n    return c.redirect(\"/?error=oauth_failed\");\n  }\n});\n\napp.post(\"/auth/logout\", async (c) => {\n  await logout(c.req.raw);\n  return new Response(JSON.stringify({ ok: true }), {\n    headers: { \"Content-Type\": \"application/json\", \"Set-Cookie\": clearCookieHeader() },\n  });\n});\n\n/* --------------------------- Auth middleware --------------------------- */\nasync function requireUser(c: any): Promise<number | Response> {\n  const uid = await currentUserId(c.req.raw);\n  if (!uid) return c.json({ error: \"unauthorized\" }, 401);\n  return uid;\n}\n\n/* ----------------------------- GitHub sync ----------------------------- */\nasync function syncGithub(userId: number) {\n  const acct = await queryOne(\"SELECT access_token, login FROM github_accounts WHERE user_id = ?\", [userId]);\n  if (!acct?.access_token) return;\n  const token = acct.access_token as string;\n  const login = acct.login as string;\n\n  const repos = await gh.getRepos(token);\n  const totalStars = repos.reduce((s, r) => s + r.stargazers_count, 0);\n  const [languages, contributions] = await Promise.all([\n    gh.getLanguageBreakdown(token, repos),\n    gh.getContributions(token, login),\n  ]);\n\n  await run(\"DELETE FROM repositories WHERE user_id = ?\", [userId]);\n  for (const r of repos) {\n    await run(\n      `INSERT OR REPLACE INTO repositories\n        (user_id, repo_id, name, full_name, description, html_url, language, stars, forks, open_issues, is_fork, pushed_at, created_at, synced_at)\n       VALUES (?,?,?,?,?,?,?,?,?,?,?,?,?,datetime('now'))`,\n      [userId, r.id, r.name, r.full_name, r.description, r.html_url, r.language,\n        r.stargazers_count, r.forks_count, r.open_issues_count, r.fork ? 1 : 0, r.pushed_at, r.created_at],\n    );\n  }\n\n  await run(\n    `UPDATE github_accounts SET total_stars = ?, languages = ?, contributions = ?, synced_at = datetime('now') WHERE user_id = ?`,\n    [totalStars, JSON.stringify(languages), JSON.stringify(contributions), userId],\n  );\n}\n\n/* ------------------------------- Session ------------------------------- */\napp.get(\"/api/me\", async (c) => {\n  const uid = await currentUserId(c.req.raw);\n  if (!uid) return c.json({ user: null, githubConfigured: gh.isConfigured() });\n  const profile = await queryOne(\"SELECT * FROM profiles WHERE user_id = ?\", [uid]);\n  const account = await queryOne(\n    \"SELECT github_id, login, name, avatar_url, bio, company, location, blog, followers, following, public_repos, total_stars, synced_at FROM github_accounts WHERE user_id = ?\",\n    [uid],\n  );\n  const user = await queryOne(\"SELECT id, email, github_login, created_at FROM users WHERE id = ?\", [uid]);\n  return c.json({ user, profile, github: account, githubConfigured: gh.isConfigured() });\n});\n\napp.post(\"/api/sync\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  await syncGithub(uid);\n  return c.json({ ok: true });\n});\n\n/* ------------------------------ GitHub data ---------------------------- */\napp.get(\"/api/github\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const account = await queryOne(\"SELECT * FROM github_accounts WHERE user_id = ?\", [uid]);\n  if (!account) return c.json({ connected: false });\n  const repos = await query(\n    \"SELECT repo_id, name, full_name, description, html_url, language, stars, forks, open_issues, is_fork, pushed_at, ai_score FROM repositories WHERE user_id = ? ORDER BY stars DESC, pushed_at DESC\",\n    [uid],\n  );\n  const languages = account.languages ? JSON.parse(account.languages as string) : {};\n  const contributions = account.contributions ? JSON.parse(account.contributions as string) : { total: 0, days: [] };\n  return c.json({\n    connected: true,\n    profile: {\n      login: account.login, name: account.name, avatar_url: account.avatar_url, bio: account.bio,\n      company: account.company, location: account.location, blog: account.blog,\n      followers: account.followers, following: account.following,\n      public_repos: account.public_repos, total_stars: account.total_stars,\n    },\n    repos, languages, contributions, syncedAt: account.synced_at,\n  });\n});\n\n/* ------------------------------ Dashboard ------------------------------ */\napp.get(\"/api/dashboard\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const account = await queryOne(\"SELECT * FROM github_accounts WHERE user_id = ?\", [uid]);\n  if (!account || !account.synced_at) return c.json({ ready: false });\n\n  const repos = await query(\"SELECT * FROM repositories WHERE user_id = ?\", [uid]) as any[];\n  const repoLites = repos.map((r) => ({\n    stars: r.stars, forks: r.forks, is_fork: r.is_fork, language: r.language,\n    description: r.description, pushed_at: r.pushed_at,\n  }));\n  const languages = account.languages ? JSON.parse(account.languages as string) : {};\n  const contributions = account.contributions ? JSON.parse(account.contributions as string) : { total: 0, days: [] };\n  const totalStars = account.total_stars as number;\n\n  const { current, longest } = analytics.streaks(contributions.days);\n  return c.json({\n    ready: true,\n    growthScore: analytics.growthScore(contributions, repoLites),\n    portfolioScore: analytics.portfolioScore(repoLites, totalStars),\n    streak: { current, longest },\n    totalContributions: contributions.total,\n    totalStars,\n    publicRepos: account.public_repos,\n    followers: account.followers,\n    skills: analytics.skillProgress(languages, repoLites),\n    monthly: analytics.monthlySeries(contributions.days),\n    contributionsDays: contributions.days.slice(-182),\n    topRepos: [...repos].sort((a, b) => b.stars - a.stars).slice(0, 5),\n  });\n});\n\n/* -------------------------------- Profile ------------------------------ */\napp.put(\"/api/profile\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const b = await c.req.json();\n  await run(\n    `UPDATE profiles SET display_name=?, headline=?, bio=?, location=?, website=?, avatar_url=?, updated_at=datetime('now') WHERE user_id=?`,\n    [b.display_name ?? null, b.headline ?? null, b.bio ?? null, b.location ?? null, b.website ?? null, b.avatar_url ?? null, uid],\n  );\n  return c.json({ ok: true });\n});\n\napp.put(\"/api/profile/theme\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const { theme } = await c.req.json();\n  await run(\"UPDATE profiles SET theme=? WHERE user_id=?\", [theme === \"light\" ? \"light\" : \"dark\", uid]);\n  return c.json({ ok: true });\n});\n\n/* ------------------------------ Preferences ---------------------------- */\napp.get(\"/api/preferences\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const prefs = await queryOne(\"SELECT * FROM preferences WHERE user_id=?\", [uid]);\n  return c.json({ preferences: prefs });\n});\n\napp.put(\"/api/preferences\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const b = await c.req.json();\n  await run(\n    `UPDATE preferences SET email_weekly=?, email_goal_reminders=?, email_product=?, push_enabled=?, updated_at=datetime('now') WHERE user_id=?`,\n    [b.email_weekly ? 1 : 0, b.email_goal_reminders ? 1 : 0, b.email_product ? 1 : 0, b.push_enabled ? 1 : 0, uid],\n  );\n  return c.json({ ok: true });\n});\n\n/* --------------------------------- Goals ------------------------------- */\napp.get(\"/api/goals\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const goals = await query(\"SELECT * FROM goals WHERE user_id=? ORDER BY created_at DESC\", [uid]);\n  return c.json({ goals });\n});\n\napp.post(\"/api/goals\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const b = await c.req.json();\n  await run(\n    \"INSERT INTO goals (user_id, title, category, target, due_date) VALUES (?,?,?,?,?)\",\n    [uid, b.title, b.category ?? null, b.target ?? null, b.due_date ?? null],\n  );\n  return c.json({ ok: true });\n});\n\napp.put(\"/api/goals/:id\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const b = await c.req.json();\n  await run(\"UPDATE goals SET progress=?, status=? WHERE id=? AND user_id=?\",\n    [b.progress ?? 0, b.status ?? \"active\", c.req.param(\"id\"), uid]);\n  return c.json({ ok: true });\n});\n\napp.delete(\"/api/goals/:id\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  await run(\"DELETE FROM goals WHERE id=? AND user_id=?\", [c.req.param(\"id\"), uid]);\n  return c.json({ ok: true });\n});\n\n/* ----------------------------- Notifications --------------------------- */\napp.get(\"/api/notifications\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const notifications = await query(\"SELECT * FROM notifications WHERE user_id=? ORDER BY created_at DESC LIMIT 50\", [uid]);\n  return c.json({ notifications });\n});\n\napp.post(\"/api/notifications/read\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  await run(\"UPDATE notifications SET read=1 WHERE user_id=?\", [uid]);\n  return c.json({ ok: true });\n});\n\n/* --------------------------- AI: Repo review --------------------------- */\napp.post(\"/api/ai/review/:repoId\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const repo = await queryOne(\"SELECT * FROM repositories WHERE user_id=? AND repo_id=?\", [uid, c.req.param(\"repoId\")]) as any;\n  if (!repo) return c.json({ error: \"repo not found\" }, 404);\n  const acct = await queryOne(\"SELECT access_token FROM github_accounts WHERE user_id=?\", [uid]) as any;\n  const readme = acct?.access_token ? await gh.getReadme(acct.access_token, repo.full_name) : null;\n  const review = await ai.reviewRepo({\n    name: repo.name, description: repo.description, language: repo.language,\n    stars: repo.stars, forks: repo.forks, openIssues: repo.open_issues, readme,\n  });\n  await run(\"UPDATE repositories SET ai_score=?, ai_review=? WHERE user_id=? AND repo_id=?\",\n    [review.score, JSON.stringify(review), uid, repo.repo_id]);\n  return c.json({ review });\n});\n\n/* ---------------------------- AI: Resume ------------------------------- */\napp.post(\"/api/ai/resume\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const b = await c.req.json();\n  if (!b.text || b.text.length < 50) return c.json({ error: \"Resume text too short\" }, 400);\n  const result = await ai.analyzeResume(b.text, b.targetRole);\n  await run(\"INSERT INTO resume_analysis (user_id, filename, ats_score, result) VALUES (?,?,?,?)\",\n    [uid, b.filename ?? \"resume\", result.atsScore, JSON.stringify(result)]);\n  return c.json({ result });\n});\n\napp.get(\"/api/ai/resume/history\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const rows = await query(\"SELECT id, filename, ats_score, created_at FROM resume_analysis WHERE user_id=? ORDER BY created_at DESC LIMIT 10\", [uid]);\n  return c.json({ history: rows });\n});\n\n/* --------------------------- AI: Interview ----------------------------- */\napp.post(\"/api/ai/interview/start\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const b = await c.req.json();\n  const account = await queryOne(\"SELECT languages FROM github_accounts WHERE user_id=?\", [uid]) as any;\n  const languages = account?.languages ? Object.keys(JSON.parse(account.languages)).slice(0, 5) : [];\n  const { questions } = await ai.generateInterview({ role: b.role ?? \"Software Engineer\", kind: b.kind ?? \"mixed\", languages });\n  const res = await run(\"INSERT INTO interview_sessions (user_id, role, kind, questions) VALUES (?,?,?,?)\",\n    [uid, b.role ?? \"Software Engineer\", b.kind ?? \"mixed\", JSON.stringify(questions)]);\n  return c.json({ sessionId: Number(res.lastInsertRowid), questions });\n});\n\napp.post(\"/api/ai/interview/grade\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const b = await c.req.json();\n  const fb = await ai.gradeAnswer(b.question, b.answer);\n  return c.json({ feedback: fb });\n});\n\napp.get(\"/api/ai/interview/history\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const rows = await query(\"SELECT id, role, kind, score, status, created_at FROM interview_sessions WHERE user_id=? ORDER BY created_at DESC LIMIT 10\", [uid]);\n  return c.json({ history: rows });\n});\n\n/* -------------------------- AI: Internship ----------------------------- */\napp.post(\"/api/ai/internships\", async (c) => {\n  const uid = await requireUser(c);\n  if (uid instanceof Response) return uid;\n  const b = await c.req.json().catch(() => ({}));\n  const account = await queryOne(\"SELECT * FROM github_accounts WHERE user_id=?\", [uid]) as any;\n  if (!account) return c.json({ error: \"Connect GitHub first\" }, 400);\n  const repos = await query(\"SELECT name, description, stars FROM repositories WHERE user_id=? AND is_fork=0 ORDER BY stars DESC LIMIT 6\", [uid]) as any[];\n  const langObj = account.languages ? JSON.parse(account.languages) : {};\n  const repoLites = (await query(\"SELECT stars, forks, is_fork, language, description, pushed_at FROM repositories WHERE user_id=?\", [uid])) as any[];\n  const skills = analytics.skillProgress(langObj, repoLites).map((s) => ({ name: s.name, level: s.level }));\n  const match = await ai.matchInternships({\n    languages: skills, repoCount: repoLites.filter((r) => !r.is_fork).length,\n    topRepos: repos, targetRole: b.targetRole,\n  });\n  await run(\"INSERT INTO reports (user_id, kind, data) VALUES (?,?,?)\", [uid, \"internship_match\", JSON.stringify(match)]);\n  return c.json({ match });\n});\n\napp.onError((err) => Promise.reject(err));\nexport default app.fetch;\n","label",[134],"a8f57a88-41cd-4054-869c-df3572a16e1f","frontend","4e2bc686-f465-405b-80c7-9b0ddbeb61c4",8,["D",1781081274132],"directory",[146],"78232b56-f798-4b97-b35f-b7c6434091a1","backend","648bd389-27ec-428e-99d5-1799d453eea8",2,["D",1781081097986],[153],"pulls","branches","forks","envVars",{"_165":66,"_167":66},"connections",{"_165":66,"_166":66},"count","unfilledCount","emptyCount",{"_48":152,"_37":153,"_35":154,"_136":-5,"_46":47,"_45":155,"_138":125,"_43":364,"_13":66,"_39":150,"_41":-5,"_29":30,"_143":-5,"_194":365,"_32":366},{"_48":356,"_37":357,"_35":358,"_136":154,"_46":47,"_45":359,"_138":125,"_43":360,"_13":66,"_39":40,"_41":361,"_29":30,"_143":-5,"_194":362,"_32":363},{"_48":348,"_37":349,"_35":350,"_136":154,"_46":47,"_45":351,"_138":125,"_43":352,"_13":66,"_39":40,"_41":353,"_29":30,"_143":-5,"_194":354,"_32":355},{"_48":340,"_37":341,"_35":342,"_136":154,"_46":47,"_45":343,"_138":125,"_43":344,"_13":66,"_39":40,"_41":345,"_29":30,"_143":-5,"_194":346,"_32":347},{"_48":333,"_37":334,"_35":335,"_136":154,"_46":47,"_45":155,"_138":125,"_43":336,"_13":66,"_39":40,"_41":337,"_29":30,"_143":-5,"_194":338,"_32":339},{"_48":325,"_37":326,"_35":327,"_136":154,"_46":47,"_45":328,"_138":125,"_43":329,"_13":66,"_39":40,"_41":330,"_29":30,"_143":-5,"_194":331,"_32":332},{"_48":145,"_37":146,"_35":147,"_136":-5,"_46":47,"_45":148,"_138":125,"_43":322,"_13":66,"_39":150,"_41":-5,"_29":30,"_143":-5,"_194":323,"_32":324},{"_48":318,"_37":251,"_35":245,"_136":147,"_46":47,"_45":246,"_138":125,"_43":319,"_13":66,"_39":150,"_41":-5,"_29":30,"_143":-5,"_194":320,"_32":321},{"_48":314,"_37":285,"_35":279,"_136":245,"_46":47,"_45":309,"_138":125,"_43":315,"_13":66,"_39":150,"_41":-5,"_29":30,"_143":-5,"_194":316,"_32":317},{"_48":306,"_37":307,"_35":308,"_136":279,"_46":47,"_45":309,"_138":125,"_43":310,"_13":66,"_39":40,"_41":311,"_29":30,"_143":-5,"_194":312,"_32":313},{"_48":298,"_37":299,"_35":300,"_136":279,"_46":47,"_45":301,"_138":125,"_43":302,"_13":66,"_39":40,"_41":303,"_29":30,"_143":-5,"_194":304,"_32":305},{"_48":294,"_37":38,"_35":36,"_136":279,"_46":47,"_45":14,"_138":125,"_43":295,"_13":66,"_39":40,"_41":42,"_29":30,"_143":-5,"_194":296,"_32":297},{"_48":286,"_37":287,"_35":288,"_136":279,"_46":47,"_45":289,"_138":125,"_43":290,"_13":66,"_39":40,"_41":291,"_29":30,"_143":-5,"_194":292,"_32":293},{"_48":276,"_37":277,"_35":278,"_136":279,"_46":47,"_45":280,"_138":125,"_43":281,"_13":66,"_39":40,"_41":282,"_29":30,"_143":-5,"_194":283,"_32":284},{"_48":268,"_37":269,"_35":270,"_136":245,"_46":47,"_45":271,"_138":125,"_43":272,"_13":66,"_39":40,"_41":273,"_29":30,"_143":-5,"_194":274,"_32":275},{"_48":260,"_37":261,"_35":262,"_136":245,"_46":47,"_45":263,"_138":125,"_43":264,"_13":66,"_39":40,"_41":265,"_29":30,"_143":-5,"_194":266,"_32":267},{"_48":252,"_37":253,"_35":254,"_136":245,"_46":47,"_45":255,"_138":125,"_43":256,"_13":66,"_39":40,"_41":257,"_29":30,"_143":-5,"_194":258,"_32":259},{"_48":242,"_37":243,"_35":244,"_136":245,"_46":47,"_45":246,"_138":125,"_43":247,"_13":66,"_39":40,"_41":248,"_29":30,"_143":-5,"_194":249,"_32":250},{"_48":238,"_37":229,"_35":223,"_136":147,"_46":47,"_45":233,"_138":125,"_43":239,"_13":66,"_39":150,"_41":-5,"_29":30,"_143":-5,"_194":240,"_32":241},{"_48":230,"_37":231,"_35":232,"_136":223,"_46":47,"_45":233,"_138":125,"_43":234,"_13":66,"_39":40,"_41":235,"_29":30,"_143":-5,"_194":236,"_32":237},{"_48":220,"_37":221,"_35":222,"_136":223,"_46":47,"_45":224,"_138":125,"_43":225,"_13":66,"_39":40,"_41":226,"_29":30,"_143":-5,"_194":227,"_32":228},{"_48":212,"_37":213,"_35":214,"_136":147,"_46":47,"_45":215,"_138":125,"_43":216,"_13":66,"_39":26,"_41":217,"_29":30,"_143":-5,"_194":218,"_32":219},{"_48":205,"_37":206,"_35":207,"_136":147,"_46":47,"_45":148,"_138":125,"_43":208,"_13":66,"_39":26,"_41":209,"_29":30,"_143":-5,"_194":210,"_32":211},{"_48":197,"_37":198,"_35":199,"_136":147,"_46":47,"_45":200,"_138":125,"_43":201,"_13":66,"_39":40,"_41":202,"_29":30,"_143":-5,"_194":203,"_32":204},{"_48":133,"_37":134,"_35":135,"_136":-5,"_46":47,"_45":137,"_138":125,"_43":193,"_13":140,"_39":141,"_41":142,"_29":30,"_143":-5,"_194":195,"_32":196},["D",1781081254380],"children",[],[134],"1beef884-ec02-4476-8f43-30ea08472464","index.tsx","16eb3e00-64a9-11f1-8c21-1607ee4eb77e",10,["D",1781081282190],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) throw new Error(\"No root element found\");\ncreateRoot(root).render(<App />);\n",[],[146,198],"ceff5c36-0876-4b0d-922b-81bf49042ce3","index.html","121e6532-64a9-11f1-8c21-1607ee4eb77e",["D",1781081274132],"<!DOCTYPE html>\n<html lang=\"en\" class=\"dark\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>DevTrack AI — Your developer growth, measured</title>\n    <meta name=\"description\" content=\"AI-powered developer growth dashboard. Connect GitHub, track analytics, review repos, prep for interviews, and land internships.\" />\n    <link rel=\"icon\" href=\"/frontend/favicon.svg\" type=\"image/svg+xml\" />\n    <script src=\"https://cdn.twind.style\" crossorigin></script>\n    <script>\n      // Twind config: dark-first premium palette + smooth transitions.\n      window.addEventListener(\"load\", () => {\n        if (window.twind) {\n          window.twind.install({\n            darkMode: \"class\",\n            theme: {\n              extend: {\n                colors: {\n                  ink: { 950: \"#08090d\", 900: \"#0b0d12\", 850: \"#0f1118\", 800: \"#14161f\", 700: \"#1c1f2b\", 600: \"#272b3a\" },\n                  brand: { 400: \"#818cf8\", 500: \"#6366f1\", 600: \"#4f46e5\" },\n                  accent: { 400: \"#34d399\", 500: \"#10b981\" },\n                },\n                fontFamily: {\n                  sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n                },\n              },\n            },\n          });\n        }\n      });\n    </script>\n    <link rel=\"preconnect\" href=\"https://rsms.me/\" />\n    <link rel=\"stylesheet\" href=\"https://rsms.me/inter/inter.css\" />\n    <style>\n      html { font-family: 'Inter', system-ui, sans-serif; }\n      ::-webkit-scrollbar { width: 10px; height: 10px; }\n      ::-webkit-scrollbar-track { background: #0b0d12; }\n      ::-webkit-scrollbar-thumb { background: #272b3a; border-radius: 6px; }\n      @keyframes fadeUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n      @keyframes shimmer { 0% { background-position: -400px 0; } 100% { background-position: 400px 0; } }\n      .animate-fade-up { animation: fadeUp 0.5s cubic-bezier(0.16,1,0.3,1) both; }\n      .skeleton { background: linear-gradient(90deg,#14161f 25%,#1c1f2b 50%,#14161f 75%); background-size: 800px 100%; animation: shimmer 1.4s infinite linear; }\n      .grad-text { background: linear-gradient(135deg,#818cf8,#34d399); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }\n    </style>\n  </head>\n  <body class=\"bg-ink-950 text-slate-200 antialiased\">\n    <div id=\"root\"></div>\n    <script src=\"https://esm.town/v/std/catch\"></script>\n    <script src=\"/frontend/index.tsx\" type=\"module\"></script>\n  </body>\n</html>\n",[],[146,206],"14dbf743-5c35-4060-939b-e1a5cec1d70b","favicon.svg","15bfb9e8-64a9-11f1-9f04-1607ee4eb77e",9,["D",1781081280226],"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\">\n  <defs>\n    <linearGradient id=\"g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n      <stop offset=\"0\" stop-color=\"#818cf8\"/>\n      <stop offset=\"1\" stop-color=\"#34d399\"/>\n    </linearGradient>\n  </defs>\n  <rect width=\"64\" height=\"64\" rx=\"14\" fill=\"#0b0d12\"/>\n  <path d=\"M14 40 L26 20 L34 34 L42 26 L50 42\" fill=\"none\" stroke=\"url(#g)\" stroke-width=\"5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <circle cx=\"50\" cy=\"42\" r=\"4\" fill=\"#34d399\"/>\n</svg>\n",[],[146,213],"fbf90203-7e2f-4a5f-933f-98d1d8b58959","useAsync.ts","681ccd0c-64a9-11f1-8a10-1607ee4eb77e","703b1b97-31a1-458d-a821-ab79e9a8cd5b",16,["D",1781081418407],"import { useCallback, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nexport interface AsyncState<T> {\n  data: T | null;\n  loading: boolean;\n  error: string | null;\n  reload: () => void;\n}\n\n/** Load data on mount with loading/error/empty handling baked in. */\nexport function useAsync<T>(fn: () => Promise<T>, deps: unknown[] = []): AsyncState<T> {\n  const [data, setData] = useState<T | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  const load = useCallback(() => {\n    setLoading(true);\n    setError(null);\n    fn()\n      .then((d) => setData(d))\n      .catch((e) => setError(e?.message ?? \"Failed to load\"))\n      .finally(() => setLoading(false));\n  }, deps);\n\n  useEffect(() => { load(); }, [load]);\n\n  return { data, loading, error, reload: load };\n}\n",[],[146,229,221],"lib","5eafc814-4eb9-4f63-bcb7-5a5f99f174f3","api.ts","21c5a81a-64a9-11f1-9f04-1607ee4eb77e",11,["D",1781081300395],"/** Tiny typed fetch wrapper for the DevTrack API. */\nasync function req<T>(path: string, init?: RequestInit): Promise<T> {\n  const res = await fetch(path, {\n    headers: { \"Content-Type\": \"application/json\" },\n    ...init,\n  });\n  if (!res.ok) {\n    let msg = `Request failed (${res.status})`;\n    try {\n      const j = await res.json();\n      if (j.error) msg = j.error;\n    } catch { /* ignore */ }\n    const err = new Error(msg) as Error & { status?: number };\n    err.status = res.status;\n    throw err;\n  }\n  return res.json() as Promise<T>;\n}\n\nexport const api = {\n  me: () => req<any>(\"/api/me\"),\n  logout: () => req(\"/auth/logout\", { method: \"POST\" }),\n  sync: () => req(\"/api/sync\", { method: \"POST\" }),\n  github: () => req<any>(\"/api/github\"),\n  dashboard: () => req<any>(\"/api/dashboard\"),\n  updateProfile: (body: any) => req(\"/api/profile\", { method: \"PUT\", body: JSON.stringify(body) }),\n  setTheme: (theme: string) => req(\"/api/profile/theme\", { method: \"PUT\", body: JSON.stringify({ theme }) }),\n  preferences: () => req<any>(\"/api/preferences\"),\n  updatePreferences: (body: any) => req(\"/api/preferences\", { method: \"PUT\", body: JSON.stringify(body) }),\n  goals: () => req<any>(\"/api/goals\"),\n  addGoal: (body: any) => req(\"/api/goals\", { method: \"POST\", body: JSON.stringify(body) }),\n  updateGoal: (id: number, body: any) => req(`/api/goals/${id}`, { method: \"PUT\", body: JSON.stringify(body) }),\n  deleteGoal: (id: number) => req(`/api/goals/${id}`, { method: \"DELETE\" }),\n  notifications: () => req<any>(\"/api/notifications\"),\n  markNotificationsRead: () => req(\"/api/notifications/read\", { method: \"POST\" }),\n  reviewRepo: (repoId: number) => req<any>(`/api/ai/review/${repoId}`, { method: \"POST\" }),\n  analyzeResume: (body: any) => req<any>(\"/api/ai/resume\", { method: \"POST\", body: JSON.stringify(body) }),\n  resumeHistory: () => req<any>(\"/api/ai/resume/history\"),\n  startInterview: (body: any) => req<any>(\"/api/ai/interview/start\", { method: \"POST\", body: JSON.stringify(body) }),\n  gradeAnswer: (body: any) => req<any>(\"/api/ai/interview/grade\", { method: \"POST\", body: JSON.stringify(body) }),\n  matchInternships: (body: any) => req<any>(\"/api/ai/internships\", { method: \"POST\", body: JSON.stringify(body) }),\n};\n\nexport function formatBytes(n: number): string {\n  if (n > 1e9) return (n / 1e9).toFixed(1) + \" GB\";\n  if (n > 1e6) return (n / 1e6).toFixed(1) + \" MB\";\n  if (n > 1e3) return (n / 1e3).toFixed(1) + \" KB\";\n  return n + \" B\";\n}\n\nexport const LANG_COLORS: Record<string, string> = {\n  TypeScript: \"#3178c6\", JavaScript: \"#f1e05a\", Python: \"#3572A5\", Java: \"#b07219\",\n  \"C++\": \"#f34b7d\", C: \"#555555\", \"C#\": \"#178600\", Go: \"#00ADD8\", Rust: \"#dea584\",\n  Ruby: \"#701516\", PHP: \"#4F5D95\", Swift: \"#F05138\", Kotlin: \"#A97BFF\", Dart: \"#00B4AB\",\n  HTML: \"#e34c26\", CSS: \"#563d7c\", Shell: \"#89e051\", Vue: \"#41b883\", Jupyter: \"#DA5B0B\",\n};\nexport function langColor(name: string): string {\n  return LANG_COLORS[name] ?? \"#818cf8\";\n}\n",[],[146,229,231],"c79c6609-8f70-4e56-8449-2257ed369847",["D",1781081300395],[187,188],[146,229],"eed25bc7-2596-4c76-be73-78dc787978d2","ui.tsx","385fdac8-64a9-11f1-93c5-1607ee4eb77e","ada7f859-cf48-42e9-9089-5808b28f27c1",12,["D",1781081338316],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\n/* ------------------------------- Layout -------------------------------- */\nexport function Card({ children, className = \"\", ...rest }: any) {\n  return (\n    <div\n      className={`rounded-2xl border border-ink-700 bg-ink-850/80 backdrop-blur ${className}`}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function Button({ children, variant = \"primary\", className = \"\", ...rest }: any) {\n  const base =\n    \"inline-flex items-center justify-center gap-2 rounded-xl px-4 py-2.5 text-sm font-semibold transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed\";\n  const variants: Record<string, string> = {\n    primary: \"bg-brand-500 hover:bg-brand-400 text-white shadow-lg shadow-brand-500/20 hover:-translate-y-0.5\",\n    ghost: \"bg-ink-700/60 hover:bg-ink-600 text-slate-200 border border-ink-600\",\n    outline: \"border border-ink-600 hover:border-brand-400 hover:text-brand-400 text-slate-300\",\n    danger: \"bg-rose-500/90 hover:bg-rose-500 text-white\",\n  };\n  return (\n    <button className={`${base} ${variants[variant]} ${className}`} {...rest}>\n      {children}\n    </button>\n  );\n}\n\nexport function Badge({ children, color = \"brand\" }: { children: any; color?: string }) {\n  const colors: Record<string, string> = {\n    brand: \"bg-brand-500/15 text-brand-400 border-brand-500/30\",\n    green: \"bg-accent-500/15 text-accent-400 border-accent-500/30\",\n    amber: \"bg-amber-500/15 text-amber-400 border-amber-500/30\",\n    rose: \"bg-rose-500/15 text-rose-400 border-rose-500/30\",\n    slate: \"bg-ink-700 text-slate-400 border-ink-600\",\n  };\n  return (\n    <span className={`inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-medium ${colors[color]}`}>\n      {children}\n    </span>\n  );\n}\n\n/* --------------------------- States: loading --------------------------- */\nexport function Skeleton({ className = \"\" }: { className?: string }) {\n  return <div className={`skeleton rounded-lg ${className}`} />;\n}\n\nexport function LoadingCard() {\n  return (\n    <Card className=\"p-6\">\n      <Skeleton className=\"h-4 w-1/3 mb-4\" />\n      <Skeleton className=\"h-10 w-1/2 mb-2\" />\n      <Skeleton className=\"h-3 w-2/3\" />\n    </Card>\n  );\n}\n\nexport function Spinner({ className = \"\" }: { className?: string }) {\n  return (\n    <svg className={`animate-spin ${className}`} viewBox=\"0 0 24 24\" fill=\"none\" width=\"18\" height=\"18\">\n      <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"3\" opacity=\"0.25\" />\n      <path d=\"M12 2a10 10 0 0 1 10 10\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\n/* ----------------------------- States: empty --------------------------- */\nexport function EmptyState({ icon, title, body, action }: any) {\n  return (\n    <div className=\"flex flex-col items-center justify-center text-center py-14 px-6\">\n      <div className=\"mb-4 text-4xl\">{icon}</div>\n      <h3 className=\"text-lg font-semibold text-slate-100\">{title}</h3>\n      <p className=\"mt-1 max-w-sm text-sm text-slate-400\">{body}</p>\n      {action && <div className=\"mt-5\">{action}</div>}\n    </div>\n  );\n}\n\nexport function ErrorState({ message, onRetry }: { message: string; onRetry?: () => void }) {\n  return (\n    <div className=\"flex flex-col items-center justify-center text-center py-14 px-6\">\n      <div className=\"mb-3 text-4xl\">⚠️</div>\n      <h3 className=\"text-lg font-semibold text-rose-300\">Something went wrong</h3>\n      <p className=\"mt-1 max-w-sm text-sm text-slate-400\">{message}</p>\n      {onRetry && (\n        <Button variant=\"ghost\" className=\"mt-5\" onClick={onRetry}>Try again</Button>\n      )}\n    </div>\n  );\n}\n\n/* ----------------------------- Score ring ------------------------------ */\nexport function ScoreRing({ value, label, size = 120, color = \"#818cf8\" }: any) {\n  const r = (size - 16) / 2;\n  const circ = 2 * Math.PI * r;\n  const offset = circ - (Math.max(0, Math.min(100, value)) / 100) * circ;\n  return (\n    <div className=\"relative inline-flex flex-col items-center\" style={{ width: size }}>\n      <svg width={size} height={size} className=\"-rotate-90\">\n        <circle cx={size / 2} cy={size / 2} r={r} stroke=\"#1c1f2b\" strokeWidth=\"8\" fill=\"none\" />\n        <circle\n          cx={size / 2} cy={size / 2} r={r} stroke={color} strokeWidth=\"8\" fill=\"none\"\n          strokeDasharray={circ} strokeDashoffset={offset} strokeLinecap=\"round\"\n          style={{ transition: \"stroke-dashoffset 1s cubic-bezier(0.16,1,0.3,1)\" }}\n        />\n      </svg>\n      <div className=\"absolute inset-0 flex flex-col items-center justify-center\" style={{ height: size }}>\n        <span className=\"text-2xl font-bold text-slate-100\">{Math.round(value)}</span>\n        <span className=\"text-[10px] uppercase tracking-wide text-slate-500\">/ 100</span>\n      </div>\n      {label && <span className=\"mt-2 text-sm font-medium text-slate-300\">{label}</span>}\n    </div>\n  );\n}\n\n/* ----------------------------- Progress bar ---------------------------- */\nexport function ProgressBar({ value, color = \"#818cf8\" }: { value: number; color?: string }) {\n  return (\n    <div className=\"h-2 w-full overflow-hidden rounded-full bg-ink-700\">\n      <div\n        className=\"h-full rounded-full\"\n        style={{ width: `${Math.max(0, Math.min(100, value))}%`, background: color, transition: \"width 0.8s cubic-bezier(0.16,1,0.3,1)\" }}\n      />\n    </div>\n  );\n}\n\n/* -------------------------- Charts (inline SVG) ------------------------ */\nexport function BarChart({ data, color = \"#818cf8\", height = 160 }: {\n  data: { label: string; value: number }[]; color?: string; height?: number;\n}) {\n  if (!data.length) return null;\n  const max = Math.max(...data.map((d) => d.value), 1);\n  return (\n    <div className=\"flex items-end gap-1.5\" style={{ height }}>\n      {data.map((d, i) => (\n        <div key={i} className=\"group flex flex-1 flex-col items-center justify-end gap-1\">\n          <div\n            className=\"w-full rounded-t-md transition-all duration-500 hover:opacity-80\"\n            style={{ height: `${(d.value / max) * (height - 24)}px`, background: color, minHeight: \"3px\" }}\n            title={`${d.label}: ${d.value}`}\n          />\n          <span className=\"text-[9px] text-slate-500\">{d.label}</span>\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/** Contribution heatmap (GitHub-style), expects days [{date,count}]. */\nexport function Heatmap({ days }: { days: { date: string; count: number }[] }) {\n  if (!days?.length) return null;\n  const max = Math.max(...days.map((d) => d.count), 1);\n  const shade = (c: number) => {\n    if (c === 0) return \"#14161f\";\n    const t = c / max;\n    if (t > 0.75) return \"#10b981\";\n    if (t > 0.5) return \"#34d399\";\n    if (t > 0.25) return \"#6ee7b7\";\n    return \"#1f5f4a\";\n  };\n  // group into weeks (columns)\n  const weeks: { date: string; count: number }[][] = [];\n  for (let i = 0; i < days.length; i += 7) weeks.push(days.slice(i, i + 7));\n  return (\n    <div className=\"flex gap-[3px] overflow-x-auto pb-1\">\n      {weeks.map((week, wi) => (\n        <div key={wi} className=\"flex flex-col gap-[3px]\">\n          {week.map((d, di) => (\n            <div\n              key={di}\n              className=\"h-2.5 w-2.5 rounded-sm\"\n              style={{ background: shade(d.count) }}\n              title={`${d.date}: ${d.count} contributions`}\n            />\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/* -------------------------------- Toast -------------------------------- */\nexport function Toast({ message, type = \"info\" }: { message: string; type?: string }) {\n  if (!message) return null;\n  const colors: Record<string, string> = {\n    info: \"bg-ink-700 border-ink-600 text-slate-200\",\n    success: \"bg-accent-500/15 border-accent-500/40 text-accent-400\",\n    error: \"bg-rose-500/15 border-rose-500/40 text-rose-300\",\n  };\n  return (\n    <div className=\"fixed bottom-6 left-1/2 z-50 -translate-x-1/2 animate-fade-up\">\n      <div className={`rounded-xl border px-5 py-3 text-sm font-medium shadow-2xl ${colors[type]}`}>\n        {message}\n      </div>\n    </div>\n  );\n}\n",[],[146,251,243],"components","52c184d0-3a0d-4e90-9442-36914b0c89a8","Sidebar.tsx","6278c338-64a9-11f1-b9ff-1607ee4eb77e",15,["D",1781081408946],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { View } from \"./App.tsx\";\n\nconst NAV: { id: View; label: string; icon: string }[] = [\n  { id: \"dashboard\", label: \"Dashboard\", icon: \"📊\" },\n  { id: \"github\", label: \"GitHub Profile\", icon: \"🐙\" },\n  { id: \"repos\", label: \"AI Repo Review\", icon: \"🤖\" },\n  { id: \"resume\", label: \"Resume Analyzer\", icon: \"📄\" },\n  { id: \"interview\", label: \"Interview Prep\", icon: \"🎤\" },\n  { id: \"internships\", label: \"Internships\", icon: \"🎯\" },\n  { id: \"goals\", label: \"Goals\", icon: \"🚀\" },\n  { id: \"settings\", label: \"Settings\", icon: \"⚙️\" },\n];\n\nexport function Sidebar({ view, go, me, onLogout }: {\n  view: View; go: (v: View) => void; me: any; onLogout: () => void;\n}) {\n  const [open, setOpen] = useState(false);\n  const avatar = me?.profile?.avatar_url || me?.github?.avatar_url;\n  const name = me?.profile?.display_name || me?.github?.name || me?.user?.github_login || \"Developer\";\n\n  const navClick = (id: View) => { go(id); setOpen(false); };\n\n  return (\n    <>\n      {/* mobile top bar */}\n      <div className=\"fixed inset-x-0 top-0 z-30 flex items-center justify-between border-b border-ink-800 bg-ink-900/90 px-4 py-3 backdrop-blur lg:hidden\">\n        <span className=\"font-bold text-slate-100\">DevTrack <span className=\"grad-text\">AI</span></span>\n        <button onClick={() => setOpen(!open)} className=\"rounded-lg border border-ink-600 p-2 text-slate-300\">\n          ☰\n        </button>\n      </div>\n\n      {open && <div className=\"fixed inset-0 z-30 bg-black/60 lg:hidden\" onClick={() => setOpen(false)} />}\n\n      <aside\n        className={`fixed left-0 top-0 z-40 flex h-screen w-64 flex-col border-r border-ink-800 bg-ink-900/95 backdrop-blur transition-transform lg:translate-x-0 ${\n          open ? \"translate-x-0\" : \"-translate-x-full\"\n        }`}\n      >\n        <div className=\"flex items-center gap-2.5 px-5 py-5\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 64 64\">\n            <rect width=\"64\" height=\"64\" rx=\"14\" fill=\"#0f1118\" stroke=\"#272b3a\" />\n            <path d=\"M14 40 L26 20 L34 34 L42 26 L50 42\" fill=\"none\" stroke=\"#34d399\" strokeWidth=\"5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n            <circle cx=\"50\" cy=\"42\" r=\"4\" fill=\"#818cf8\" />\n          </svg>\n          <span className=\"font-bold tracking-tight text-slate-100\">DevTrack <span className=\"grad-text\">AI</span></span>\n        </div>\n\n        <nav className=\"flex-1 space-y-1 px-3 py-2\">\n          {NAV.map((item) => (\n            <button\n              key={item.id}\n              onClick={() => navClick(item.id)}\n              className={`flex w-full items-center gap-3 rounded-xl px-3 py-2.5 text-sm font-medium transition-all ${\n                view === item.id\n                  ? \"bg-brand-500/15 text-brand-300 border border-brand-500/30\"\n                  : \"text-slate-400 hover:bg-ink-800 hover:text-slate-200 border border-transparent\"\n              }`}\n            >\n              <span className=\"text-base\">{item.icon}</span>\n              {item.label}\n            </button>\n          ))}\n        </nav>\n\n        <div className=\"border-t border-ink-800 p-3\">\n          <div className=\"flex items-center gap-3 rounded-xl px-2 py-2\">\n            {avatar\n              ? <img src={avatar} className=\"h-9 w-9 rounded-full border border-ink-600\" alt=\"\" />\n              : <div className=\"h-9 w-9 rounded-full bg-ink-700\" />}\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"truncate text-sm font-medium text-slate-200\">{name}</p>\n              <p className=\"truncate text-xs text-slate-500\">@{me?.user?.github_login}</p>\n            </div>\n          </div>\n          <button onClick={onLogout} className=\"mt-1 w-full rounded-xl px-3 py-2 text-left text-sm text-slate-500 hover:bg-ink-800 hover:text-rose-300\">\n            ⏻ Sign out\n          </button>\n        </div>\n      </aside>\n    </>\n  );\n}\n",[],[146,251,253],"4bd04e1c-368f-4439-8427-c05d1a623ab2","Landing.tsx","573e3a8e-64a9-11f1-8cde-1607ee4eb77e",14,["D",1781081390101],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Badge, Button } from \"./ui.tsx\";\n\nconst FEATURES = [\n  { icon: \"📊\", title: \"Real Analytics\", body: \"Growth score, portfolio score, streaks and skill progress — all computed live from your GitHub.\" },\n  { icon: \"🤖\", title: \"AI Repo Review\", body: \"Code quality scoring, README suggestions, best practices and feature ideas for every project.\" },\n  { icon: \"📄\", title: \"Resume Analyzer\", body: \"ATS scoring and targeted, recruiter-grade improvement suggestions.\" },\n  { icon: \"🎤\", title: \"Interview Prep\", body: \"Mock technical & behavioral interviews with instant AI feedback on your answers.\" },\n  { icon: \"🎯\", title: \"Internship Matching\", body: \"Match scores, skill-gap analysis and career recommendations tailored to your work.\" },\n  { icon: \"🔥\", title: \"Coding Streaks\", body: \"Track your contribution streaks and momentum with a live GitHub-style heatmap.\" },\n];\n\nfunction Logo() {\n  return (\n    <div className=\"flex items-center gap-2.5\">\n      <svg width=\"30\" height=\"30\" viewBox=\"0 0 64 64\">\n        <rect width=\"64\" height=\"64\" rx=\"14\" fill=\"#0f1118\" stroke=\"#272b3a\" />\n        <path d=\"M14 40 L26 20 L34 34 L42 26 L50 42\" fill=\"none\" stroke=\"#34d399\" strokeWidth=\"5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n        <circle cx=\"50\" cy=\"42\" r=\"4\" fill=\"#818cf8\" />\n      </svg>\n      <span className=\"text-lg font-bold tracking-tight text-slate-100\">DevTrack <span className=\"grad-text\">AI</span></span>\n    </div>\n  );\n}\n\nexport function Landing({ githubConfigured }: { githubConfigured?: boolean }) {\n  return (\n    <div className=\"min-h-screen bg-ink-950 text-slate-200\">\n      {/* glow */}\n      <div className=\"pointer-events-none fixed inset-0 overflow-hidden\">\n        <div className=\"absolute -top-40 left-1/2 h-96 w-[40rem] -translate-x-1/2 rounded-full bg-brand-500/20 blur-[120px]\" />\n        <div className=\"absolute top-1/3 right-0 h-72 w-72 rounded-full bg-accent-500/10 blur-[120px]\" />\n      </div>\n\n      <header className=\"relative z-10 mx-auto flex max-w-6xl items-center justify-between px-6 py-5\">\n        <Logo />\n        <div className=\"flex items-center gap-3\">\n          <a href=\"/source\" className=\"text-sm text-slate-400 hover:text-slate-200\">view source</a>\n          <a href=\"/auth/github\"><Button variant=\"ghost\">Sign in</Button></a>\n        </div>\n      </header>\n\n      <section className=\"relative z-10 mx-auto max-w-4xl px-6 pt-16 pb-20 text-center\">\n        <div className=\"animate-fade-up\">\n          <Badge color=\"green\">● Live • Connect real GitHub data</Badge>\n        </div>\n        <h1 className=\"animate-fade-up mt-6 text-5xl font-bold leading-tight tracking-tight text-slate-50 sm:text-6xl\">\n          Your developer growth,<br /><span className=\"grad-text\">measured by AI</span>\n        </h1>\n        <p className=\"animate-fade-up mx-auto mt-6 max-w-2xl text-lg text-slate-400\">\n          DevTrack AI connects your GitHub and turns your real activity into analytics, AI code reviews,\n          resume scoring, interview prep, and internship matches — a recruiter-ready portfolio in one place.\n        </p>\n        <div className=\"animate-fade-up mt-9 flex flex-col items-center justify-center gap-3 sm:flex-row\">\n          <a href=\"/auth/github\">\n            <Button className=\"px-6 py-3 text-base\">\n              <GithubIcon /> Continue with GitHub\n            </Button>\n          </a>\n          <a href=\"#features\"><Button variant=\"outline\" className=\"px-6 py-3 text-base\">Explore features</Button></a>\n        </div>\n        {!githubConfigured && (\n          <p className=\"mt-4 text-xs text-amber-400/80\">\n            Setup needed: add your GitHub OAuth Client ID & Secret to enable sign-in.\n          </p>\n        )}\n      </section>\n\n      <section id=\"features\" className=\"relative z-10 mx-auto max-w-6xl px-6 pb-24\">\n        <div className=\"grid gap-5 sm:grid-cols-2 lg:grid-cols-3\">\n          {FEATURES.map((f, i) => (\n            <div\n              key={f.title}\n              className=\"animate-fade-up rounded-2xl border border-ink-700 bg-ink-850/60 p-6 transition-all hover:-translate-y-1 hover:border-brand-500/40\"\n              style={{ animationDelay: `${i * 60}ms` }}\n            >\n              <div className=\"text-3xl\">{f.icon}</div>\n              <h3 className=\"mt-4 text-base font-semibold text-slate-100\">{f.title}</h3>\n              <p className=\"mt-2 text-sm leading-relaxed text-slate-400\">{f.body}</p>\n            </div>\n          ))}\n        </div>\n\n        <div className=\"mt-16 rounded-3xl border border-ink-700 bg-gradient-to-br from-ink-850 to-ink-900 p-10 text-center\">\n          <h2 className=\"text-2xl font-bold text-slate-50\">Ready to level up your developer profile?</h2>\n          <p className=\"mx-auto mt-3 max-w-lg text-slate-400\">Sign in with GitHub — it takes seconds, and your dashboard builds itself from your real activity.</p>\n          <a href=\"/auth/github\" className=\"mt-6 inline-block\"><Button className=\"px-7 py-3 text-base\"><GithubIcon /> Get started free</Button></a>\n        </div>\n      </section>\n\n      <footer className=\"relative z-10 border-t border-ink-800 py-8 text-center text-sm text-slate-500\">\n        DevTrack AI · Built on Val Town · <a href=\"/source\" className=\"hover:text-slate-300\">view source</a>\n      </footer>\n    </div>\n  );\n}\n\nexport function GithubIcon({ className = \"\" }: { className?: string }) {\n  return (\n    <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\" className={className}>\n      <path d=\"M12 .5C5.7.5.5 5.7.5 12c0 5.1 3.3 9.4 7.9 10.9.6.1.8-.2.8-.5v-2c-3.2.7-3.9-1.4-3.9-1.4-.5-1.3-1.3-1.7-1.3-1.7-1.1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1 1.8 2.7 1.3 3.4 1 .1-.8.4-1.3.7-1.6-2.6-.3-5.3-1.3-5.3-5.7 0-1.3.5-2.3 1.2-3.1-.1-.3-.5-1.5.1-3.1 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17 4.7 18 5 18 5c.6 1.6.2 2.8.1 3.1.8.8 1.2 1.8 1.2 3.1 0 4.4-2.7 5.4-5.3 5.7.4.4.8 1.1.8 2.2v3.3c0 .3.2.6.8.5 4.6-1.5 7.9-5.8 7.9-10.9C23.5 5.7 18.3.5 12 .5z\" />\n    </svg>\n  );\n}\n",[],[146,251,261],"9d9f59f9-acb8-46f7-923e-2203d9ba0183","App.tsx","43df8498-64a9-11f1-9c56-1607ee4eb77e",13,["D",1781081357609],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../lib/api.ts\";\nimport { Spinner, Toast } from \"./ui.tsx\";\nimport { Landing } from \"./Landing.tsx\";\nimport { Sidebar } from \"./Sidebar.tsx\";\nimport { Dashboard } from \"./pages/Dashboard.tsx\";\nimport { GitHubPage } from \"./pages/GitHubPage.tsx\";\nimport { Settings } from \"./pages/Settings.tsx\";\nimport { RepoReview } from \"./pages/RepoReview.tsx\";\nimport { ResumeAnalyzer } from \"./pages/ResumeAnalyzer.tsx\";\nimport { Interview } from \"./pages/Interview.tsx\";\nimport { Internships } from \"./pages/Internships.tsx\";\nimport { Goals } from \"./pages/Goals.tsx\";\n\nexport type View =\n  | \"dashboard\" | \"github\" | \"repos\" | \"resume\" | \"interview\" | \"internships\" | \"goals\" | \"settings\";\n\nexport const ToastContext = React.createContext<(msg: string, type?: string) => void>(() => {});\n\nfunction useHashView(): [View, (v: View) => void] {\n  const parse = (): View => (location.hash.replace(\"#/\", \"\") || \"dashboard\") as View;\n  const [view, setView] = useState<View>(parse());\n  useEffect(() => {\n    const onHash = () => setView(parse());\n    window.addEventListener(\"hashchange\", onHash);\n    return () => window.removeEventListener(\"hashchange\", onHash);\n  }, []);\n  const go = (v: View) => { location.hash = `#/${v}`; setView(v); };\n  return [view, go];\n}\n\nexport function App() {\n  const [me, setMe] = useState<any>(undefined); // undefined = loading\n  const [view, go] = useHashView();\n  const [toast, setToast] = useState<{ msg: string; type: string }>({ msg: \"\", type: \"info\" });\n\n  const showToast = (msg: string, type = \"info\") => {\n    setToast({ msg, type });\n    setTimeout(() => setToast({ msg: \"\", type: \"info\" }), 3200);\n  };\n\n  const refreshMe = () => api.me().then(setMe).catch(() => setMe({ user: null }));\n\n  useEffect(() => { refreshMe(); }, []);\n\n  // Surface OAuth errors from query string.\n  useEffect(() => {\n    const params = new URLSearchParams(location.search);\n    const err = params.get(\"error\");\n    if (err) {\n      const map: Record<string, string> = {\n        github_not_configured: \"GitHub OAuth isn't configured yet. Add your Client ID & Secret.\",\n        oauth_failed: \"GitHub sign-in failed. Please try again.\",\n        missing_code: \"GitHub sign-in was cancelled.\",\n      };\n      showToast(map[err] ?? \"Sign-in error\", \"error\");\n      history.replaceState(null, \"\", location.pathname);\n    }\n    if (params.get(\"view\")) { location.hash = \"#/dashboard\"; history.replaceState(null, \"\", location.pathname); }\n  }, []);\n\n  if (me === undefined) {\n    return (\n      <div className=\"flex min-h-screen items-center justify-center bg-ink-950 text-brand-400\">\n        <Spinner className=\"h-8 w-8\" />\n      </div>\n    );\n  }\n\n  if (!me?.user) {\n    return (\n      <ToastContext.Provider value={showToast}>\n        <Landing githubConfigured={me?.githubConfigured} />\n        <Toast message={toast.msg} type={toast.type} />\n      </ToastContext.Provider>\n    );\n  }\n\n  const pages: Record<View, JSX.Element> = {\n    dashboard: <Dashboard go={go} />,\n    github: <GitHubPage />,\n    repos: <RepoReview />,\n    resume: <ResumeAnalyzer />,\n    interview: <Interview />,\n    internships: <Internships />,\n    goals: <Goals />,\n    settings: <Settings me={me} onUpdate={refreshMe} />,\n  };\n\n  return (\n    <ToastContext.Provider value={showToast}>\n      <div className=\"flex min-h-screen bg-ink-950\">\n        <Sidebar view={view} go={go} me={me} onLogout={async () => { await api.logout(); location.href = \"/\"; }} />\n        <main className=\"flex-1 min-w-0 lg:ml-64\">\n          <div className=\"mx-auto max-w-6xl px-5 py-8 sm:px-8\">\n            {pages[view] ?? pages.dashboard}\n          </div>\n        </main>\n      </div>\n      <Toast message={toast.msg} type={toast.type} />\n    </ToastContext.Provider>\n  );\n}\n",[],[146,251,269],"bce9640a-33ec-4d82-b465-c14567e72aca","ResumeAnalyzer.tsx","a4f5eb78-64a9-11f1-8a10-1607ee4eb77e","5df2ea3e-2213-49b0-9d57-4408fcf0baa3",20,["D",1781081520449],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useContext, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../../lib/api.ts\";\nimport { ToastContext } from \"../App.tsx\";\nimport { Badge, Button, Card, ScoreRing, Spinner } from \"../ui.tsx\";\n\nexport function ResumeAnalyzer() {\n  const toast = useContext(ToastContext);\n  const [text, setText] = useState(\"\");\n  const [role, setRole] = useState(\"Software Engineer Intern\");\n  const [filename, setFilename] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [result, setResult] = useState<any>(null);\n\n  const onFile = async (e: any) => {\n    const file = e.target.files?.[0];\n    if (!file) return;\n    setFilename(file.name);\n    if (file.type === \"application/pdf\" || file.name.endsWith(\".pdf\")) {\n      toast(\"PDF detected — please paste the text below for best results.\", \"info\");\n      return;\n    }\n    setText(await file.text());\n  };\n\n  const analyze = async () => {\n    if (text.trim().length < 50) { toast(\"Please paste at least a few lines of your resume.\", \"error\"); return; }\n    setBusy(true);\n    try {\n      const res = await api.analyzeResume({ text, targetRole: role, filename: filename || \"resume.txt\" });\n      setResult(res.result);\n    } catch (e: any) { toast(e.message, \"error\"); }\n    finally { setBusy(false); }\n  };\n\n  const scoreColor = result?.atsScore >= 75 ? \"#34d399\" : result?.atsScore >= 50 ? \"#f59e0b\" : \"#f43f5e\";\n\n  return (\n    <div className=\"space-y-5 animate-fade-up\">\n      <div>\n        <h1 className=\"text-2xl font-bold text-slate-50\">Resume Analyzer</h1>\n        <p className=\"text-sm text-slate-500\">Get an ATS score and recruiter-grade improvement suggestions.</p>\n      </div>\n\n      <Card className=\"p-6 space-y-4\">\n        <div className=\"grid gap-4 sm:grid-cols-2\">\n          <div>\n            <label className=\"mb-1 block text-xs font-medium text-slate-400\">Target role</label>\n            <input value={role} onChange={(e) => setRole(e.target.value)}\n              className=\"w-full rounded-xl border border-ink-600 bg-ink-900 px-3 py-2.5 text-sm text-slate-200 focus:border-brand-400 focus:outline-none\" />\n          </div>\n          <div>\n            <label className=\"mb-1 block text-xs font-medium text-slate-400\">Upload (.txt / .md)</label>\n            <input type=\"file\" accept=\".txt,.md,.pdf\" onChange={onFile}\n              className=\"w-full rounded-xl border border-ink-600 bg-ink-900 px-3 py-2 text-sm text-slate-400 file:mr-3 file:rounded-lg file:border-0 file:bg-ink-700 file:px-3 file:py-1.5 file:text-slate-200\" />\n          </div>\n        </div>\n        <div>\n          <label className=\"mb-1 block text-xs font-medium text-slate-400\">Resume text</label>\n          <textarea value={text} onChange={(e) => setText(e.target.value)} rows={9} placeholder=\"Paste your resume content here…\"\n            className=\"w-full resize-y rounded-xl border border-ink-600 bg-ink-900 px-3 py-2.5 text-sm text-slate-200 focus:border-brand-400 focus:outline-none\" />\n        </div>\n        <Button onClick={analyze} disabled={busy}>{busy ? <><Spinner /> Analyzing…</> : \"Analyze resume\"}</Button>\n      </Card>\n\n      {result && (\n        <Card className=\"p-6 animate-fade-up\">\n          <div className=\"flex flex-col items-center gap-5 sm:flex-row sm:items-start\">\n            <ScoreRing value={result.atsScore} label=\"ATS Score\" color={scoreColor} />\n            <p className=\"flex-1 text-sm leading-relaxed text-slate-300\">{result.summary}</p>\n          </div>\n          <div className=\"mt-6 grid gap-5 sm:grid-cols-2\">\n            <div>\n              <h4 className=\"mb-2 text-sm font-semibold text-accent-400\">💪 Strengths</h4>\n              <ul className=\"space-y-1.5 text-xs text-slate-400\">{(result.strengths ?? []).map((s: string, i: number) => <li key={i}>• {s}</li>)}</ul>\n            </div>\n            <div>\n              <h4 className=\"mb-2 text-sm font-semibold text-rose-300\">⚠️ Weaknesses</h4>\n              <ul className=\"space-y-1.5 text-xs text-slate-400\">{(result.weaknesses ?? []).map((s: string, i: number) => <li key={i}>• {s}</li>)}</ul>\n            </div>\n          </div>\n          <div className=\"mt-5\">\n            <h4 className=\"mb-2 text-sm font-semibold text-brand-400\">🛠 Suggestions</h4>\n            <ul className=\"space-y-1.5 text-xs text-slate-400\">{(result.suggestions ?? []).map((s: string, i: number) => <li key={i}>• {s}</li>)}</ul>\n          </div>\n          {result.missingKeywords?.length > 0 && (\n            <div className=\"mt-5\">\n              <h4 className=\"mb-2 text-sm font-semibold text-slate-200\">Missing keywords</h4>\n              <div className=\"flex flex-wrap gap-2\">{result.missingKeywords.map((k: string) => <Badge key={k} color=\"amber\">{k}</Badge>)}</div>\n            </div>\n          )}\n        </Card>\n      )}\n    </div>\n  );\n}\n",[],[146,251,285,277],"pages","3afa32f3-96e6-401c-a43f-e48afc029be9","RepoReview.tsx","97cd2e16-64a9-11f1-b9ff-1607ee4eb77e",19,["D",1781081498417],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useContext, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api, langColor } from \"../../lib/api.ts\";\nimport { useAsync } from \"../../lib/useAsync.ts\";\nimport { ToastContext } from \"../App.tsx\";\nimport { Badge, Button, Card, EmptyState, ErrorState, LoadingCard, ScoreRing, Spinner } from \"../ui.tsx\";\n\nfunction ReviewPanel({ review }: { review: any }) {\n  return (\n    <div className=\"mt-4 space-y-5 border-t border-ink-700 pt-5 animate-fade-up\">\n      <div className=\"flex flex-col items-center gap-4 sm:flex-row sm:items-start\">\n        <ScoreRing value={review.score} label=\"Overall\" />\n        <p className=\"flex-1 text-sm leading-relaxed text-slate-300\">{review.summary}</p>\n      </div>\n      <div className=\"grid gap-4 sm:grid-cols-2\">\n        <Card className=\"p-4\">\n          <div className=\"mb-2 flex items-center justify-between\">\n            <h4 className=\"text-sm font-semibold text-slate-200\">Code Quality</h4>\n            <Badge color=\"brand\">{review.codeQuality?.score ?? 0}/100</Badge>\n          </div>\n          <ul className=\"space-y-1.5 text-xs text-slate-400\">\n            {(review.codeQuality?.notes ?? []).map((n: string, i: number) => <li key={i}>• {n}</li>)}\n          </ul>\n        </Card>\n        <Card className=\"p-4\">\n          <div className=\"mb-2 flex items-center justify-between\">\n            <h4 className=\"text-sm font-semibold text-slate-200\">README</h4>\n            <Badge color=\"green\">{review.readme?.score ?? 0}/100</Badge>\n          </div>\n          <ul className=\"space-y-1.5 text-xs text-slate-400\">\n            {(review.readme?.suggestions ?? []).map((n: string, i: number) => <li key={i}>• {n}</li>)}\n          </ul>\n        </Card>\n      </div>\n      <div className=\"grid gap-4 sm:grid-cols-2\">\n        <div>\n          <h4 className=\"mb-2 text-sm font-semibold text-slate-200\">✅ Best Practices</h4>\n          <ul className=\"space-y-1.5 text-xs text-slate-400\">{(review.bestPractices ?? []).map((n: string, i: number) => <li key={i}>• {n}</li>)}</ul>\n        </div>\n        <div>\n          <h4 className=\"mb-2 text-sm font-semibold text-slate-200\">💡 Feature Ideas</h4>\n          <ul className=\"space-y-1.5 text-xs text-slate-400\">{(review.featureIdeas ?? []).map((n: string, i: number) => <li key={i}>• {n}</li>)}</ul>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function RepoReview() {\n  const toast = useContext(ToastContext);\n  const { data, loading, error, reload } = useAsync(() => api.github(), []);\n  const [reviews, setReviews] = useState<Record<number, any>>({});\n  const [busy, setBusy] = useState<number | null>(null);\n  const [openId, setOpenId] = useState<number | null>(null);\n\n  const review = async (repoId: number) => {\n    setBusy(repoId);\n    try {\n      const res = await api.reviewRepo(repoId);\n      setReviews((r) => ({ ...r, [repoId]: res.review }));\n      setOpenId(repoId);\n    } catch (e: any) { toast(e.message, \"error\"); }\n    finally { setBusy(null); }\n  };\n\n  if (loading) return <div className=\"space-y-4\"><LoadingCard /><LoadingCard /></div>;\n  if (error) return <ErrorState message={error} onRetry={reload} />;\n  if (!data?.connected || !data.repos?.length) {\n    return <Card><EmptyState icon=\"🤖\" title=\"No repositories to review\" body=\"Connect and sync your GitHub to get AI-powered reviews of your projects.\" action={<a href=\"/auth/github\"><Button>Connect GitHub</Button></a>} /></Card>;\n  }\n\n  const repos = (data.repos as any[]).filter((r) => !r.is_fork);\n\n  return (\n    <div className=\"space-y-5 animate-fade-up\">\n      <div>\n        <h1 className=\"text-2xl font-bold text-slate-50\">AI Repository Review</h1>\n        <p className=\"text-sm text-slate-500\">Code quality scoring, README feedback, best practices and feature ideas — powered by AI.</p>\n      </div>\n      {repos.map((r) => (\n        <Card key={r.repo_id} className=\"p-5\">\n          <div className=\"flex flex-wrap items-center justify-between gap-3\">\n            <div className=\"min-w-0\">\n              <div className=\"flex items-center gap-2\">\n                <p className=\"font-semibold text-slate-100\">{r.name}</p>\n                {r.language && <span className=\"flex items-center gap-1 text-xs text-slate-400\"><span className=\"h-2 w-2 rounded-full\" style={{ background: langColor(r.language) }} />{r.language}</span>}\n                <span className=\"text-xs text-slate-500\">⭐ {r.stars}</span>\n              </div>\n              <p className=\"mt-1 max-w-xl truncate text-xs text-slate-500\">{r.description || \"No description\"}</p>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              {(reviews[r.repo_id] || r.ai_score != null) && (\n                <Badge color=\"brand\">Score {reviews[r.repo_id]?.score ?? r.ai_score}</Badge>\n              )}\n              <Button variant={reviews[r.repo_id] ? \"ghost\" : \"primary\"} onClick={() =>\n                reviews[r.repo_id] ? setOpenId(openId === r.repo_id ? null : r.repo_id) : review(r.repo_id)}\n                disabled={busy === r.repo_id}>\n                {busy === r.repo_id ? <><Spinner /> Analyzing…</> : reviews[r.repo_id] ? (openId === r.repo_id ? \"Hide\" : \"View review\") : \"Review with AI\"}\n              </Button>\n            </div>\n          </div>\n          {openId === r.repo_id && reviews[r.repo_id] && <ReviewPanel review={reviews[r.repo_id]} />}\n        </Card>\n      ))}\n    </div>\n  );\n}\n",[],[146,251,285,287],"8bb74955-8b84-4808-abc2-ea1089d1a640",["D",1781081543716],[],[146,251,285,38],"6e2b4c78-19c4-43cd-a988-33b753822d91","GitHubPage.tsx","89ae26c8-64a9-11f1-937f-1607ee4eb77e",18,["D",1781081474727],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useContext, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api, formatBytes, langColor } from \"../../lib/api.ts\";\nimport { useAsync } from \"../../lib/useAsync.ts\";\nimport { ToastContext } from \"../App.tsx\";\nimport { Badge, Button, Card, EmptyState, ErrorState, Heatmap, LoadingCard, Skeleton, Spinner } from \"../ui.tsx\";\n\nexport function GitHubPage() {\n  const toast = useContext(ToastContext);\n  const { data, loading, error, reload } = useAsync(() => api.github(), []);\n  const [syncing, setSyncing] = useState(false);\n\n  const sync = async () => {\n    setSyncing(true);\n    try { await api.sync(); toast(\"Synced\", \"success\"); reload(); }\n    catch (e: any) { toast(e.message, \"error\"); }\n    finally { setSyncing(false); }\n  };\n\n  if (loading) return <div className=\"space-y-5\"><Skeleton className=\"h-40 w-full rounded-2xl\" /><LoadingCard /><LoadingCard /></div>;\n  if (error) return <ErrorState message={error} onRetry={reload} />;\n  if (!data?.connected) {\n    return <Card><EmptyState icon=\"🐙\" title=\"GitHub not connected\" body=\"Connect your GitHub account to display your profile.\" action={<a href=\"/auth/github\"><Button>Connect GitHub</Button></a>} /></Card>;\n  }\n\n  const p = data.profile;\n  const langs = Object.entries(data.languages as Record<string, number>).sort((a, b) => b[1] - a[1]).slice(0, 10);\n  const totalBytes = langs.reduce((s, [, b]) => s + b, 0) || 1;\n  const repos = data.repos as any[];\n\n  return (\n    <div className=\"space-y-6 animate-fade-up\">\n      {/* profile header */}\n      <Card className=\"overflow-hidden\">\n        <div className=\"h-20 bg-gradient-to-r from-brand-600/30 to-accent-500/20\" />\n        <div className=\"flex flex-col gap-4 px-6 pb-6 sm:flex-row sm:items-end\">\n          <img src={p.avatar_url} alt=\"\" className=\"-mt-10 h-24 w-24 rounded-2xl border-4 border-ink-850 bg-ink-800\" />\n          <div className=\"flex-1\">\n            <h1 className=\"text-xl font-bold text-slate-50\">{p.name || p.login}</h1>\n            <a href={`https://github.com/${p.login}`} target=\"_blank\" rel=\"noreferrer\" className=\"text-sm text-brand-400 hover:underline\">@{p.login}</a>\n            {p.bio && <p className=\"mt-2 max-w-xl text-sm text-slate-400\">{p.bio}</p>}\n            <div className=\"mt-2 flex flex-wrap gap-3 text-xs text-slate-500\">\n              {p.company && <span>🏢 {p.company}</span>}\n              {p.location && <span>📍 {p.location}</span>}\n              {p.blog && <a href={p.blog.startsWith(\"http\") ? p.blog : `https://${p.blog}`} target=\"_blank\" rel=\"noreferrer\" className=\"hover:text-slate-300\">🔗 {p.blog}</a>}\n            </div>\n          </div>\n          <Button variant=\"ghost\" onClick={sync} disabled={syncing}>{syncing ? <><Spinner /> Syncing…</> : \"🔄 Sync\"}</Button>\n        </div>\n        <div className=\"grid grid-cols-2 divide-x divide-ink-700 border-t border-ink-700 sm:grid-cols-4\">\n          {[[\"Followers\", p.followers], [\"Following\", p.following], [\"Repos\", p.public_repos], [\"Stars\", p.total_stars]].map(([l, v]) => (\n            <div key={l as string} className=\"px-4 py-4 text-center\">\n              <p className=\"text-2xl font-bold text-slate-50\">{Number(v).toLocaleString()}</p>\n              <p className=\"text-xs text-slate-500\">{l}</p>\n            </div>\n          ))}\n        </div>\n      </Card>\n\n      {/* languages */}\n      <Card className=\"p-6\">\n        <h3 className=\"mb-4 text-sm font-semibold text-slate-200\">Languages</h3>\n        {langs.length ? (\n          <>\n            <div className=\"mb-4 flex h-3 w-full overflow-hidden rounded-full\">\n              {langs.map(([name, bytes]) => (\n                <div key={name} style={{ width: `${(bytes / totalBytes) * 100}%`, background: langColor(name) }} title={`${name}: ${formatBytes(bytes)}`} />\n              ))}\n            </div>\n            <div className=\"flex flex-wrap gap-x-5 gap-y-2 text-sm\">\n              {langs.map(([name, bytes]) => (\n                <span key={name} className=\"flex items-center gap-2 text-slate-300\">\n                  <span className=\"h-2.5 w-2.5 rounded-full\" style={{ background: langColor(name) }} />\n                  {name} <span className=\"text-slate-500\">{((bytes / totalBytes) * 100).toFixed(1)}%</span>\n                </span>\n              ))}\n            </div>\n          </>\n        ) : <p className=\"text-sm text-slate-500\">No language data.</p>}\n      </Card>\n\n      {/* contributions */}\n      <Card className=\"p-6\">\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h3 className=\"text-sm font-semibold text-slate-200\">Contribution Activity</h3>\n          <Badge color=\"green\">{data.contributions.total.toLocaleString()} in the last year</Badge>\n        </div>\n        <Heatmap days={data.contributions.days} />\n      </Card>\n\n      {/* repositories */}\n      <Card className=\"p-6\">\n        <h3 className=\"mb-4 text-sm font-semibold text-slate-200\">Repositories ({repos.length})</h3>\n        {repos.length ? (\n          <div className=\"grid gap-3 sm:grid-cols-2\">\n            {repos.map((r) => (\n              <a key={r.repo_id} href={r.html_url} target=\"_blank\" rel=\"noreferrer\"\n                className=\"rounded-xl border border-ink-700 p-4 transition-all hover:-translate-y-0.5 hover:border-brand-500/40\">\n                <div className=\"flex items-center justify-between\">\n                  <p className=\"truncate font-medium text-slate-200\">{r.name}</p>\n                  {r.is_fork ? <Badge color=\"slate\">fork</Badge> : null}\n                </div>\n                <p className=\"mt-1 line-clamp-2 h-8 text-xs text-slate-500\">{r.description || \"No description\"}</p>\n                <div className=\"mt-3 flex items-center gap-3 text-xs text-slate-400\">\n                  {r.language && <span className=\"flex items-center gap-1\"><span className=\"h-2 w-2 rounded-full\" style={{ background: langColor(r.language) }} />{r.language}</span>}\n                  <span>⭐ {r.stars}</span>\n                  <span>🍴 {r.forks}</span>\n                </div>\n              </a>\n            ))}\n          </div>\n        ) : <p className=\"text-sm text-slate-500\">No repositories found.</p>}\n      </Card>\n    </div>\n  );\n}\n",[],[146,251,285,299],"d4bbbba1-f165-4719-8979-6785488f3236","Dashboard.tsx","7991bc00-64a9-11f1-9038-1607ee4eb77e",17,["D",1781081447693],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useContext, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api, langColor } from \"../../lib/api.ts\";\nimport { useAsync } from \"../../lib/useAsync.ts\";\nimport { ToastContext, type View } from \"../App.tsx\";\nimport {\n  BarChart, Button, Card, EmptyState, ErrorState, Heatmap,\n  LoadingCard, ProgressBar, ScoreRing, Skeleton, Spinner,\n} from \"../ui.tsx\";\n\nfunction Stat({ label, value, sub, icon }: any) {\n  return (\n    <Card className=\"p-5\">\n      <div className=\"flex items-center justify-between\">\n        <span className=\"text-xs font-medium uppercase tracking-wide text-slate-500\">{label}</span>\n        <span className=\"text-lg\">{icon}</span>\n      </div>\n      <p className=\"mt-2 text-3xl font-bold text-slate-50\">{value}</p>\n      {sub && <p className=\"mt-1 text-xs text-slate-500\">{sub}</p>}\n    </Card>\n  );\n}\n\nexport function Dashboard({ go }: { go: (v: View) => void }) {\n  const toast = useContext(ToastContext);\n  const { data, loading, error, reload } = useAsync(() => api.dashboard(), []);\n  const [syncing, setSyncing] = useState(false);\n\n  const sync = async () => {\n    setSyncing(true);\n    try {\n      await api.sync();\n      toast(\"GitHub data synced\", \"success\");\n      reload();\n    } catch (e: any) { toast(e.message, \"error\"); }\n    finally { setSyncing(false); }\n  };\n\n  if (loading) {\n    return (\n      <div className=\"space-y-6\">\n        <Skeleton className=\"h-9 w-48\" />\n        <div className=\"grid gap-5 sm:grid-cols-2 lg:grid-cols-4\">{[0, 1, 2, 3].map((i) => <LoadingCard key={i} />)}</div>\n        <div className=\"grid gap-5 lg:grid-cols-3\"><LoadingCard /><LoadingCard /><LoadingCard /></div>\n      </div>\n    );\n  }\n  if (error) return <ErrorState message={error} onRetry={reload} />;\n\n  if (!data?.ready) {\n    return (\n      <Card>\n        <EmptyState\n          icon=\"🐙\"\n          title=\"Sync your GitHub to build your dashboard\"\n          body=\"We'll pull your repositories, stars, languages and contribution history to compute your real analytics. No mock data — everything comes from your actual GitHub activity.\"\n          action={<Button onClick={sync} disabled={syncing}>{syncing ? <><Spinner /> Syncing…</> : \"Sync GitHub now\"}</Button>}\n        />\n      </Card>\n    );\n  }\n\n  const d = data;\n  return (\n    <div className=\"space-y-6 animate-fade-up\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div>\n          <h1 className=\"text-2xl font-bold text-slate-50\">Dashboard</h1>\n          <p className=\"text-sm text-slate-500\">Your real developer growth, measured.</p>\n        </div>\n        <Button variant=\"ghost\" onClick={sync} disabled={syncing}>\n          {syncing ? <><Spinner /> Syncing…</> : <>🔄 Re-sync</>}\n        </Button>\n      </div>\n\n      {/* score rings */}\n      <div className=\"grid gap-5 md:grid-cols-3\">\n        <Card className=\"flex flex-col items-center p-6\">\n          <ScoreRing value={d.growthScore} label=\"Growth Score\" color=\"#818cf8\" />\n          <p className=\"mt-2 text-center text-xs text-slate-500\">Recent momentum: commits, streaks & shipping</p>\n        </Card>\n        <Card className=\"flex flex-col items-center p-6\">\n          <ScoreRing value={d.portfolioScore} label=\"Portfolio Score\" color=\"#34d399\" />\n          <p className=\"mt-2 text-center text-xs text-slate-500\">Breadth, docs, diversity & traction</p>\n        </Card>\n        <Card className=\"flex flex-col items-center justify-center p-6\">\n          <div className=\"text-5xl\">🔥</div>\n          <p className=\"mt-2 text-3xl font-bold text-slate-50\">{d.streak.current} days</p>\n          <p className=\"text-sm font-medium text-slate-300\">Current streak</p>\n          <p className=\"mt-1 text-xs text-slate-500\">Longest: {d.streak.longest} days</p>\n        </Card>\n      </div>\n\n      {/* stats */}\n      <div className=\"grid gap-5 sm:grid-cols-2 lg:grid-cols-4\">\n        <Stat label=\"Contributions\" value={d.totalContributions.toLocaleString()} sub=\"last 12 months\" icon=\"📈\" />\n        <Stat label=\"Total Stars\" value={d.totalStars.toLocaleString()} sub=\"across all repos\" icon=\"⭐\" />\n        <Stat label=\"Public Repos\" value={d.publicRepos} sub=\"on GitHub\" icon=\"📦\" />\n        <Stat label=\"Followers\" value={d.followers} sub=\"on GitHub\" icon=\"👥\" />\n      </div>\n\n      {/* charts + skills */}\n      <div className=\"grid gap-5 lg:grid-cols-3\">\n        <Card className=\"p-6 lg:col-span-2\">\n          <h3 className=\"mb-4 text-sm font-semibold text-slate-200\">Monthly Contributions</h3>\n          {d.monthly?.length\n            ? <BarChart data={d.monthly.map((m: any) => ({ label: m.month.slice(5), value: m.count }))} />\n            : <p className=\"text-sm text-slate-500\">No contribution data yet.</p>}\n        </Card>\n        <Card className=\"p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-slate-200\">Skill Progress</h3>\n          <div className=\"space-y-3\">\n            {d.skills?.length\n              ? d.skills.slice(0, 6).map((s: any) => (\n                <div key={s.name}>\n                  <div className=\"mb-1 flex justify-between text-xs\">\n                    <span className=\"text-slate-300\">{s.name}</span>\n                    <span className=\"text-slate-500\">{s.level}%</span>\n                  </div>\n                  <ProgressBar value={s.level} color={langColor(s.name)} />\n                </div>\n              ))\n              : <p className=\"text-sm text-slate-500\">No language data yet.</p>}\n          </div>\n        </Card>\n      </div>\n\n      {/* heatmap */}\n      <Card className=\"p-6\">\n        <h3 className=\"mb-4 text-sm font-semibold text-slate-200\">Contribution Activity</h3>\n        <Heatmap days={d.contributionsDays} />\n      </Card>\n\n      {/* top repos */}\n      <Card className=\"p-6\">\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h3 className=\"text-sm font-semibold text-slate-200\">Top Repositories</h3>\n          <button className=\"text-xs text-brand-400 hover:underline\" onClick={() => go(\"repos\")}>Review with AI →</button>\n        </div>\n        <div className=\"space-y-2\">\n          {d.topRepos?.length\n            ? d.topRepos.map((r: any) => (\n              <a key={r.repo_id} href={r.html_url} target=\"_blank\" rel=\"noreferrer\"\n                className=\"flex items-center justify-between rounded-xl border border-ink-700 px-4 py-3 transition-colors hover:border-brand-500/40\">\n                <div className=\"min-w-0\">\n                  <p className=\"truncate font-medium text-slate-200\">{r.name}</p>\n                  <p className=\"truncate text-xs text-slate-500\">{r.description || \"No description\"}</p>\n                </div>\n                <div className=\"ml-4 flex items-center gap-3 text-xs text-slate-400\">\n                  {r.language && <span className=\"flex items-center gap-1\"><span className=\"h-2 w-2 rounded-full\" style={{ background: langColor(r.language) }} />{r.language}</span>}\n                  <span>⭐ {r.stars}</span>\n                </div>\n              </a>\n            ))\n            : <p className=\"text-sm text-slate-500\">No repositories found.</p>}\n        </div>\n      </Card>\n    </div>\n  );\n}\n",[],[146,251,285,307],"5dac4a17-b2cf-44a5-96b1-2c1b369943d8",["D",1781081447693],[177,178,179,180,181],[146,251,285],"05670704-fec1-4790-95af-9c659b9ec11b",["D",1781081338316],[176,182,183,184,185],[146,251],["D",1781081274132],[175,186,189,190,191],[146],"7449789d-3ac9-4f89-9d85-0a8fe726525b","github.ts","b787c79e-64a8-11f1-93c5-1607ee4eb77e",3,["D",1781081122153],"/**\n * GitHub OAuth + REST/GraphQL API client.\n *\n * Requires two env vars (a GitHub OAuth App):\n *   GITHUB_CLIENT_ID\n *   GITHUB_CLIENT_SECRET\n */\n\nconst CLIENT_ID = () => Deno.env.get(\"GITHUB_CLIENT_ID\") ?? \"\";\nconst CLIENT_SECRET = () => Deno.env.get(\"GITHUB_CLIENT_SECRET\") ?? \"\";\n\nexport function isConfigured(): boolean {\n  return !!CLIENT_ID() && !!CLIENT_SECRET();\n}\n\nexport function authorizeUrl(redirectUri: string, state: string): string {\n  const params = new URLSearchParams({\n    client_id: CLIENT_ID(),\n    redirect_uri: redirectUri,\n    scope: \"read:user user:email public_repo\",\n    state,\n    allow_signup: \"true\",\n  });\n  return `https://github.com/login/oauth/authorize?${params}`;\n}\n\nexport async function exchangeCode(code: string, redirectUri: string): Promise<string> {\n  const res = await fetch(\"https://github.com/login/oauth/access_token\", {\n    method: \"POST\",\n    headers: { \"Content-Type\": \"application/json\", Accept: \"application/json\" },\n    body: JSON.stringify({\n      client_id: CLIENT_ID(),\n      client_secret: CLIENT_SECRET(),\n      code,\n      redirect_uri: redirectUri,\n    }),\n  });\n  const data = await res.json();\n  if (data.error || !data.access_token) {\n    throw new Error(data.error_description || \"Failed to exchange GitHub code\");\n  }\n  return data.access_token as string;\n}\n\nasync function gh(token: string, path: string) {\n  const res = await fetch(`https://api.github.com${path}`, {\n    headers: {\n      Authorization: `Bearer ${token}`,\n      Accept: \"application/vnd.github+json\",\n      \"User-Agent\": \"DevTrack-AI\",\n    },\n  });\n  if (!res.ok) {\n    throw new Error(`GitHub API ${path} failed: ${res.status}`);\n  }\n  return res.json();\n}\n\nexport interface GitHubUser {\n  id: number;\n  login: string;\n  name: string | null;\n  avatar_url: string;\n  bio: string | null;\n  company: string | null;\n  location: string | null;\n  blog: string | null;\n  email: string | null;\n  followers: number;\n  following: number;\n  public_repos: number;\n}\n\nexport function getUser(token: string): Promise<GitHubUser> {\n  return gh(token, \"/user\") as Promise<GitHubUser>;\n}\n\nexport async function getEmail(token: string): Promise<string | null> {\n  try {\n    const emails = await gh(token, \"/user/emails\");\n    const primary = (emails as any[]).find((e) => e.primary) ?? (emails as any[])[0];\n    return primary?.email ?? null;\n  } catch {\n    return null;\n  }\n}\n\nexport interface GitHubRepo {\n  id: number;\n  name: string;\n  full_name: string;\n  description: string | null;\n  html_url: string;\n  language: string | null;\n  stargazers_count: number;\n  forks_count: number;\n  open_issues_count: number;\n  fork: boolean;\n  pushed_at: string;\n  created_at: string;\n  languages_url: string;\n}\n\n/** All repos for the authenticated user (paginated). */\nexport async function getRepos(token: string): Promise<GitHubRepo[]> {\n  const all: GitHubRepo[] = [];\n  for (let page = 1; page <= 5; page++) {\n    const repos = (await gh(\n      token,\n      `/user/repos?per_page=100&page=${page}&sort=pushed&affiliation=owner`,\n    )) as GitHubRepo[];\n    all.push(...repos);\n    if (repos.length < 100) break;\n  }\n  return all;\n}\n\n/** Aggregate language byte counts across the user's (non-fork) repos. */\nexport async function getLanguageBreakdown(\n  token: string,\n  repos: GitHubRepo[],\n): Promise<Record<string, number>> {\n  const totals: Record<string, number> = {};\n  const top = repos.filter((r) => !r.fork).slice(0, 30); // cap API calls\n  await Promise.all(\n    top.map(async (r) => {\n      try {\n        const langs = (await gh(token, `/repos/${r.full_name}/languages`)) as Record<string, number>;\n        for (const [lang, bytes] of Object.entries(langs)) {\n          totals[lang] = (totals[lang] ?? 0) + bytes;\n        }\n      } catch {\n        if (r.language) totals[r.language] = (totals[r.language] ?? 0) + 1;\n      }\n    }),\n  );\n  return totals;\n}\n\n/**\n * Contribution calendar via the GraphQL API (the public contributions graph).\n * Returns { total, weeks: [{ date, count }...] } flattened to days.\n */\nexport async function getContributions(token: string, login: string) {\n  const queryStr = `query($login:String!){\n    user(login:$login){\n      contributionsCollection{\n        contributionCalendar{\n          totalContributions\n          weeks{ contributionDays{ date contributionCount } }\n        }\n      }\n    }\n  }`;\n  const res = await fetch(\"https://api.github.com/graphql\", {\n    method: \"POST\",\n    headers: {\n      Authorization: `Bearer ${token}`,\n      \"User-Agent\": \"DevTrack-AI\",\n      \"Content-Type\": \"application/json\",\n    },\n    body: JSON.stringify({ query: queryStr, variables: { login } }),\n  });\n  const json = await res.json();\n  const cal = json?.data?.user?.contributionsCollection?.contributionCalendar;\n  if (!cal) return { total: 0, days: [] as { date: string; count: number }[] };\n  const days: { date: string; count: number }[] = [];\n  for (const w of cal.weeks) {\n    for (const d of w.contributionDays) {\n      days.push({ date: d.date, count: d.contributionCount });\n    }\n  }\n  return { total: cal.totalContributions as number, days };\n}\n\n/** Fetch the README (decoded) for AI review, or null if none. */\nexport async function getReadme(token: string, fullName: string): Promise<string | null> {\n  try {\n    const res = await fetch(`https://api.github.com/repos/${fullName}/readme`, {\n      headers: {\n        Authorization: `Bearer ${token}`,\n        Accept: \"application/vnd.github.raw+json\",\n        \"User-Agent\": \"DevTrack-AI\",\n      },\n    });\n    if (!res.ok) return null;\n    return await res.text();\n  } catch {\n    return null;\n  }\n}\n",[],[153,326],"1d55acad-d77a-4d83-a160-12f5d56362e8","db.ts","a922c870-64a8-11f1-9252-1607ee4eb77e",["D",1781081097986],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n/**\n * DevTrack AI — Production database schema (Val Town SQLite).\n *\n * This is the real, production datastore. The same logical schema is mirrored\n * in /supabase/schema.sql for users who prefer to deploy against Supabase/Postgres.\n *\n * Tables: users, profiles, github_accounts, repositories, goals, reports,\n * notifications, preferences, resume_analysis, interview_sessions, sessions.\n */\n\nlet initialized = false;\n\nexport async function initDb() {\n  if (initialized) return;\n\n  await sqlite.batch([\n    `CREATE TABLE IF NOT EXISTS users (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      email TEXT,\n      github_id INTEGER UNIQUE,\n      github_login TEXT,\n      created_at TEXT NOT NULL DEFAULT (datetime('now')),\n      last_login_at TEXT\n    )`,\n\n    `CREATE TABLE IF NOT EXISTS profiles (\n      user_id INTEGER PRIMARY KEY REFERENCES users(id),\n      display_name TEXT,\n      headline TEXT,\n      bio TEXT,\n      location TEXT,\n      website TEXT,\n      avatar_url TEXT,\n      theme TEXT NOT NULL DEFAULT 'dark',\n      updated_at TEXT NOT NULL DEFAULT (datetime('now'))\n    )`,\n\n    `CREATE TABLE IF NOT EXISTS github_accounts (\n      user_id INTEGER PRIMARY KEY REFERENCES users(id),\n      github_id INTEGER,\n      login TEXT,\n      name TEXT,\n      avatar_url TEXT,\n      bio TEXT,\n      company TEXT,\n      location TEXT,\n      blog TEXT,\n      followers INTEGER DEFAULT 0,\n      following INTEGER DEFAULT 0,\n      public_repos INTEGER DEFAULT 0,\n      total_stars INTEGER DEFAULT 0,\n      languages TEXT,\n      contributions TEXT,\n      access_token TEXT,\n      synced_at TEXT\n    )`,\n\n    `CREATE TABLE IF NOT EXISTS repositories (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      user_id INTEGER NOT NULL REFERENCES users(id),\n      repo_id INTEGER,\n      name TEXT,\n      full_name TEXT,\n      description TEXT,\n      html_url TEXT,\n      language TEXT,\n      stars INTEGER DEFAULT 0,\n      forks INTEGER DEFAULT 0,\n      open_issues INTEGER DEFAULT 0,\n      is_fork INTEGER DEFAULT 0,\n      pushed_at TEXT,\n      created_at TEXT,\n      ai_score INTEGER,\n      ai_review TEXT,\n      synced_at TEXT,\n      UNIQUE(user_id, repo_id)\n    )`,\n\n    `CREATE TABLE IF NOT EXISTS goals (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      user_id INTEGER NOT NULL REFERENCES users(id),\n      title TEXT NOT NULL,\n      category TEXT,\n      target INTEGER,\n      progress INTEGER DEFAULT 0,\n      status TEXT NOT NULL DEFAULT 'active',\n      due_date TEXT,\n      created_at TEXT NOT NULL DEFAULT (datetime('now'))\n    )`,\n\n    `CREATE TABLE IF NOT EXISTS reports (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      user_id INTEGER NOT NULL REFERENCES users(id),\n      kind TEXT NOT NULL,\n      data TEXT NOT NULL,\n      created_at TEXT NOT NULL DEFAULT (datetime('now'))\n    )`,\n\n    `CREATE TABLE IF NOT EXISTS notifications (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      user_id INTEGER NOT NULL REFERENCES users(id),\n      type TEXT NOT NULL,\n      title TEXT NOT NULL,\n      body TEXT,\n      read INTEGER NOT NULL DEFAULT 0,\n      created_at TEXT NOT NULL DEFAULT (datetime('now'))\n    )`,\n\n    `CREATE TABLE IF NOT EXISTS preferences (\n      user_id INTEGER PRIMARY KEY REFERENCES users(id),\n      email_weekly INTEGER NOT NULL DEFAULT 1,\n      email_goal_reminders INTEGER NOT NULL DEFAULT 1,\n      email_product INTEGER NOT NULL DEFAULT 0,\n      push_enabled INTEGER NOT NULL DEFAULT 1,\n      updated_at TEXT NOT NULL DEFAULT (datetime('now'))\n    )`,\n\n    `CREATE TABLE IF NOT EXISTS resume_analysis (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      user_id INTEGER NOT NULL REFERENCES users(id),\n      filename TEXT,\n      ats_score INTEGER,\n      result TEXT NOT NULL,\n      created_at TEXT NOT NULL DEFAULT (datetime('now'))\n    )`,\n\n    `CREATE TABLE IF NOT EXISTS interview_sessions (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      user_id INTEGER NOT NULL REFERENCES users(id),\n      role TEXT,\n      kind TEXT,\n      questions TEXT NOT NULL,\n      score INTEGER,\n      status TEXT NOT NULL DEFAULT 'in_progress',\n      created_at TEXT NOT NULL DEFAULT (datetime('now'))\n    )`,\n\n    `CREATE TABLE IF NOT EXISTS sessions (\n      token TEXT PRIMARY KEY,\n      user_id INTEGER NOT NULL REFERENCES users(id),\n      created_at TEXT NOT NULL DEFAULT (datetime('now')),\n      expires_at TEXT NOT NULL\n    )`,\n  ]);\n\n  initialized = true;\n}\n\nexport type Row = Record<string, unknown>;\n\nexport async function query(sql: string, args: unknown[] = []): Promise<Row[]> {\n  await initDb();\n  const res = await sqlite.execute({ sql, args });\n  return res.rows as unknown as Row[];\n}\n\nexport async function queryOne(sql: string, args: unknown[] = []): Promise<Row | null> {\n  const rows = await query(sql, args);\n  return rows[0] ?? null;\n}\n\nexport async function run(sql: string, args: unknown[] = []) {\n  await initDb();\n  return sqlite.execute({ sql, args });\n}\n",[],[153,334],"443f2120-3338-484d-b720-6dac003e583b","auth.ts","c01e7b00-64a8-11f1-9f73-1607ee4eb77e",4,["D",1781081136564],"import { query, queryOne, run } from \"./db.ts\";\n\nconst SESSION_COOKIE = \"devtrack_session\";\nconst SESSION_DAYS = 30;\n\nfunction randomToken(): string {\n  return crypto.randomUUID() + crypto.randomUUID().replace(/-/g, \"\");\n}\n\nexport function parseCookies(header: string | null): Record<string, string> {\n  if (!header) return {};\n  return Object.fromEntries(\n    header.split(\";\").map((c) => {\n      const [k, ...v] = c.trim().split(\"=\");\n      return [k, decodeURIComponent(v.join(\"=\"))];\n    }),\n  );\n}\n\nexport async function createSession(userId: number): Promise<string> {\n  const token = randomToken();\n  const expires = new Date(Date.now() + SESSION_DAYS * 86400_000).toISOString();\n  await run(\"INSERT INTO sessions (token, user_id, expires_at) VALUES (?, ?, ?)\", [\n    token,\n    userId,\n    expires,\n  ]);\n  return token;\n}\n\nexport function sessionCookieHeader(token: string): string {\n  const maxAge = SESSION_DAYS * 86400;\n  return `${SESSION_COOKIE}=${token}; Path=/; HttpOnly; Secure; SameSite=Lax; Max-Age=${maxAge}`;\n}\n\nexport function clearCookieHeader(): string {\n  return `${SESSION_COOKIE}=; Path=/; HttpOnly; Secure; SameSite=Lax; Max-Age=0`;\n}\n\n/** Resolve the current user id from the request cookie, or null. */\nexport async function currentUserId(req: Request): Promise<number | null> {\n  const cookies = parseCookies(req.headers.get(\"Cookie\"));\n  const token = cookies[SESSION_COOKIE];\n  if (!token) return null;\n  const row = await queryOne(\n    \"SELECT user_id, expires_at FROM sessions WHERE token = ?\",\n    [token],\n  );\n  if (!row) return null;\n  if (new Date(row.expires_at as string) < new Date()) {\n    await run(\"DELETE FROM sessions WHERE token = ?\", [token]);\n    return null;\n  }\n  return row.user_id as number;\n}\n\nexport async function logout(req: Request): Promise<void> {\n  const cookies = parseCookies(req.headers.get(\"Cookie\"));\n  const token = cookies[SESSION_COOKIE];\n  if (token) await run(\"DELETE FROM sessions WHERE token = ?\", [token]);\n}\n\n/** Upsert a user from GitHub identity; returns user id. */\nexport async function upsertGithubUser(\n  githubId: number,\n  login: string,\n  email: string | null,\n): Promise<number> {\n  const existing = await queryOne(\"SELECT id FROM users WHERE github_id = ?\", [githubId]);\n  if (existing) {\n    await run(\n      \"UPDATE users SET github_login = ?, email = COALESCE(?, email), last_login_at = datetime('now') WHERE id = ?\",\n      [login, email, existing.id],\n    );\n    return existing.id as number;\n  }\n  const res = await run(\n    \"INSERT INTO users (github_id, github_login, email, last_login_at) VALUES (?, ?, ?, datetime('now'))\",\n    [githubId, login, email],\n  );\n  const id = Number(res.lastInsertRowid);\n  // Seed default profile + preferences rows.\n  await run(\"INSERT OR IGNORE INTO profiles (user_id) VALUES (?)\", [id]);\n  await run(\"INSERT OR IGNORE INTO preferences (user_id) VALUES (?)\", [id]);\n  return id;\n}\n",[],[153,341],"8126b8eb-06e7-4126-93b9-ee0c64292a28","analytics.ts","ccabb8ce-64a8-11f1-9f73-1607ee4eb77e",5,["D",1781081157607],"/**\n * Pure functions that derive DevTrack's scores from real GitHub data.\n * No mock data — everything here is computed from inputs fetched live.\n */\n\nexport interface RepoLite {\n  stars: number;\n  forks: number;\n  is_fork: number;\n  language: string | null;\n  description: string | null;\n  pushed_at: string | null;\n}\n\nexport interface ContribDay {\n  date: string;\n  count: number;\n}\n\n/** Current + longest contribution streak (consecutive days with >0). */\nexport function streaks(days: ContribDay[]): { current: number; longest: number } {\n  if (!days.length) return { current: 0, longest: 0 };\n  const sorted = [...days].sort((a, b) => a.date.localeCompare(b.date));\n  let longest = 0;\n  let run = 0;\n  for (const d of sorted) {\n    if (d.count > 0) {\n      run++;\n      longest = Math.max(longest, run);\n    } else {\n      run = 0;\n    }\n  }\n  // current streak: count back from the last day that has data\n  let current = 0;\n  for (let i = sorted.length - 1; i >= 0; i--) {\n    if (sorted[i].count > 0) current++;\n    else break;\n  }\n  return { current, longest };\n}\n\n/** Portfolio score (0-100): breadth + quality of public work. */\nexport function portfolioScore(repos: RepoLite[], totalStars: number): number {\n  const owned = repos.filter((r) => !r.is_fork);\n  const withDesc = owned.filter((r) => r.description && r.description.length > 10).length;\n  const languages = new Set(owned.map((r) => r.language).filter(Boolean)).size;\n  const starred = owned.filter((r) => r.stars > 0).length;\n\n  const repoVolume = Math.min(owned.length / 15, 1) * 25; // up to 25\n  const docQuality = (owned.length ? withDesc / owned.length : 0) * 20; // up to 20\n  const diversity = Math.min(languages / 6, 1) * 20; // up to 20\n  const traction = Math.min(Math.log10(totalStars + 1) / 3, 1) * 25; // up to 25\n  const engagement = Math.min(starred / 8, 1) * 10; // up to 10\n\n  return Math.round(repoVolume + docQuality + diversity + traction + engagement);\n}\n\n/** Growth score (0-100): recent momentum weighted heavily. */\nexport function growthScore(\n  contributions: { total: number; days: ContribDay[] },\n  repos: RepoLite[],\n): number {\n  const now = Date.now();\n  const last30 = contributions.days\n    .filter((d) => now - new Date(d.date).getTime() < 30 * 86400_000)\n    .reduce((s, d) => s + d.count, 0);\n  const last90 = contributions.days\n    .filter((d) => now - new Date(d.date).getTime() < 90 * 86400_000)\n    .reduce((s, d) => s + d.count, 0);\n  const recentPush = repos.filter(\n    (r) => r.pushed_at && now - new Date(r.pushed_at).getTime() < 30 * 86400_000,\n  ).length;\n  const { current } = streaks(contributions.days);\n\n  const activity = Math.min(last30 / 60, 1) * 40; // up to 40\n  const consistency = Math.min(last90 / 200, 1) * 25; // up to 25\n  const streakBonus = Math.min(current / 21, 1) * 20; // up to 20\n  const shipping = Math.min(recentPush / 6, 1) * 15; // up to 15\n\n  return Math.round(activity + consistency + streakBonus + shipping);\n}\n\n/** Skill progress per language (0-100) from byte share + repo usage. */\nexport function skillProgress(\n  languages: Record<string, number>,\n  repos: RepoLite[],\n): { name: string; level: number; bytes: number; repos: number }[] {\n  const totalBytes = Object.values(languages).reduce((s, b) => s + b, 0) || 1;\n  const repoCounts: Record<string, number> = {};\n  for (const r of repos) {\n    if (r.language) repoCounts[r.language] = (repoCounts[r.language] ?? 0) + 1;\n  }\n  return Object.entries(languages)\n    .map(([name, bytes]) => {\n      const share = bytes / totalBytes;\n      const repoUse = repoCounts[name] ?? 0;\n      const level = Math.round(\n        Math.min(share * 140, 70) + Math.min(repoUse * 6, 30),\n      );\n      return { name, level: Math.min(level, 100), bytes, repos: repoUse };\n    })\n    .sort((a, b) => b.bytes - a.bytes)\n    .slice(0, 8);\n}\n\n/** Monthly contribution series for charts (last 12 months). */\nexport function monthlySeries(days: ContribDay[]): { month: string; count: number }[] {\n  const buckets: Record<string, number> = {};\n  for (const d of days) {\n    const key = d.date.slice(0, 7); // YYYY-MM\n    buckets[key] = (buckets[key] ?? 0) + d.count;\n  }\n  return Object.entries(buckets)\n    .sort((a, b) => a[0].localeCompare(b[0]))\n    .slice(-12)\n    .map(([month, count]) => ({ month, count }));\n}\n",[],[153,349],"19e575bd-5e36-46ac-a0a7-c0f8ba4c5391","ai.ts","dfb96ce0-64a8-11f1-9f04-1607ee4eb77e",6,["D",1781081189587],"import { OpenAI } from \"https://esm.town/v/std/openai\";\n\n/**\n * AI features powered by std/openai (no API key needed on Val Town).\n * Free tier uses cheap models like gpt-4o-mini. Every function returns\n * structured JSON parsed from the model output, with safe fallbacks.\n */\n\nconst MODEL = \"gpt-4o-mini\";\n\nasync function jsonComplete<T>(system: string, user: string, fallback: T): Promise<T> {\n  try {\n    const openai = new OpenAI();\n    const completion = await openai.chat.completions.create({\n      model: MODEL,\n      messages: [\n        { role: \"system\", content: system },\n        { role: \"user\", content: user },\n      ],\n      response_format: { type: \"json_object\" },\n      max_completion_tokens: 2000,\n    });\n    const text = completion.choices[0]?.message?.content ?? \"{}\";\n    return JSON.parse(text) as T;\n  } catch (e) {\n    console.error(\"AI error:\", (e as Error).message);\n    return fallback;\n  }\n}\n\nexport interface RepoReview {\n  score: number;\n  summary: string;\n  codeQuality: { score: number; notes: string[] };\n  readme: { score: number; suggestions: string[] };\n  bestPractices: string[];\n  featureIdeas: string[];\n}\n\nexport function reviewRepo(input: {\n  name: string;\n  description: string | null;\n  language: string | null;\n  stars: number;\n  forks: number;\n  openIssues: number;\n  readme: string | null;\n}): Promise<RepoReview> {\n  const system =\n    \"You are a senior staff engineer reviewing a GitHub repository for a developer's portfolio. \" +\n    \"Return strict JSON matching: {score:number(0-100), summary:string, \" +\n    \"codeQuality:{score:number,notes:string[]}, readme:{score:number,suggestions:string[]}, \" +\n    \"bestPractices:string[], featureIdeas:string[]}. Be specific and actionable.\";\n  const user = JSON.stringify({\n    name: input.name,\n    description: input.description,\n    language: input.language,\n    stars: input.stars,\n    forks: input.forks,\n    openIssues: input.openIssues,\n    readmeExcerpt: (input.readme ?? \"\").slice(0, 4000),\n  });\n  return jsonComplete<RepoReview>(system, user, {\n    score: 0,\n    summary: \"AI review is temporarily unavailable. Please try again.\",\n    codeQuality: { score: 0, notes: [] },\n    readme: { score: 0, suggestions: [] },\n    bestPractices: [],\n    featureIdeas: [],\n  });\n}\n\nexport interface ResumeResult {\n  atsScore: number;\n  strengths: string[];\n  weaknesses: string[];\n  suggestions: string[];\n  missingKeywords: string[];\n  summary: string;\n}\n\nexport function analyzeResume(text: string, targetRole?: string): Promise<ResumeResult> {\n  const system =\n    \"You are an expert technical recruiter and ATS specialist. Analyze the resume text. \" +\n    \"Return strict JSON: {atsScore:number(0-100), strengths:string[], weaknesses:string[], \" +\n    \"suggestions:string[], missingKeywords:string[], summary:string}. \" +\n    \"Score ATS-friendliness (formatting, keywords, quantified impact, clarity).\";\n  const user = JSON.stringify({ targetRole: targetRole ?? \"Software Engineer\", resume: text.slice(0, 8000) });\n  return jsonComplete<ResumeResult>(system, user, {\n    atsScore: 0,\n    strengths: [],\n    weaknesses: [],\n    suggestions: [\"Resume analysis is temporarily unavailable. Please try again.\"],\n    missingKeywords: [],\n    summary: \"\",\n  });\n}\n\nexport interface InterviewQuestion {\n  question: string;\n  category: string;\n  difficulty: string;\n  idealAnswer: string;\n}\n\nexport function generateInterview(input: {\n  role: string;\n  kind: string;\n  languages: string[];\n}): Promise<{ questions: InterviewQuestion[] }> {\n  const system =\n    \"You are a hiring manager preparing a candidate for interviews. Generate 6 questions. \" +\n    \"Return strict JSON: {questions:[{question,category,difficulty('easy'|'medium'|'hard'),idealAnswer}]}. \" +\n    \"Mix questions appropriate to the requested kind (technical/behavioral/mixed) and tech stack.\";\n  const user = JSON.stringify(input);\n  return jsonComplete<{ questions: InterviewQuestion[] }>(system, user, { questions: [] });\n}\n\nexport interface AnswerFeedback {\n  score: number;\n  feedback: string;\n  improvements: string[];\n}\n\nexport function gradeAnswer(question: string, answer: string): Promise<AnswerFeedback> {\n  const system =\n    \"You are an interview coach. Grade the candidate's answer 0-100 and give concise, specific feedback. \" +\n    \"Return strict JSON: {score:number, feedback:string, improvements:string[]}.\";\n  const user = JSON.stringify({ question, answer });\n  return jsonComplete<AnswerFeedback>(system, user, {\n    score: 0,\n    feedback: \"Feedback temporarily unavailable.\",\n    improvements: [],\n  });\n}\n\nexport interface InternshipMatch {\n  matchScore: number;\n  summary: string;\n  matchedRoles: { title: string; reason: string; fit: number }[];\n  skillGaps: { skill: string; importance: string; howToLearn: string }[];\n  careerRecommendations: string[];\n}\n\nexport function matchInternships(input: {\n  languages: { name: string; level: number }[];\n  repoCount: number;\n  topRepos: { name: string; description: string | null; stars: number }[];\n  targetRole?: string;\n}): Promise<InternshipMatch> {\n  const system =\n    \"You are a career advisor for early-career developers seeking internships/junior roles. \" +\n    \"Given the candidate's skills and projects, assess fit. Return strict JSON: \" +\n    \"{matchScore:number(0-100), summary:string, \" +\n    \"matchedRoles:[{title,reason,fit:number}], \" +\n    \"skillGaps:[{skill,importance('high'|'medium'|'low'),howToLearn}], \" +\n    \"careerRecommendations:string[]}.\";\n  const user = JSON.stringify(input);\n  return jsonComplete<InternshipMatch>(system, user, {\n    matchScore: 0,\n    summary: \"Matching is temporarily unavailable. Please try again.\",\n    matchedRoles: [],\n    skillGaps: [],\n    careerRecommendations: [],\n  });\n}\n",[],[153,357],["D",1781081097986],[169,170,171,172,173],[153],["D",1781081075707],{"_100":99,"_107":102},{"_100":99,"_101":102,"_103":102,"_19":60,"_104":105,"_106":30},{"_13":89,"_37":90,"_48":47,"_91":49,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":50,"_98":99},"ctx",{"_82":-5,"_127":404,"_405":406,"_407":408,"_409":30,"_410":30,"_411":30,"_412":125,"_413":-5,"_414":-7,"_415":-7,"_416":66,"_417":30,"_418":30,"_419":-5,"_420":30,"_421":30,"_422":30,"_423":-5},"ENV",{"_375":376,"_377":378,"_379":90,"_380":381,"_382":383,"_384":385,"_386":387,"_388":389,"_390":391,"_392":393,"_394":395,"_396":397,"_398":399,"_400":401,"_402":403},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]
</article></body></html>

Diff · v21