\n \n\n`;\n\napp.get(\"*\", (c) => {\n const val = parseVal();\n const slug = val.username + \"/\" + val.name;\n return c.html(SHELL(slug));\n});\n\nexport default app.fetch;\n","children",[],[100],"c0b47894-78c9-4a4f-881a-d87317d8d964","README.md","325a0b56-8030-11f1-bd25-1607ee4eb77e",23,["D",1784108646298],"# 🎯 AI Interview Coach\n\nAI-powered interview practice platform with resume analysis, personalized question generation, instant scoring, and detailed feedback.\n\n## Features\n\n- **Authentication** — Register & login with secure token-based auth\n- **Resume Upload** — Upload resume text to generate personalized interview questions\n- **AI Question Generation** — Auto-generates interview questions tailored to the role and difficulty (uses OpenAI if `OPENAI_API_KEY` is set, otherwise falls back to a curated question bank)\n- **AI Answer Scoring** — Submit answers and receive instant 1-10 scoring with strengths, improvements, and actionable feedback\n- **Dashboard** — Track total sessions, completion rate, average score, and questions answered\n- **Session History** — Review past sessions with question-by-question breakdown\n- **Modern Responsive UI** — Dark-themed React SPA with Twind/Tailwind, works on mobile and desktop\n\n## Architecture\n\n```\nindex.ts — Hono HTTP entry point (API routes + SPA shell)\napi/\n db.ts — SQLite schema (users, resumes, sessions, questions, answers)\n auth.ts — Token-based auth (register, login, middleware)\n ai.ts — AI question generation + answer scoring (OpenAI + fallback)\n resume.ts — Resume CRUD routes\n sessions.ts — Session creation, answer submission, scoring, stats\napp/\n App.tsx — Main React app with state-based routing & nav\n components.tsx — Shared UI: Button, Card, Input, ScoreRing, Badge, etc.\n pages/\n Login.tsx — Login / Register page\n Dashboard.tsx — Stats grid + session/resume tabs\n NewInterview.tsx — Role & difficulty selector\n Interview.tsx — Question-by-question practice with live scoring\n Results.tsx — Session summary + per-question breakdown\n ResumeUpload.tsx — File upload or paste resume text\n```\n\n## Tech Stack\n\n- **Backend**: Hono on Val Town (Deno runtime)\n- **Frontend**: React 18 + Twind (Tailwind at runtime)\n- **Database**: Val Town built-in SQLite (Turso/libSQL)\n- **AI**: OpenAI GPT-4o-mini (optional — works without it)\n\n## Environment Variables\n\n| Key | Required | Description |\n|-----|----------|-------------|\n| `OPENAI_API_KEY` | No | OpenAI API key for AI-powered questions & scoring. Without it, the app uses a built-in question bank and heuristic scoring. |\n| `AUTH_SECRET` | No | Secret key for password hashing & token signing. Without it, a default is used (set for production). |\n\n👉 Add OPENAI_API_KEY here: https://www.val.town/x/atchayaa/ai-interview-coach/environment-variables?key=OPENAI_API_KEY\n\n👉 Add AUTH_SECRET here: https://www.val.town/x/atchayaa/ai-interview-coach/environment-variables?key=AUTH_SECRET\n\n## API Endpoints\n\n| Method | Path | Description |\n|--------|------|-------------|\n| POST | `/api/auth/register` | Register new user |\n| POST | `/api/auth/login` | Login |\n| GET | `/api/auth/me` | Get current user |\n| POST | `/api/resume/upload` | Upload resume text |\n| GET | `/api/resume/list` | List user's resumes |\n| GET | `/api/resume/:id` | Get resume content |\n| DELETE | `/api/resume/:id` | Delete resume |\n| POST | `/api/sessions/create` | Create session + generate questions |\n| GET | `/api/sessions/list` | List user's sessions |\n| GET | `/api/sessions/:id` | Get session details with Q&A |\n| POST | `/api/sessions/:id/answer` | Submit answer & get score |\n| POST | `/api/sessions/:id/complete` | Mark session complete |\n| GET | `/api/sessions/stats/dashboard` | Dashboard aggregate stats |\n",[],[111],"d9f446f7-3e49-44c7-8db0-0f63286b312c","app","ec70965c-0073-4c31-b02a-96fb780e5865",8,["D",1784108379032],[125,126,127],[119],{"_38":143,"_13":144,"_41":145,"_43":120,"_45":46,"_47":146,"_49":50,"_51":147,"_17":74,"_54":93,"_56":-5,"_58":59,"_60":-5,"_107":148,"_18":149},{"_38":135,"_13":136,"_41":137,"_43":120,"_45":46,"_47":138,"_49":50,"_51":139,"_17":74,"_54":55,"_56":140,"_58":59,"_60":-5,"_107":141,"_18":142},{"_38":128,"_13":129,"_41":130,"_43":120,"_45":46,"_47":121,"_49":50,"_51":131,"_17":74,"_54":55,"_56":132,"_58":59,"_60":-5,"_107":133,"_18":134},"d5841b54-c6e6-4160-b6da-41ccabe13ab6","components.tsx","194b66ae-8031-11f1-a5fb-1607ee4eb77e",["D",1784108379032],"import React from \"https://esm.sh/react@18.2.0\";\n\n// ─── Button ───────────────────────────────────────────────────────────\nexport function Button({\n children,\n onClick,\n variant = \"primary\",\n size = \"md\",\n disabled,\n className = \"\",\n type = \"button\",\n}: {\n children: React.ReactNode;\n onClick?: () => void;\n variant?: \"primary\" | \"secondary\" | \"ghost\" | \"danger\";\n size?: \"sm\" | \"md\" | \"lg\";\n disabled?: boolean;\n className?: string;\n type?: \"button\" | \"submit\";\n}) {\n const variants: Record = {\n primary: \"bg-indigo-600 hover:bg-indigo-500 text-white shadow-lg shadow-indigo-600/20\",\n secondary: \"bg-slate-800 hover:bg-slate-700 text-slate-200 border border-slate-700\",\n ghost: \"hover:bg-slate-800 text-slate-300\",\n danger: \"bg-red-600 hover:bg-red-500 text-white\",\n };\n const sizes: Record = {\n sm: \"px-3 py-1.5 text-sm\",\n md: \"px-4 py-2.5 text-sm\",\n lg: \"px-6 py-3 text-base\",\n };\n return (\n \n {children}\n \n );\n}\n\n// ─── Card ─────────────────────────────────────────────────────────────\nexport function Card({ children, className = \"\" }: { children: React.ReactNode; className?: string }) {\n return (\n

\n {children}\n

\n );\n}\n\n// ─── Input ────────────────────────────────────────────────────────────\nexport function Input({\n label,\n type = \"text\",\n value,\n onChange,\n placeholder,\n required,\n className = \"\",\n}: {\n label?: string;\n type?: string;\n value: string;\n onChange: (v: string) => void;\n placeholder?: string;\n required?: boolean;\n className?: string;\n}) {\n return (\n

\n {label && {label}}\n onChange(e.target.value)}\n placeholder={placeholder}\n required={required}\n className=\"w-full bg-slate-950 border border-slate-700 rounded-lg px-4 py-2.5 text-slate-100 placeholder-slate-500 focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 transition-colors\"\n />\n

\n );\n}\n\n// ─── Textarea ─────────────────────────────────────────────────────────\nexport function Textarea({\n label,\n value,\n onChange,\n placeholder,\n rows = 5,\n className = \"\",\n}: {\n label?: string;\n value: string;\n onChange: (v: string) => void;\n placeholder?: string;\n rows?: number;\n className?: string;\n}) {\n return (\n

\n {label && {label}}\n onChange(e.target.value)}\n placeholder={placeholder}\n rows={rows}\n className=\"w-full bg-slate-950 border border-slate-700 rounded-lg px-4 py-3 text-slate-100 placeholder-slate-500 focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 transition-colors\"\n />\n

\n );\n}\n\n// ─── ScoreRing (circular progress indicator) ──────────────────────────\nexport function ScoreRing({ score, size = 120 }: { score: number; size?: number }) {\n const radius = (size - 16) / 2;\n const circumference = 2 * Math.PI * radius;\n const offset = circumference - (score / 10) * circumference;\n const color = score >= 8 ? \"#22c55e\" : score >= 6 ? \"#eab308\" : score >= 4 ? \"#f97316\" : \"#ef4444\";\n\n return (\n

\n \n

\n {score}\n / 10\n

\n );\n}\n\n// ─── Badge ────────────────────────────────────────────────────────────\nexport function Badge({ children, variant = \"default\" }: { children: React.ReactNode; variant?: \"default\" | \"success\" | \"warning\" | \"danger\" | \"info\" }) {\n const variants: Record = {\n default: \"bg-slate-800 text-slate-300 border-slate-700\",\n success: \"bg-green-900/40 text-green-400 border-green-800\",\n warning: \"bg-yellow-900/40 text-yellow-400 border-yellow-800\",\n danger: \"bg-red-900/40 text-red-400 border-red-800\",\n info: \"bg-indigo-900/40 text-indigo-400 border-indigo-800\",\n };\n return (\n \n {children}\n \n );\n}\n\n// ─── Spinner ──────────────────────────────────────────────────────────\nexport function Spinner({ label }: { label?: string }) {\n return (\n

\n {label && {label}}\n

\n );\n}\n\n// ─── EmptyState ───────────────────────────────────────────────────────\nexport function EmptyState({ icon, title, subtitle, action }: { icon: string; title: string; subtitle: string; action?: React.ReactNode }) {\n return (\n

{icon}

{title}

{subtitle}

\n {action}\n

\n );\n}\n\n// ─── StatCard ─────────────────────────────────────────────────────────\nexport function StatCard({ label, value, icon, color = \"indigo\" }: { label: string; value: React.ReactNode; icon: string; color?: string }) {\n const colors: Record = {\n indigo: \"from-indigo-600/20 to-indigo-900/5 text-indigo-400\",\n green: \"from-green-600/20 to-green-900/5 text-green-400\",\n yellow: \"from-yellow-600/20 to-yellow-900/5 text-yellow-400\",\n blue: \"from-blue-600/20 to-blue-900/5 text-blue-400\",\n };\n return (\n

\n {icon}\n

{value}

{label}

\n );\n}\n",[],[119,129],"d2128ed0-7d23-4094-a269-2bb84858a06f","App.tsx","86b9288e-8031-11f1-a5fb-1607ee4eb77e",15,["D",1784108562715],"import React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { Button } from \"./components.tsx\";\nimport Login from \"./pages/Login.tsx\";\nimport Dashboard from \"./pages/Dashboard.tsx\";\nimport NewInterview from \"./pages/NewInterview.tsx\";\nimport Interview from \"./pages/Interview.tsx\";\nimport Results from \"./pages/Results.tsx\";\nimport ResumeUpload from \"./pages/ResumeUpload.tsx\";\n\ntype Page = \"login\" | \"dashboard\" | \"new-interview\" | \"interview\" | \"results\" | \"resume\";\n\nexport default function App() {\n const [token, setToken] = useState(null);\n const [user, setUser] = useState(null);\n const [page, setPage] = useState(\"login\");\n const [pageData, setPageData] = useState(null);\n const [bootLoading, setBootLoading] = useState(true);\n\n // Restore session on mount\n useEffect(() => {\n const savedToken = localStorage.getItem(\"token\");\n const savedUser = localStorage.getItem(\"user\");\n if (savedToken && savedUser) {\n // Validate token\n fetch(\"/api/auth/me\", { headers: { Authorization: `Bearer ${savedToken}` } })\n .then((r) => {\n if (r.ok) {\n setToken(savedToken);\n setUser(JSON.parse(savedUser));\n setPage(\"dashboard\");\n } else {\n localStorage.removeItem(\"token\");\n localStorage.removeItem(\"user\");\n }\n })\n .catch(() => {})\n .finally(() => setBootLoading(false));\n } else {\n setBootLoading(false);\n }\n }, []);\n\n const navigate = useCallback((p: string, data?: any) => {\n setPage(p as Page);\n setPageData(data);\n window.scrollTo(0, 0);\n }, []);\n\n const handleAuth = (t: string, u: any) => {\n setToken(t);\n setUser(u);\n setPage(\"dashboard\");\n };\n\n const logout = () => {\n localStorage.removeItem(\"token\");\n localStorage.removeItem(\"user\");\n setToken(null);\n setUser(null);\n setPage(\"login\");\n };\n\n if (bootLoading) {\n return (\n

\n );\n }\n\n // Not authenticated\n if (!token || !user) {\n return ;\n }\n\n // Authenticated — render page with nav\n return (\n

\n {/* Top Navigation */}\n

\n navigate(\"dashboard\")}\n className=\"flex items-center gap-2 font-bold text-white hover:opacity-80 transition-opacity\"\n >\n 🎯\n AI Interview Coach\n \n\n

\n navigate(\"dashboard\")}\n className={`text-sm px-3 py-1.5 rounded-lg transition-colors ${page === \"dashboard\" ? \"bg-slate-800 text-white\" : \"text-slate-400 hover:text-slate-200\"}`}\n >\n 📊Dashboard\n \n navigate(\"resume\")}\n className={`text-sm px-3 py-1.5 rounded-lg transition-colors ${page === \"resume\" ? \"bg-slate-800 text-white\" : \"text-slate-400 hover:text-slate-200\"}`}\n >\n 📄Resume\n \n

\n {user.name?.[0]?.toUpperCase() || \"U\"}\n

\n \n \n

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

\n {page === \"dashboard\" && }\n {page === \"new-interview\" && }\n {page === \"interview\" && pageData && }\n {page === \"results\" && pageData && }\n {page === \"resume\" && }\n

\n\n {/* Footer */}\n \n

\n );\n}\n",[],[119,136],"6815cdf0-5823-456c-80b8-ed92ded64f01","pages","a1f7b1a1-b6ac-45fc-a677-a41ebec81e22",9,["D",1784108426095],[150,151,152,153,154,155],[119,144],{"_38":195,"_13":196,"_41":197,"_43":145,"_45":46,"_47":198,"_49":50,"_51":199,"_17":74,"_54":55,"_56":200,"_58":59,"_60":-5,"_107":201,"_18":202},{"_38":187,"_13":188,"_41":189,"_43":145,"_45":46,"_47":190,"_49":50,"_51":191,"_17":74,"_54":55,"_56":192,"_58":59,"_60":-5,"_107":193,"_18":194},{"_38":180,"_13":181,"_41":182,"_43":145,"_45":46,"_47":146,"_49":50,"_51":183,"_17":74,"_54":55,"_56":184,"_58":59,"_60":-5,"_107":185,"_18":186},{"_38":172,"_13":173,"_41":174,"_43":145,"_45":46,"_47":175,"_49":50,"_51":176,"_17":74,"_54":55,"_56":177,"_58":59,"_60":-5,"_107":178,"_18":179},{"_38":164,"_13":165,"_41":166,"_43":145,"_45":46,"_47":167,"_49":50,"_51":168,"_17":74,"_54":55,"_56":169,"_58":59,"_60":-5,"_107":170,"_18":171},{"_38":156,"_13":157,"_41":158,"_43":145,"_45":46,"_47":159,"_49":50,"_51":160,"_17":74,"_54":55,"_56":161,"_58":59,"_60":-5,"_107":162,"_18":163},"2a0eeede-fb83-4822-8e02-aa148cfad76a","ResumeUpload.tsx","7f1388d6-8031-11f1-81d0-1607ee4eb77e",14,["D",1784108549887],"import React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Card, Button, Input, Textarea, Spinner } from \"../components.tsx\";\n\nexport default function ResumeUpload({ token, navigate }: { token: string; navigate: (page: string, data?: any) => void }) {\n const [filename, setFilename] = useState(\"\");\n const [content, setContent] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n const [success, setSuccess] = useState(false);\n\n const handleFile = async (e: React.ChangeEvent) => {\n const file = e.target.files?.[0];\n if (!file) return;\n setFilename(file.name);\n setError(\"\");\n\n if (file.size > 50000) {\n setError(\"File too large (max 50KB). Please paste your resume text manually.\");\n return;\n }\n\n const text = await file.text();\n setContent(text);\n };\n\n const upload = async () => {\n if (!filename || !content) {\n setError(\"Please provide a filename and resume content\");\n return;\n }\n setLoading(true);\n setError(\"\");\n\n try {\n const res = await fetch(\"/api/resume/upload\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\", Authorization: `Bearer ${token}` },\n body: JSON.stringify({ filename, content }),\n });\n const data = await res.json();\n if (!res.ok) {\n setError(data.error || \"Upload failed\");\n setLoading(false);\n return;\n }\n setSuccess(true);\n setTimeout(() => navigate(\"dashboard\"), 1500);\n } catch (e) {\n setError(\"Network error. Please try again.\");\n setLoading(false);\n }\n };\n\n return (\n

\n \n\n

📄 Upload Resume

Paste your resume text or upload a .txt file. We'll use it to generate personalized interview questions.

\n\n \n {/* File Upload */}\n

\n Upload File\n \n

📁

\n Click to select a .txt file\n Max 50KB\n \n \n

\n\n

— or —

\n\n {/* Manual Entry */}\n \n \n\n

{content.length} characters

\n\n {error && (\n

{error}

\n )}\n\n {success && (\n

\n ✅ Resume uploaded successfully! Redirecting...\n

\n )}\n\n \n \n

\n );\n}\n",[],[119,144,157],"ef52ca78-c21b-4cc2-b0fc-74e8cf1d8dc4","Results.tsx","6e583f5a-8031-11f1-8900-1607ee4eb77e",13,["D",1784108521700],"import React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { Card, Button, Badge, ScoreRing, Spinner, EmptyState } from \"../components.tsx\";\n\nexport default function Results({ token, data, navigate }: { token: string; data: any; navigate: (page: string, data?: any) => void }) {\n const [sessionData, setSessionData] = useState(null);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n fetch(`/api/sessions/${data.sessionId}`, {\n headers: { Authorization: `Bearer ${token}` },\n })\n .then((r) => r.json())\n .then((d) => {\n setSessionData(d);\n setLoading(false);\n });\n }, [token, data.sessionId]);\n\n if (loading) return ;\n\n const { session, questions, avgScore, totalAnswered } = sessionData;\n const scoreColor = avgScore >= 8 ? \"#22c55e\" : avgScore >= 6 ? \"#eab308\" : avgScore >= 4 ? \"#f97316\" : \"#ef4444\";\n const scoreLabel = avgScore >= 8 ? \"Excellent!\" : avgScore >= 6 ? \"Good Job!\" : avgScore >= 4 ? \"Keep Practicing\" : \"Needs Work\";\n\n return (\n

\n \n\n {/* Summary Header */}\n \n

{session.role} — Session Results

\n {session.difficulty}\n \n {session.status === \"completed\" ? \"Completed\" : \"In Progress\"}\n \n

\n\n

\n {avgScore !== null && avgScore !== undefined ? (\n

\n \n {scoreLabel}\n

\n ) : (\n

No answers submitted yet.

\n )}\n\n

\n 📝\n

{questions.length}

Total Questions

\n 💬\n

{totalAnswered}

Answered

\n\n

\n \n \n

\n \n\n {/* Question-by-Question Breakdown */}\n

📋 Question Breakdown

\n {questions.map((q: any, idx: number) => (\n \n

\n {idx + 1}\n

\n {q.category}\n \n {q.difficulty}\n \n {q.score !== null && q.score !== undefined && (\n = 8 ? \"success\" : q.score >= 6 ? \"warning\" : \"danger\"}>\n Score: {q.score}/10\n \n )}\n

\n\n

{q.question_text}

\n\n {q.answer_text ? (\n

Your Answer:

{q.answer_text}

\n\n {q.feedback && (\n

💬 {q.feedback}

\n {q.strengths &&

✅ {q.strengths}

}\n {q.improvements &&

💡 {q.improvements}

}\n

\n )}\n

\n ) : (\n

Not answered

\n )}\n

\n \n ))}\n

\n );\n}\n",[],[119,144,165],"f67a7075-d6f6-4489-bfc9-57949983c07f","NewInterview.tsx","566d33dc-8031-11f1-9d2e-1607ee4eb77e",11,["D",1784108481687],"import React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { Card, Button, Input, Badge, Spinner } from \"../components.tsx\";\n\nconst ROLES = [\n \"Software Engineer\", \"Frontend Developer\", \"Backend Developer\", \"Full Stack Developer\",\n \"Data Scientist\", \"Product Manager\", \"DevOps Engineer\", \"Engineering Manager\",\n \"UX Designer\", \"ML Engineer\", \"Security Engineer\", \"QA Engineer\",\n];\n\nexport default function NewInterview({ token, navigate }: { token: string; navigate: (page: string, data?: any) => void }) {\n const [role, setRole] = useState(\"\");\n const [customRole, setCustomRole] = useState(\"\");\n const [difficulty, setDifficulty] = useState(\"medium\");\n const [questionCount, setQuestionCount] = useState(5);\n const [resumes, setResumes] = useState([]);\n const [selectedResume, setSelectedResume] = useState(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n\n useEffect(() => {\n fetch(\"/api/resume/list\", { headers: { Authorization: `Bearer ${token}` } })\n .then((r) => r.json())\n .then((data) => setResumes(data.resumes || []));\n }, [token]);\n\n const startSession = async () => {\n const finalRole = role || customRole;\n if (!finalRole) {\n setError(\"Please select or enter a role\");\n return;\n }\n setLoading(true);\n setError(\"\");\n\n try {\n const res = await fetch(\"/api/sessions/create\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\", Authorization: `Bearer ${token}` },\n body: JSON.stringify({\n role: finalRole,\n difficulty,\n resumeId: selectedResume,\n questionCount,\n }),\n });\n const data = await res.json();\n if (!res.ok) {\n setError(data.error || \"Failed to create session\");\n setLoading(false);\n return;\n }\n navigate(\"interview\", { session: data.session, questions: data.questions });\n } catch (e) {\n setError(\"Network error. Please try again.\");\n setLoading(false);\n }\n };\n\n return (\n

\n \n

New Interview Session

Configure your practice session and let AI generate tailored questions.

\n\n \n {/* Role Selection */}\n

\n Target Role\n

\n {ROLES.map((r) => (\n { setRole(r); setCustomRole(\"\"); }}\n className={`px-3 py-2.5 text-sm rounded-lg border transition-all ${role === r ? \"bg-indigo-600 border-indigo-500 text-white\" : \"bg-slate-950 border-slate-700 text-slate-300 hover:border-slate-600\"}`}\n >\n {r}\n \n ))}\n

\n { setCustomRole(v); setRole(\"\"); }} placeholder=\"Or enter a custom role...\" />\n

\n\n {/* Difficulty */}\n

\n Difficulty Level\n

\n {([\"easy\", \"medium\", \"hard\"] as const).map((d) => (\n setDifficulty(d)}\n className={`px-4 py-3 rounded-lg border transition-all capitalize ${difficulty === d ? \"bg-indigo-600 border-indigo-500 text-white\" : \"bg-slate-950 border-slate-700 text-slate-300 hover:border-slate-600\"}`}\n >\n {d === \"easy\" && \"🟢 \"}{d === \"medium\" && \"🟡 \"}{d === \"hard\" && \"🔴 \"}{d}\n \n ))}\n

\n\n {/* Question Count */}\n

\n Number of Questions: {questionCount}\n setQuestionCount(parseInt(e.target.value))}\n className=\"w-full accent-indigo-500\"\n />\n

\n 3 (Quick)10 (Thorough)\n

\n\n {/* Resume Selection */}\n {resumes.length > 0 && (\n

\n Attach Resume (Optional)\n setSelectedResume(e.target.value ? parseInt(e.target.value) : null)}\n className=\"w-full bg-slate-950 border border-slate-700 rounded-lg px-4 py-2.5 text-slate-100 focus:outline-none focus:border-indigo-500\"\n >\n \n {resumes.map((r: any) => (\n \n ))}\n \n

📎 Attaching a resume generates personalized questions based on your experience.

\n )}\n\n {resumes.length === 0 && (\n

\n 💡 Upload a resume for personalized questions\n \n

\n )}\n\n {error && (\n

{error}

\n )}\n\n \n \n

\n );\n}\n",[],[119,144,173],"dce57697-9eef-4c40-ac43-e4b5ca14e79e","Login.tsx","354bbfd4-8031-11f1-a328-1607ee4eb77e",["D",1784108426095],"import React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Button, Input, Card } from \"../components.tsx\";\n\nexport default function Login({ onAuth }: { onAuth: (token: string, user: any) => void }) {\n const [mode, setMode] = useState<\"login\" | \"register\">(\"login\");\n const [email, setEmail] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [name, setName] = useState(\"\");\n const [error, setError] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setError(\"\");\n setLoading(true);\n\n try {\n const endpoint = mode === \"login\" ? \"/api/auth/login\" : \"/api/auth/register\";\n const body = mode === \"login\" ? { email, password } : { email, password, name };\n const res = await fetch(endpoint, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(body),\n });\n const data = await res.json();\n\n if (!res.ok) {\n setError(data.error || \"Something went wrong\");\n setLoading(false);\n return;\n }\n\n localStorage.setItem(\"token\", data.token);\n localStorage.setItem(\"user\", JSON.stringify(data.user));\n onAuth(data.token, data.user);\n } catch (e) {\n setError(\"Network error. Please try again.\");\n setLoading(false);\n }\n };\n\n return (\n

🎯

AI Interview Coach

Practice smarter. Land your dream job.

\n\n \n

\n { setMode(\"login\"); setError(\"\"); }}\n className={`flex-1 py-2 rounded-md text-sm font-medium transition-colors ${mode === \"login\" ? \"bg-indigo-600 text-white\" : \"text-slate-400 hover:text-slate-200\"}`}\n >\n Sign In\n \n { setMode(\"register\"); setError(\"\"); }}\n className={`flex-1 py-2 rounded-md text-sm font-medium transition-colors ${mode === \"register\" ? \"bg-indigo-600 text-white\" : \"text-slate-400 hover:text-slate-200\"}`}\n >\n Sign Up\n \n

\n\n \n \n\n

\n By continuing, you agree to our Terms of Service and Privacy Policy.\n

\n );\n}\n",[],[119,144,181],"4a53babf-05de-47ed-9ced-3dc5103bda4d","Interview.tsx","65b5324a-8031-11f1-b2a0-1607ee4eb77e",12,["D",1784108507324],"import React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Card, Button, Textarea, Badge, ScoreRing, Spinner } from \"../components.tsx\";\n\nexport default function Interview({ token, data, navigate }: { token: string; data: any; navigate: (page: string, data?: any) => void }) {\n const { session, questions } = data;\n const [currentIdx, setCurrentIdx] = useState(0);\n const [answers, setAnswers] = useState>({});\n const [results, setResults] = useState>({});\n const [submitting, setSubmitting] = useState(false);\n const [showFeedback, setShowFeedback] = useState(false);\n\n const currentQuestion = questions[currentIdx];\n const isLastQuestion = currentIdx === questions.length - 1;\n const answeredCount = Object.keys(results).length;\n\n const submitAnswer = async () => {\n const answer = answers[currentQuestion.id] || \"\";\n if (answer.trim().length < 10) return;\n\n setSubmitting(true);\n setShowFeedback(false);\n\n try {\n const res = await fetch(`/api/sessions/${session.id}/answer`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\", Authorization: `Bearer ${token}` },\n body: JSON.stringify({ questionId: currentQuestion.id, answer }),\n });\n const data = await res.json();\n if (res.ok) {\n setResults({ ...results, [currentQuestion.id]: data });\n setShowFeedback(true);\n }\n } catch (e) {\n console.error(\"Submit error:\", e);\n }\n setSubmitting(false);\n };\n\n const nextQuestion = () => {\n setShowFeedback(false);\n if (isLastQuestion) {\n completeSession();\n } else {\n setCurrentIdx(currentIdx + 1);\n }\n };\n\n const completeSession = async () => {\n await fetch(`/api/sessions/${session.id}/complete`, {\n method: \"POST\",\n headers: { Authorization: `Bearer ${token}` },\n });\n navigate(\"results\", { sessionId: session.id });\n };\n\n return (\n

\n {/* Header */}\n

\n \n

{session.role} Interview

\n {session.difficulty}\n Question {currentIdx + 1} of {questions.length}\n

\n {answeredCount}/{questions.length} answered\n

\n\n {/* Progress Bar */}\n

\n \n

\n\n {/* Question Card */}\n \n

\n ❓\n

\n {currentQuestion.category}\n \n {currentQuestion.difficulty}\n \n

{currentQuestion.question_text}

\n \n\n {/* Answer Area */}\n \n setAnswers({ ...answers, [currentQuestion.id]: v })}\n placeholder=\"Type your answer here. Use the STAR method: Situation, Task, Action, Result. Be specific and include metrics where possible.\"\n rows={8}\n />\n

\n \n {(answers[currentQuestion.id] || \"\").trim().split(/\\s+/).filter(Boolean).length} words\n {(answers[currentQuestion.id] || \"\").trim().length < 10 && \" — at least 10 characters required\"}\n \n \n

\n \n\n {/* Feedback */}\n {showFeedback && results[currentQuestion.id] && (\n \n

\n \n Your Score\n

📊 AI Feedback

{results[currentQuestion.id].feedback}

\n\n {results[currentQuestion.id].strengths && (\n

✅ Strengths

{results[currentQuestion.id].strengths}

\n )}\n\n {results[currentQuestion.id].improvements && (\n

💡 Areas to Improve

{results[currentQuestion.id].improvements}

\n )}\n

\n\n

\n \n \n

\n \n )}\n\n {/* Question Navigator */}\n

\n {questions.map((q: any, idx: number) => (\n { setCurrentIdx(idx); setShowFeedback(!!results[q.id]); }}\n className={`w-9 h-9 rounded-lg text-sm font-medium transition-all ${\n idx === currentIdx\n ? \"bg-indigo-600 text-white\"\n : results[q.id]\n ? \"bg-green-900/40 text-green-400 border border-green-800\"\n : \"bg-slate-800 text-slate-400 border border-slate-700\"\n }`}\n >\n {idx + 1}\n \n ))}\n

\n );\n}\n",[],[119,144,188],"47667314-13bd-4632-b8f0-4d37c2eefd0b","Dashboard.tsx","45aef90e-8031-11f1-81d0-1607ee4eb77e",10,["D",1784108453591],"import React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { Card, Button, Badge, StatCard, EmptyState, Spinner } from \"../components.tsx\";\n\nexport default function Dashboard({ token, user, navigate }: { token: string; user: any; navigate: (page: string, data?: any) => void }) {\n const [stats, setStats] = useState(null);\n const [sessions, setSessions] = useState([]);\n const [resumes, setResumes] = useState([]);\n const [loading, setLoading] = useState(true);\n const [tab, setTab] = useState<\"overview\" | \"sessions\" | \"resumes\">(\"overview\");\n\n const api = useCallback((path: string, opts: any = {}) => {\n return fetch(path, {\n ...opts,\n headers: { ...opts.headers, Authorization: `Bearer ${token}` },\n }).then((r) => r.json());\n }, [token]);\n\n useEffect(() => {\n Promise.all([\n api(\"/api/sessions/stats/dashboard\"),\n api(\"/api/sessions/list\"),\n api(\"/api/resume/list\"),\n ]).then(([s, sess, res]) => {\n setStats(s);\n setSessions(sess.sessions || []);\n setResumes(res.resumes || []);\n setLoading(false);\n });\n }, [api]);\n\n const deleteResume = async (id: number) => {\n if (!confirm(\"Delete this resume?\")) return;\n await api(`/api/resume/${id}`, { method: \"DELETE\" });\n setResumes(resumes.filter((r) => r.id !== id));\n };\n\n if (loading) return ;\n\n return (\n

\n {/* Header */}\n

Welcome back, {user.name} 👋

Ready to crush your next interview?

\n \n

\n\n {/* Stats Grid */}\n

\n \n \n \n \n

\n\n {/* Tabs */}\n

\n {([\"overview\", \"sessions\", \"resumes\"] as const).map((t) => (\n setTab(t)}\n className={`px-4 py-2.5 text-sm font-medium border-b-2 transition-colors ${tab === t ? \"border-indigo-500 text-indigo-400\" : \"border-transparent text-slate-400 hover:text-slate-200\"}`}\n >\n {t === \"overview\" ? \"Recent Sessions\" : t === \"sessions\" ? \"All Sessions\" : \"My Resumes\"}\n \n ))}\n

\n\n {/* Tab Content */}\n {tab === \"overview\" || tab === \"sessions\" ? (\n sessions.length === 0 ? (\n navigate(\"new-interview\")}>Start Your First Session}\n />\n ) : (\n

\n {sessions.slice(0, tab === \"overview\" ? 5 : 100).map((s: any) => (\n \n

navigate(\"results\", { sessionId: s.id })}>\n

\n {s.status === \"completed\" ? \"✅\" : \"🎤\"}\n

{s.role}

\n \n {s.difficulty}\n \n {s.answered_questions || 0}/{s.total_questions || 0} answered\n {s.avg_score && ★ {s.avg_score}}\n

\n \n \n

\n \n ))}\n

\n )\n ) : (\n /* Resumes Tab */\n

\n {resumes.length === 0 ? (\n navigate(\"resume\")}>Upload Resume}\n />\n ) : (\n

\n {resumes.map((r: any) => (\n \n

📄

{r.filename}

\n {new Date(r.uploaded_at).toLocaleDateString()}\n

\n \n \n ))}\n

\n \n

\n )}\n

\n );\n}\n",[],[119,144,196],["D",1784108236504],[206,207,208,209,210],[19],{"_38":84,"_13":85,"_41":86,"_43":44,"_45":46,"_47":87,"_49":50,"_51":223,"_17":74,"_54":55,"_56":89,"_58":59,"_60":-5,"_107":224,"_18":225},{"_38":77,"_13":78,"_41":79,"_43":44,"_45":46,"_47":80,"_49":50,"_51":220,"_17":53,"_54":55,"_56":82,"_58":59,"_60":-5,"_107":221,"_18":222},{"_38":69,"_13":70,"_41":71,"_43":44,"_45":46,"_47":72,"_49":50,"_51":217,"_17":74,"_54":55,"_56":75,"_58":59,"_60":-5,"_107":218,"_18":219},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":214,"_17":53,"_54":55,"_56":67,"_58":59,"_60":-5,"_107":215,"_18":216},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":211,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_107":212,"_18":213},["D",1784108596503],[],[19,40],["D",1784108596505],[],[19,63],["D",1784108262491],[],[19,70],["D",1784108596492],[],[19,78],["D",1784108236504],[],[19,85],"67a14da9-2155-44da-996d-f322b246c92f",["D",1784107974931],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","AI Interview Coach with resume, questions, scoring & dashboard","imageUrl","userId","8b9bb32f-1f9d-4601-93f9-7ca3e0585138","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019f651a-0a7d-7116-8443-ffe1ed057e87","tursoName","67a14da9215544da996df322b246c92f","tursoHostname","67a14da9215544da996df322b246c92f-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789527031073],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_283":279},"org",{"_11":12,"_276":277,"_278":279,"_236":237,"_280":281,"_282":59},"branch",{"_17":113,"_13":16,"_38":46,"_268":226,"_269":-5,"_270":-5,"_271":-5,"_272":-5,"_273":-5,"_274":14,"_275":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Atchaya Atchaya","avatar","https://lh3.googleusercontent.com/a/ACg8ocL_l8hTvdVg5l6W_4CQncx-_E15DDjJtYg03TPEzxNSS6Bkxw=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_38":226,"_13":14,"_51":377,"_228":-5,"_229":59,"_230":231,"_232":231,"_233":234,"_235":-5,"_236":237,"_238":101,"_239":50,"_240":-5,"_241":-5,"_242":74,"_243":244,"_245":246,"_247":248,"_249":378,"_251":-5,"_252":253,"_254":253,"_255":256,"_257":256,"_258":256,"_259":253,"_260":253,"_261":379,"_263":380,"_265":381,"_267":59},[323,329,339,340],"files",[323,324,325,326,327,328,329,330,331,332,333,334,335,336,337,338,339,340],"counts",{"_314":74,"_315":53,"_316":74,"_32":317,"_318":319},[304,305,306,307,308],{"_38":91,"_13":19,"_41":44,"_43":-5,"_45":46,"_47":87,"_49":50,"_51":92,"_17":74,"_54":93,"_56":-5,"_58":59,"_60":-5,"_18":303},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_38":84,"_13":85,"_41":86,"_43":44,"_45":46,"_47":87,"_49":50,"_51":88,"_17":74,"_54":55,"_56":89,"_58":59,"_60":-5,"_18":313},{"_38":77,"_13":78,"_41":79,"_43":44,"_45":46,"_47":80,"_49":50,"_51":81,"_17":53,"_54":55,"_56":82,"_58":59,"_60":-5,"_18":312},{"_38":69,"_13":70,"_41":71,"_43":44,"_45":46,"_47":72,"_49":50,"_51":73,"_17":74,"_54":55,"_56":75,"_58":59,"_60":-5,"_18":311},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":66,"_17":53,"_54":55,"_56":67,"_58":59,"_60":-5,"_18":310},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_18":309},[19,40],[19,63],[19,70],[19,78],[19,85],"pulls","branches","forks",{"_320":74,"_322":74},"connections",{"_320":74,"_321":74},"count","unfilledCount","emptyCount",{"_38":91,"_13":19,"_41":44,"_43":-5,"_45":46,"_47":87,"_49":50,"_51":203,"_17":74,"_54":93,"_56":-5,"_58":59,"_60":-5,"_107":375,"_18":376},{"_38":84,"_13":85,"_41":86,"_43":44,"_45":46,"_47":87,"_49":50,"_51":223,"_17":74,"_54":55,"_56":89,"_58":59,"_60":-5,"_107":373,"_18":374},{"_38":77,"_13":78,"_41":79,"_43":44,"_45":46,"_47":80,"_49":50,"_51":220,"_17":53,"_54":55,"_56":82,"_58":59,"_60":-5,"_107":371,"_18":372},{"_38":69,"_13":70,"_41":71,"_43":44,"_45":46,"_47":72,"_49":50,"_51":217,"_17":74,"_54":55,"_56":75,"_58":59,"_60":-5,"_107":369,"_18":370},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":214,"_17":53,"_54":55,"_56":67,"_58":59,"_60":-5,"_107":367,"_18":368},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":211,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_107":365,"_18":366},{"_38":118,"_13":119,"_41":120,"_43":-5,"_45":46,"_47":121,"_49":50,"_51":122,"_17":74,"_54":93,"_56":-5,"_58":59,"_60":-5,"_107":363,"_18":364},{"_38":143,"_13":144,"_41":145,"_43":120,"_45":46,"_47":146,"_49":50,"_51":147,"_17":74,"_54":93,"_56":-5,"_58":59,"_60":-5,"_107":361,"_18":362},{"_38":195,"_13":196,"_41":197,"_43":145,"_45":46,"_47":198,"_49":50,"_51":199,"_17":74,"_54":55,"_56":200,"_58":59,"_60":-5,"_107":359,"_18":360},{"_38":187,"_13":188,"_41":189,"_43":145,"_45":46,"_47":190,"_49":50,"_51":191,"_17":74,"_54":55,"_56":192,"_58":59,"_60":-5,"_107":357,"_18":358},{"_38":180,"_13":181,"_41":182,"_43":145,"_45":46,"_47":146,"_49":50,"_51":183,"_17":74,"_54":55,"_56":184,"_58":59,"_60":-5,"_107":355,"_18":356},{"_38":172,"_13":173,"_41":174,"_43":145,"_45":46,"_47":175,"_49":50,"_51":176,"_17":74,"_54":55,"_56":177,"_58":59,"_60":-5,"_107":353,"_18":354},{"_38":164,"_13":165,"_41":166,"_43":145,"_45":46,"_47":167,"_49":50,"_51":168,"_17":74,"_54":55,"_56":169,"_58":59,"_60":-5,"_107":351,"_18":352},{"_38":156,"_13":157,"_41":158,"_43":145,"_45":46,"_47":159,"_49":50,"_51":160,"_17":74,"_54":55,"_56":161,"_58":59,"_60":-5,"_107":349,"_18":350},{"_38":135,"_13":136,"_41":137,"_43":120,"_45":46,"_47":138,"_49":50,"_51":139,"_17":74,"_54":55,"_56":140,"_58":59,"_60":-5,"_107":347,"_18":348},{"_38":128,"_13":129,"_41":130,"_43":120,"_45":46,"_47":121,"_49":50,"_51":131,"_17":74,"_54":55,"_56":132,"_58":59,"_60":-5,"_107":345,"_18":346},{"_38":110,"_13":111,"_41":112,"_43":-5,"_45":46,"_47":113,"_49":50,"_51":114,"_17":53,"_54":24,"_56":115,"_58":59,"_60":-5,"_107":343,"_18":344},{"_38":99,"_13":100,"_41":101,"_43":-5,"_45":46,"_47":102,"_49":50,"_51":103,"_17":104,"_54":105,"_56":106,"_58":59,"_60":-5,"_107":341,"_18":342},[],[100],[],[111],[],[119,129],[],[119,136],[],[119,144,157],[],[119,144,165],[],[119,144,173],[],[119,144,181],[],[119,144,188],[],[119,144,196],[331,332,333,334,335,336],[119,144],[330,337,338],[119],[],[19,40],[],[19,63],[],[19,70],[],[19,78],[],[19,85],[324,325,326,327,328],[19],["D",1784107974931],["D",1789527031073],{"_11":12,"_283":279},{"_11":12,"_276":277,"_278":279,"_236":237,"_280":281,"_282":59},{"_17":113,"_13":16,"_38":46,"_268":226,"_269":-5,"_270":-5,"_271":-5,"_272":-5,"_273":-5,"_274":14,"_275":12},"ctx",{"_261":-5,"_300":415,"_416":417,"_418":419,"_420":59,"_421":59,"_422":59,"_423":50,"_424":-5,"_425":-7,"_426":-7,"_427":74,"_428":59,"_429":59,"_430":-5,"_431":59,"_432":59,"_433":59,"_434":-5},"ENV",{"_386":387,"_388":389,"_390":16,"_391":392,"_393":394,"_395":396,"_397":398,"_399":400,"_401":402,"_403":404,"_405":406,"_407":408,"_409":410,"_411":412,"_413":414},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]