added minor1 changes2

backend/agents/interviewer.py

@@ -31,9 +31,9 @@ def get_difficulty(question_number: int, current_score: float) -> str:
     if question_number == 1:
         return "conceptual"
     if question_number == 2:
-        return "applied" if current_score > 0.5 else "conceptual"
+        return "applied"
     if question_number >= 3:
-        return "scenario" if current_score > 0.6 else "applied"
+        return "debugging"
     return "conceptual"
 
 def generate_question(

backend/agents/roadmap_builder.py

@@ -0,0 +1,71 @@
+import os
+import json
+from langchain_groq import ChatGroq
+from langchain_core.messages import SystemMessage, HumanMessage
+from models.schemas import SkillScore
+
+GROQ_MODEL = "llama-3.3-70b-versatile"
+
+ROADMAP_SYSTEM = """You are a senior technical mentor.
+Given a list of skills where a candidate has a gap, and their target domain, generate a personalized 3-tier roadmap for EACH skill.
+
+Tier 1: Core concepts and fundamentals
+Tier 2: Intermediate integration and application
+Tier 3: Advanced / Role-specific scenario
+
+For each tier, provide a highly specific, customized 'mini_project' description (2-3 sentences) that is directly relevant to their domain. DO NOT use generic phrases.
+Also provide a 1-sentence 'why' explaining why this step is critical for overcoming their specific gap.
+
+Return valid JSON in this exact format:
+{
+  "skill_id_1": [
+    {
+      "tier": 1,
+      "mini_project": "Build a simple API using FastAPI and Pydantic to validate user inputs.",
+      "why": "This establishes the fundamental routing and validation concepts."
+    },
+    {
+      "tier": 2,
+      "mini_project": "...",
+      "why": "..."
+    },
+    {
+      "tier": 3,
+      "mini_project": "...",
+      "why": "..."
+    }
+  ]
+}
+"""
+
+def generate_custom_roadmap_data(skill_scores: list[SkillScore], domain: str) -> dict:
+    gap_skills = [s for s in skill_scores if s.gap_level in ("high_gap", "medium_gap")]
+    if not gap_skills:
+        return {}
+        
+    prompt = f"Domain: {domain}\nGap Skills to analyze:\n"
+    for s in gap_skills:
+        prompt += f"- ID: {s.skill_id} | Label: {s.label} | Gap: {s.gap_level} | Final Score: {s.final_score:.2f}\n"
+        
+    llm = ChatGroq(
+        model=GROQ_MODEL,
+        api_key=os.getenv("GROQ_API_KEY", "dummy"),
+        temperature=0.4,
+    )
+    
+    messages = [
+        SystemMessage(content=ROADMAP_SYSTEM),
+        HumanMessage(content=prompt)
+    ]
+    
+    try:
+        response = llm.invoke(messages)
+        content = response.content.strip()
+        if content.startswith("```json"):
+            content = content[7:]
+        if content.endswith("```"):
+            content = content[:-3]
+        return json.loads(content)
+    except Exception as e:
+        print("Roadmap builder error:", e)
+        return {}

backend/output/roadmap_generator.py

@@ -2,11 +2,13 @@ import json
 from pathlib import Path
 from models.schemas import RoadmapWeek, SkillScore
 from knowledge_graph.graph_engine import get_engine
+from agents.roadmap_builder import generate_custom_roadmap_data
 
 def generate_roadmap(
     skill_scores: list[SkillScore],
     graph_paths: dict[str, list[str]],
     hours_per_day: float = 2.0,
+    domain: str = "general",
 ) -> list[RoadmapWeek]:
     engine = get_engine()
     resources_path = Path("backend/knowledge_graph/resources.json")
@@ -20,6 +22,9 @@ def generate_roadmap(
     base_hours_per_week = hours_per_day * 5
     week_counter = 1
     
+    # 1. Fetch custom LLM analysis
+    custom_data = generate_custom_roadmap_data(skill_scores, domain)
+    
     # Sort skills: high_gap first, then medium_gap
     gap_skills = [s for s in skill_scores if s.gap_level in ("high_gap", "medium_gap")]
     gap_skills.sort(key=lambda s: 0 if s.gap_level == "high_gap" else 1)
@@ -27,63 +32,35 @@ def generate_roadmap(
     for skill in gap_skills:
         skill_id = skill.skill_id
         path = graph_paths.get(skill_id, [])
-        path_str = " → ".join(path)
         
         resources = []
         if skill_id in resources_db:
             resources = resources_db[skill_id].get("courses", [])
             
-        why_msg = "Direct learning path"
-        if len(path) > 1:
-            source = path[0]
-            target = path[-1]
-            hops = len(path) - 1
-            has_edges = True if engine.graph.has_node(source) and engine.graph.has_node(target) else False
-            if has_edges:
-                edge_type = "path"
-                try:
-                    if hops == 1:
-                        edge_type = engine.graph[source][target]["type"]
-                except:
-                    pass
-                why_msg = f"You already know {source} → {target} is {edge_type} ({hops} hop)"
-            else:
-                why_msg = f"Building up from {source} to {target}"
-                
-        roadmap.append(RoadmapWeek(
-            week=week_counter,
-            skill_id=skill_id,
-            label=skill.label,
-            tier=1,
-            resources=resources,
-            mini_project=f"Build a basic script using {skill.label} core features",
-            graph_path=path,
-            why=why_msg
-        ))
-        week_counter += 1
-        
-        roadmap.append(RoadmapWeek(
-            week=week_counter,
-            skill_id=skill_id,
-            label=skill.label,
-            tier=2,
-            resources=[],
-            mini_project=f"Integrate {skill.label} into a broader project",
-            graph_path=path,
-            why=why_msg
-        ))
-        week_counter += 1
+        custom_tiers = custom_data.get(skill_id, [])
         
-        roadmap.append(RoadmapWeek(
-            week=week_counter,
-            skill_id=skill_id,
-            label=skill.label,
-            tier=3,
-            resources=[],
-            mini_project=f"Solve a role-specific scenario with {skill.label}",
-            graph_path=path,
-            why=why_msg
-        ))
-        week_counter += 1
+        for tier in [1, 2, 3]:
+            # Default values
+            mini_project = f"Practice and implement {skill.label} concepts."
+            why_msg = f"Essential for mastering {skill.label}."
+            
+            # Use LLM generated data if available
+            for ct in custom_tiers:
+                if ct.get("tier") == tier:
+                    mini_project = ct.get("mini_project", mini_project)
+                    why_msg = ct.get("why", why_msg)
+                    break
+                    
+            roadmap.append(RoadmapWeek(
+                week=week_counter,
+                skill_id=skill_id,
+                label=skill.label,
+                tier=tier,
+                resources=resources if tier == 1 else [], # Only show resources in Tier 1
+                mini_project=mini_project,
+                graph_path=path,
+                why=why_msg
+            ))
+            week_counter += 1
 
     return roadmap

backend/routers/roadmap.py

@@ -21,7 +21,8 @@ async def get_roadmap(assessment_id: str, hours_per_day: float = 2.0):
     roadmap = generate_roadmap(
         st.get("skill_scores", []),
         st.get("graph_paths", {}),
-        hours_per_day
+        hours_per_day,
+        st["extraction"].domain
     )
     
     return AssessmentResult(

frontend/app/candidate/job/[id]/page.tsx

@@ -1,140 +0,0 @@
-"use client"
-import { useEffect, useState } from "react"
-import { useParams, useRouter } from "next/navigation"
-import { createClient } from "@/utils/supabase/client"
-import { useStore } from "@/lib/store"
-import { startAssessment } from "@/lib/api"
-import UploadZone from "@/components/upload/UploadZone"
-
-export default function CandidateJobPage() {
-  const params = useParams()
-  const id = typeof params.id === "string" ? params.id : null
-  const router = useRouter()
-  const supabase = createClient()
-
-  const { hoursPerDay, setHoursPerDay, setJdText, resumeText, setResumeText, setAssessmentId, setExtraction } = useStore()
-
-  const [job, setJob] = useState<any>(null)
-  const [loading, setLoading] = useState(true)
-  const [starting, setStarting] = useState(false)
-  const [error, setError] = useState("")
-
-  useEffect(() => {
-    if (!id) return
-    fetchJob()
-  }, [id])
-
-  const fetchJob = async () => {
-    const { data: { user } } = await supabase.auth.getUser()
-    if (!user) {
-      router.push('/login')
-      return
-    }
-
-    const { data } = await supabase.from('jobs').select('*, profiles(email, full_name)').eq('id', id).single()
-    if (data) {
-      setJob(data)
-      setJdText(data.jd_text)
-    }
-    setLoading(false)
-  }
-
-  const handleBegin = async () => {
-    if (!job || !resumeText) return
-    setStarting(true)
-    setError("")
-    
-    try {
-      const { data: { user } } = await supabase.auth.getUser()
-      if (!user) throw new Error("Not authenticated")
-
-      // 1. Create Assessment Row in Supabase
-      const { data: assessment, error: dbError } = await supabase.from('assessments').insert({
-        job_id: job.id,
-        candidate_id: user.id,
-        resume_text: resumeText,
-        status: 'in_progress'
-      }).select().single()
-
-      if (dbError) throw dbError
-
-      // 2. Start Python Backend Assessment with that same Supabase ID
-      const res = await startAssessment(job.jd_text, resumeText, hoursPerDay, assessment.id)
-      
-      // 3. Save to Zustand store and navigate
-      setAssessmentId(assessment.id)
-      setExtraction(res.extraction)
-      router.push(`/assess/${assessment.id}`)
-      
-    } catch (err: any) {
-      setError(err.message)
-      setStarting(false)
-    }
-  }
-
-  if (loading || !job) return <div className="min-h-screen bg-bg flex items-center justify-center font-mono text-accent animate-pulse">Loading Job...</div>
-
-  return (
-    <div className="min-h-screen bg-bg text-text p-6 md:p-12 font-sans overflow-x-hidden">
-      <div className="max-w-4xl mx-auto space-y-8">
-        <button onClick={() => router.push('/candidate')} className="text-sm font-mono text-muted hover:text-accent transition-colors">
-          ← Back to Portal
-        </button>
-        
-        <header className="border-b border-border pb-6">
-          <h1 className="text-3xl font-bold font-mono tracking-tighter mb-2 text-accent">{job.title}</h1>
-          <p className="text-muted font-mono text-sm">Posted by: {job.profiles?.full_name || job.profiles?.email}</p>
-        </header>
-
-        {/* Job Description View */}
-        <section className="bg-surface border border-border shadow-sm p-8 rounded-3xl space-y-4 shadow-xl hover:shadow-[0_0_30px_rgba(0,240,255,0.05)] transition-shadow duration-500">
-          <h2 className="text-xl font-mono text-accent flex items-center">
-             <span className="w-8 h-px bg-accent/50 mr-4"></span>
-             Job Description
-          </h2>
-          <div className="bg-background/80 border border-border rounded-xl p-6 max-h-[300px] overflow-y-auto font-mono text-sm text-muted whitespace-pre-wrap leading-relaxed">
-            {job.jd_text}
-          </div>
-        </section>
-
-        <div className="bg-surface border border-border shadow-sm p-8 rounded-3xl space-y-8 shadow-xl">
-          <div>
-            <h2 className="text-xl font-mono text-text mb-4 flex items-center">
-               <span className="w-8 h-px bg-accent/50 mr-4"></span>
-               Apply & Test
-            </h2>
-            <p className="text-muted text-sm mb-6">
-               Upload your resume below to begin. Our AI will instantly evaluate your resume against this job description and conduct a dynamic technical interview.
-            </p>
-            
-            <div className="max-w-lg">
-              <UploadZone label="Your Candidate Resume (PDF)" endpoint="resume" onUpload={setResumeText} />
-            </div>
-          </div>
-          
-          <div className="max-w-lg bg-background/50 border border-border p-5 rounded-xl">
-            <label className="flex justify-between text-sm font-mono text-muted mb-4">
-              <span>Availability (hours/day)</span>
-              <span className="text-accent font-bold">{hoursPerDay}h</span>
-            </label>
-            <input 
-              type="range" min="1" max="8" step="0.5" 
-              value={hoursPerDay} onChange={(e) => setHoursPerDay(parseFloat(e.target.value))}
-              className="w-full h-1.5 bg-gray-300 rounded-lg appearance-none cursor-pointer accent-accent transition-all hover:h-2"
-            />
-          </div>
-
-          {error && <div className="text-red-500 font-mono text-sm">{error}</div>}
-
-          <button
-            onClick={handleBegin}
-            disabled={!resumeText || starting}
-            className="bg-accent text-white px-8 py-4 rounded-xl font-mono font-bold text-lg hover:scale-[1.02] shadow-[0_4px_14px_0_rgb(37,87,167,0.39)] disabled:opacity-50 disabled:hover:scale-100 transition-all"
-          >
-            {starting ? "Initializing Engine..." : "Begin AI Interview →"}
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}

frontend/app/candidate/page.tsx

@@ -1,145 +0,0 @@
-"use client"
-import { useEffect, useState } from "react"
-import { useRouter } from "next/navigation"
-import { createClient } from "@/utils/supabase/client"
-
-export default function CandidateDashboard() {
-  const router = useRouter()
-  const supabase = createClient()
-  const [jobs, setJobs] = useState<any[]>([])
-  const [loading, setLoading] = useState(true)
-  const [activeTab, setActiveTab] = useState<'opportunities' | 'profile'>('opportunities')
-  const [profileData, setProfileData] = useState<any>(null)
-  const [fullName, setFullName] = useState("")
-  const [saving, setSaving] = useState(false)
-
-  useEffect(() => {
-    fetchJobs()
-  }, [])
-
-  const fetchJobs = async () => {
-    const { data: { user } } = await supabase.auth.getUser()
-    if (!user) {
-      router.push('/login')
-      return
-    }
-
-    const { data: profile, error } = await supabase.from('profiles').select('*').eq('id', user.id).single()
-    
-    if (error || !profile) {
-      await supabase.auth.signOut()
-      router.push('/login')
-      return
-    }
-
-    if (profile.role !== 'candidate') {
-      router.push('/employer')
-      return
-    }
-
-    setProfileData(profile)
-    setFullName(profile.full_name || "")
-
-    // Fetch all jobs
-    const { data } = await supabase.from('jobs').select('*, profiles(email, full_name)').order('created_at', { ascending: false })
-    if (data) setJobs(data)
-    setLoading(false)
-  }
-
-  const saveProfile = async () => {
-    if (!profileData) return
-    setSaving(true)
-    const { error } = await supabase.from('profiles').update({ full_name: fullName }).eq('id', profileData.id)
-    if (error) {
-      alert("Error saving profile. Make sure to run the SQL command to add the full_name column!")
-    } else {
-      setProfileData({ ...profileData, full_name: fullName })
-      alert("Profile updated successfully!")
-    }
-    setSaving(false)
-  }
-
-  const handleLogout = async () => {
-    await supabase.auth.signOut()
-    router.push('/')
-  }
-
-  if (loading) return <div className="min-h-screen bg-bg flex items-center justify-center font-mono text-accent animate-pulse">Loading Opportunities...</div>
-
-  return (
-    <div className="min-h-screen bg-bg text-text p-6 md:p-12 font-sans overflow-x-hidden">
-      <div className="max-w-4xl mx-auto space-y-12">
-        <header className="flex flex-col gap-6 border-b border-border pb-6">
-          <div className="flex justify-between items-end">
-            <div>
-              <h1 className="text-4xl font-bold font-mono tracking-tighter mb-2">Candidate <span className="text-accent">Portal</span></h1>
-              <p className="text-muted font-mono">Discover roles and prove your skills</p>
-            </div>
-            <button onClick={handleLogout} className="text-sm font-mono text-muted hover:text-red-400 transition-colors">Log Out</button>
-          </div>
-          <div className="flex gap-4">
-            <button onClick={() => setActiveTab('opportunities')} className={`font-mono pb-2 border-b-2 transition-colors ${activeTab === 'opportunities' ? 'border-accent text-accent' : 'border-transparent text-muted hover:text-text'}`}>Opportunities</button>
-            <button onClick={() => setActiveTab('profile')} className={`font-mono pb-2 border-b-2 transition-colors ${activeTab === 'profile' ? 'border-accent text-accent' : 'border-transparent text-muted hover:text-text'}`}>My Profile</button>
-          </div>
-        </header>
-
-        {activeTab === 'opportunities' ? (
-          <section className="space-y-6">
-          <h2 className="text-2xl font-mono text-text">Open Positions</h2>
-          
-          {jobs.length === 0 ? (
-            <div className="border border-dashed border-border rounded-2xl p-12 text-center text-muted font-mono">
-              No open positions at the moment. Check back soon!
-            </div>
-          ) : (
-            <div className="grid grid-cols-1 gap-4">
-              {jobs.map(job => (
-                <div key={job.id} className="bg-surface border border-border shadow-sm p-6 rounded-2xl flex flex-col md:flex-row justify-between items-start md:items-center gap-4 hover:border-accent/50 transition-colors">
-                  <div>
-                    <h3 className="text-xl font-mono text-accent mb-2">{job.title}</h3>
-                    <p className="text-xs font-mono text-muted">Posted by: {job.profiles?.full_name || job.profiles?.email}</p>
-                    <p className="text-xs font-mono text-muted mt-1">{new Date(job.created_at).toLocaleDateString()}</p>
-                  </div>
-                  <button 
-                    onClick={() => router.push(`/candidate/job/${job.id}`)}
-                    className="bg-accent/10 text-accent border border-accent/30 px-6 py-2 rounded-lg font-mono font-bold hover:bg-accent hover:text-background transition-all"
-                  >
-                    Apply & Assess →
-                  </button>
-                </div>
-              ))}
-            </div>
-          )}
-        </section>
-        ) : (
-          <section className="bg-surface border border-border p-8 rounded-3xl max-w-lg">
-            <h2 className="text-2xl font-mono text-text mb-6">Profile Settings</h2>
-            <div className="space-y-6">
-              <div>
-                <label className="block text-xs uppercase tracking-wider font-mono text-muted mb-2">Account Email</label>
-                <input type="text" disabled value={profileData?.email || ""} className="w-full bg-background border border-border rounded-xl p-3 text-sm opacity-50 cursor-not-allowed" />
-              </div>
-              <div>
-                <label className="block text-xs uppercase tracking-wider font-mono text-muted mb-2">Full Name</label>
-                <input 
-                  type="text" 
-                  value={fullName}
-                  onChange={(e) => setFullName(e.target.value)}
-                  className="w-full bg-background border border-border rounded-xl p-3 text-sm focus:outline-none focus:border-accent"
-                  placeholder="John Doe"
-                />
-              </div>
-              <button 
-                onClick={saveProfile} 
-                disabled={saving}
-                className="w-full bg-accent text-white px-6 py-3 rounded-xl font-mono font-bold hover:scale-[1.02] shadow-md transition-all disabled:opacity-50"
-              >
-                {saving ? "Saving..." : "Save Profile"}
-              </button>
-            </div>
-          </section>
-        )}
-      </div>
-    </div>
-  )
-}

frontend/app/employer/job/[id]/page.tsx

@@ -1,121 +0,0 @@
-"use client"
-import { useEffect, useState } from "react"
-import { useParams, useRouter } from "next/navigation"
-import { createClient } from "@/utils/supabase/client"
-
-export default function EmployerJobPage() {
-  const params = useParams()
-  const id = typeof params.id === "string" ? params.id : null
-  const router = useRouter()
-  const supabase = createClient()
-
-  const [job, setJob] = useState<any>(null)
-  const [assessments, setAssessments] = useState<any[]>([])
-  const [loading, setLoading] = useState(true)
-
-  useEffect(() => {
-    if (!id) return
-    fetchJobAndCandidates()
-  }, [id])
-
-  const fetchJobAndCandidates = async () => {
-    const { data: { user } } = await supabase.auth.getUser()
-    if (!user) {
-      router.push('/login')
-      return
-    }
-
-    // Fetch job details
-    const { data: jobData } = await supabase.from('jobs').select('*').eq('id', id).single()
-    if (jobData) setJob(jobData)
-
-    // Fetch assessments for this job
-    const { data: assessmentData } = await supabase.from('assessments')
-      .select('id, status, created_at, result_data, profiles(email, full_name)')
-      .eq('job_id', id)
-      
-    if (assessmentData) {
-      const mapped = assessmentData.map((a: any) => {
-        let score = 0;
-        if (a.result_data && a.result_data.skill_scores && a.result_data.skill_scores.length > 0) {
-          score = Math.round((a.result_data.skill_scores.reduce((sum: number, s: any) => sum + s.final_score, 0) / a.result_data.skill_scores.length) * 100)
-        }
-        return { ...a, score }
-      })
-      // Sort by score descending
-      mapped.sort((a, b) => b.score - a.score)
-      setAssessments(mapped)
-    }
-
-    setLoading(false)
-  }
-
-  if (loading || !job) return <div className="min-h-screen bg-bg flex items-center justify-center font-mono text-accent animate-pulse">Loading Job Details...</div>
-
-  return (
-    <div className="min-h-screen bg-bg text-text p-6 md:p-12 font-sans overflow-x-hidden">
-      <div className="max-w-5xl mx-auto space-y-8">
-        <button onClick={() => router.push('/employer')} className="text-sm font-mono text-muted hover:text-accent transition-colors">
-          ← Back to Dashboard
-        </button>
-        
-        <header className="border-b border-border pb-6 flex justify-between items-end">
-          <div>
-            <h1 className="text-3xl font-bold font-mono tracking-tighter mb-2 text-accent">{job.title}</h1>
-            <p className="text-muted font-mono text-sm">Posted on {new Date(job.created_at).toLocaleDateString()}</p>
-          </div>
-          <div className="bg-surface/50 border border-border px-4 py-2 rounded-lg">
-            <span className="font-mono text-xl text-text font-bold">{assessments.length}</span>
-            <span className="text-muted text-xs uppercase ml-2">Candidates</span>
-          </div>
-        </header>
-
-        <section className="space-y-6">
-          <h2 className="text-2xl font-mono text-text">Candidate Assessments</h2>
-          
-          {assessments.length === 0 ? (
-            <div className="border border-dashed border-border rounded-2xl p-12 text-center text-muted font-mono bg-surface/50">
-              No candidates have applied to this job yet.
-            </div>
-          ) : (
-            <div className="grid grid-cols-1 gap-4">
-              {assessments.map((assessment) => (
-                <div key={assessment.id} className="bg-surface border border-border shadow-sm p-6 rounded-2xl flex flex-col md:flex-row justify-between items-start md:items-center gap-4 hover:border-accent/50 transition-colors">
-                  <div>
-                    <h3 className="text-lg font-mono text-text mb-1">
-                      {assessment.profiles?.full_name ? assessment.profiles.full_name : assessment.profiles?.email}
-                      {assessment.profiles?.full_name && <span className="text-sm text-muted ml-2">({assessment.profiles?.email})</span>}
-                    </h3>
-                    <div className="flex items-center gap-3">
-                      <span className={`text-xs font-mono px-2 py-1 rounded-md border ${
-                        assessment.status === 'completed' 
-                          ? 'border-green-500/50 text-green-400 bg-green-500/10' 
-                          : 'border-yellow-500/50 text-yellow-400 bg-yellow-500/10'
-                      }`}>
-                        {assessment.status === 'completed' ? 'COMPLETED' : 'IN PROGRESS'}
-                      </span>
-                      {assessment.status === 'completed' && (
-                        <span className="text-xs font-mono px-2 py-1 rounded-md border border-accent/50 text-accent bg-accent/10">
-                          SCORE: {assessment.score}/100
-                        </span>
-                      )}
-                      <span className="text-xs text-muted font-mono">{new Date(assessment.created_at).toLocaleString()}</span>
-                    </div>
-                  </div>
-                  
-                  <button 
-                    disabled={assessment.status !== 'completed'}
-                    onClick={() => router.push(`/results/${assessment.id}`)}
-                    className="bg-background border border-border text-text px-6 py-2 rounded-lg font-mono font-bold hover:border-accent hover:text-accent transition-all disabled:opacity-50 disabled:hover:border-border disabled:hover:text-text"
-                  >
-                    {assessment.status === 'completed' ? "View Results →" : "Awaiting Completion"}
-                  </button>
-                </div>
-              ))}
-            </div>
-          )}
-        </section>
-      </div>
-    </div>
-  )
-}

frontend/app/employer/page.tsx

@@ -1,222 +0,0 @@
-"use client"
-import { useEffect, useState } from "react"
-import { useRouter } from "next/navigation"
-import { createClient } from "@/utils/supabase/client"
-import UploadZone from "@/components/upload/UploadZone"
-
-export default function EmployerDashboard() {
-  const router = useRouter()
-  const supabase = createClient()
-  const [jobs, setJobs] = useState<any[]>([])
-  const [loading, setLoading] = useState(true)
-  const [jdText, setJdText] = useState("")
-  const [jobTitle, setJobTitle] = useState("")
-  const [creating, setCreating] = useState(false)
-  const [activeTab, setActiveTab] = useState<'dashboard' | 'profile'>('dashboard')
-  const [profileData, setProfileData] = useState<any>(null)
-  const [companyName, setCompanyName] = useState("")
-  const [saving, setSaving] = useState(false)
-
-  useEffect(() => {
-    fetchJobs()
-  }, [])
-
-  const fetchJobs = async () => {
-    const { data: { user } } = await supabase.auth.getUser()
-    if (!user) {
-      router.push('/login')
-      return
-    }
-
-    const { data: profile, error } = await supabase.from('profiles').select('*').eq('id', user.id).single()
-    
-    if (error || !profile) {
-      await supabase.auth.signOut()
-      router.push('/login')
-      return
-    }
-
-    if (profile.role !== 'employer') {
-      router.push('/candidate')
-      return
-    }
-
-    setProfileData(profile)
-    setCompanyName(profile.full_name || "")
-
-    const { data } = await supabase.from('jobs').select('*').order('created_at', { ascending: false })
-    if (data) setJobs(data)
-    setLoading(false)
-  }
-
-  const saveProfile = async () => {
-    if (!profileData) return
-    setSaving(true)
-    const { error } = await supabase.from('profiles').update({ full_name: companyName }).eq('id', profileData.id)
-    if (error) {
-      alert("Error saving profile. Make sure to run the SQL command to add the full_name column!")
-    } else {
-      setProfileData({ ...profileData, full_name: companyName })
-      alert("Company Profile updated successfully!")
-    }
-    setSaving(false)
-  }
-
-  const handleCreateJob = async () => {
-    if (!jobTitle || !jdText) return
-    setCreating(true)
-    
-    const { data: { user } } = await supabase.auth.getUser()
-    if (!user) return
-
-    const { error } = await supabase.from('jobs').insert({
-      employer_id: user.id,
-      title: jobTitle,
-      jd_text: jdText
-    })
-
-    setCreating(false)
-    if (!error) {
-      setJobTitle("")
-      setJdText("")
-      fetchJobs()
-    }
-  }
-
-  const handleDeleteJob = async (e: React.MouseEvent, jobId: string) => {
-    e.stopPropagation()
-    if (!confirm("Are you sure you want to delete this job posting? All candidate assessments for this job will also be deleted permanently.")) return
-    
-    const { error } = await supabase.from('jobs').delete().eq('id', jobId)
-    if (error) {
-      alert("Failed to delete job")
-    } else {
-      fetchJobs()
-    }
-  }
-
-  const handleLogout = async () => {
-    await supabase.auth.signOut()
-    router.push('/')
-  }
-
-  if (loading) return <div className="min-h-screen bg-bg flex items-center justify-center font-mono text-accent animate-pulse">Loading Dashboard...</div>
-
-  return (
-    <div className="min-h-screen bg-bg text-text p-6 md:p-12 font-sans overflow-x-hidden">
-      <div className="max-w-6xl mx-auto space-y-12">
-        <header className="flex flex-col gap-6 border-b border-border pb-6">
-          <div className="flex justify-between items-end">
-            <div>
-              <h1 className="text-4xl font-bold font-mono tracking-tighter mb-2">Employer <span className="text-accent">Portal</span></h1>
-              <p className="text-muted font-mono">Manage jobs and review candidate assessments</p>
-            </div>
-            <button onClick={handleLogout} className="text-sm font-mono text-muted hover:text-red-400 transition-colors">Log Out</button>
-          </div>
-          <div className="flex gap-4">
-            <button onClick={() => setActiveTab('dashboard')} className={`font-mono pb-2 border-b-2 transition-colors ${activeTab === 'dashboard' ? 'border-accent text-accent' : 'border-transparent text-muted hover:text-text'}`}>Dashboard</button>
-            <button onClick={() => setActiveTab('profile')} className={`font-mono pb-2 border-b-2 transition-colors ${activeTab === 'profile' ? 'border-accent text-accent' : 'border-transparent text-muted hover:text-text'}`}>Company Profile</button>
-          </div>
-        </header>
-
-        {activeTab === 'dashboard' ? (
-          <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
-          <div className="lg:col-span-1 space-y-6">
-            <div className="bg-surface border border-border shadow-sm p-6 rounded-2xl">
-              <h2 className="text-xl font-mono text-accent mb-6">Post New Job</h2>
-              
-              <div className="space-y-4">
-                <div>
-                  <label className="block text-xs font-mono text-muted mb-2">Job Title</label>
-                  <input 
-                    type="text" 
-                    value={jobTitle}
-                    onChange={(e) => setJobTitle(e.target.value)}
-                    className="w-full bg-background border border-border rounded-xl p-3 text-sm focus:border-accent outline-none"
-                    placeholder="e.g. Senior Frontend Engineer"
-                  />
-                </div>
-                
-                <div className="pt-2">
-                  <UploadZone label="Job Description (PDF)" endpoint="jd" onUpload={setJdText} />
-                </div>
-
-                <button
-                  onClick={handleCreateJob}
-                  disabled={creating || !jobTitle || !jdText}
-                  className="w-full bg-accent text-background font-bold font-mono py-3 rounded-xl hover:brightness-110 disabled:opacity-50 mt-4"
-                >
-                  {creating ? "Posting..." : "Create Job"}
-                </button>
-              </div>
-            </div>
-          </div>
-
-          <div className="lg:col-span-2 space-y-6">
-            <h2 className="text-2xl font-mono text-text">Your Active Jobs</h2>
-            
-            {jobs.length === 0 ? (
-              <div className="border border-dashed border-border rounded-2xl p-12 text-center text-muted font-mono">
-                No jobs posted yet. Post your first job to start receiving candidates!
-              </div>
-            ) : (
-              <div className="space-y-4">
-                {jobs.map(job => (
-                  <div key={job.id} className="bg-surface border border-border p-6 rounded-2xl hover:border-accent/50 transition-colors flex justify-between items-center group cursor-pointer" onClick={() => router.push(`/employer/job/${job.id}`)}>
-                    <div>
-                      <h3 className="text-lg font-mono text-accent mb-1">{job.title}</h3>
-                      <p className="text-xs text-muted font-mono">Posted {new Date(job.created_at).toLocaleDateString()}</p>
-                    </div>
-                    <div className="flex items-center gap-4">
-                      <div className="text-muted group-hover:text-accent group-hover:-translate-x-1 transition-all">
-                        View Candidates →
-                      </div>
-                      <button 
-                        onClick={(e) => handleDeleteJob(e, job.id)}
-                        className="text-muted hover:text-red-500 p-2 rounded-lg hover:bg-red-50 transition-all"
-                        title="Delete Job"
-                      >
-                        <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path></svg>
-                      </button>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            )}
-          </div>
-        </div>
-        ) : (
-          <section className="bg-surface border border-border shadow-sm p-8 rounded-3xl max-w-lg shadow-xl">
-            <h2 className="text-2xl font-mono text-accent mb-6 flex items-center">
-              <span className="w-8 h-px bg-accent/50 mr-4"></span>
-              Company Details
-            </h2>
-            <div className="space-y-6">
-              <div>
-                <label className="block text-xs uppercase tracking-wider font-mono text-muted mb-2">Account Email</label>
-                <input type="text" disabled value={profileData?.email || ""} className="w-full bg-background border border-border rounded-xl p-3 text-sm opacity-50 cursor-not-allowed" />
-              </div>
-              <div>
-                <label className="block text-xs uppercase tracking-wider font-mono text-muted mb-2">Company Name</label>
-                <input 
-                  type="text" 
-                  value={companyName}
-                  onChange={(e) => setCompanyName(e.target.value)}
-                  className="w-full bg-background border border-border rounded-xl p-3 text-sm focus:outline-none focus:border-accent text-text"
-                  placeholder="Acme Corp"
-                />
-              </div>
-              <button 
-                onClick={saveProfile} 
-                disabled={saving}
-                className="w-full bg-accent text-white px-6 py-3 rounded-xl font-mono font-bold hover:scale-[1.02] shadow-sm hover:shadow-md transition-all disabled:opacity-50"
-              >
-                {saving ? "Saving..." : "Save Company Profile"}
-              </button>
-            </div>
-          </section>
-        )}
-      </div>
-    </div>
-  )
-}

frontend/app/login/page.tsx

@@ -1,148 +0,0 @@
-"use client"
-import { useState } from "react"
-import { useRouter } from "next/navigation"
-import { createClient } from "@/utils/supabase/client"
-
-export default function LoginPage() {
-  const router = useRouter()
-  const supabase = createClient()
-  
-  const [isLogin, setIsLogin] = useState(true)
-  const [email, setEmail] = useState("")
-  const [password, setPassword] = useState("")
-  const [role, setRole] = useState("candidate")
-  const [loading, setLoading] = useState(false)
-  const [error, setError] = useState("")
-
-  const handleAuth = async (e: React.FormEvent) => {
-    e.preventDefault()
-    setLoading(true)
-    setError("")
-
-    // Strict check for allowed email domains
-    const allowedDomains = ["@gmail.com", "@yahoo.com", "@outlook.com", "@hotmail.com", "@icloud.com"]
-    const hasValidDomain = allowedDomains.some(domain => email.toLowerCase().endsWith(domain))
-    
-    if (!hasValidDomain) {
-      setError("Please use a standard email provider (e.g., @gmail.com, @yahoo.com)")
-      setLoading(false)
-      return
-    }
-
-    if (isLogin) {
-      const { data, error } = await supabase.auth.signInWithPassword({ email, password })
-      if (error) {
-        setError(error.message)
-        setLoading(false)
-        return
-      }
-      
-      // Fetch role
-      const { data: profile } = await supabase.from('profiles').select('role').eq('id', data.user.id).single()
-      if (profile?.role === 'employer') {
-        router.push('/employer')
-      } else {
-        router.push('/candidate')
-      }
-    } else {
-      const { data, error } = await supabase.auth.signUp({ email, password })
-      if (error) {
-        setError(error.message)
-        setLoading(false)
-        return
-      }
-      if (data.user) {
-        const { error: profileError } = await supabase.from('profiles').insert({
-          id: data.user.id,
-          email,
-          role
-        })
-        if (profileError) {
-          setError(profileError.message)
-          setLoading(false)
-          return
-        }
-        if (role === 'employer') {
-          router.push('/employer')
-        } else {
-          router.push('/candidate')
-        }
-      }
-    }
-  }
-
-  return (
-    <div className="min-h-screen relative bg-bg text-text flex items-center justify-center p-6 overflow-hidden">
-      <div className="relative z-10 max-w-md w-full bg-surface border border-border shadow-md p-8 rounded-3xl shadow-xl">
-        <h1 className="text-4xl font-bold font-mono text-center tracking-tighter mb-2">
-          SkillForge<span className="text-accent">.ai</span>
-        </h1>
-        <h2 className="text-lg text-center text-muted font-mono mb-8">{isLogin ? "Access your portal" : "Create your account"}</h2>
-        
-        {error && <div className="bg-red-500/10 border border-red-500/50 text-red-500 p-4 rounded-xl mb-6 text-sm font-mono">{error}</div>}
-        
-        <form onSubmit={handleAuth} className="space-y-5">
-          <div>
-            <label className="block text-xs uppercase tracking-wider font-mono text-muted mb-2">Email Address</label>
-            <input 
-              type="email" 
-              required
-              value={email}
-              onChange={e => setEmail(e.target.value)}
-              className="w-full bg-background border border-border rounded-xl p-3 text-sm focus:outline-none focus:border-accent transition-colors"
-              placeholder="you@example.com"
-            />
-          </div>
-          <div>
-            <label className="block text-xs uppercase tracking-wider font-mono text-muted mb-2">Password</label>
-            <input 
-              type="password" 
-              required
-              value={password}
-              onChange={e => setPassword(e.target.value)}
-              className="w-full bg-background border border-border rounded-xl p-3 text-sm focus:outline-none focus:border-accent transition-colors"
-              placeholder="••••••••"
-            />
-          </div>
-          
-          {!isLogin && (
-            <div>
-              <label className="block text-xs uppercase tracking-wider font-mono text-muted mb-2">I am a...</label>
-              <div className="flex gap-4">
-                <button 
-                  type="button"
-                  onClick={() => setRole("candidate")}
-                  className={`flex-1 p-3 rounded-xl border font-mono transition-all duration-300 ${role === "candidate" ? "border-accent bg-accent/10 text-accent shadow-sm" : "border-border bg-background text-muted hover:border-border"}`}
-                >
-                  Candidate
-                </button>
-                <button 
-                  type="button"
-                  onClick={() => setRole("employer")}
-                  className={`flex-1 p-3 rounded-xl border font-mono transition-all duration-300 ${role === "employer" ? "border-accent bg-accent/10 text-accent shadow-sm" : "border-border bg-background text-muted hover:border-border"}`}
-                >
-                  Employer
-                </button>
-              </div>
-            </div>
-          )}
-          
-          <button 
-            type="submit" 
-            disabled={loading}
-            className="w-full bg-accent text-white font-bold font-mono py-4 rounded-xl hover:scale-[1.02] shadow-md disabled:opacity-50 disabled:hover:scale-100 transition-all mt-4"
-          >
-            {loading ? "Authenticating..." : (isLogin ? "Secure Login →" : "Create Account →")}
-          </button>
-        </form>
-        
-        <div className="text-center mt-8 text-muted text-sm font-mono">
-          {isLogin ? "Don't have an account? " : "Already have an account? "}
-          <button onClick={() => setIsLogin(!isLogin)} className="text-accent hover:underline">
-            {isLogin ? "Sign Up" : "Log In"}
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}

frontend/app/page.tsx

@@ -1,42 +1,86 @@
 "use client"
+import { useState } from "react"
 import { useRouter } from "next/navigation"
+import { useStore } from "@/lib/store"
+import { startAssessment } from "@/lib/api"
+import UploadZone from "@/components/upload/UploadZone"
 
 export default function LandingPage() {
   const router = useRouter()
+  
+  const { hoursPerDay, setHoursPerDay, setJdText, resumeText, setResumeText, setAssessmentId, setExtraction } = useStore()
 
-  return (
-    <main className="min-h-screen relative bg-bg text-text flex items-center justify-center p-6 overflow-hidden">
+  const [jdTextLocal, setJdTextLocal] = useState("")
+  const [starting, setStarting] = useState(false)
+  const [error, setError] = useState("")
+
+  const handleBegin = async () => {
+    if (!jdTextLocal || !resumeText) return
+    setStarting(true)
+    setError("")
+    
+    try {
+      // 1. Start Python Backend Assessment
+      const res = await startAssessment(jdTextLocal, resumeText, hoursPerDay)
+      
+      // 2. Save to Zustand store and navigate
+      setJdText(jdTextLocal)
+      setAssessmentId(res.assessment_id)
+      setExtraction(res.extraction)
+      router.push(`/assess/${res.assessment_id}`)
       
-      <div className="relative z-10 w-full max-w-4xl flex flex-col items-center text-center">
-        <h1 className="text-5xl md:text-7xl font-bold font-mono text-text mb-4 tracking-tighter">SkillForge<span className="text-accent">.ai</span></h1>
-        <p className="text-xl text-muted mb-12 font-mono max-w-2xl">
-          The next-generation technical assessment platform. Move beyond basic resume parsing and test real capability.
-        </p>
+    } catch (err: any) {
+      setError(err.message)
+      setStarting(false)
+    }
+  }
+
+  return (
+    <div className="min-h-screen bg-bg text-text p-6 md:p-12 font-sans overflow-x-hidden">
+      <div className="max-w-4xl mx-auto space-y-8">
         
-        <div className="flex flex-col md:flex-row gap-6 w-full max-w-2xl">
-          <div className="flex-1 bg-surface border border-border shadow-sm p-8 rounded-3xl flex flex-col items-center">
-            <h2 className="text-2xl font-mono text-accent mb-4">For Employers</h2>
-            <p className="text-muted text-sm mb-8 text-center">Post jobs, set requirements, and let AI conduct the first-round technical interviews for you.</p>
-            <button
-              onClick={() => router.push('/login')}
-              className="w-full bg-background border border-border text-text px-6 py-3 rounded-xl font-mono hover:border-accent hover:text-accent transition-colors"
-            >
-              Employer Portal →
-            </button>
+        <header className="border-b border-border pb-6 text-center">
+          <h1 className="text-4xl md:text-5xl font-bold font-mono tracking-tighter mb-4 text-accent">SkillForge</h1>
+          <p className="text-muted font-mono text-sm">Upload a Job Description and a Candidate Resume to begin the AI assessment.</p>
+        </header>
+
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+          <div className="bg-surface border border-border shadow-sm p-6 rounded-3xl">
+            <h2 className="text-lg font-mono text-text mb-4">1. Job Description</h2>
+            <UploadZone label="Upload JD (PDF)" endpoint="jd" onUpload={setJdTextLocal} />
+            {jdTextLocal && <div className="mt-4 text-xs text-green-600 font-mono">✓ JD Extracted</div>}
+          </div>
+          <div className="bg-surface border border-border shadow-sm p-6 rounded-3xl">
+            <h2 className="text-lg font-mono text-text mb-4">2. Candidate Resume</h2>
+            <UploadZone label="Upload Resume (PDF)" endpoint="resume" onUpload={setResumeText} />
+            {resumeText && <div className="mt-4 text-xs text-green-600 font-mono">✓ Resume Extracted</div>}
           </div>
+        </div>
 
-          <div className="flex-1 bg-surface border border-border shadow-sm p-8 rounded-3xl flex flex-col items-center">
-            <h2 className="text-2xl font-mono text-accent mb-4">For Candidates</h2>
-            <p className="text-muted text-sm mb-8 text-center">Apply to open roles, take interactive AI-driven technical assessments, and prove your skills.</p>
-            <button
-              onClick={() => router.push('/login')}
-              className="w-full bg-accent text-white px-6 py-3 rounded-xl font-mono font-bold hover:scale-[1.02] shadow-md transition-all"
-            >
-              Candidate Portal →
-            </button>
+        <div className="bg-surface border border-border shadow-sm p-8 rounded-3xl space-y-8 max-w-lg mx-auto">
+          <div className="bg-gray-50 border border-border p-5 rounded-xl">
+            <label className="flex justify-between text-sm font-mono text-muted mb-4">
+              <span>Availability (hours/day)</span>
+              <span className="text-accent font-bold">{hoursPerDay}h</span>
+            </label>
+            <input 
+              type="range" min="1" max="8" step="0.5" 
+              value={hoursPerDay} onChange={(e) => setHoursPerDay(parseFloat(e.target.value))}
+              className="w-full h-1.5 bg-gray-300 rounded-lg appearance-none cursor-pointer accent-accent transition-all hover:h-2"
+            />
           </div>
+
+          {error && <div className="text-red-500 font-mono text-sm text-center">{error}</div>}
+
+          <button
+            onClick={handleBegin}
+            disabled={!resumeText || !jdTextLocal || starting}
+            className="w-full bg-accent text-white px-8 py-4 rounded-xl font-mono font-bold text-lg hover:scale-[1.02] shadow-sm disabled:opacity-50 disabled:hover:scale-100 transition-all"
+          >
+            {starting ? "Initializing Engine..." : "Begin AI Interview →"}
+          </button>
         </div>
       </div>
-    </main>
+    </div>
   )
 }

frontend/app/results/[id]/page.tsx

@@ -3,7 +3,6 @@ import { useEffect, useState } from "react"
 import { useParams, useRouter } from "next/navigation"
 import { useStore } from "@/lib/store"
 import { getRoadmap } from "@/lib/api"
-import { createClient } from "@/utils/supabase/client"
 import SkillHeatmap from "@/components/results/SkillHeatmap"
 import RoadmapTimeline from "@/components/results/RoadmapTimeline"
 import GraphPathViz from "@/components/results/GraphPathViz"
@@ -12,60 +11,28 @@ export default function ResultsPage() {
   const params = useParams()
   const id = typeof params.id === "string" ? params.id : null
   const router = useRouter()
-  const { hoursPerDay, setHoursPerDay, result, setResult, resetAssessment } = useStore()
+  const { hoursPerDay, setHoursPerDay, result, setResult, resetAssessment, resumeText } = useStore()
   const [mounted, setMounted] = useState(false)
   const [error, setError] = useState("")
-  const [resumeText, setResumeText] = useState("")
-  const [role, setRole] = useState("")
-  const [candidateInfo, setCandidateInfo] = useState<{name: string, email: string} | null>(null)
 
   useEffect(() => {
     setMounted(true)
     if (!id) return
-    const loadResults = async () => {
-      const supabase = createClient()
-      
-      const { data: { user } } = await supabase.auth.getUser()
-      if (user) {
-        const { data: profile } = await supabase.from('profiles').select('role').eq('id', user.id).single()
-        if (profile) setRole(profile.role)
-      }
-
-      // 1. Try to load completed result from Supabase
-      const { data: assessment } = await supabase.from('assessments').select('status, result_data, resume_text, profiles(full_name, email)').eq('id', id).single()
-      
-      if (assessment) {
-        setResumeText(assessment.resume_text || "")
-        if (assessment.profiles) {
-          setCandidateInfo({
-            name: assessment.profiles.full_name || "",
-            email: assessment.profiles.email || ""
-          })
-        }
-        if (assessment.status === 'completed' && assessment.result_data) {
-          setResult(assessment.result_data)
-          return
+    
+    // Only fetch if we don't have results for this ID
+    if (!result || result.skill_scores === undefined) {
+      const loadResults = async () => {
+        try {
+          const res = await getRoadmap(id, hoursPerDay)
+          setResult(res)
+        } catch (err) {
+          console.error("Failed to load roadmap:", err)
+          setError("This assessment session was interrupted or wiped from memory before completion.")
         }
       }
-
-      // 2. If not completed or not in Supabase, try to fetch from Python backend (live computation)
-      try {
-        const res = await getRoadmap(id, hoursPerDay)
-        setResult(res)
-        
-        // 3. Save the newly computed result to Supabase
-        await supabase.from('assessments').update({
-          status: 'completed',
-          result_data: res
-        }).eq('id', id)
-      } catch (err) {
-        console.error("Failed to load roadmap:", err)
-        setError("This assessment session was interrupted or wiped from memory before completion.")
-      }
+      loadResults()
     }
-    
-    loadResults()
-  }, [id, hoursPerDay, setResult, router])
+  }, [id, hoursPerDay, result, setResult])
 
   if (error) {
     return (
@@ -89,31 +56,6 @@ export default function ResultsPage() {
     ? Math.round((result.skill_scores.reduce((sum: number, s: any) => sum + s.final_score, 0) / result.skill_scores.length) * 100)
     : 0;
 
-  if (role === 'candidate') {
-    return (
-      <div className="min-h-screen flex flex-col items-center justify-center bg-bg font-sans text-center p-6 space-y-6">
-        <div className="bg-surface border border-border p-12 rounded-3xl shadow-xl max-w-lg w-full flex flex-col items-center">
-          <div className="w-20 h-20 bg-green-500/10 text-green-500 rounded-full flex items-center justify-center mb-6">
-            <svg className="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="3" d="M5 13l4 4L19 7"></path></svg>
-          </div>
-          <h1 className="text-3xl font-bold text-text mb-4">Assessment Submitted</h1>
-          <p className="text-muted mb-8">
-            Your technical assessment has been successfully completed and securely transmitted to the employer. They will review your results and contact you soon.
-          </p>
-          <button 
-            onClick={() => {
-              resetAssessment()
-              router.push('/candidate')
-            }}
-            className="w-full bg-accent text-white font-bold py-4 rounded-xl hover:scale-[1.02] shadow-md transition-all"
-          >
-            Return to Candidate Portal
-          </button>
-        </div>
-      </div>
-    )
-  }
-
   return (
     <div className="min-h-screen relative bg-bg text-text p-6 md:p-12 font-sans overflow-x-hidden">
       
@@ -124,11 +66,6 @@ export default function ResultsPage() {
             <h1 className="text-4xl md:text-5xl font-bold font-mono tracking-tighter mb-3">
               <span className="text-accent">Assessment</span> Results
             </h1>
-            {candidateInfo && (
-              <p className="text-lg font-mono text-text mb-2">
-                Candidate: <span className="font-bold">{candidateInfo.name || candidateInfo.email}</span>
-              </p>
-            )}
             <p className="text-muted font-mono flex items-center">
               <span className="w-2 h-2 rounded-full bg-accent mr-3 animate-pulse"></span>
               Profile: {result.extraction.seniority_level} {result.extraction.domain}
@@ -141,9 +78,9 @@ export default function ResultsPage() {
                 <span className="text-accent font-bold">{hoursPerDay}h/day</span>
              </label>
              <input 
-                type="range" min="1" max="8" step="0.5" 
+                type="range" min="1" max="8" step="0.5" disabled
                 value={hoursPerDay} onChange={(e) => setHoursPerDay(parseFloat(e.target.value))}
-                className="w-full h-1.5 bg-gray-300 rounded-lg appearance-none cursor-pointer accent-accent transition-all hover:h-2"
+                className="w-full h-1.5 bg-gray-300 rounded-lg appearance-none cursor-not-allowed accent-accent opacity-70"
              />
           </div>
         </header>