diff --git a/backend/app/models.py b/backend/app/models.py
index 218ae64..d504ac0 100644
--- a/backend/app/models.py
+++ b/backend/app/models.py
@@ -129,22 +129,49 @@ class Application(Base):
 
     id = Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
     user_id = Column(String(120), nullable=False, index=True)
-    company_id = Column(UUID(as_uuid=True), ForeignKey("companies.id", ondelete="CASCADE"), nullable=False, index=True)
+    company_id = Column(
+        UUID(as_uuid=True),
+        ForeignKey("companies.id", ondelete="CASCADE"),
+        nullable=True,
+        index=True,
+    )
+    company_name = Column(String(255), nullable=True)
     role = Column(String(255), nullable=False)
     location = Column(String(255), nullable=True)
     position_type = Column(String(40), nullable=True)  # internship, new_grad, experienced, other
     applied_date = Column(Date, nullable=False)
-    status = Column(String(40), nullable=False, default="active")  # active, offer, rejected, withdrawn
+    posting_posted_date = Column(Date, nullable=True)
+    status = Column(String(40), nullable=False, default="active")  # active, offer, rejected, withdrawn, waitlisted
     current_stage = Column(String(120), nullable=True)
     posting_url = Column(Text, nullable=True)
+    posting_html = Column(Text, nullable=True)
+    salary = Column(String(120), nullable=True)
     resume_version = Column(String(255), nullable=True)
     resume_file_path = Column(String(500), nullable=True)  # Path to uploaded resume file
     notes = Column(Text, nullable=True)
+    visibility_preference = Column(String(40), nullable=False, default="private")
     created_at = Column(DateTime, default=datetime.utcnow, nullable=False)
     updated_at = Column(DateTime, default=datetime.utcnow, onupdate=datetime.utcnow)
 
     company = relationship("Company")
-    stages = relationship("ApplicationStage", back_populates="application", cascade="all, delete-orphan", order_by="ApplicationStage.position")
+    stages = relationship(
+        "ApplicationStage",
+        back_populates="application",
+        cascade="all, delete-orphan",
+        order_by="ApplicationStage.position",
+    )
+    assessments = relationship(
+        "OnlineAssessment",
+        back_populates="application",
+        cascade="all, delete-orphan",
+        order_by="OnlineAssessment.created_at",
+    )
+    interviews = relationship(
+        "InterviewRound",
+        back_populates="application",
+        cascade="all, delete-orphan",
+        order_by="InterviewRound.date_time",
+    )
 
 
 class ApplicationStage(Base):
@@ -160,3 +187,103 @@ class ApplicationStage(Base):
     created_at = Column(DateTime, default=datetime.utcnow, nullable=False)
 
     application = relationship("Application", back_populates="stages")
+
+
+class OnlineAssessment(Base):
+    __tablename__ = "online_assessments"
+
+    id = Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    application_id = Column(
+        UUID(as_uuid=True),
+        ForeignKey("applications.id", ondelete="CASCADE"),
+        nullable=False,
+        index=True,
+    )
+    platform = Column(String(120), nullable=False)
+    assessment_type = Column(String(40), nullable=True)
+    duration_minutes = Column(Integer, nullable=True)
+    score = Column(String(120), nullable=True)
+    languages = Column(ARRAY(String(60)), nullable=False, default=list)
+    notes = Column(Text, nullable=True)
+    created_at = Column(DateTime, default=datetime.utcnow, nullable=False)
+
+    application = relationship("Application", back_populates="assessments")
+    questions = relationship(
+        "AssessmentQuestion",
+        back_populates="assessment",
+        cascade="all, delete-orphan",
+        order_by="AssessmentQuestion.created_at",
+    )
+
+
+class AssessmentQuestion(Base):
+    __tablename__ = "assessment_questions"
+
+    id = Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    assessment_id = Column(
+        UUID(as_uuid=True),
+        ForeignKey("online_assessments.id", ondelete="CASCADE"),
+        nullable=False,
+        index=True,
+    )
+    question_text = Column(Text, nullable=True)
+    topics = Column(ARRAY(String(120)), nullable=False, default=list)
+    difficulty = Column(String(40), nullable=True)
+    approach = Column(Text, nullable=True)
+    notes = Column(Text, nullable=True)
+    follow_up = Column(Text, nullable=True)
+    privacy_mode = Column(String(40), nullable=False, default="private")
+    created_at = Column(DateTime, default=datetime.utcnow, nullable=False)
+
+    assessment = relationship("OnlineAssessment", back_populates="questions")
+
+
+class InterviewRound(Base):
+    __tablename__ = "interview_rounds"
+
+    id = Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    application_id = Column(
+        UUID(as_uuid=True),
+        ForeignKey("applications.id", ondelete="CASCADE"),
+        nullable=False,
+        index=True,
+    )
+    name = Column(String(120), nullable=False)
+    date_time = Column(DateTime, nullable=True)
+    duration_minutes = Column(Integer, nullable=True)
+    interview_type = Column(String(60), nullable=True)
+    format = Column(String(60), nullable=True)
+    interviewer = Column(String(120), nullable=True)
+    outcome = Column(String(40), nullable=True)
+    notes = Column(Text, nullable=True)
+    created_at = Column(DateTime, default=datetime.utcnow, nullable=False)
+
+    application = relationship("Application", back_populates="interviews")
+    questions = relationship(
+        "InterviewQuestion",
+        back_populates="round",
+        cascade="all, delete-orphan",
+        order_by="InterviewQuestion.created_at",
+    )
+
+
+class InterviewQuestion(Base):
+    __tablename__ = "interview_questions"
+
+    id = Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    round_id = Column(
+        UUID(as_uuid=True),
+        ForeignKey("interview_rounds.id", ondelete="CASCADE"),
+        nullable=False,
+        index=True,
+    )
+    question_text = Column(Text, nullable=True)
+    topics = Column(ARRAY(String(120)), nullable=False, default=list)
+    difficulty = Column(String(40), nullable=True)
+    approach = Column(Text, nullable=True)
+    follow_up = Column(Text, nullable=True)
+    notes = Column(Text, nullable=True)
+    privacy_mode = Column(String(40), nullable=False, default="private")
+    created_at = Column(DateTime, default=datetime.utcnow, nullable=False)
+
+    round = relationship("InterviewRound", back_populates="questions")
diff --git a/backend/app/routers/applications.py b/backend/app/routers/applications.py
index ec2a0df..1ba75f7 100644
--- a/backend/app/routers/applications.py
+++ b/backend/app/routers/applications.py
@@ -1,8 +1,11 @@
-from typing import List, Optional
+from datetime import date, datetime, timedelta
+from typing import Optional
 from uuid import UUID
-import os
+import re
 import shutil
+from html.parser import HTMLParser
 from pathlib import Path
+from urllib.parse import urlparse
 
 from fastapi import APIRouter, Depends, HTTPException, status, UploadFile, File
 from fastapi.responses import FileResponse
@@ -10,13 +13,36 @@
 from sqlalchemy.orm import Session
 
 from ..dependencies import get_db
-from ..models import Application, ApplicationStage, Company
+from ..models import (
+    Application,
+    ApplicationStage,
+    AssessmentQuestion,
+    Company,
+    InterviewQuestion,
+    InterviewRound,
+    OnlineAssessment,
+)
 from ..schemas import (
     ApplicationCreate,
     ApplicationDetail,
     ApplicationListItem,
     ApplicationsResponse,
     ApplicationUpdate,
+    ApplicationCaptureCreate,
+    AssessmentQuestionCreate,
+    AssessmentQuestionOut,
+    AssessmentQuestionUpdate,
+    InterviewQuestionCreate,
+    InterviewQuestionOut,
+    InterviewQuestionUpdate,
+    InterviewRoundCreate,
+    InterviewRoundOut,
+    InterviewRoundUpdate,
+    JobParseRequest,
+    JobParseResponse,
+    OnlineAssessmentCreate,
+    OnlineAssessmentOut,
+    OnlineAssessmentUpdate,
     StageCreate,
     StageUpdate,
 )
@@ -28,25 +54,340 @@
 UPLOAD_DIR.mkdir(parents=True, exist_ok=True)
 
 
+class _HTMLTextExtractor(HTMLParser):
+    def __init__(self) -> None:
+        super().__init__()
+        self._chunks: list[str] = []
+
+    def handle_data(self, data: str) -> None:
+        cleaned = data.strip()
+        if cleaned:
+            self._chunks.append(cleaned)
+
+    def get_text(self) -> str:
+        return " \n".join(self._chunks)
+
+
+def _strip_html(html: str) -> str:
+    parser = _HTMLTextExtractor()
+    parser.feed(html)
+    return parser.get_text()
+
+
+def _extract_from_text(text: str) -> tuple[Optional[str], Optional[str], Optional[str]]:
+    company = None
+    role = None
+    location = None
+
+    lines = text.splitlines()
+
+    for line in lines:
+        stripped = line.strip()
+        if not stripped:
+            continue
+
+        normalized = (
+            stripped.replace("\t", ": ")
+            .replace("\u2013", "-")
+            .replace("\u2014", "-")
+        )
+        normalized = re.sub(r"\s{2,}", " ", normalized)
+
+        if company is None:
+            if match := re.match(r"^(?:company|employer|organization)\b[\s:,-]*(.+)$", normalized, re.IGNORECASE):
+                company = match.group(1).strip()
+                continue
+
+        if role is None:
+            if match := re.match(r"^(?:role|position|title|job\s*title)\b[\s:,-]*(.+)$", normalized, re.IGNORECASE):
+                role = match.group(1).strip()
+                continue
+
+        if location is None:
+            if match := re.match(r"^(?:location|city|office)\b[\s:,-]*(.+)$", normalized, re.IGNORECASE):
+                location = match.group(1).strip()
+                continue
+
+    if location is None:
+        for line in lines:
+            stripped = line.strip()
+            if not stripped:
+                continue
+            if match := re.search(
+                r"\b(?:based in|located in)\s+([A-Z][^.,;]+)", stripped, re.IGNORECASE
+            ):
+                location = match.group(1).strip()
+                break
+
+    if role is None:
+        # attempt to use first non-empty line as role fallback
+        for line in lines:
+            stripped = line.strip()
+            if stripped:
+                role = stripped
+                break
+
+    return company, role, location
+
+
+_SALARY_PATTERNS = [
+    re.compile(
+        r"(?:(?:USD|CAD|GBP|EUR|AUD)\s*)?(?:[$£€])\s?\d{2,3}(?:[,\.\s]\d{3})*"
+        r"(?:\s?(?:-|to)\s?(?:USD|CAD|GBP|EUR|AUD)?\s*(?:[$£€])?\s?\d{2,3}(?:[,\.\s]\d{3})*)?"
+        r"\s*(?:per\s?(?:year|annum|month|hour)|/\s?(?:year|hr|hour|month))?",
+        re.IGNORECASE,
+    ),
+    re.compile(
+        r"\d{2,3}\s?(?:k|K)(?:\s?(?:-|to)\s?\d{2,3}\s?(?:k|K))?\s*(?:per\s?(?:year|annum)|/\s?year)?",
+        re.IGNORECASE,
+    ),
+]
+
+
+def _extract_salary(text: str) -> Optional[str]:
+    for line in text.splitlines():
+        stripped = line.strip()
+        if not stripped:
+            continue
+        if re.search(r"[$£€]\s?\d", stripped) or re.search(r"\b\d{2,3}\s?(?:k|K)\b", stripped):
+            return re.sub(r"\s+", " ", stripped)
+
+    for pattern in _SALARY_PATTERNS:
+        if match := pattern.search(text):
+            return re.sub(r"\s+", " ", match.group(0).strip())
+    return None
+
+
+_ABSOLUTE_POSTED_DATE_PATTERNS = [
+    re.compile(r"posted\s+on\s+([A-Za-z]{3,9}\s+\d{1,2},\s+\d{4})", re.IGNORECASE),
+    re.compile(r"posted\s*[:\-]\s*(\d{4}-\d{2}-\d{2})", re.IGNORECASE),
+    re.compile(r"posted\s*[:\-]\s*(\d{1,2}/\d{1,2}/\d{2,4})", re.IGNORECASE),
+]
+
+_RELATIVE_POSTED_DATE_PATTERN = re.compile(
+    r"posted\s+(\d+)\s+(day|days|week|weeks|month|months|hour|hours)\s+ago",
+    re.IGNORECASE,
+)
+
+
+def _parse_absolute_date(candidate: str) -> Optional[date]:
+    candidate = candidate.strip()
+    for fmt in ("%B %d, %Y", "%b %d, %Y", "%Y-%m-%d", "%m/%d/%Y", "%m/%d/%y"):
+        try:
+            return datetime.strptime(candidate, fmt).date()
+        except ValueError:
+            continue
+    return None
+
+
+def _extract_posted_date(text: str) -> Optional[date]:
+    for pattern in _ABSOLUTE_POSTED_DATE_PATTERNS:
+        if match := pattern.search(text):
+            parsed = _parse_absolute_date(match.group(1))
+            if parsed:
+                return parsed
+
+    if match := _RELATIVE_POSTED_DATE_PATTERN.search(text):
+        amount = int(match.group(1))
+        unit = match.group(2).lower()
+        delta = {
+            "day": timedelta(days=amount),
+            "days": timedelta(days=amount),
+            "week": timedelta(weeks=amount),
+            "weeks": timedelta(weeks=amount),
+            "month": timedelta(days=30 * amount),
+            "months": timedelta(days=30 * amount),
+            "hour": timedelta(hours=amount),
+            "hours": timedelta(hours=amount),
+        }.get(unit)
+
+        if delta:
+            return datetime.utcnow().date() - delta
+
+    return None
+
+
+def _extract_position_type(text: str) -> Optional[str]:
+    lowered = text.lower()
+    if re.search(r"\bintern(ship)?\b", lowered):
+        return "internship"
+    if "new grad" in lowered or "entry level" in lowered or "recent graduate" in lowered:
+        return "new_grad"
+    if re.search(r"\b(mid[-\s]?level|senior|staff|principal|lead|manager)\b", lowered):
+        return "experienced"
+    return None
+
+
+def _extract_resume_hint(text: str) -> Optional[str]:
+    lowered = text.lower()
+    hints: list[str] = []
+    if "cover letter" in lowered:
+        hints.append("Posting mentions a cover letter")
+    if "portfolio" in lowered:
+        hints.append("Portfolio link requested")
+    if "pdf" in lowered and "resume" in lowered:
+        hints.append("Resume PDF preferred")
+    if not hints and "resume" in lowered:
+        hints.append("Resume requirement mentioned")
+    if hints:
+        return " • ".join(dict.fromkeys(hints))
+    return None
+
+
+def _infer_company_from_url(url: str) -> Optional[str]:
+    try:
+        parsed = urlparse(url)
+    except ValueError:
+        return None
+
+    hostname = parsed.hostname or ""
+    if not hostname:
+        return None
+
+    parts = hostname.split(".")
+    if len(parts) < 2:
+        return None
+
+    candidate = parts[0]
+    if candidate in {"www", "jobs", "careers"} and len(parts) > 1:
+        candidate = parts[1]
+
+    return candidate.replace("-", " ").title()
+
+
+def _create_assessment_question_model(payload: AssessmentQuestionCreate) -> AssessmentQuestion:
+    return AssessmentQuestion(
+        question_text=payload.question_text,
+        topics=payload.topics,
+        difficulty=payload.difficulty,
+        approach=payload.approach,
+        notes=payload.notes,
+        follow_up=payload.follow_up,
+        privacy_mode=payload.privacy_mode,
+    )
+
+
+def _create_interview_question_model(payload: InterviewQuestionCreate) -> InterviewQuestion:
+    return InterviewQuestion(
+        question_text=payload.question_text,
+        topics=payload.topics,
+        difficulty=payload.difficulty,
+        approach=payload.approach,
+        follow_up=payload.follow_up,
+        notes=payload.notes,
+        privacy_mode=payload.privacy_mode,
+    )
+
+
 def _build_application_detail(app: Application) -> ApplicationDetail:
     """Helper function to build ApplicationDetail response with company name."""
     return ApplicationDetail(
         id=app.id,
         company_id=app.company_id,
-        company_name=app.company.name if app.company else "Unknown Company",
+        company_name=app.company.name if app.company else app.company_name or "Unknown Company",
         role=app.role,
         location=app.location,
         position_type=app.position_type,
         applied_date=app.applied_date,
+        posting_posted_date=app.posting_posted_date,
         status=app.status,
         current_stage=app.current_stage,
         posting_url=app.posting_url,
+        posting_html=app.posting_html,
         resume_version=app.resume_version,
         notes=app.notes,
+        salary=app.salary,
+        visibility_preference=app.visibility_preference,
         stages=app.stages,
+        assessments=app.assessments,
+        interviews=app.interviews,
     )
 
 
+def _get_application_or_404(
+    db: Session,
+    application_id: UUID,
+    user_id: str,
+) -> Application:
+    stmt = (
+        select(Application)
+        .where(Application.id == application_id)
+        .where(Application.user_id == user_id)
+    )
+    application = db.execute(stmt).scalar_one_or_none()
+
+    if not application:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Application not found",
+        )
+
+    return application
+
+
+def _find_existing_application_for_capture(
+    db: Session,
+    user_id: str,
+    payload: ApplicationCaptureCreate,
+) -> Optional[Application]:
+    if payload.posting_url:
+        stmt = (
+            select(Application)
+            .where(Application.user_id == user_id)
+            .where(Application.posting_url == payload.posting_url)
+        )
+        existing = db.execute(stmt).scalar_one_or_none()
+        if existing:
+            return existing
+
+    if payload.company_name and payload.role:
+        stmt = (
+            select(Application)
+            .where(Application.user_id == user_id)
+            .where(Application.role.ilike(payload.role))
+            .where(Application.company_name.ilike(payload.company_name))
+        )
+        return db.execute(stmt).scalar_one_or_none()
+
+    return None
+
+
+def _apply_capture_updates(
+    db_application: Application,
+    payload: ApplicationCaptureCreate,
+    applied_date: date,
+) -> None:
+    if payload.company_name:
+        db_application.company_name = payload.company_name
+    if payload.role:
+        db_application.role = payload.role
+    if payload.location:
+        db_application.location = payload.location
+    if payload.position_type:
+        db_application.position_type = payload.position_type
+    if payload.posting_url:
+        db_application.posting_url = payload.posting_url
+    if payload.posting_html or payload.posting_text:
+        db_application.posting_html = payload.posting_html or payload.posting_text
+    if payload.posting_posted_date:
+        db_application.posting_posted_date = payload.posting_posted_date
+    if payload.salary:
+        db_application.salary = payload.salary
+    if payload.resume_version:
+        db_application.resume_version = payload.resume_version
+    if payload.notes:
+        db_application.notes = payload.notes
+
+    db_application.applied_date = applied_date
+
+    applied_stage = next(
+        (stage for stage in db_application.stages if stage.name.lower() == "applied"),
+        None,
+    )
+    if applied_stage:
+        applied_stage.date = applied_date
+
+
 @router.get("", response_model=ApplicationsResponse)
 def list_applications(
     user_id: str = "demo-user",  # TODO: Get from auth
@@ -65,16 +406,19 @@ def list_applications(
     items = [
         ApplicationListItem(
             id=app.id,
-            company_name=app.company.name if app.company else "Unknown",
+            company_name=app.company.name if app.company else app.company_name or "Unknown",
             company_id=app.company_id,
             role=app.role,
             location=app.location,
             position_type=app.position_type,
             applied_date=app.applied_date,
+            posting_posted_date=app.posting_posted_date,
             status=app.status,
             current_stage=app.current_stage or "Applied",
             posting_url=app.posting_url,
+            salary=app.salary,
             resume_version=app.resume_version,
+            visibility_preference=app.visibility_preference,
         )
         for app in applications
     ]
@@ -82,6 +426,110 @@ def list_applications(
     return ApplicationsResponse(items=items, total=len(items))
 
 
+@router.post("/parse", response_model=JobParseResponse)
+def parse_job_posting(payload: JobParseRequest) -> JobParseResponse:
+    """Attempt to extract structured job posting data from user-provided content."""
+    if not (payload.html or payload.text or payload.url):
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="Provide at least one of html, text, or url to parse",
+        )
+
+    posting_html = payload.html or (payload.text if payload.text else None)
+    text_source = payload.text or ""
+
+    if payload.html:
+        text_source = _strip_html(payload.html)
+    elif not text_source and payload.url:
+        text_source = payload.url
+
+    company, role, location = _extract_from_text(text_source)
+
+    analysis_text = text_source or ""
+    salary = _extract_salary(analysis_text)
+    posting_date = _extract_posted_date(analysis_text)
+    position_type = _extract_position_type(analysis_text)
+    resume_hint = _extract_resume_hint(analysis_text)
+
+    if not company and payload.url:
+        company = _infer_company_from_url(payload.url)
+
+    return JobParseResponse(
+        company_name=company,
+        role=role,
+        location=location,
+        position_type=position_type,
+        posting_posted_date=posting_date,
+        salary=salary,
+        resume_hint=resume_hint,
+        posting_html=posting_html,
+        posting_text=text_source or None,
+    )
+
+
+@router.post("/captures", response_model=ApplicationDetail, status_code=status.HTTP_201_CREATED)
+def capture_application(
+    payload: ApplicationCaptureCreate,
+    user_id: str = "demo-user",  # TODO: Replace with authenticated user
+    db: Session = Depends(get_db),
+):
+    if not payload.auto_submit:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="Deferred captures are not supported yet. Enable auto_submit to ingest immediately.",
+        )
+
+    if not payload.role:
+        raise HTTPException(
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="Role is required to capture an application.",
+        )
+
+    applied_date = payload.applied_date or datetime.utcnow().date()
+    db_application = _find_existing_application_for_capture(db, user_id, payload)
+
+    if db_application:
+        _apply_capture_updates(db_application, payload, applied_date)
+        db.commit()
+        db.refresh(db_application)
+        return _build_application_detail(db_application)
+
+    company_name = payload.company_name or "Unknown Company"
+    notes = payload.notes or f"Captured automatically via {payload.source.replace('_', ' ')}"
+
+    db_application = Application(
+        user_id=user_id,
+        company_name=company_name,
+        role=payload.role,
+        location=payload.location,
+        position_type=payload.position_type,
+        applied_date=applied_date,
+        posting_posted_date=payload.posting_posted_date,
+        status="active",
+        current_stage="Applied",
+        posting_url=payload.posting_url,
+        posting_html=payload.posting_html or payload.posting_text,
+        salary=payload.salary,
+        resume_version=payload.resume_version,
+        notes=notes,
+        visibility_preference="private",
+    )
+
+    initial_stage = ApplicationStage(
+        name="Applied",
+        date=applied_date,
+        notes=notes,
+        position=0,
+    )
+    db_application.stages.append(initial_stage)
+
+    db.add(db_application)
+    db.commit()
+    db.refresh(db_application)
+
+    return _build_application_detail(db_application)
+
+
 @router.get("/{application_id}", response_model=ApplicationDetail)
 def get_application(
     application_id: UUID,
@@ -89,18 +537,7 @@ def get_application(
     db: Session = Depends(get_db),
 ):
     """Get detailed information about a specific application."""
-    stmt = (
-        select(Application)
-        .where(Application.id == application_id)
-        .where(Application.user_id == user_id)
-    )
-    application = db.execute(stmt).scalar_one_or_none()
-
-    if not application:
-        raise HTTPException(
-            status_code=status.HTTP_404_NOT_FOUND,
-            detail="Application not found",
-        )
+    application = _get_application_or_404(db, application_id, user_id)
 
     return _build_application_detail(application)
 
@@ -113,29 +550,43 @@ def create_application(
 ):
     """Create a new application."""
     # Verify company exists
-    company = db.execute(
-        select(Company).where(Company.id == application.company_id)
-    ).scalar_one_or_none()
-
-    if not company:
+    company = None
+    if application.company_id:
+        company = db.execute(
+            select(Company).where(Company.id == application.company_id)
+        ).scalar_one_or_none()
+
+        if not company:
+            raise HTTPException(
+                status_code=status.HTTP_404_NOT_FOUND,
+                detail="Company not found",
+            )
+    elif not application.company_name:
         raise HTTPException(
-            status_code=status.HTTP_404_NOT_FOUND,
-            detail="Company not found",
+            status_code=status.HTTP_400_BAD_REQUEST,
+            detail="Either company_id or company_name must be provided",
         )
 
+    company_name = company.name if company else application.company_name
+
     # Create application
     db_application = Application(
         user_id=user_id,
         company_id=application.company_id,
+        company_name=company_name,
         role=application.role,
         location=application.location,
         position_type=application.position_type,
         applied_date=application.applied_date,
+        posting_posted_date=application.posting_posted_date,
         status="active",
         current_stage="Applied",
         posting_url=application.posting_url,
+        posting_html=application.posting_html,
+        salary=application.salary,
         resume_version=application.resume_version,
         notes=application.notes,
+        visibility_preference=application.visibility_preference or "private",
     )
 
     # Create initial "Applied" stage
@@ -162,18 +613,7 @@ def update_application(
     db: Session = Depends(get_db),
 ):
     """Update an existing application."""
-    stmt = (
-        select(Application)
-        .where(Application.id == application_id)
-        .where(Application.user_id == user_id)
-    )
-    db_application = db.execute(stmt).scalar_one_or_none()
-
-    if not db_application:
-        raise HTTPException(
-            status_code=status.HTTP_404_NOT_FOUND,
-            detail="Application not found",
-        )
+    db_application = _get_application_or_404(db, application_id, user_id)
 
     # Update fields
     update_data = application.model_dump(exclude_unset=True)
@@ -193,18 +633,7 @@ def delete_application(
     db: Session = Depends(get_db),
 ):
     """Delete an application."""
-    stmt = (
-        select(Application)
-        .where(Application.id == application_id)
-        .where(Application.user_id == user_id)
-    )
-    db_application = db.execute(stmt).scalar_one_or_none()
-
-    if not db_application:
-        raise HTTPException(
-            status_code=status.HTTP_404_NOT_FOUND,
-            detail="Application not found",
-        )
+    db_application = _get_application_or_404(db, application_id, user_id)
 
     db.delete(db_application)
     db.commit()
@@ -219,18 +648,7 @@ def add_stage(
     db: Session = Depends(get_db),
 ):
     """Add a new stage to an application timeline."""
-    stmt = (
-        select(Application)
-        .where(Application.id == application_id)
-        .where(Application.user_id == user_id)
-    )
-    db_application = db.execute(stmt).scalar_one_or_none()
-
-    if not db_application:
-        raise HTTPException(
-            status_code=status.HTTP_404_NOT_FOUND,
-            detail="Application not found",
-        )
+    db_application = _get_application_or_404(db, application_id, user_id)
 
     # Get the highest position
     max_position = max([s.position for s in db_application.stages], default=-1)
@@ -251,10 +669,16 @@ def add_stage(
     db_application.current_stage = stage.name
 
     # Update status based on stage
-    if stage.name in ["Offer", "Accepted"]:
-        db_application.status = "offer"
-    elif stage.name in ["Rejected", "Withdrawn"]:
-        db_application.status = "rejected"
+    normalized_name = stage.name.strip().lower()
+    status_updates = {
+        "offer": "offer",
+        "accepted": "offer",
+        "rejected": "rejected",
+        "withdrawn": "withdrawn",
+        "waitlisted": "waitlisted",
+    }
+    if normalized_name in status_updates:
+        db_application.status = status_updates[normalized_name]
 
     db.commit()
     db.refresh(db_application)
@@ -272,18 +696,7 @@ def update_stage(
 ):
     """Update an existing stage."""
     # Verify application ownership
-    stmt = (
-        select(Application)
-        .where(Application.id == application_id)
-        .where(Application.user_id == user_id)
-    )
-    db_application = db.execute(stmt).scalar_one_or_none()
-
-    if not db_application:
-        raise HTTPException(
-            status_code=status.HTTP_404_NOT_FOUND,
-            detail="Application not found",
-        )
+    db_application = _get_application_or_404(db, application_id, user_id)
 
     # Find and update stage
     db_stage = next((s for s in db_application.stages if s.id == stage_id), None)
@@ -314,18 +727,7 @@ def delete_stage(
 ):
     """Delete a stage from an application."""
     # Verify application ownership
-    stmt = (
-        select(Application)
-        .where(Application.id == application_id)
-        .where(Application.user_id == user_id)
-    )
-    db_application = db.execute(stmt).scalar_one_or_none()
-
-    if not db_application:
-        raise HTTPException(
-            status_code=status.HTTP_404_NOT_FOUND,
-            detail="Application not found",
-        )
+    db_application = _get_application_or_404(db, application_id, user_id)
 
     # Find and delete stage
     db_stage = next((s for s in db_application.stages if s.id == stage_id), None)
@@ -356,6 +758,398 @@ def delete_stage(
     return _build_application_detail(db_application)
 
 
+@router.post("/{application_id}/assessments", response_model=ApplicationDetail)
+def add_assessment(
+    application_id: UUID,
+    payload: OnlineAssessmentCreate,
+    user_id: str = "demo-user",
+    db: Session = Depends(get_db),
+):
+    db_application = _get_application_or_404(db, application_id, user_id)
+
+    db_assessment = OnlineAssessment(
+        application_id=application_id,
+        platform=payload.platform,
+        assessment_type=payload.assessment_type,
+        duration_minutes=payload.duration_minutes,
+        score=payload.score,
+        languages=payload.languages,
+        notes=payload.notes,
+    )
+
+    for question_payload in payload.questions:
+        db_assessment.questions.append(_create_assessment_question_model(question_payload))
+
+    db.add(db_assessment)
+    db.commit()
+    db.refresh(db_application)
+
+    return _build_application_detail(db_application)
+
+
+@router.put("/{application_id}/assessments/{assessment_id}", response_model=ApplicationDetail)
+def update_assessment(
+    application_id: UUID,
+    assessment_id: UUID,
+    payload: OnlineAssessmentUpdate,
+    user_id: str = "demo-user",
+    db: Session = Depends(get_db),
+):
+    db_application = _get_application_or_404(db, application_id, user_id)
+    db_assessment = next((a for a in db_application.assessments if a.id == assessment_id), None)
+
+    if not db_assessment:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Assessment not found",
+        )
+
+    update_data = payload.model_dump(exclude_unset=True)
+
+    for field in ["platform", "assessment_type", "duration_minutes", "score", "notes"]:
+        if field in update_data:
+            setattr(db_assessment, field, update_data[field])
+
+    if "languages" in update_data:
+        db_assessment.languages = update_data["languages"]
+
+    if payload.questions is not None:
+        for existing in list(db_assessment.questions):
+            db.delete(existing)
+        db.flush()
+        for question_payload in payload.questions:
+            db_assessment.questions.append(_create_assessment_question_model(question_payload))
+
+    db.commit()
+    db.refresh(db_application)
+
+    return _build_application_detail(db_application)
+
+
+@router.delete("/{application_id}/assessments/{assessment_id}", response_model=ApplicationDetail)
+def delete_assessment(
+    application_id: UUID,
+    assessment_id: UUID,
+    user_id: str = "demo-user",
+    db: Session = Depends(get_db),
+):
+    db_application = _get_application_or_404(db, application_id, user_id)
+    db_assessment = next((a for a in db_application.assessments if a.id == assessment_id), None)
+
+    if not db_assessment:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Assessment not found",
+        )
+
+    db.delete(db_assessment)
+    db.commit()
+    db.refresh(db_application)
+
+    return _build_application_detail(db_application)
+
+
+@router.post(
+    "/{application_id}/assessments/{assessment_id}/questions",
+    response_model=ApplicationDetail,
+)
+def add_assessment_question(
+    application_id: UUID,
+    assessment_id: UUID,
+    payload: AssessmentQuestionCreate,
+    user_id: str = "demo-user",
+    db: Session = Depends(get_db),
+):
+    db_application = _get_application_or_404(db, application_id, user_id)
+    db_assessment = next((a for a in db_application.assessments if a.id == assessment_id), None)
+
+    if not db_assessment:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Assessment not found",
+        )
+
+    db_assessment.questions.append(_create_assessment_question_model(payload))
+    db.commit()
+    db.refresh(db_application)
+
+    return _build_application_detail(db_application)
+
+
+@router.put(
+    "/{application_id}/assessments/{assessment_id}/questions/{question_id}",
+    response_model=ApplicationDetail,
+)
+def update_assessment_question(
+    application_id: UUID,
+    assessment_id: UUID,
+    question_id: UUID,
+    payload: AssessmentQuestionUpdate,
+    user_id: str = "demo-user",
+    db: Session = Depends(get_db),
+):
+    db_application = _get_application_or_404(db, application_id, user_id)
+    db_assessment = next((a for a in db_application.assessments if a.id == assessment_id), None)
+
+    if not db_assessment:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Assessment not found",
+        )
+
+    db_question = next((q for q in db_assessment.questions if q.id == question_id), None)
+
+    if not db_question:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Assessment question not found",
+        )
+
+    update_data = payload.model_dump(exclude_unset=True)
+    for field, value in update_data.items():
+        setattr(db_question, field, value)
+
+    db.commit()
+    db.refresh(db_application)
+
+    return _build_application_detail(db_application)
+
+
+@router.delete(
+    "/{application_id}/assessments/{assessment_id}/questions/{question_id}",
+    response_model=ApplicationDetail,
+)
+def delete_assessment_question(
+    application_id: UUID,
+    assessment_id: UUID,
+    question_id: UUID,
+    user_id: str = "demo-user",
+    db: Session = Depends(get_db),
+):
+    db_application = _get_application_or_404(db, application_id, user_id)
+    db_assessment = next((a for a in db_application.assessments if a.id == assessment_id), None)
+
+    if not db_assessment:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Assessment not found",
+        )
+
+    db_question = next((q for q in db_assessment.questions if q.id == question_id), None)
+
+    if not db_question:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Assessment question not found",
+        )
+
+    db.delete(db_question)
+    db.commit()
+    db.refresh(db_application)
+
+    return _build_application_detail(db_application)
+
+
+@router.post("/{application_id}/interviews", response_model=ApplicationDetail)
+def add_interview_round(
+    application_id: UUID,
+    payload: InterviewRoundCreate,
+    user_id: str = "demo-user",
+    db: Session = Depends(get_db),
+):
+    db_application = _get_application_or_404(db, application_id, user_id)
+
+    db_round = InterviewRound(
+        application_id=application_id,
+        name=payload.name,
+        date_time=payload.date_time,
+        duration_minutes=payload.duration_minutes,
+        interview_type=payload.interview_type,
+        format=payload.format,
+        interviewer=payload.interviewer,
+        outcome=payload.outcome,
+        notes=payload.notes,
+    )
+
+    for question_payload in payload.questions:
+        db_round.questions.append(_create_interview_question_model(question_payload))
+
+    db.add(db_round)
+    db.commit()
+    db.refresh(db_application)
+
+    return _build_application_detail(db_application)
+
+
+@router.put("/{application_id}/interviews/{round_id}", response_model=ApplicationDetail)
+def update_interview_round(
+    application_id: UUID,
+    round_id: UUID,
+    payload: InterviewRoundUpdate,
+    user_id: str = "demo-user",
+    db: Session = Depends(get_db),
+):
+    db_application = _get_application_or_404(db, application_id, user_id)
+    db_round = next((r for r in db_application.interviews if r.id == round_id), None)
+
+    if not db_round:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Interview round not found",
+        )
+
+    update_data = payload.model_dump(exclude_unset=True)
+
+    for field in [
+        "name",
+        "date_time",
+        "duration_minutes",
+        "interview_type",
+        "format",
+        "interviewer",
+        "outcome",
+        "notes",
+    ]:
+        if field in update_data:
+            setattr(db_round, field, update_data[field])
+
+    if payload.questions is not None:
+        for existing in list(db_round.questions):
+            db.delete(existing)
+        db.flush()
+        for question_payload in payload.questions:
+            db_round.questions.append(_create_interview_question_model(question_payload))
+
+    db.commit()
+    db.refresh(db_application)
+
+    return _build_application_detail(db_application)
+
+
+@router.delete("/{application_id}/interviews/{round_id}", response_model=ApplicationDetail)
+def delete_interview_round(
+    application_id: UUID,
+    round_id: UUID,
+    user_id: str = "demo-user",
+    db: Session = Depends(get_db),
+):
+    db_application = _get_application_or_404(db, application_id, user_id)
+    db_round = next((r for r in db_application.interviews if r.id == round_id), None)
+
+    if not db_round:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Interview round not found",
+        )
+
+    db.delete(db_round)
+    db.commit()
+    db.refresh(db_application)
+
+    return _build_application_detail(db_application)
+
+
+@router.post(
+    "/{application_id}/interviews/{round_id}/questions",
+    response_model=ApplicationDetail,
+)
+def add_interview_question(
+    application_id: UUID,
+    round_id: UUID,
+    payload: InterviewQuestionCreate,
+    user_id: str = "demo-user",
+    db: Session = Depends(get_db),
+):
+    db_application = _get_application_or_404(db, application_id, user_id)
+    db_round = next((r for r in db_application.interviews if r.id == round_id), None)
+
+    if not db_round:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Interview round not found",
+        )
+
+    db_round.questions.append(_create_interview_question_model(payload))
+    db.commit()
+    db.refresh(db_application)
+
+    return _build_application_detail(db_application)
+
+
+@router.put(
+    "/{application_id}/interviews/{round_id}/questions/{question_id}",
+    response_model=ApplicationDetail,
+)
+def update_interview_question(
+    application_id: UUID,
+    round_id: UUID,
+    question_id: UUID,
+    payload: InterviewQuestionUpdate,
+    user_id: str = "demo-user",
+    db: Session = Depends(get_db),
+):
+    db_application = _get_application_or_404(db, application_id, user_id)
+    db_round = next((r for r in db_application.interviews if r.id == round_id), None)
+
+    if not db_round:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Interview round not found",
+        )
+
+    db_question = next((q for q in db_round.questions if q.id == question_id), None)
+
+    if not db_question:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Interview question not found",
+        )
+
+    update_data = payload.model_dump(exclude_unset=True)
+    for field, value in update_data.items():
+        setattr(db_question, field, value)
+
+    db.commit()
+    db.refresh(db_application)
+
+    return _build_application_detail(db_application)
+
+
+@router.delete(
+    "/{application_id}/interviews/{round_id}/questions/{question_id}",
+    response_model=ApplicationDetail,
+)
+def delete_interview_question(
+    application_id: UUID,
+    round_id: UUID,
+    question_id: UUID,
+    user_id: str = "demo-user",
+    db: Session = Depends(get_db),
+):
+    db_application = _get_application_or_404(db, application_id, user_id)
+    db_round = next((r for r in db_application.interviews if r.id == round_id), None)
+
+    if not db_round:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Interview round not found",
+        )
+
+    db_question = next((q for q in db_round.questions if q.id == question_id), None)
+
+    if not db_question:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Interview question not found",
+        )
+
+    db.delete(db_question)
+    db.commit()
+    db.refresh(db_application)
+
+    return _build_application_detail(db_application)
+
+
 @router.post("/{application_id}/upload-resume")
 async def upload_resume(
     application_id: UUID,
diff --git a/backend/app/schemas.py b/backend/app/schemas.py
index d08be14..f6221c1 100644
--- a/backend/app/schemas.py
+++ b/backend/app/schemas.py
@@ -123,15 +123,18 @@ class ApplicationStageSchema(BaseModel):
 class ApplicationListItem(BaseModel):
     id: UUID
     company_name: str
-    company_id: UUID
+    company_id: Optional[UUID]
     role: str
     location: Optional[str]
     position_type: Optional[str]
     applied_date: date
+    posting_posted_date: Optional[date]
     status: str
     current_stage: Optional[str]
     posting_url: Optional[str]
+    salary: Optional[str]
     resume_version: Optional[str]
+    visibility_preference: str
 
     model_config = {
         "from_attributes": True,
@@ -140,18 +143,24 @@ class ApplicationListItem(BaseModel):
 
 class ApplicationDetail(BaseModel):
     id: UUID
-    company_id: UUID
+    company_id: Optional[UUID]
     company_name: str
     role: str
     location: Optional[str]
     position_type: Optional[str]
     applied_date: date
+    posting_posted_date: Optional[date]
     status: str
     current_stage: Optional[str]
     posting_url: Optional[str]
+    posting_html: Optional[str]
     resume_version: Optional[str]
     notes: Optional[str]
+    salary: Optional[str]
+    visibility_preference: str
     stages: List[ApplicationStageSchema]
+    assessments: List["OnlineAssessmentOut"]
+    interviews: List["InterviewRoundOut"]
 
     model_config = {
         "from_attributes": True,
@@ -169,25 +178,56 @@ class Config:
 
 
 class ApplicationCreate(BaseModel):
-    company_id: UUID
+    company_id: Optional[UUID] = None
+    company_name: Optional[str] = None
     role: str
     location: Optional[str] = None
     position_type: Optional[str] = None
     applied_date: date
+    posting_posted_date: Optional[date] = None
     posting_url: Optional[str] = None
+    posting_html: Optional[str] = None
+    salary: Optional[str] = None
     resume_version: Optional[str] = None
     notes: Optional[str] = None
+    visibility_preference: Optional[str] = Field(default="private")
 
 
 class ApplicationUpdate(BaseModel):
+    company_name: Optional[str] = None
     role: Optional[str] = None
     location: Optional[str] = None
     position_type: Optional[str] = None
     status: Optional[str] = None
     current_stage: Optional[str] = None
     posting_url: Optional[str] = None
+    posting_html: Optional[str] = None
+    posting_posted_date: Optional[date] = None
+    salary: Optional[str] = None
     resume_version: Optional[str] = None
     notes: Optional[str] = None
+    visibility_preference: Optional[str] = None
+
+
+class ApplicationCaptureCreate(BaseModel):
+    source: str = Field(description="Identifier for the capture source, e.g., chrome_extension")
+    company_name: Optional[str] = None
+    role: str
+    location: Optional[str] = None
+    position_type: Optional[str] = None
+    applied_date: Optional[date] = None
+    posting_posted_date: Optional[date] = None
+    posting_url: Optional[str] = None
+    posting_html: Optional[str] = None
+    posting_text: Optional[str] = None
+    salary: Optional[str] = None
+    resume_version: Optional[str] = None
+    notes: Optional[str] = None
+    captured_at: Optional[datetime] = None
+    auto_submit: bool = Field(
+        default=True,
+        description="Whether the capture should immediately create or update an application.",
+    )
 
 
 class StageCreate(BaseModel):
@@ -204,6 +244,152 @@ class StageUpdate(BaseModel):
     notes: Optional[str] = None
 
 
+class AssessmentQuestionBase(BaseModel):
+    question_text: Optional[str] = Field(default=None, alias="question")
+    topics: List[str] = Field(default_factory=list)
+    difficulty: Optional[str] = None
+    approach: Optional[str] = None
+    notes: Optional[str] = None
+    follow_up: Optional[str] = Field(default=None, alias="followUp")
+    privacy_mode: str = Field(default="private", alias="privacyMode")
+
+    model_config = {
+        "populate_by_name": True,
+    }
+
+
+class AssessmentQuestionCreate(AssessmentQuestionBase):
+    pass
+
+
+class AssessmentQuestionUpdate(AssessmentQuestionBase):
+    pass
+
+
+class AssessmentQuestionOut(AssessmentQuestionBase):
+    id: UUID
+
+    model_config = {
+        "populate_by_name": True,
+        "from_attributes": True,
+    }
+
+
+class OnlineAssessmentBase(BaseModel):
+    platform: str
+    assessment_type: Optional[str] = Field(default=None, alias="type")
+    duration_minutes: Optional[int] = Field(default=None, alias="duration")
+    score: Optional[str] = None
+    languages: List[str] = Field(default_factory=list)
+    notes: Optional[str] = None
+
+    model_config = {
+        "populate_by_name": True,
+    }
+
+
+class OnlineAssessmentCreate(OnlineAssessmentBase):
+    questions: List[AssessmentQuestionCreate] = Field(default_factory=list)
+
+
+class OnlineAssessmentUpdate(OnlineAssessmentBase):
+    questions: Optional[List[AssessmentQuestionCreate]] = None
+
+
+class OnlineAssessmentOut(OnlineAssessmentBase):
+    id: UUID
+    created_at: datetime
+    questions: List[AssessmentQuestionOut]
+
+    model_config = {
+        "populate_by_name": True,
+        "from_attributes": True,
+    }
+
+
+class InterviewQuestionBase(BaseModel):
+    question_text: Optional[str] = Field(default=None, alias="question")
+    topics: List[str] = Field(default_factory=list)
+    difficulty: Optional[str] = None
+    approach: Optional[str] = None
+    follow_up: Optional[str] = Field(default=None, alias="followUp")
+    notes: Optional[str] = None
+    privacy_mode: str = Field(default="private", alias="privacyMode")
+
+    model_config = {
+        "populate_by_name": True,
+    }
+
+
+class InterviewQuestionCreate(InterviewQuestionBase):
+    pass
+
+
+class InterviewQuestionUpdate(InterviewQuestionBase):
+    pass
+
+
+class InterviewQuestionOut(InterviewQuestionBase):
+    id: UUID
+
+    model_config = {
+        "populate_by_name": True,
+        "from_attributes": True,
+    }
+
+
+class InterviewRoundBase(BaseModel):
+    name: str
+    date_time: Optional[datetime] = Field(default=None, alias="dateTime")
+    duration_minutes: Optional[int] = Field(default=None, alias="duration")
+    interview_type: Optional[str] = Field(default=None, alias="type")
+    format: Optional[str] = None
+    interviewer: Optional[str] = None
+    outcome: Optional[str] = None
+    notes: Optional[str] = None
+
+    model_config = {
+        "populate_by_name": True,
+    }
+
+
+class InterviewRoundCreate(InterviewRoundBase):
+    questions: List[InterviewQuestionCreate] = Field(default_factory=list)
+
+
+class InterviewRoundUpdate(InterviewRoundBase):
+    questions: Optional[List[InterviewQuestionCreate]] = None
+
+
+class InterviewRoundOut(InterviewRoundBase):
+    id: UUID
+    created_at: datetime
+    questions: List[InterviewQuestionOut]
+
+    model_config = {
+        "populate_by_name": True,
+        "from_attributes": True,
+    }
+
+
+class JobParseRequest(BaseModel):
+    url: Optional[str] = None
+    html: Optional[str] = None
+    text: Optional[str] = None
+
+
+class JobParseResponse(BaseModel):
+    company_name: Optional[str] = None
+    role: Optional[str] = None
+    location: Optional[str] = None
+    position_type: Optional[str] = None
+    posting_posted_date: Optional[date] = None
+    salary: Optional[str] = None
+    resume_hint: Optional[str] = None
+    posting_html: Optional[str] = None
+    posting_text: Optional[str] = None
+
+
 class JobRoleOut(BaseModel):
     id: UUID
     title: str
@@ -233,3 +419,8 @@ class PlatformOut(BaseModel):
     model_config = {
         "from_attributes": True,
     }
+
+
+ApplicationDetail.model_rebuild()
+OnlineAssessmentOut.model_rebuild()
+InterviewRoundOut.model_rebuild()
diff --git a/extensions/chrome/pathline-capture/README.md b/extensions/chrome/pathline-capture/README.md
new file mode 100644
index 0000000..58ee9be
--- /dev/null
+++ b/extensions/chrome/pathline-capture/README.md
@@ -0,0 +1,19 @@
+# PathLine Chrome Application Capture
+
+This Chrome extension automatically detects job application pages on popular career sites and forwards the structured data to the PathLine backend.
+
+## Features
+
+- Detects company, role, location, salary ranges, posting dates, and resume hints on popular job boards (LinkedIn, Indeed, Lever, Greenhouse, Workday, Ashby, SmartRecruiters).
+- Submits captures to the `/api/applications/captures` endpoint for immediate ingestion.
+- De-duplicates repeated captures while you browse the same posting.
+- Provides an options page to configure the PathLine API base URL and optional API token.
+
+## Development
+
+1. Build and run the PathLine backend locally so the extension can reach `http://localhost:8000`.
+2. In Chrome, open `chrome://extensions`, enable **Developer mode**, and choose **Load unpacked**.
+3. Select this directory (`extensions/chrome/pathline-capture`).
+4. Visit a supported job posting and verify the capture appears in PathLine.
+
+The extension ships default settings that point to `http://localhost:8000`. Update the options page if you deploy the backend elsewhere or need to include an auth token.
diff --git a/extensions/chrome/pathline-capture/background.js b/extensions/chrome/pathline-capture/background.js
new file mode 100644
index 0000000..aff797e
--- /dev/null
+++ b/extensions/chrome/pathline-capture/background.js
@@ -0,0 +1,83 @@
+const DEFAULT_SETTINGS = {
+  apiBaseUrl: 'http://localhost:8000',
+  authToken: ''
+};
+
+const RECENT_CAPTURE_WINDOW_MS = 5 * 60 * 1000; // five minutes
+const recentCaptures = new Map();
+
+function getSettings() {
+  return new Promise((resolve) => {
+    chrome.storage.sync.get(DEFAULT_SETTINGS, (items) => {
+      resolve({
+        apiBaseUrl: items.apiBaseUrl || DEFAULT_SETTINGS.apiBaseUrl,
+        authToken: items.authToken || DEFAULT_SETTINGS.authToken
+      });
+    });
+  });
+}
+
+async function sendCapture(capture) {
+  const settings = await getSettings();
+  const endpoint = new URL('/api/applications/captures', settings.apiBaseUrl);
+
+  const payload = {
+    ...capture,
+    source: 'chrome_extension',
+    auto_submit: true,
+    captured_at: new Date().toISOString()
+  };
+
+  const headers = { 'Content-Type': 'application/json' };
+  if (settings.authToken) {
+    headers.Authorization = `Bearer ${settings.authToken}`;
+  }
+
+  const response = await fetch(endpoint.toString(), {
+    method: 'POST',
+    headers,
+    body: JSON.stringify(payload)
+  });
+
+  if (!response.ok) {
+    const errorText = await response.text();
+    throw new Error(`Failed to capture application: ${response.status} ${errorText}`);
+  }
+}
+
+function shouldSkipCapture(key) {
+  const previous = recentCaptures.get(key);
+  const now = Date.now();
+  if (previous && now - previous < RECENT_CAPTURE_WINDOW_MS) {
+    return true;
+  }
+  recentCaptures.set(key, now);
+  return false;
+}
+
+chrome.runtime.onInstalled.addListener(() => {
+  chrome.storage.sync.set(DEFAULT_SETTINGS);
+});
+
+chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
+  if (message?.type !== 'pathline:capture') {
+    return;
+  }
+
+  const key = message.payload?.posting_url || sender.tab?.url;
+  if (key && shouldSkipCapture(key)) {
+    sendResponse({ ok: true, skipped: true });
+    return true;
+  }
+
+  sendCapture(message.payload)
+    .then(() => {
+      sendResponse({ ok: true });
+    })
+    .catch((error) => {
+      console.error('PathLine capture failed', error);
+      sendResponse({ ok: false, message: error.message });
+    });
+
+  return true; // keep the message channel open for async response
+});
diff --git a/extensions/chrome/pathline-capture/contentScript.js b/extensions/chrome/pathline-capture/contentScript.js
new file mode 100644
index 0000000..4518085
--- /dev/null
+++ b/extensions/chrome/pathline-capture/contentScript.js
@@ -0,0 +1,320 @@
+const MAX_ATTEMPTS = 6;
+const ATTEMPT_DELAY_MS = 1500;
+let attempts = 0;
+let lastSignature = null;
+
+function normalizeWhitespace(value) {
+  return value.replace(/\s+/g, ' ').trim();
+}
+
+function textContent(selector) {
+  const element = document.querySelector(selector);
+  return element ? element.textContent.trim() : '';
+}
+
+function inferCompanyFromHost(url) {
+  try {
+    const hostname = new URL(url).hostname;
+    const parts = hostname.split('.').filter(Boolean);
+    if (!parts.length) return '';
+    const root = parts[parts.length - 2];
+    if (!root) return '';
+    return root.replace(/[-_]/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase());
+  } catch (error) {
+    return '';
+  }
+}
+
+function detectPositionType(text) {
+  const lowered = text.toLowerCase();
+  if (/\bintern(ship)?\b/.test(lowered)) return 'internship';
+  if (/(new grad|entry level|recent graduate)/.test(lowered)) return 'new_grad';
+  if (/(mid-level|mid level|senior|staff|principal|lead|manager)/.test(lowered)) return 'experienced';
+  return null;
+}
+
+function detectSalary(text) {
+  const lines = text.split(/\n+/);
+  for (const rawLine of lines) {
+    const trimmed = rawLine.trim();
+    if (!trimmed) continue;
+    if (/[£€$]\s?\d/.test(trimmed) || /\b\d{2,3}\s?(?:k|K)\b/.test(trimmed)) {
+      return normalizeWhitespace(trimmed);
+    }
+  }
+
+  const patterns = [
+    /(?:(USD|CAD|GBP|EUR|AUD)\s*)?(?:[$£€])\s?\d{2,3}(?:[,\.\s]\d{3})*(?:\s?(?:-|to)\s?(?:USD|CAD|GBP|EUR|AUD)?\s*(?:[$£€])?\s?\d{2,3}(?:[,\.\s]\d{3})*)?\s*(?:per\s?(?:year|annum|month|hour)|\/\s?(?:year|hr|hour|month))?/i,
+    /\d{2,3}\s?(?:k|K)(?:\s?(?:-|to)\s?\d{2,3}\s?(?:k|K))?\s*(?:per\s?(?:year|annum)|\/\s?year)?/i
+  ];
+
+  for (const pattern of patterns) {
+    const match = text.match(pattern);
+    if (match) {
+      return normalizeWhitespace(match[0]);
+    }
+  }
+  return null;
+}
+
+function extractFieldFromText(text, labels) {
+  const lines = text.split(/\n+/);
+  for (const rawLine of lines) {
+    const trimmed = rawLine.trim();
+    if (!trimmed) continue;
+    const normalized = normalizeWhitespace(
+      trimmed.replace(/\t+/g, ': ').replace(/[\u2013\u2014]/g, '-')
+    );
+    for (const label of labels) {
+      const regex = new RegExp(`^${label}\\b[\\s:,-]*(.+)$`, 'i');
+      const match = normalized.match(regex);
+      if (match) {
+        return match[1].trim();
+      }
+    }
+  }
+  return null;
+}
+
+function detectPostedDate(text) {
+  const absolute = text.match(/posted\s+on\s+([A-Za-z]{3,9}\s+\d{1,2},\s+\d{4})/i);
+  if (absolute) {
+    return absolute[1];
+  }
+  const iso = text.match(/posted\s*[:\-]\s*(\d{4}-\d{2}-\d{2})/i);
+  if (iso) {
+    return iso[1];
+  }
+  const us = text.match(/posted\s*[:\-]\s*(\d{1,2}\/\d{1,2}\/\d{2,4})/i);
+  if (us) {
+    return us[1];
+  }
+  const relative = text.match(/posted\s+(\d+)\s+(day|days|week|weeks|month|months)\s+ago/i);
+  if (relative) {
+    const amount = parseInt(relative[1], 10);
+    const unit = relative[2].toLowerCase();
+    const now = new Date();
+    if (Number.isNaN(amount)) return null;
+    switch (unit) {
+      case 'day':
+      case 'days':
+        now.setDate(now.getDate() - amount);
+        break;
+      case 'week':
+      case 'weeks':
+        now.setDate(now.getDate() - amount * 7);
+        break;
+      case 'month':
+      case 'months':
+        now.setMonth(now.getMonth() - amount);
+        break;
+      default:
+        return null;
+    }
+    return now.toISOString().split('T')[0];
+  }
+  return null;
+}
+
+function detectResumeHint(text) {
+  const lowered = text.toLowerCase();
+  const hints = [];
+  if (lowered.includes('cover letter')) hints.push('Posting mentions a cover letter');
+  if (lowered.includes('portfolio')) hints.push('Portfolio link requested');
+  if (lowered.includes('resume') && lowered.includes('pdf')) hints.push('Resume PDF preferred');
+  if (!hints.length && lowered.includes('resume')) hints.push('Resume requirement mentioned');
+  return hints.length ? hints.join(' • ') : null;
+}
+
+function extractLinkedIn() {
+  const role = textContent('h1');
+  const company = textContent('a.topcard__org-name-link, span.topcard__flavor');
+  const location = textContent('.topcard__flavor--bullet');
+  const jobBody = document.querySelector('.description__text, .show-more-less-html');
+  return {
+    role,
+    company_name: company,
+    location,
+    jobText: jobBody ? jobBody.innerText : document.body.innerText
+  };
+}
+
+function extractLever() {
+  const role = textContent('.posting-headline h2');
+  const company = textContent('.posting-headline h3');
+  const location = textContent('.posting-categories > div:first-child');
+  const jobBody = document.querySelector('.section-wrapper');
+  return {
+    role,
+    company_name: company,
+    location,
+    jobText: jobBody ? jobBody.innerText : document.body.innerText
+  };
+}
+
+function extractGreenhouse() {
+  const role = textContent('h1');
+  const company = textContent('.company-name, .app-title');
+  const location = textContent('.location');
+  const jobBody = document.querySelector('#content, .content, .main');
+  return {
+    role,
+    company_name: company,
+    location,
+    jobText: jobBody ? jobBody.innerText : document.body.innerText
+  };
+}
+
+function extractWorkday() {
+  const role = textContent('h1');
+  const location = textContent('[data-automation="job-location"]');
+  const company = textContent('[data-automation="company-name"]');
+  const jobBody = document.querySelector('[data-automation="job-description"]');
+  return {
+    role,
+    company_name: company,
+    location,
+    jobText: jobBody ? jobBody.innerText : document.body.innerText
+  };
+}
+
+function extractAshby() {
+  const role = textContent('h1');
+  const company = textContent('[data-testid="company-name"]');
+  const location = textContent('[data-testid="job-locations"]');
+  const jobBody = document.querySelector('[data-testid="job-description"]');
+  return {
+    role,
+    company_name: company,
+    location,
+    jobText: jobBody ? jobBody.innerText : document.body.innerText
+  };
+}
+
+function extractSmartRecruiters() {
+  const role = textContent('h1');
+  const company = textContent('.job-company');
+  const location = textContent('.job-location');
+  const jobBody = document.querySelector('.job-sections, .job-body');
+  return {
+    role,
+    company_name: company,
+    location,
+    jobText: jobBody ? jobBody.innerText : document.body.innerText
+  };
+}
+
+const DETECTORS = [
+  { match: /linkedin\.com/i, extractor: extractLinkedIn },
+  { match: /lever\.co/i, extractor: extractLever },
+  { match: /greenhouse\.io/i, extractor: extractGreenhouse },
+  { match: /myworkdayjobs\.com/i, extractor: extractWorkday },
+  { match: /ashbyhq\.com/i, extractor: extractAshby },
+  { match: /smartrecruiters\.com/i, extractor: extractSmartRecruiters }
+];
+
+function deriveBaseData() {
+  const url = window.location.href;
+  const detector = DETECTORS.find((entry) => entry.match.test(url));
+  let details = {};
+  if (detector) {
+    details = detector.extractor();
+  } else {
+    details = {
+      role: textContent('h1'),
+      company_name: textContent('[data-company], .company, .job-company'),
+      location: textContent('[data-location], .location, .job-location'),
+      jobText: document.body.innerText
+    };
+  }
+
+  const jobText = details.jobText || document.body.innerText || '';
+  const salary = detectSalary(jobText);
+  if (!details.location) {
+    const parsedLocation = extractFieldFromText(jobText, ['Location', 'City', 'Office']);
+    if (parsedLocation) {
+      details.location = parsedLocation;
+    }
+  }
+  if (!details.company_name) {
+    const parsedCompany = extractFieldFromText(jobText, ['Company', 'Employer', 'Organization']);
+    if (parsedCompany) {
+      details.company_name = parsedCompany;
+    }
+  }
+  const position_type = detectPositionType(`${details.role} ${jobText}`);
+  const posting_posted_date = detectPostedDate(jobText);
+  const resume_hint = detectResumeHint(jobText);
+
+  return {
+    company_name: details.company_name || inferCompanyFromHost(url),
+    role: details.role,
+    location: details.location,
+    posting_url: url,
+    posting_html: document.documentElement.outerHTML,
+    posting_text: jobText,
+    salary,
+    position_type,
+    posting_posted_date,
+    resume_hint,
+    applied_date: new Date().toISOString().split('T')[0]
+  };
+}
+
+function buildPayload() {
+  const data = deriveBaseData();
+  if (!data.role) {
+    return null;
+  }
+
+  const signature = JSON.stringify({
+    company_name: data.company_name || '',
+    role: data.role,
+    posting_url: data.posting_url
+  });
+
+  if (signature === lastSignature) {
+    return null;
+  }
+
+  lastSignature = signature;
+  return data;
+}
+
+function tryCapture() {
+  if (attempts >= MAX_ATTEMPTS) {
+    return;
+  }
+  attempts += 1;
+  const payload = buildPayload();
+  if (!payload) {
+    setTimeout(tryCapture, ATTEMPT_DELAY_MS);
+    return;
+  }
+
+  chrome.runtime.sendMessage({ type: 'pathline:capture', payload }, (response) => {
+    if (chrome.runtime.lastError) {
+      console.debug('PathLine capture message error', chrome.runtime.lastError.message);
+      return;
+    }
+    if (!response?.ok) {
+      console.debug('PathLine capture response', response);
+    }
+  });
+}
+
+if (document.readyState === 'complete' || document.readyState === 'interactive') {
+  tryCapture();
+} else {
+  window.addEventListener('DOMContentLoaded', () => {
+    tryCapture();
+  });
+}
+
+const observer = new MutationObserver(() => {
+  if (attempts < MAX_ATTEMPTS) {
+    tryCapture();
+  }
+});
+
+observer.observe(document.documentElement, { childList: true, subtree: true });
diff --git a/extensions/chrome/pathline-capture/manifest.json b/extensions/chrome/pathline-capture/manifest.json
new file mode 100644
index 0000000..66687b1
--- /dev/null
+++ b/extensions/chrome/pathline-capture/manifest.json
@@ -0,0 +1,43 @@
+{
+  "manifest_version": 3,
+  "name": "PathLine Application Capture",
+  "description": "Automatically capture job applications and send them to PathLine.",
+  "version": "1.0.0",
+  "permissions": ["storage", "activeTab", "scripting"],
+  "host_permissions": [
+    "https://*.linkedin.com/*",
+    "https://*.indeed.com/*",
+    "https://*.lever.co/*",
+    "https://*.greenhouse.io/*",
+    "https://boards.greenhouse.io/*",
+    "https://*.myworkdayjobs.com/*",
+    "https://*.ashbyhq.com/*",
+    "https://*.smartrecruiters.com/*",
+    "https://*.pathline.io/*",
+    "http://localhost:8000/*"
+  ],
+  "background": {
+    "service_worker": "background.js",
+    "type": "module"
+  },
+  "options_page": "options.html",
+  "action": {
+    "default_title": "PathLine Capture"
+  },
+  "content_scripts": [
+    {
+      "matches": [
+        "https://*.linkedin.com/*",
+        "https://*.indeed.com/*",
+        "https://*.lever.co/*",
+        "https://*.greenhouse.io/*",
+        "https://boards.greenhouse.io/*",
+        "https://*.myworkdayjobs.com/*",
+        "https://*.ashbyhq.com/*",
+        "https://*.smartrecruiters.com/*"
+      ],
+      "js": ["contentScript.js"],
+      "run_at": "document_idle"
+    }
+  ]
+}
diff --git a/extensions/chrome/pathline-capture/options.html b/extensions/chrome/pathline-capture/options.html
new file mode 100644
index 0000000..cd07694
--- /dev/null
+++ b/extensions/chrome/pathline-capture/options.html
@@ -0,0 +1,72 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>PathLine Capture Settings</title>
+    <style>
+      body {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+        margin: 24px;
+        color: #0f172a;
+      }
+      label {
+        display: block;
+        font-weight: 600;
+        margin-bottom: 4px;
+      }
+      input[type="text"],
+      input[type="url"],
+      input[type="password"] {
+        width: 100%;
+        max-width: 460px;
+        padding: 8px 10px;
+        border-radius: 6px;
+        border: 1px solid #cbd5f5;
+        margin-bottom: 16px;
+      }
+      button {
+        background: #312e81;
+        border: none;
+        color: white;
+        padding: 10px 18px;
+        border-radius: 6px;
+        cursor: pointer;
+        font-weight: 600;
+      }
+      button:disabled {
+        background: #a5b4fc;
+        cursor: not-allowed;
+      }
+      .status {
+        margin-top: 12px;
+        font-size: 0.9rem;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>PathLine Capture</h1>
+    <p>Configure how the Chrome extension sends captured applications to your PathLine workspace.</p>
+    <form id="settings-form">
+      <label for="apiBaseUrl">API base URL</label>
+      <input
+        type="url"
+        id="apiBaseUrl"
+        name="apiBaseUrl"
+        placeholder="https://app.pathline.io"
+        required
+      />
+
+      <label for="authToken">API token (optional)</label>
+      <input
+        type="text"
+        id="authToken"
+        name="authToken"
+        placeholder="Paste your PathLine API token"
+      />
+
+      <button type="submit" id="save">Save settings</button>
+      <div class="status" id="status" role="status" aria-live="polite"></div>
+    </form>
+    <script type="module" src="options.js"></script>
+  </body>
+</html>
diff --git a/extensions/chrome/pathline-capture/options.js b/extensions/chrome/pathline-capture/options.js
new file mode 100644
index 0000000..626bc63
--- /dev/null
+++ b/extensions/chrome/pathline-capture/options.js
@@ -0,0 +1,53 @@
+const form = document.getElementById('settings-form');
+const statusEl = document.getElementById('status');
+const apiBaseUrlInput = document.getElementById('apiBaseUrl');
+const authTokenInput = document.getElementById('authToken');
+
+const DEFAULT_SETTINGS = {
+  apiBaseUrl: 'http://localhost:8000',
+  authToken: ''
+};
+
+function setStatus(message, timeout = 2000) {
+  statusEl.textContent = message;
+  if (timeout) {
+    setTimeout(() => {
+      if (statusEl.textContent === message) {
+        statusEl.textContent = '';
+      }
+    }, timeout);
+  }
+}
+
+function loadSettings() {
+  chrome.storage.sync.get(DEFAULT_SETTINGS, (items) => {
+    apiBaseUrlInput.value = items.apiBaseUrl || DEFAULT_SETTINGS.apiBaseUrl;
+    authTokenInput.value = items.authToken || '';
+  });
+}
+
+form.addEventListener('submit', (event) => {
+  event.preventDefault();
+  const apiBaseUrl = apiBaseUrlInput.value.trim();
+  const authToken = authTokenInput.value.trim();
+
+  if (!apiBaseUrl) {
+    setStatus('Enter the PathLine API URL');
+    return;
+  }
+
+  try {
+    // Validate URL
+    // eslint-disable-next-line no-new
+    new URL(apiBaseUrl);
+  } catch (error) {
+    setStatus('Enter a valid URL');
+    return;
+  }
+
+  chrome.storage.sync.set({ apiBaseUrl, authToken }, () => {
+    setStatus('Settings saved');
+  });
+});
+
+loadSettings();
diff --git a/frontend/src/components/dashboard/AddApplicationForm.tsx b/frontend/src/components/dashboard/AddApplicationForm.tsx
index 5e62792..73bff10 100644
--- a/frontend/src/components/dashboard/AddApplicationForm.tsx
+++ b/frontend/src/components/dashboard/AddApplicationForm.tsx
@@ -1,639 +1,814 @@
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { fetchJson, searchRoles, searchLocations, type JobRole, type Location } from '../../lib/api';
+import {
+  fetchJson,
+  searchRoles,
+  searchLocations,
+  type JobRole,
+  type Location
+} from '../../lib/api';
 import type { Company } from '../../types';
-import { MagnifyingGlassIcon, ChevronDownIcon } from '../icons/Icons';
+import {
+  MagnifyingGlassIcon,
+  ChevronDownIcon,
+  DocumentTextIcon,
+  RocketLaunchIcon,
+  BookmarkIcon
+} from '../icons/Icons';
 
 interface FormData {
   company_id: string;
+  company_name: string;
   role: string;
   location: string;
   position_type: string;
   applied_date: string;
+  posting_posted_date: string;
   posting_url: string;
+  posting_html: string;
+  salary: string;
   resume_version: string;
   notes: string;
+  visibility_preference: 'private' | 'anonymous';
 }
 
+interface JobParseResult {
+  company_name?: string | null;
+  role?: string | null;
+  location?: string | null;
+  position_type?: string | null;
+  posting_posted_date?: string | null;
+  salary?: string | null;
+  resume_hint?: string | null;
+  posting_html?: string | null;
+  posting_text?: string | null;
+}
+
+const POSITION_TYPES: Array<{ label: string; value: string }> = [
+  { label: 'Internship', value: 'internship' },
+  { label: 'New Grad', value: 'new_grad' },
+  { label: 'Experienced', value: 'experienced' },
+  { label: 'Other', value: 'other' }
+];
+
+const VISIBILITY_OPTIONS: Array<{ label: string; value: 'private' | 'anonymous'; description: string }> = [
+  {
+    label: 'Private workspace',
+    value: 'private',
+    description: 'Only you can view this application, assessments, and notes.'
+  },
+  {
+    label: 'Share anonymously',
+    value: 'anonymous',
+    description: 'Let PathLine surface aggregated insights without showing your identity.'
+  }
+];
+
+const createToday = () => new Date().toISOString().split('T')[0];
+
 export function AddApplicationForm() {
   const navigate = useNavigate();
   const [companies, setCompanies] = useState<Company[]>([]);
-  const [filteredCompanies, setFilteredCompanies] = useState<Company[]>([]);
-  const [roles, setRoles] = useState<JobRole[]>([]);
-  const [filteredRoles, setFilteredRoles] = useState<JobRole[]>([]);
-  const [locations, setLocations] = useState<Location[]>([]);
-  const [filteredLocations, setFilteredLocations] = useState<Location[]>([]);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const [searchQuery, setSearchQuery] = useState('');
-  const [roleSearchQuery, setRoleSearchQuery] = useState('');
-  const [locationSearchQuery, setLocationSearchQuery] = useState('');
-  const [showDropdown, setShowDropdown] = useState(false);
+  const [companySearch, setCompanySearch] = useState('');
+  const [showCompanyDropdown, setShowCompanyDropdown] = useState(false);
+  const [roleQuery, setRoleQuery] = useState('');
   const [showRoleDropdown, setShowRoleDropdown] = useState(false);
+  const [roleSuggestions, setRoleSuggestions] = useState<JobRole[]>([]);
+  const [locationQuery, setLocationQuery] = useState('');
   const [showLocationDropdown, setShowLocationDropdown] = useState(false);
-  const [selectedCompany, setSelectedCompany] = useState<Company | null>(null);
-  const [selectedRole, setSelectedRole] = useState<JobRole | null>(null);
-  const [selectedLocation, setSelectedLocation] = useState<Location | null>(null);
+  const [locationSuggestions, setLocationSuggestions] = useState<Location[]>([]);
+  const [useManualCompany, setUseManualCompany] = useState(false);
   const [resumeFile, setResumeFile] = useState<File | null>(null);
-  const searchInputRef = useRef<HTMLInputElement>(null);
-  const dropdownRef = useRef<HTMLDivElement>(null);
-  const roleSearchInputRef = useRef<HTMLInputElement>(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [parseLoading, setParseLoading] = useState(false);
+  const [parseMessage, setParseMessage] = useState<string | null>(null);
+  const [quickUrl, setQuickUrl] = useState('');
+  const [quickContent, setQuickContent] = useState('');
+
+  const companyInputRef = useRef<HTMLInputElement>(null);
+  const companyDropdownRef = useRef<HTMLDivElement>(null);
+  const roleInputRef = useRef<HTMLInputElement>(null);
   const roleDropdownRef = useRef<HTMLDivElement>(null);
-  const locationSearchInputRef = useRef<HTMLInputElement>(null);
+  const locationInputRef = useRef<HTMLInputElement>(null);
   const locationDropdownRef = useRef<HTMLDivElement>(null);
-  
+
   const [formData, setFormData] = useState<FormData>({
     company_id: '',
+    company_name: '',
     role: '',
     location: '',
-    position_type: '',
-    applied_date: new Date().toISOString().split('T')[0],
+    position_type: 'new_grad',
+    applied_date: createToday(),
+    posting_posted_date: '',
     posting_url: '',
+    posting_html: '',
+    salary: '',
     resume_version: '',
     notes: '',
+    visibility_preference: 'private'
   });
 
   useEffect(() => {
-    // Load all companies initially
     fetchJson('/api/companies?limit=100')
-      .then(data => {
+      .then((data) => {
         const response = data as { items: Company[] };
-        setCompanies(response.items);
-        setFilteredCompanies(response.items);
+        setCompanies(response.items ?? []);
       })
-      .catch(err => console.error('Failed to load companies:', err));
+      .catch((err) => console.error('Failed to load companies', err));
   }, []);
 
-  // Search companies when query changes
-  useEffect(() => {
-    if (searchQuery.trim().length === 0) {
-      setFilteredCompanies(companies);
-    } else {
-      // Client-side filtering for instant results
-      const filtered = companies.filter(company =>
-        company.name.toLowerCase().includes(searchQuery.toLowerCase())
-      );
-      setFilteredCompanies(filtered);
-      
-      // Also fetch from server for complete results
-      if (searchQuery.length >= 2) {
-        fetchJson(`/api/companies/search?q=${encodeURIComponent(searchQuery)}`)
-          .then(data => {
-            const response = data as { items: Company[] };
-            setFilteredCompanies(response.items);
-          })
-          .catch(err => console.error('Failed to search companies:', err));
-      }
-    }
-  }, [searchQuery, companies]);
+  const filteredCompanies = useMemo(() => {
+    if (!companySearch.trim()) return companies;
+    return companies.filter((company) =>
+      company.name.toLowerCase().includes(companySearch.toLowerCase())
+    );
+  }, [companies, companySearch]);
 
-  // Close dropdown when clicking outside
   useEffect(() => {
-    const handleClickOutside = (event: MouseEvent) => {
+    const handler = (event: MouseEvent) => {
       if (
-        dropdownRef.current &&
-        !dropdownRef.current.contains(event.target as Node) &&
-        searchInputRef.current &&
-        !searchInputRef.current.contains(event.target as Node)
+        companyDropdownRef.current &&
+        !companyDropdownRef.current.contains(event.target as Node) &&
+        companyInputRef.current &&
+        !companyInputRef.current.contains(event.target as Node)
       ) {
-        setShowDropdown(false);
+        setShowCompanyDropdown(false);
       }
       if (
         roleDropdownRef.current &&
         !roleDropdownRef.current.contains(event.target as Node) &&
-        roleSearchInputRef.current &&
-        !roleSearchInputRef.current.contains(event.target as Node)
+        roleInputRef.current &&
+        !roleInputRef.current.contains(event.target as Node)
       ) {
         setShowRoleDropdown(false);
       }
       if (
         locationDropdownRef.current &&
         !locationDropdownRef.current.contains(event.target as Node) &&
-        locationSearchInputRef.current &&
-        !locationSearchInputRef.current.contains(event.target as Node)
+        locationInputRef.current &&
+        !locationInputRef.current.contains(event.target as Node)
       ) {
         setShowLocationDropdown(false);
       }
     };
 
-    document.addEventListener('mousedown', handleClickOutside);
-    return () => document.removeEventListener('mousedown', handleClickOutside);
+    document.addEventListener('mousedown', handler);
+    return () => document.removeEventListener('mousedown', handler);
   }, []);
 
-  // Search roles when query changes
   useEffect(() => {
-    if (roleSearchQuery.trim().length >= 2) {
-      searchRoles(roleSearchQuery, 20)
-        .then(data => {
-          setFilteredRoles(data);
-        })
-        .catch(err => console.error('Failed to search roles:', err));
-    } else {
-      setFilteredRoles([]);
+    if (roleQuery.trim().length < 2) {
+      setRoleSuggestions([]);
+      return;
     }
-  }, [roleSearchQuery]);
 
-  // Search locations when query changes
+    let cancelled = false;
+    searchRoles(roleQuery, 15)
+      .then((results) => {
+        if (!cancelled) {
+          setRoleSuggestions(results);
+        }
+      })
+      .catch((err) => {
+        if (err.name !== 'AbortError') {
+          console.error('Failed to search roles', err);
+        }
+      });
+
+    return () => {
+      cancelled = true;
+    };
+  }, [roleQuery]);
+
   useEffect(() => {
-    if (locationSearchQuery.trim().length >= 2) {
-      searchLocations(locationSearchQuery, 20)
-        .then(data => {
-          setFilteredLocations(data);
-        })
-        .catch(err => console.error('Failed to search locations:', err));
-    } else {
-      setFilteredLocations([]);
+    if (locationQuery.trim().length < 2) {
+      setLocationSuggestions([]);
+      return;
     }
-  }, [locationSearchQuery]);
+
+    let cancelled = false;
+    searchLocations(locationQuery, 15)
+      .then((results) => {
+        if (!cancelled) {
+          setLocationSuggestions(results);
+        }
+      })
+      .catch((err) => {
+        if (err.name !== 'AbortError') {
+          console.error('Failed to search locations', err);
+        }
+      });
+
+    return () => {
+      cancelled = true;
+    };
+  }, [locationQuery]);
 
   const handleCompanySelect = (company: Company) => {
-    setSelectedCompany(company);
-    setSearchQuery(company.name);
-    setFormData({ ...formData, company_id: company.id });
-    setShowDropdown(false);
+    setUseManualCompany(false);
+    setCompanySearch(company.name);
+    setFormData((prev) => ({
+      ...prev,
+      company_id: String(company.id),
+      company_name: company.name
+    }));
+    setShowCompanyDropdown(false);
   };
 
   const handleRoleSelect = (role: JobRole) => {
-    setSelectedRole(role);
-    setRoleSearchQuery(role.title);
-    setFormData({ ...formData, role: role.title });
+    setFormData((prev) => ({ ...prev, role: role.title }));
+    setRoleQuery(role.title);
     setShowRoleDropdown(false);
   };
 
   const handleLocationSelect = (location: Location) => {
-    setSelectedLocation(location);
-    const locationString = location.country && location.country !== 'Unknown' 
-      ? `${location.city}, ${location.country}`
-      : location.city;
-    setLocationSearchQuery(locationString);
-    setFormData({ ...formData, location: locationString });
+    const formatted = [location.city, location.country].filter(Boolean).join(', ');
+    setFormData((prev) => ({ ...prev, location: formatted }));
+    setLocationQuery(formatted);
     setShowLocationDropdown(false);
   };
 
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault();
-    
-    // Validate company selection
-    if (!selectedCompany || !formData.company_id) {
-      setError('Please select a company from the list');
+  const handleInputChange = (
+    event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>
+  ) => {
+    const { name, value } = event.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+  };
+
+  const handleResumeChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const file = event.target.files?.[0];
+    if (!file) return;
+
+    const allowedTypes = [
+      'application/pdf',
+      'application/msword',
+      'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+      'text/plain'
+    ];
+
+    if (!allowedTypes.includes(file.type)) {
+      setError('Please upload a PDF, DOC, DOCX, or TXT file.');
+      return;
+    }
+
+    if (file.size > 5 * 1024 * 1024) {
+      setError('Resume files must be smaller than 5MB.');
       return;
     }
-    
+
+    setResumeFile(file);
+    setError(null);
+  };
+
+  const applyParseResult = (result: JobParseResult) => {
+    if (!result) return;
+
+    const supportedPositionType =
+      result.position_type &&
+      POSITION_TYPES.some((option) => option.value === result.position_type)
+        ? (result.position_type as FormData['position_type'])
+        : null;
+
+    setFormData((prev) => ({
+      ...prev,
+      posting_html: result.posting_html ?? result.posting_text ?? prev.posting_html,
+      posting_posted_date: result.posting_posted_date ?? prev.posting_posted_date,
+      salary: result.salary ?? prev.salary,
+      position_type:
+        supportedPositionType && prev.position_type === 'new_grad'
+          ? supportedPositionType
+          : prev.position_type
+    }));
+
+    if (result.role) {
+      setFormData((prev) => ({ ...prev, role: result.role ?? prev.role }));
+      setRoleQuery(result.role ?? '');
+    }
+
+    if (result.location) {
+      setFormData((prev) => ({ ...prev, location: result.location ?? prev.location }));
+      setLocationQuery(result.location ?? '');
+    }
+
+    if (result.company_name) {
+      const match = companies.find(
+        (company) => company.name.toLowerCase() === result.company_name?.toLowerCase()
+      );
+
+      if (match) {
+        handleCompanySelect(match);
+      } else {
+        setUseManualCompany(true);
+        setCompanySearch(result.company_name);
+        setFormData((prev) => ({
+          ...prev,
+          company_id: '',
+          company_name: result.company_name ?? prev.company_name
+        }));
+      }
+    }
+  };
+
+  const handleParseJobPosting = async () => {
+    if (!quickUrl.trim() && !quickContent.trim()) {
+      setParseMessage('Add a job link or paste the job description to auto-fill details.');
+      return;
+    }
+
+    setParseLoading(true);
+    setParseMessage(null);
+    setError(null);
+
+    try {
+      const response = await fetch('/api/applications/parse', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          url: quickUrl.trim() || undefined,
+          html: quickContent.trim() || undefined,
+          text: quickContent.trim() || undefined
+        })
+      });
+
+      if (!response.ok) {
+        throw new Error('Unable to parse the job posting.');
+      }
+
+      const data: JobParseResult = await response.json();
+      applyParseResult(data);
+      const messages = ['We pre-filled everything we could. Double-check before saving.'];
+      if (data.resume_hint) {
+        messages.push(`Heads up: ${data.resume_hint}.`);
+      }
+      setParseMessage(messages.join(' '));
+      setFormData((prev) => ({ ...prev, posting_url: quickUrl.trim() }));
+    } catch (err) {
+      setParseMessage(null);
+      setError(err instanceof Error ? err.message : 'Failed to parse the job posting.');
+    } finally {
+      setParseLoading(false);
+    }
+  };
+
+  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
     setLoading(true);
     setError(null);
+    setParseMessage(null);
+
+    const trimmedCompanyName = formData.company_name.trim();
+    const hasCompany = formData.company_id || trimmedCompanyName;
+    const normalizedPostingUrl = formData.posting_url || quickUrl.trim();
+    const normalizedPostingHtml = formData.posting_html || quickContent.trim();
+
+    if (!hasCompany) {
+      setLoading(false);
+      setError('Select a company or enter one manually.');
+      return;
+    }
+
+    if (!formData.role.trim()) {
+      setLoading(false);
+      setError('Add the role title you applied for.');
+      return;
+    }
 
     try {
-      // Create the application first
+      const payload = {
+        company_id: formData.company_id ? formData.company_id : undefined,
+        company_name: !formData.company_id ? trimmedCompanyName : undefined,
+        role: formData.role,
+        location: formData.location || undefined,
+        position_type: formData.position_type || undefined,
+        applied_date: formData.applied_date,
+        posting_posted_date: formData.posting_posted_date || undefined,
+        posting_url: normalizedPostingUrl || undefined,
+        posting_html: normalizedPostingHtml || undefined,
+        salary: formData.salary || undefined,
+        resume_version: formData.resume_version || undefined,
+        notes: formData.notes || undefined,
+        visibility_preference: formData.visibility_preference
+      };
+
       const response = await fetch('/api/applications', {
         method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({
-          company_id: formData.company_id,
-          role: formData.role,
-          location: formData.location || null,
-          position_type: formData.position_type || null,
-          applied_date: formData.applied_date,
-          posting_url: formData.posting_url || null,
-          resume_version: resumeFile ? resumeFile.name.split('.')[0] : (formData.resume_version || null),
-          notes: formData.notes || null,
-        }),
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(payload)
       });
 
       if (!response.ok) {
-        throw new Error('Failed to create application');
+        throw new Error('Failed to create the application.');
       }
 
       const newApplication = await response.json();
-      
-      // Upload resume if file is selected
+
       if (resumeFile) {
-        const uploadFormData = new FormData();
-        uploadFormData.append('file', resumeFile);
-        
-        const uploadResponse = await fetch(`/api/applications/${newApplication.id}/upload-resume`, {
+        const uploadData = new FormData();
+        uploadData.append('file', resumeFile);
+
+        await fetch(`/api/applications/${newApplication.id}/upload-resume`, {
           method: 'POST',
-          body: uploadFormData,
+          body: uploadData
         });
-        
-        if (!uploadResponse.ok) {
-          console.error('Failed to upload resume, but application was created');
-        }
       }
-      
-      navigate(`/applications/${newApplication.id}`);
+
+      navigate(`/dashboard/applications/${newApplication.id}`);
     } catch (err) {
-      setError(err instanceof Error ? err.message : 'An error occurred');
+      setError(err instanceof Error ? err.message : 'Something went wrong while saving.');
     } finally {
       setLoading(false);
     }
   };
 
-  const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
-    setFormData({
-      ...formData,
-      [e.target.name]: e.target.value,
-    });
-  };
+  return (
+    <div className="mx-auto max-w-5xl space-y-8 px-4 py-10 text-slate-200">
+      <button
+        onClick={() => navigate('/applications')}
+        className="inline-flex items-center gap-2 text-sm font-semibold text-indigo-300 transition hover:text-white"
+        type="button"
+      >
+        ← Back to applications
+      </button>
 
-  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    if (file) {
-      // Validate file type
-      const allowedTypes = ['application/pdf', 'application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 'text/plain'];
-      if (!allowedTypes.includes(file.type)) {
-        setError('Please upload a PDF, DOC, DOCX, or TXT file');
-        return;
-      }
-      
-      // Validate file size (max 5MB)
-      if (file.size > 5 * 1024 * 1024) {
-        setError('File size must be less than 5MB');
-        return;
-      }
-      
-      setResumeFile(file);
-      setError(null);
-    }
-  };
+      <div className="overflow-hidden rounded-3xl border border-white/5 bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 shadow-2xl">
+        <div className="border-b border-white/5 bg-slate-900/80 px-8 py-6">
+          <h1 className="text-3xl font-bold text-white">Log a new application</h1>
+          <p className="mt-2 max-w-2xl text-sm text-slate-400">
+            Capture the posting, stage, and privacy preferences in one place. We’ll start your timeline
+            at “Applied” and you can build from there.
+          </p>
+        </div>
 
-  return (
-    <div className="max-w-3xl mx-auto py-8 px-4 sm:px-6 lg:px-8">
-      <div className="mb-6">
-        <button
-          onClick={() => navigate('/applications')}
-          className="text-blue-600 hover:text-blue-700 flex items-center gap-2"
-        >
-          ← Back to Applications
-        </button>
-      </div>
+        <form onSubmit={handleSubmit} className="space-y-10 px-8 py-10">
+          <section className="rounded-2xl border border-indigo-500/20 bg-indigo-500/5 p-6">
+            <div className="flex items-start gap-4">
+              <div className="rounded-xl bg-indigo-500/20 p-3 text-indigo-200">
+                <RocketLaunchIcon className="h-6 w-6" />
+              </div>
+              <div className="flex-1">
+                <div className="flex items-center justify-between gap-4">
+                  <div>
+                    <h2 className="text-lg font-semibold text-white">Quick capture</h2>
+                    <p className="mt-1 text-sm text-slate-300">
+                      Paste a job link or the HTML / text description. We’ll auto-detect the basics for you.
+                    </p>
+                  </div>
+                  <button
+                    type="button"
+                    onClick={handleParseJobPosting}
+                    className="inline-flex items-center gap-2 rounded-full bg-indigo-500 px-4 py-2 text-sm font-semibold text-white shadow-lg shadow-indigo-500/30 transition hover:bg-indigo-400"
+                    disabled={parseLoading}
+                  >
+                    {parseLoading ? 'Parsing…' : 'Auto-fill details'}
+                  </button>
+                </div>
+
+                <div className="mt-6 grid gap-4 md:grid-cols-2">
+                  <label className="space-y-2">
+                    <span className="text-xs font-medium uppercase tracking-wide text-slate-400">Job posting URL</span>
+                    <div className="relative">
+                      <input
+                        type="url"
+                        value={quickUrl}
+                        onChange={(event) => setQuickUrl(event.target.value)}
+                        placeholder="https://careers.company.com/jobs/..."
+                        className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white placeholder:text-slate-500 focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/40"
+                      />
+                      <BookmarkIcon className="pointer-events-none absolute right-4 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-500" />
+                    </div>
+                  </label>
+                  <label className="space-y-2 md:col-span-2">
+                    <span className="text-xs font-medium uppercase tracking-wide text-slate-400">Job description (HTML or text)</span>
+                    <div className="relative">
+                      <textarea
+                        value={quickContent}
+                        onChange={(event) => setQuickContent(event.target.value)}
+                        rows={5}
+                        placeholder="Paste the job listing markup or text…"
+                        className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white placeholder:text-slate-500 focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/40"
+                      />
+                      <DocumentTextIcon className="pointer-events-none absolute right-4 top-3 h-5 w-5 text-slate-500" />
+                    </div>
+                  </label>
+                </div>
 
-      <div className="bg-white rounded-lg shadow-md p-6">
-        <h1 className="text-2xl font-bold mb-6">Add New Application</h1>
+                {parseMessage && (
+                  <p className="mt-4 text-sm text-indigo-300">{parseMessage}</p>
+                )}
+              </div>
+            </div>
+          </section>
 
-        {error && (
-          <div className="mb-4 p-4 bg-red-50 border border-red-200 rounded-md text-red-700">
-            {error}
-          </div>
-        )}
+          <section className="space-y-6">
+            <div className="flex items-start justify-between gap-4">
+              <div>
+                <h2 className="text-lg font-semibold text-white">Application basics</h2>
+                <p className="mt-1 text-sm text-slate-400">
+                  Confirm the company, role, and location before logging your submission date.
+                </p>
+              </div>
+              <button
+                type="button"
+                onClick={() => {
+                  setUseManualCompany((prev) => !prev);
+                  if (!useManualCompany) {
+                    setFormData((prev) => ({ ...prev, company_id: '' }));
+                  }
+                }}
+                className="text-xs font-semibold uppercase tracking-wide text-indigo-300 transition hover:text-white"
+              >
+                {useManualCompany ? 'Search library instead' : 'Enter company manually'}
+              </button>
+            </div>
 
-        <form onSubmit={handleSubmit} className="space-y-6">
-          {/* Company Search/Select */}
-          <div>
-            <label htmlFor="company_search" className="block text-sm font-medium text-gray-700 mb-2">
-              Company *
-            </label>
-            <div className="relative">
-              <div className="relative">
-                <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
-                  <MagnifyingGlassIcon className="h-5 w-5 text-gray-400" />
+            <div className="grid gap-6 md:grid-cols-2">
+              <div className="space-y-2">
+                <label className="text-xs font-medium uppercase tracking-wide text-slate-400">Company</label>
+                {useManualCompany ? (
+                  <input
+                    ref={companyInputRef}
+                    type="text"
+                    value={formData.company_name}
+                    onChange={(event) => {
+                      setCompanySearch(event.target.value);
+                      setFormData((prev) => ({ ...prev, company_name: event.target.value, company_id: '' }));
+                    }}
+                    placeholder="Company name"
+                    className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white placeholder:text-slate-500 focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/40"
+                  />
+                ) : (
+                  <div className="relative" ref={companyDropdownRef}>
+                    <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
+                      <MagnifyingGlassIcon className="h-4 w-4 text-slate-500" />
+                    </div>
+                    <input
+                      ref={companyInputRef}
+                      type="text"
+                      value={companySearch}
+                      onFocus={() => setShowCompanyDropdown(true)}
+                      onChange={(event) => {
+                        setCompanySearch(event.target.value);
+                        setShowCompanyDropdown(true);
+                      }}
+                      placeholder="Search for a company"
+                      className="w-full rounded-2xl border border-white/10 bg-slate-900/60 py-3 pl-10 pr-10 text-sm text-white placeholder:text-slate-500 focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/40"
+                    />
+                    <div className="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3">
+                      <ChevronDownIcon className="h-4 w-4 text-slate-500" />
+                    </div>
+                    {showCompanyDropdown && filteredCompanies.length > 0 && (
+                      <div className="absolute z-20 mt-2 max-h-60 w-full overflow-y-auto rounded-2xl border border-white/10 bg-slate-900/95 shadow-xl">
+                        {filteredCompanies.map((company) => (
+                          <button
+                            key={company.id}
+                            type="button"
+                            onClick={() => handleCompanySelect(company)}
+                            className="w-full px-4 py-3 text-left text-sm text-slate-200 transition hover:bg-indigo-500/20"
+                          >
+                            <div className="font-semibold">{company.name}</div>
+                            {company.region && (
+                              <div className="text-xs text-slate-400">{company.region}</div>
+                            )}
+                          </button>
+                        ))}
+                      </div>
+                    )}
+                  </div>
+                )}
+              </div>
+
+              <div className="space-y-2">
+                <label className="text-xs font-medium uppercase tracking-wide text-slate-400">Role title</label>
+                <div className="relative" ref={roleDropdownRef}>
+                  <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
+                    <MagnifyingGlassIcon className="h-4 w-4 text-slate-500" />
+                  </div>
+                  <input
+                    ref={roleInputRef}
+                    type="text"
+                    value={roleQuery}
+                    onFocus={() => setShowRoleDropdown(true)}
+                    onChange={(event) => {
+                      setRoleQuery(event.target.value);
+                      setFormData((prev) => ({ ...prev, role: event.target.value }));
+                    }}
+                    placeholder="Software Engineer, Product Manager, …"
+                    className="w-full rounded-2xl border border-white/10 bg-slate-900/60 py-3 pl-10 pr-4 text-sm text-white placeholder:text-slate-500 focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/40"
+                  />
+                  {showRoleDropdown && roleSuggestions.length > 0 && (
+                    <div className="absolute z-20 mt-2 max-h-60 w-full overflow-y-auto rounded-2xl border border-white/10 bg-slate-900/95 shadow-xl">
+                      {roleSuggestions.map((role) => (
+                        <button
+                          key={role.id}
+                          type="button"
+                          onClick={() => handleRoleSelect(role)}
+                          className="w-full px-4 py-3 text-left text-sm text-slate-200 transition hover:bg-indigo-500/20"
+                        >
+                          <div className="font-semibold">{role.title}</div>
+                          {role.category && (
+                            <div className="text-xs text-slate-400">{role.category}</div>
+                          )}
+                        </button>
+                      ))}
+                    </div>
+                  )}
                 </div>
-                <input
-                  ref={searchInputRef}
-                  type="text"
-                  id="company_search"
-                  value={searchQuery}
-                  onChange={(e) => {
-                    setSearchQuery(e.target.value);
-                    setShowDropdown(true);
-                  }}
-                  onFocus={() => setShowDropdown(true)}
-                  placeholder="Search companies... (e.g., Google, Meta)"
-                  className="w-full pl-10 pr-10 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                />
-                <div className="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
-                  <ChevronDownIcon className="h-5 w-5 text-gray-400" />
+              </div>
+
+              <div className="space-y-2">
+                <label className="text-xs font-medium uppercase tracking-wide text-slate-400">Location</label>
+                <div className="relative" ref={locationDropdownRef}>
+                  <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
+                    <MagnifyingGlassIcon className="h-4 w-4 text-slate-500" />
+                  </div>
+                  <input
+                    ref={locationInputRef}
+                    type="text"
+                    value={locationQuery}
+                    onFocus={() => setShowLocationDropdown(true)}
+                    onChange={(event) => {
+                      setLocationQuery(event.target.value);
+                      setFormData((prev) => ({ ...prev, location: event.target.value }));
+                    }}
+                    placeholder="City, Country or Remote"
+                    className="w-full rounded-2xl border border-white/10 bg-slate-900/60 py-3 pl-10 pr-4 text-sm text-white placeholder:text-slate-500 focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/40"
+                  />
+                  {showLocationDropdown && locationSuggestions.length > 0 && (
+                    <div className="absolute z-20 mt-2 max-h-56 w-full overflow-y-auto rounded-2xl border border-white/10 bg-slate-900/95 shadow-xl">
+                      {locationSuggestions.map((location) => (
+                        <button
+                          key={location.id}
+                          type="button"
+                          onClick={() => handleLocationSelect(location)}
+                          className="w-full px-4 py-3 text-left text-sm text-slate-200 transition hover:bg-indigo-500/20"
+                        >
+                          <div className="font-semibold">{location.city}</div>
+                          <div className="text-xs text-slate-400">
+                            {[location.country, location.region].filter(Boolean).join(' • ')}
+                          </div>
+                        </button>
+                      ))}
+                    </div>
+                  )}
                 </div>
               </div>
-              
-              {/* Dropdown */}
-              {showDropdown && filteredCompanies.length > 0 && (
-                <div
-                  ref={dropdownRef}
-                  className="absolute z-10 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-lg max-h-60 overflow-auto"
+
+              <div className="space-y-2">
+                <label className="text-xs font-medium uppercase tracking-wide text-slate-400">Role type</label>
+                <select
+                  name="position_type"
+                  value={formData.position_type}
+                  onChange={handleInputChange}
+                  className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/40"
                 >
-                  {filteredCompanies.map((company) => (
-                    <button
-                      key={company.id}
-                      type="button"
-                      onClick={() => handleCompanySelect(company)}
-                      className={`w-full text-left px-4 py-2 hover:bg-blue-50 transition-colors ${
-                        selectedCompany?.id === company.id ? 'bg-blue-100' : ''
-                      }`}
-                    >
-                      <div className="font-medium text-gray-900">{company.name}</div>
-                      {company.region && (
-                        <div className="text-sm text-gray-500">{company.region}</div>
-                      )}
-                    </button>
+                  {POSITION_TYPES.map((option) => (
+                    <option key={option.value} value={option.value}>
+                      {option.label}
+                    </option>
                   ))}
-                </div>
-              )}
-              
-              {showDropdown && searchQuery && filteredCompanies.length === 0 && (
-                <div
-                  ref={dropdownRef}
-                  className="absolute z-10 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-lg p-4 text-center text-gray-500"
-                >
-                  No companies found. Try a different search term.
-                </div>
-              )}
+                </select>
+              </div>
             </div>
-            {!selectedCompany && (
-              <p className="mt-1 text-sm text-gray-500">
-                Start typing to search from {companies.length}+ companies
-              </p>
-            )}
-          </div>
 
-          {/* Role */}
-          <div>
-            <label htmlFor="role_search" className="block text-sm font-medium text-gray-700 mb-2">
-              Role / Position *
-            </label>
-            <div className="relative">
-              <div className="relative">
-                <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
-                  <MagnifyingGlassIcon className="h-5 w-5 text-gray-400" />
-                </div>
+            <div className="grid gap-6 md:grid-cols-3">
+              <label className="space-y-2">
+                <span className="text-xs font-medium uppercase tracking-wide text-slate-400">Applied on</span>
+                <input
+                  type="date"
+                  name="applied_date"
+                  value={formData.applied_date}
+                  onChange={handleInputChange}
+                  max={createToday()}
+                  className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/40"
+                />
+              </label>
+              <label className="space-y-2">
+                <span className="text-xs font-medium uppercase tracking-wide text-slate-400">Posting date</span>
+                <input
+                  type="date"
+                  name="posting_posted_date"
+                  value={formData.posting_posted_date}
+                  onChange={handleInputChange}
+                  className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/40"
+                />
+              </label>
+              <label className="space-y-2">
+                <span className="text-xs font-medium uppercase tracking-wide text-slate-400">Salary (optional)</span>
                 <input
-                  ref={roleSearchInputRef}
                   type="text"
-                  id="role_search"
-                  value={roleSearchQuery}
-                  onChange={(e) => {
-                    setRoleSearchQuery(e.target.value);
-                    setFormData({ ...formData, role: e.target.value });
-                    setShowRoleDropdown(true);
-                  }}
-                  onFocus={() => setShowRoleDropdown(true)}
-                  placeholder="Search roles... (e.g., Software Engineer, Data Scientist)"
-                  required
-                  className="w-full pl-10 pr-10 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  name="salary"
+                  value={formData.salary}
+                  onChange={handleInputChange}
+                  placeholder="$120K - $150K • 0.1%"
+                  className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white placeholder:text-slate-500 focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/40"
                 />
-                <div className="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
-                  <ChevronDownIcon className="h-5 w-5 text-gray-400" />
-                </div>
-              </div>
-              
-              {/* Role Dropdown */}
-              {showRoleDropdown && filteredRoles.length > 0 && (
-                <div
-                  ref={roleDropdownRef}
-                  className="absolute z-10 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-lg max-h-60 overflow-auto"
-                >
-                  {filteredRoles.map((role) => (
-                    <button
-                      key={role.id}
-                      type="button"
-                      onClick={() => handleRoleSelect(role)}
-                      className={`w-full text-left px-4 py-2 hover:bg-blue-50 transition-colors ${
-                        selectedRole?.id === role.id ? 'bg-blue-100' : ''
-                      }`}
-                    >
-                      <div className="font-medium text-gray-900">{role.title}</div>
-                      {role.category && (
-                        <div className="text-xs text-gray-500 mt-1">
-                          <span className="inline-flex items-center px-2 py-0.5 rounded-full bg-blue-100 text-blue-800">
-                            {role.category}
-                          </span>
-                        </div>
-                      )}
-                    </button>
-                  ))}
-                </div>
-              )}
-              
-              {showRoleDropdown && roleSearchQuery.length >= 2 && filteredRoles.length === 0 && (
-                <div
-                  ref={roleDropdownRef}
-                  className="absolute z-10 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-lg p-4 text-center text-gray-500"
-                >
-                  No roles found. Your input will be used as the role title.
-                </div>
-              )}
+              </label>
             </div>
-            {!selectedRole && (
-              <p className="mt-1 text-sm text-gray-500">
-                Start typing to search from 200+ job roles, or enter your own
-              </p>
-            )}
-          </div>
+          </section>
 
-          {/* Position Type */}
-          <div>
-            <label htmlFor="position_type" className="block text-sm font-medium text-gray-700 mb-2">
-              Position Type
-            </label>
-            <select
-              id="position_type"
-              name="position_type"
-              value={formData.position_type}
-              onChange={handleChange}
-              className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            >
-              <option value="">Select type...</option>
-              <option value="internship">Internship</option>
-              <option value="new_grad">New Grad</option>
-              <option value="experienced">Experienced</option>
-              <option value="other">Other</option>
-            </select>
-          </div>
+          <section className="space-y-6">
+            <div>
+              <h2 className="text-lg font-semibold text-white">Attachments & notes</h2>
+              <p className="mt-1 text-sm text-slate-400">
+                Track which resume you used and keep contextual notes for future stages.
+              </p>
+            </div>
 
-          {/* Location */}
-          <div>
-            <label htmlFor="location_search" className="block text-sm font-medium text-gray-700 mb-2">
-              Location
-            </label>
-            <div className="relative">
-              <div className="relative">
-                <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
-                  <MagnifyingGlassIcon className="h-5 w-5 text-gray-400" />
-                </div>
+            <div className="grid gap-6 md:grid-cols-2">
+              <label className="space-y-2">
+                <span className="text-xs font-medium uppercase tracking-wide text-slate-400">Resume version</span>
                 <input
-                  ref={locationSearchInputRef}
                   type="text"
-                  id="location_search"
-                  value={locationSearchQuery}
-                  onChange={(e) => {
-                    setLocationSearchQuery(e.target.value);
-                    setFormData({ ...formData, location: e.target.value });
-                    setShowLocationDropdown(true);
-                  }}
-                  onFocus={() => setShowLocationDropdown(true)}
-                  placeholder="Search locations... (e.g., San Francisco, Dubai, Remote)"
-                  className="w-full pl-10 pr-10 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  name="resume_version"
+                  value={formData.resume_version}
+                  onChange={handleInputChange}
+                  placeholder="e.g. SWE v3, PM generalist"
+                  className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white placeholder:text-slate-500 focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/40"
                 />
-                <div className="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
-                  <ChevronDownIcon className="h-5 w-5 text-gray-400" />
-                </div>
-              </div>
-              
-              {/* Location Dropdown */}
-              {showLocationDropdown && filteredLocations.length > 0 && (
-                <div
-                  ref={locationDropdownRef}
-                  className="absolute z-10 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-lg max-h-60 overflow-auto"
-                >
-                  {filteredLocations.map((location) => (
-                    <button
-                      key={location.id}
-                      type="button"
-                      onClick={() => handleLocationSelect(location)}
-                      className={`w-full text-left px-4 py-2 hover:bg-blue-50 transition-colors ${
-                        selectedLocation?.id === location.id ? 'bg-blue-100' : ''
-                      }`}
-                    >
-                      <div className="font-medium text-gray-900">{location.city}</div>
-                      {(location.country || location.region) && (
-                        <div className="text-xs text-gray-500 mt-1 flex gap-2">
-                          {location.country && location.country !== 'Unknown' && (
-                            <span className="inline-flex items-center px-2 py-0.5 rounded-full bg-green-100 text-green-800">
-                              {location.country}
-                            </span>
-                          )}
-                          {location.region && (
-                            <span className="inline-flex items-center px-2 py-0.5 rounded-full bg-purple-100 text-purple-800">
-                              {location.region}
-                            </span>
-                          )}
-                        </div>
-                      )}
-                    </button>
-                  ))}
-                </div>
-              )}
-              
-              {showLocationDropdown && locationSearchQuery.length >= 2 && filteredLocations.length === 0 && (
-                <div
-                  ref={locationDropdownRef}
-                  className="absolute z-10 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-lg p-4 text-center text-gray-500"
-                >
-                  No locations found. Your input will be used as the location.
-                </div>
-              )}
+              </label>
+              <label className="space-y-2">
+                <span className="text-xs font-medium uppercase tracking-wide text-slate-400">Attach resume file</span>
+                <input
+                  type="file"
+                  accept=".pdf,.doc,.docx,.txt"
+                  onChange={handleResumeChange}
+                  className="block w-full text-sm text-slate-300 file:mr-4 file:rounded-full file:border-0 file:bg-indigo-500/20 file:px-4 file:py-2 file:text-indigo-200 file:transition file:hover:bg-indigo-500/30"
+                />
+              </label>
             </div>
-            {!selectedLocation && (
-              <p className="mt-1 text-sm text-gray-500">
-                Start typing to search from 214+ cities, or enter your own (e.g., Remote)
-              </p>
-            )}
-          </div>
 
-          {/* Applied Date */}
-          <div>
-            <label htmlFor="applied_date" className="block text-sm font-medium text-gray-700 mb-2">
-              Applied Date *
+            <label className="space-y-2">
+              <span className="text-xs font-medium uppercase tracking-wide text-slate-400">Personal notes</span>
+              <textarea
+                name="notes"
+                value={formData.notes}
+                onChange={handleInputChange}
+                rows={4}
+                placeholder="Interview context, referrals, or next steps…"
+                className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white placeholder:text-slate-500 focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/40"
+              />
             </label>
-            <input
-              type="date"
-              id="applied_date"
-              name="applied_date"
-              value={formData.applied_date}
-              onChange={handleChange}
-              required
-              className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-          </div>
 
-          {/* Posting URL */}
-          <div>
-            <label htmlFor="posting_url" className="block text-sm font-medium text-gray-700 mb-2">
-              Job Posting URL
+            <label className="space-y-2">
+              <span className="text-xs font-medium uppercase tracking-wide text-slate-400">Save the original posting markup (optional)</span>
+              <textarea
+                name="posting_html"
+                value={formData.posting_html}
+                onChange={handleInputChange}
+                rows={4}
+                placeholder="Paste the HTML you want to keep for reference."
+                className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white placeholder:text-slate-500 focus:border-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/40"
+              />
             </label>
-            <input
-              type="url"
-              id="posting_url"
-              name="posting_url"
-              value={formData.posting_url}
-              onChange={handleChange}
-              placeholder="https://..."
-              className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-          </div>
+          </section>
 
-          {/* Resume Upload */}
-          <div>
-            <label htmlFor="resume_file" className="block text-sm font-medium text-gray-700 mb-2">
-              Upload Resume
-            </label>
-            <div className="space-y-2">
-              <input
-                type="file"
-                id="resume_file"
-                accept=".pdf,.doc,.docx,.txt"
-                onChange={handleFileChange}
-                className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100"
-              />
-              {resumeFile && (
-                <div className="flex items-center gap-2 text-sm text-gray-600">
-                  <span className="font-medium">Selected:</span>
-                  <span>{resumeFile.name}</span>
-                  <button
-                    type="button"
-                    onClick={() => setResumeFile(null)}
-                    className="text-red-600 hover:text-red-700"
+          <section className="space-y-4">
+            <h2 className="text-lg font-semibold text-white">Visibility</h2>
+            <div className="grid gap-4 md:grid-cols-2">
+              {VISIBILITY_OPTIONS.map((option) => {
+                const active = formData.visibility_preference === option.value;
+                return (
+                  <label
+                    key={option.value}
+                    className={`flex cursor-pointer items-start gap-3 rounded-2xl border px-5 py-4 transition ${
+                      active ? 'border-indigo-400 bg-indigo-500/10 shadow-lg shadow-indigo-500/20' : 'border-white/10 bg-slate-900/60 hover:border-indigo-400/60'
+                    }`}
                   >
-                    Remove
-                  </button>
-                </div>
-              )}
-              <p className="text-xs text-gray-500">
-                Accepted formats: PDF, DOC, DOCX, TXT (Max 5MB)
-              </p>
+                    <input
+                      type="radio"
+                      name="visibility_preference"
+                      value={option.value}
+                      checked={active}
+                      onChange={handleInputChange}
+                      className="mt-1"
+                    />
+                    <div>
+                      <div className="text-sm font-semibold text-white">{option.label}</div>
+                      <p className="text-xs text-slate-400">{option.description}</p>
+                    </div>
+                  </label>
+                );
+              })}
             </div>
-            
-            {/* Optional: Manual version name if no file uploaded */}
-            {!resumeFile && (
-              <div className="mt-3">
-                <label htmlFor="resume_version" className="block text-xs font-medium text-gray-600 mb-1">
-                  Or enter version name manually
-                </label>
-                <input
-                  type="text"
-                  id="resume_version"
-                  name="resume_version"
-                  value={formData.resume_version}
-                  onChange={handleChange}
-                  placeholder="e.g., SWE_v2, General_Resume"
-                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm"
-                />
-              </div>
-            )}
-          </div>
+          </section>
 
-          {/* Notes */}
-          <div>
-            <label htmlFor="notes" className="block text-sm font-medium text-gray-700 mb-2">
-              Notes
-            </label>
-            <textarea
-              id="notes"
-              name="notes"
-              value={formData.notes}
-              onChange={handleChange}
-              rows={4}
-              placeholder="Any additional notes about this application..."
-              className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-            />
-          </div>
+          {error && (
+            <div className="rounded-2xl border border-rose-500/30 bg-rose-500/10 px-4 py-3 text-sm text-rose-100">
+              {error}
+            </div>
+          )}
 
-          {/* Submit Buttons */}
-          <div className="flex gap-4 pt-4">
+          <div className="flex flex-col items-start justify-between gap-4 border-t border-white/5 pt-6 sm:flex-row sm:items-center">
+            <p className="text-sm text-slate-400">
+              A dedicated timeline with default stages will be created automatically.
+            </p>
             <button
               type="submit"
               disabled={loading}
-              className="flex-1 bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors"
-            >
-              {loading ? 'Creating...' : 'Add Application'}
-            </button>
-            <button
-              type="button"
-              onClick={() => navigate('/applications')}
-              className="px-6 py-2 border border-gray-300 rounded-md hover:bg-gray-50 transition-colors"
+              className="inline-flex items-center gap-2 rounded-full bg-indigo-500 px-6 py-3 text-sm font-semibold text-white shadow-lg shadow-indigo-500/30 transition hover:bg-indigo-400 disabled:cursor-wait disabled:opacity-70"
             >
-              Cancel
+              {loading ? 'Saving…' : 'Create application'}
             </button>
           </div>
         </form>
diff --git a/frontend/src/components/dashboard/ApplicationDetailPage.tsx b/frontend/src/components/dashboard/ApplicationDetailPage.tsx
index 850ff3a..1c9b212 100644
--- a/frontend/src/components/dashboard/ApplicationDetailPage.tsx
+++ b/frontend/src/components/dashboard/ApplicationDetailPage.tsx
@@ -9,7 +9,8 @@ import {
   CheckCircleIcon,
   ArrowRightIcon,
   BookmarkIcon,
-  ChatBubbleOvalLeftEllipsisIcon
+  ChatBubbleOvalLeftEllipsisIcon,
+  ChartBarIcon
 } from '../icons/Icons';
 
 interface ApplicationStage {
@@ -21,20 +22,76 @@ interface ApplicationStage {
   position: number;
 }
 
+type PrivacyMode = 'private' | 'topics_only' | 'full_text';
+
+interface AssessmentQuestion {
+  id: string;
+  question?: string;
+  topics: string[];
+  difficulty?: string;
+  approach?: string;
+  notes?: string;
+  followUp?: string;
+  privacyMode: PrivacyMode;
+}
+
+interface OnlineAssessment {
+  id: string;
+  platform: string;
+  type?: string;
+  duration?: number;
+  score?: string;
+  languages: string[];
+  notes?: string;
+  createdAt: string;
+  questions: AssessmentQuestion[];
+}
+
+interface InterviewQuestion {
+  id: string;
+  question?: string;
+  topics: string[];
+  difficulty?: string;
+  approach?: string;
+  followUp?: string;
+  notes?: string;
+  privacyMode: PrivacyMode;
+}
+
+interface InterviewRound {
+  id: string;
+  name: string;
+  dateTime?: string;
+  duration?: number;
+  type?: string;
+  format?: string;
+  interviewer?: string;
+  outcome?: string;
+  notes?: string;
+  createdAt: string;
+  questions: InterviewQuestion[];
+}
+
 interface ApplicationDetail {
   id: string;
-  company_id: string;
+  company_id?: string | null;
   company_name: string;
   role: string;
   location?: string;
   position_type?: string;
   applied_date: string;
+  posting_posted_date?: string;
   status: string;
   current_stage?: string;
   posting_url?: string;
+  posting_html?: string;
   resume_version?: string;
   notes?: string;
+  salary?: string;
+  visibility_preference: 'private' | 'anonymous';
   stages: ApplicationStage[];
+  assessments: OnlineAssessment[];
+  interviews: InterviewRound[];
 }
 
 interface StageExperience {
@@ -70,17 +127,59 @@ interface ReminderFormValues {
   notes?: string;
 }
 
+interface AssessmentQuestionFormValues {
+  id?: string;
+  question: string;
+  topics: string;
+  difficulty: string;
+  approach: string;
+  notes: string;
+  followUp: string;
+  privacyMode: PrivacyMode;
+}
+
+interface AssessmentFormValues {
+  platform: string;
+  type: string;
+  duration: string;
+  score: string;
+  languages: string;
+  notes: string;
+  questions: AssessmentQuestionFormValues[];
+}
+
+interface InterviewQuestionFormValues {
+  id?: string;
+  question: string;
+  topics: string;
+  difficulty: string;
+  approach: string;
+  notes: string;
+  followUp: string;
+  privacyMode: PrivacyMode;
+}
+
+interface InterviewFormValues {
+  name: string;
+  dateTime: string;
+  duration: string;
+  type: string;
+  format: string;
+  interviewer: string;
+  outcome: string;
+  notes: string;
+  questions: InterviewQuestionFormValues[];
+}
+
 const stageOptions = [
   'Applied',
   'Online Assessment',
   'Phone Screen',
-  'Technical Interview',
-  'Behavioral Interview',
-  'Final Round',
+  'Interview Rounds',
   'Offer',
-  'Accepted',
   'Rejected',
-  'Withdrawn'
+  'Withdrawn',
+  'Waitlisted'
 ];
 
 const EXPERIENCE_STORAGE_KEY = 'pathline.stage-experiences';
@@ -127,9 +226,154 @@ const statusStyles: Record<string, string> = {
   active: 'text-blue-300 bg-blue-500/10 border-blue-400/30',
   offer: 'text-emerald-300 bg-emerald-500/10 border-emerald-400/30',
   rejected: 'text-rose-300 bg-rose-500/10 border-rose-400/30',
-  withdrawn: 'text-slate-300 bg-slate-500/10 border-slate-400/30'
+  withdrawn: 'text-slate-300 bg-slate-500/10 border-slate-400/30',
+  waitlisted: 'text-amber-200 bg-amber-500/10 border-amber-400/30'
 };
 
+const parsePrivacyMode = (value: string | undefined): PrivacyMode => {
+  if (value === 'topics_only' || value === 'full_text') {
+    return value;
+  }
+  return 'private';
+};
+
+const normalizeTopics = (value: unknown): string[] => {
+  if (Array.isArray(value)) {
+    return value.filter((item): item is string => typeof item === 'string').map((item) => item.trim()).filter(Boolean);
+  }
+  if (typeof value === 'string') {
+    return value
+      .split(',')
+      .map((item) => item.trim())
+      .filter(Boolean);
+  }
+  return [];
+};
+
+const parseNumber = (value: unknown): number | undefined => {
+  const numberValue = typeof value === 'string' ? Number(value) : value;
+  if (typeof numberValue === 'number' && Number.isFinite(numberValue)) {
+    return numberValue;
+  }
+  return undefined;
+};
+
+const transformAssessmentQuestion = (input: any): AssessmentQuestion => ({
+  id: input.id,
+  question: input.question ?? input.question_text ?? undefined,
+  topics: normalizeTopics(input.topics),
+  difficulty: input.difficulty ?? undefined,
+  approach: input.approach ?? undefined,
+  notes: input.notes ?? undefined,
+  followUp: input.follow_up ?? input.followUp ?? undefined,
+  privacyMode: parsePrivacyMode(input.privacy_mode ?? input.privacyMode)
+});
+
+const transformAssessment = (input: any): OnlineAssessment => ({
+  id: input.id,
+  platform: input.platform,
+  type: input.type ?? input.assessment_type ?? undefined,
+  duration: parseNumber(input.duration ?? input.duration_minutes),
+  score: input.score ?? undefined,
+  languages: Array.isArray(input.languages)
+    ? input.languages.filter((item: unknown): item is string => typeof item === 'string')
+    : typeof input.languages === 'string'
+      ? normalizeTopics(input.languages)
+      : [],
+  notes: input.notes ?? undefined,
+  createdAt: input.created_at ?? input.createdAt ?? new Date().toISOString(),
+  questions: Array.isArray(input.questions) ? input.questions.map(transformAssessmentQuestion) : []
+});
+
+const transformInterviewQuestion = (input: any): InterviewQuestion => ({
+  id: input.id,
+  question: input.question ?? input.question_text ?? undefined,
+  topics: normalizeTopics(input.topics),
+  difficulty: input.difficulty ?? undefined,
+  approach: input.approach ?? undefined,
+  followUp: input.follow_up ?? input.followUp ?? undefined,
+  notes: input.notes ?? undefined,
+  privacyMode: parsePrivacyMode(input.privacy_mode ?? input.privacyMode)
+});
+
+const transformInterviewRound = (input: any): InterviewRound => ({
+  id: input.id,
+  name: input.name,
+  dateTime: input.dateTime ?? input.date_time ?? undefined,
+  duration: parseNumber(input.duration ?? input.duration_minutes),
+  type: input.type ?? input.interview_type ?? undefined,
+  format: input.format ?? undefined,
+  interviewer: input.interviewer ?? undefined,
+  outcome: input.outcome ?? undefined,
+  notes: input.notes ?? undefined,
+  createdAt: input.created_at ?? input.createdAt ?? new Date().toISOString(),
+  questions: Array.isArray(input.questions) ? input.questions.map(transformInterviewQuestion) : []
+});
+
+const transformApplicationDetail = (raw: any): ApplicationDetail => ({
+  id: raw.id,
+  company_id: raw.company_id ?? undefined,
+  company_name: raw.company_name,
+  role: raw.role,
+  location: raw.location ?? undefined,
+  position_type: raw.position_type ?? undefined,
+  applied_date: raw.applied_date,
+  posting_posted_date: raw.posting_posted_date ?? undefined,
+  status: raw.status,
+  current_stage: raw.current_stage ?? undefined,
+  posting_url: raw.posting_url ?? undefined,
+  posting_html: raw.posting_html ?? undefined,
+  resume_version: raw.resume_version ?? undefined,
+  notes: raw.notes ?? undefined,
+  salary: raw.salary ?? undefined,
+  visibility_preference: raw.visibility_preference ?? 'private',
+  stages: Array.isArray(raw.stages) ? raw.stages : [],
+  assessments: Array.isArray(raw.assessments) ? raw.assessments.map(transformAssessment) : [],
+  interviews: Array.isArray(raw.interviews) ? raw.interviews.map(transformInterviewRound) : []
+});
+
+const emptyAssessmentQuestion = (): AssessmentQuestionFormValues => ({
+  question: '',
+  topics: '',
+  difficulty: '',
+  approach: '',
+  notes: '',
+  followUp: '',
+  privacyMode: 'private'
+});
+
+const defaultAssessmentForm = (): AssessmentFormValues => ({
+  platform: '',
+  type: '',
+  duration: '',
+  score: '',
+  languages: '',
+  notes: '',
+  questions: [emptyAssessmentQuestion()]
+});
+
+const emptyInterviewQuestion = (): InterviewQuestionFormValues => ({
+  question: '',
+  topics: '',
+  difficulty: '',
+  approach: '',
+  notes: '',
+  followUp: '',
+  privacyMode: 'private'
+});
+
+const defaultInterviewForm = (): InterviewFormValues => ({
+  name: '',
+  dateTime: '',
+  duration: '',
+  type: '',
+  format: '',
+  interviewer: '',
+  outcome: '',
+  notes: '',
+  questions: [emptyInterviewQuestion()]
+});
+
 export function ApplicationDetailPage() {
   const { id } = useParams<{ id: string }>();
   const navigate = useNavigate();
@@ -143,6 +387,15 @@ export function ApplicationDetailPage() {
   const [selectedStageForReminder, setSelectedStageForReminder] = useState<string | undefined>(undefined);
   const [hasResumeFile, setHasResumeFile] = useState(false);
   const [resumeFilename, setResumeFilename] = useState<string | null>(null);
+  const [showAssessmentForm, setShowAssessmentForm] = useState(false);
+  const [editingAssessmentId, setEditingAssessmentId] = useState<string | null>(null);
+  const [assessmentForm, setAssessmentForm] = useState<AssessmentFormValues>(defaultAssessmentForm());
+  const [assessmentSubmitting, setAssessmentSubmitting] = useState(false);
+  const [showInterviewForm, setShowInterviewForm] = useState(false);
+  const [editingInterviewId, setEditingInterviewId] = useState<string | null>(null);
+  const [interviewForm, setInterviewForm] = useState<InterviewFormValues>(defaultInterviewForm());
+  const [interviewSubmitting, setInterviewSubmitting] = useState(false);
+  const [visibilityUpdating, setVisibilityUpdating] = useState(false);
 
   useEffect(() => {
     loadApplication();
@@ -163,8 +416,9 @@ export function ApplicationDetailPage() {
       const response = await fetch(`/api/applications/${id}`);
       if (!response.ok) throw new Error('Failed to load application');
 
-      const data: ApplicationDetail = await response.json();
-      setApplication(data);
+      const data = await response.json();
+      const detail = transformApplicationDetail(data);
+      setApplication(detail);
 
       // Check for resume file
       const resumeResponse = await fetch(`/api/applications/${id}/resume`);
@@ -379,6 +633,359 @@ export function ApplicationDetailPage() {
     setSelectedStageForReminder(stageId);
   };
 
+  const resetAssessmentForm = () => {
+    setAssessmentForm(defaultAssessmentForm());
+    setEditingAssessmentId(null);
+  };
+
+  const openAssessmentForm = (assessment?: OnlineAssessment) => {
+    if (assessment) {
+      setAssessmentForm({
+        platform: assessment.platform ?? '',
+        type: assessment.type ?? '',
+        duration: assessment.duration ? String(assessment.duration) : '',
+        score: assessment.score ?? '',
+        languages: assessment.languages.join(', '),
+        notes: assessment.notes ?? '',
+        questions:
+          assessment.questions.length > 0
+            ? assessment.questions.map((question) => ({
+                id: question.id,
+                question: question.question ?? '',
+                topics: question.topics.join(', '),
+                difficulty: question.difficulty ?? '',
+                approach: question.approach ?? '',
+                notes: question.notes ?? '',
+                followUp: question.followUp ?? '',
+                privacyMode: question.privacyMode
+              }))
+            : [emptyAssessmentQuestion()]
+      });
+      setEditingAssessmentId(assessment.id);
+    } else {
+      resetAssessmentForm();
+    }
+    setShowAssessmentForm(true);
+  };
+
+  const closeAssessmentForm = () => {
+    resetAssessmentForm();
+    setShowAssessmentForm(false);
+  };
+
+  const updateAssessmentField = (field: keyof AssessmentFormValues, value: string) => {
+    setAssessmentForm((prev) => ({ ...prev, [field]: value }));
+  };
+
+  const updateAssessmentQuestionField = (
+    index: number,
+    field: keyof AssessmentQuestionFormValues,
+    value: string | PrivacyMode
+  ) => {
+    setAssessmentForm((prev) => {
+      const next = [...prev.questions];
+      next[index] = { ...next[index], [field]: value } as AssessmentQuestionFormValues;
+      return { ...prev, questions: next };
+    });
+  };
+
+  const addAssessmentQuestion = () => {
+    setAssessmentForm((prev) => ({
+      ...prev,
+      questions: [...prev.questions, emptyAssessmentQuestion()]
+    }));
+  };
+
+  const removeAssessmentQuestion = (index: number) => {
+    setAssessmentForm((prev) => {
+      if (prev.questions.length === 1) return prev;
+      const next = prev.questions.filter((_, i) => i !== index);
+      return { ...prev, questions: next };
+    });
+  };
+
+  const buildAssessmentPayload = () => {
+    const languages = assessmentForm.languages
+      .split(',')
+      .map((language) => language.trim())
+      .filter(Boolean);
+
+    const questions = assessmentForm.questions.map((question) => ({
+      question: question.question.trim() || undefined,
+      topics: question.topics
+        .split(',')
+        .map((topic) => topic.trim())
+        .filter(Boolean),
+      difficulty: question.difficulty || undefined,
+      approach: question.approach.trim() || undefined,
+      notes: question.notes.trim() || undefined,
+      followUp: question.followUp.trim() || undefined,
+      privacyMode: question.privacyMode
+    }));
+
+    return {
+      platform: assessmentForm.platform.trim(),
+      type: assessmentForm.type.trim() || undefined,
+      duration: assessmentForm.duration ? Number(assessmentForm.duration) : undefined,
+      score: assessmentForm.score.trim() || undefined,
+      languages,
+      notes: assessmentForm.notes.trim() || undefined,
+      questions
+    };
+  };
+
+  const handleSubmitAssessmentForm = async (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+    if (!application) return;
+
+    const payload = buildAssessmentPayload();
+    if (!payload.platform) {
+      alert('Add the assessment platform before saving.');
+      return;
+    }
+
+    setAssessmentSubmitting(true);
+    try {
+      const endpoint = editingAssessmentId
+        ? `/api/applications/${application.id}/assessments/${editingAssessmentId}`
+        : `/api/applications/${application.id}/assessments`;
+      const method = editingAssessmentId ? 'PUT' : 'POST';
+
+      const response = await fetch(endpoint, {
+        method,
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(payload)
+      });
+
+      if (!response.ok) {
+        throw new Error('Failed to save assessment');
+      }
+
+      const data = await response.json();
+      const detail = transformApplicationDetail(data);
+      setApplication(detail);
+      closeAssessmentForm();
+    } catch (err) {
+      alert(err instanceof Error ? err.message : 'Unable to save assessment');
+    } finally {
+      setAssessmentSubmitting(false);
+    }
+  };
+
+  const handleDeleteAssessment = async (assessmentId: string) => {
+    if (!application) return;
+    if (!confirm('Remove this assessment log?')) return;
+
+    try {
+      const response = await fetch(
+        `/api/applications/${application.id}/assessments/${assessmentId}`,
+        {
+          method: 'DELETE'
+        }
+      );
+
+      if (!response.ok) {
+        throw new Error('Failed to delete assessment');
+      }
+
+      const data = await response.json();
+      const detail = transformApplicationDetail(data);
+      setApplication(detail);
+    } catch (err) {
+      alert(err instanceof Error ? err.message : 'Unable to delete assessment');
+    }
+  };
+
+  const resetInterviewForm = () => {
+    setInterviewForm(defaultInterviewForm());
+    setEditingInterviewId(null);
+  };
+
+  const openInterviewForm = (round?: InterviewRound) => {
+    if (round) {
+      setInterviewForm({
+        name: round.name,
+        dateTime: round.dateTime ? round.dateTime.slice(0, 16) : '',
+        duration: round.duration ? String(round.duration) : '',
+        type: round.type ?? '',
+        format: round.format ?? '',
+        interviewer: round.interviewer ?? '',
+        outcome: round.outcome ?? '',
+        notes: round.notes ?? '',
+        questions:
+          round.questions.length > 0
+            ? round.questions.map((question) => ({
+                id: question.id,
+                question: question.question ?? '',
+                topics: question.topics.join(', '),
+                difficulty: question.difficulty ?? '',
+                approach: question.approach ?? '',
+                notes: question.notes ?? '',
+                followUp: question.followUp ?? '',
+                privacyMode: question.privacyMode
+              }))
+            : [emptyInterviewQuestion()]
+      });
+      setEditingInterviewId(round.id);
+    } else {
+      resetInterviewForm();
+    }
+    setShowInterviewForm(true);
+  };
+
+  const closeInterviewForm = () => {
+    resetInterviewForm();
+    setShowInterviewForm(false);
+  };
+
+  const updateInterviewField = (field: keyof InterviewFormValues, value: string) => {
+    setInterviewForm((prev) => ({ ...prev, [field]: value }));
+  };
+
+  const updateInterviewQuestionField = (
+    index: number,
+    field: keyof InterviewQuestionFormValues,
+    value: string | PrivacyMode
+  ) => {
+    setInterviewForm((prev) => {
+      const next = [...prev.questions];
+      next[index] = { ...next[index], [field]: value } as InterviewQuestionFormValues;
+      return { ...prev, questions: next };
+    });
+  };
+
+  const addInterviewQuestion = () => {
+    setInterviewForm((prev) => ({
+      ...prev,
+      questions: [...prev.questions, emptyInterviewQuestion()]
+    }));
+  };
+
+  const removeInterviewQuestion = (index: number) => {
+    setInterviewForm((prev) => {
+      if (prev.questions.length === 1) return prev;
+      const next = prev.questions.filter((_, i) => i !== index);
+      return { ...prev, questions: next };
+    });
+  };
+
+  const buildInterviewPayload = () => {
+    const questions = interviewForm.questions.map((question) => ({
+      question: question.question.trim() || undefined,
+      topics: question.topics
+        .split(',')
+        .map((topic) => topic.trim())
+        .filter(Boolean),
+      difficulty: question.difficulty || undefined,
+      approach: question.approach.trim() || undefined,
+      notes: question.notes.trim() || undefined,
+      followUp: question.followUp.trim() || undefined,
+      privacyMode: question.privacyMode
+    }));
+
+    const dateTime = interviewForm.dateTime
+      ? new Date(interviewForm.dateTime).toISOString()
+      : undefined;
+
+    return {
+      name: interviewForm.name.trim(),
+      dateTime,
+      duration: interviewForm.duration ? Number(interviewForm.duration) : undefined,
+      type: interviewForm.type.trim() || undefined,
+      format: interviewForm.format.trim() || undefined,
+      interviewer: interviewForm.interviewer.trim() || undefined,
+      outcome: interviewForm.outcome.trim() || undefined,
+      notes: interviewForm.notes.trim() || undefined,
+      questions
+    };
+  };
+
+  const handleSubmitInterviewForm = async (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+    if (!application) return;
+
+    const payload = buildInterviewPayload();
+    if (!payload.name) {
+      alert('Give this interview round a name before saving.');
+      return;
+    }
+
+    setInterviewSubmitting(true);
+    try {
+      const endpoint = editingInterviewId
+        ? `/api/applications/${application.id}/interviews/${editingInterviewId}`
+        : `/api/applications/${application.id}/interviews`;
+      const method = editingInterviewId ? 'PUT' : 'POST';
+
+      const response = await fetch(endpoint, {
+        method,
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(payload)
+      });
+
+      if (!response.ok) {
+        throw new Error('Failed to save interview round');
+      }
+
+      const data = await response.json();
+      const detail = transformApplicationDetail(data);
+      setApplication(detail);
+      closeInterviewForm();
+    } catch (err) {
+      alert(err instanceof Error ? err.message : 'Unable to save interview round');
+    } finally {
+      setInterviewSubmitting(false);
+    }
+  };
+
+  const handleDeleteInterview = async (roundId: string) => {
+    if (!application) return;
+    if (!confirm('Remove this interview round?')) return;
+
+    try {
+      const response = await fetch(
+        `/api/applications/${application.id}/interviews/${roundId}`,
+        {
+          method: 'DELETE'
+        }
+      );
+
+      if (!response.ok) {
+        throw new Error('Failed to delete interview round');
+      }
+
+      const data = await response.json();
+      const detail = transformApplicationDetail(data);
+      setApplication(detail);
+    } catch (err) {
+      alert(err instanceof Error ? err.message : 'Unable to delete interview round');
+    }
+  };
+
+  const handleVisibilityChange = async (preference: 'private' | 'anonymous') => {
+    if (!application || preference === application.visibility_preference) return;
+    setVisibilityUpdating(true);
+    try {
+      const response = await fetch(`/api/applications/${application.id}`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ visibility_preference: preference })
+      });
+
+      if (!response.ok) {
+        throw new Error('Failed to update visibility');
+      }
+
+      const data = await response.json();
+      const detail = transformApplicationDetail(data);
+      setApplication(detail);
+    } catch (err) {
+      alert(err instanceof Error ? err.message : 'Unable to update visibility');
+    } finally {
+      setVisibilityUpdating(false);
+    }
+  };
+
   if (loading) {
     return (
       <div className="flex h-64 items-center justify-center text-slate-400">Loading...</div>
@@ -401,6 +1008,48 @@ export function ApplicationDetailPage() {
 
   const statusBadge = statusStyles[application.status as keyof typeof statusStyles] ??
     'text-slate-300 bg-slate-600/20 border-slate-500/30';
+  const statusLabel = application.status
+    ? application.status
+        .split('_')
+        .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+        .join(' ')
+    : 'Status';
+  const visibilityLabel =
+    application.visibility_preference === 'anonymous' ? 'Anonymous sharing' : 'Private workspace';
+  const positionLabel = application.position_type
+    ? application.position_type === 'new_grad'
+      ? 'New Grad'
+      : application.position_type
+          .split('_')
+          .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+          .join(' ')
+    : null;
+  const postedDateLabel = application.posting_posted_date
+    ? new Date(application.posting_posted_date).toLocaleDateString(undefined, {
+        month: 'long',
+        day: 'numeric',
+        year: 'numeric'
+      })
+    : null;
+  const difficultyLevels = ['Easy', 'Medium', 'Hard'];
+  const assessmentTypeOptions = ['Proctored', 'Unproctored', 'Project', 'Take-home'];
+  const interviewTypeOptions = ['Coding', 'Behavioral', 'System Design', 'ML', 'Product'];
+  const interviewFormatOptions = ['Phone', 'Video', 'On-site', 'Take-home'];
+  const interviewOutcomeOptions = ['Passed', 'Failed', 'Unsure', 'Pending'];
+  const formatPrivacyModeLabel = (mode: PrivacyMode) => {
+    switch (mode) {
+      case 'topics_only':
+        return 'Topics only';
+      case 'full_text':
+        return 'Full text';
+      default:
+        return 'Private';
+    }
+  };
+  const formatDifficultyLabel = (value?: string) => {
+    if (!value) return 'Unrated';
+    return value.charAt(0).toUpperCase() + value.slice(1);
+  };
 
   const sortedStages = [...application.stages].sort((a, b) => a.position - b.position);
   const onlineAssessmentStage = sortedStages.find((stage) =>
@@ -425,7 +1074,10 @@ export function ApplicationDetailPage() {
               <h1 className="text-3xl font-bold text-white sm:text-4xl">{application.company_name}</h1>
               <span className={`inline-flex items-center gap-2 rounded-full border px-4 py-1 text-xs font-semibold uppercase tracking-wider ${statusBadge}`}>
                 <span className="h-2 w-2 rounded-full bg-current" aria-hidden="true" />
-                {application.status}
+                {statusLabel}
+              </span>
+              <span className="inline-flex items-center gap-2 rounded-full border border-white/10 bg-slate-900/60 px-4 py-1 text-xs font-semibold text-slate-200">
+                {visibilityLabel}
               </span>
             </div>
             <p className="text-xl font-semibold text-slate-200">{application.role}</p>
@@ -436,9 +1088,9 @@ export function ApplicationDetailPage() {
                   {application.location}
                 </span>
               )}
-              {application.position_type && (
+              {positionLabel && (
                 <span className="inline-flex items-center gap-2 rounded-full bg-indigo-500/20 px-3 py-1 text-xs font-medium text-indigo-200">
-                  {application.position_type === 'new_grad' ? 'New Grad' : application.position_type.charAt(0).toUpperCase() + application.position_type.slice(1)}
+                  {positionLabel}
                 </span>
               )}
               <span className="inline-flex items-center gap-2">
@@ -450,9 +1102,47 @@ export function ApplicationDetailPage() {
                   year: 'numeric'
                 })}
               </span>
+              {postedDateLabel && (
+                <span className="inline-flex items-center gap-2">
+                  <CheckCircleIcon className="h-4 w-4 text-emerald-300" />
+                  Posted {postedDateLabel}
+                </span>
+              )}
+              {application.salary && (
+                <span className="inline-flex items-center gap-2">
+                  <ChartBarIcon className="h-4 w-4 text-amber-300" />
+                  {application.salary}
+                </span>
+              )}
             </div>
           </div>
-          <div className="flex items-start gap-3">
+          <div className="flex flex-col items-stretch gap-3 sm:items-end">
+            <div className="inline-flex overflow-hidden rounded-full border border-white/10 bg-slate-900/60 p-1 text-xs font-semibold text-slate-300">
+              <button
+                type="button"
+                onClick={() => handleVisibilityChange('private')}
+                disabled={visibilityUpdating}
+                className={`rounded-full px-3 py-1 transition ${
+                  application.visibility_preference === 'private'
+                    ? 'bg-indigo-500/80 text-white'
+                    : 'hover:bg-slate-800'
+                }`}
+              >
+                Private
+              </button>
+              <button
+                type="button"
+                onClick={() => handleVisibilityChange('anonymous')}
+                disabled={visibilityUpdating}
+                className={`rounded-full px-3 py-1 transition ${
+                  application.visibility_preference === 'anonymous'
+                    ? 'bg-indigo-500/80 text-white'
+                    : 'hover:bg-slate-800'
+                }`}
+              >
+                Anonymous
+              </button>
+            </div>
             <button
               onClick={handleDeleteApplication}
               className="rounded-2xl border border-rose-500/30 bg-rose-500/10 p-3 text-sm font-semibold text-rose-200 transition hover:bg-rose-500/20"
@@ -477,6 +1167,25 @@ export function ApplicationDetailPage() {
               </a>
             </div>
           )}
+          {(application.posting_posted_date || application.salary) && (
+            <div className="rounded-2xl border border-white/5 bg-slate-900/60 p-5">
+              <p className="text-xs uppercase tracking-wide text-slate-400">Comp & timing</p>
+              <div className="mt-3 space-y-2 text-sm text-slate-200">
+                {postedDateLabel && (
+                  <div className="flex items-center justify-between gap-3 text-slate-300">
+                    <span>Posted</span>
+                    <span>{postedDateLabel}</span>
+                  </div>
+                )}
+                {application.salary && (
+                  <div className="flex items-center justify-between gap-3 text-slate-300">
+                    <span>Salary insight</span>
+                    <span>{application.salary}</span>
+                  </div>
+                )}
+              </div>
+            </div>
+          )}
           {application.resume_version && (
             <div className="rounded-2xl border border-white/5 bg-slate-900/60 p-5">
               <p className="text-xs uppercase tracking-wide text-slate-400">Resume version</p>
@@ -502,6 +1211,14 @@ export function ApplicationDetailPage() {
               <p className="mt-3 whitespace-pre-wrap text-sm leading-relaxed text-slate-200">{application.notes}</p>
             </div>
           )}
+          {application.posting_html && (
+            <div className="sm:col-span-2 rounded-2xl border border-white/5 bg-slate-900/60 p-5">
+              <p className="text-xs uppercase tracking-wide text-slate-400">Saved posting markup</p>
+              <pre className="mt-3 max-h-60 overflow-auto whitespace-pre-wrap rounded-xl bg-slate-950/80 p-4 text-xs text-slate-300">
+                {application.posting_html}
+              </pre>
+            </div>
+          )}
         </div>
       </div>
 
@@ -521,6 +1238,690 @@ export function ApplicationDetailPage() {
         />
       )}
 
+      <div className="grid gap-6 lg:grid-cols-2">
+        <div className="rounded-3xl border border-sky-400/30 bg-sky-500/10 p-6 shadow-xl">
+          <div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+            <div>
+              <p className="text-xs uppercase tracking-[0.3em] text-sky-200">Online assessments</p>
+              <h2 className="mt-2 text-2xl font-semibold text-white">Assessment journal</h2>
+              <p className="mt-2 text-sm text-sky-100/80">
+                Capture platforms, languages, and question notes for each OA.
+              </p>
+            </div>
+            <div className="flex items-center gap-2">
+              {showAssessmentForm && (
+                <button
+                  type="button"
+                  onClick={closeAssessmentForm}
+                  className="rounded-full border border-sky-400/40 px-3 py-2 text-xs font-semibold text-sky-100 transition hover:border-sky-300/60"
+                >
+                  Close form
+                </button>
+              )}
+              <button
+                type="button"
+                onClick={() => openAssessmentForm()}
+                className="inline-flex items-center gap-2 rounded-full bg-sky-500/80 px-4 py-2 text-sm font-semibold text-white shadow-lg shadow-sky-500/30 transition hover:bg-sky-400"
+              >
+                <PlusIcon className="h-5 w-5" />
+                Log assessment
+              </button>
+            </div>
+          </div>
+
+          {showAssessmentForm && (
+            <form
+              onSubmit={handleSubmitAssessmentForm}
+              className="mt-6 space-y-5 rounded-2xl border border-sky-400/30 bg-slate-950/70 p-5"
+            >
+              <div className="grid gap-4 md:grid-cols-2">
+                <label className="space-y-2">
+                  <span className="text-xs uppercase tracking-wide text-sky-200">Platform *</span>
+                  <input
+                    type="text"
+                    value={assessmentForm.platform}
+                    onChange={(event) => updateAssessmentField('platform', event.target.value)}
+                    placeholder="CodeSignal, HackerRank, Karat..."
+                    className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white placeholder:text-slate-500 focus:border-sky-400 focus:outline-none focus:ring-2 focus:ring-sky-500/40"
+                    required
+                  />
+                </label>
+                <label className="space-y-2">
+                  <span className="text-xs uppercase tracking-wide text-sky-200">Type</span>
+                  <select
+                    value={assessmentForm.type}
+                    onChange={(event) => updateAssessmentField('type', event.target.value)}
+                    className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white focus:border-sky-400 focus:outline-none focus:ring-2 focus:ring-sky-500/40"
+                  >
+                    <option value="">Select type</option>
+                    {assessmentTypeOptions.map((option) => (
+                      <option key={option} value={option}>
+                        {option}
+                      </option>
+                    ))}
+                  </select>
+                </label>
+              </div>
+              <div className="grid gap-4 md:grid-cols-3">
+                <label className="space-y-2">
+                  <span className="text-xs uppercase tracking-wide text-sky-200">Duration (minutes)</span>
+                  <input
+                    type="number"
+                    min="0"
+                    value={assessmentForm.duration}
+                    onChange={(event) => updateAssessmentField('duration', event.target.value)}
+                    className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white focus:border-sky-400 focus:outline-none focus:ring-2 focus:ring-sky-500/40"
+                  />
+                </label>
+                <label className="space-y-2">
+                  <span className="text-xs uppercase tracking-wide text-sky-200">Score</span>
+                  <input
+                    type="text"
+                    value={assessmentForm.score}
+                    onChange={(event) => updateAssessmentField('score', event.target.value)}
+                    placeholder="e.g. 780 / 850"
+                    className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white placeholder:text-slate-500 focus:border-sky-400 focus:outline-none focus:ring-2 focus:ring-sky-500/40"
+                  />
+                </label>
+                <label className="space-y-2 md:col-span-1 md:col-start-3">
+                  <span className="text-xs uppercase tracking-wide text-sky-200">Languages</span>
+                  <input
+                    type="text"
+                    value={assessmentForm.languages}
+                    onChange={(event) => updateAssessmentField('languages', event.target.value)}
+                    placeholder="Python, SQL"
+                    className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white placeholder:text-slate-500 focus:border-sky-400 focus:outline-none focus:ring-2 focus:ring-sky-500/40"
+                  />
+                </label>
+              </div>
+              <label className="space-y-2">
+                <span className="text-xs uppercase tracking-wide text-sky-200">Notes</span>
+                <textarea
+                  value={assessmentForm.notes}
+                  onChange={(event) => updateAssessmentField('notes', event.target.value)}
+                  rows={3}
+                  placeholder="Log timing details, recruiter expectations, or prep focus areas."
+                  className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white placeholder:text-slate-500 focus:border-sky-400 focus:outline-none focus:ring-2 focus:ring-sky-500/40"
+                />
+              </label>
+              <div className="space-y-4">
+                {assessmentForm.questions.map((question, index) => (
+                  <div
+                    key={question.id ?? index}
+                    className="space-y-3 rounded-2xl border border-sky-400/30 bg-slate-900/80 p-4"
+                  >
+                    <div className="flex items-center justify-between text-sm font-semibold text-sky-100">
+                      <span>Question {index + 1}</span>
+                      {assessmentForm.questions.length > 1 && (
+                        <button
+                          type="button"
+                          onClick={() => removeAssessmentQuestion(index)}
+                          className="text-xs text-sky-200 hover:text-white"
+                        >
+                          Remove
+                        </button>
+                      )}
+                    </div>
+                    <label className="space-y-2">
+                      <span className="text-xs uppercase tracking-wide text-sky-200">Prompt</span>
+                      <textarea
+                        value={question.question}
+                        onChange={(event) => updateAssessmentQuestionField(index, 'question', event.target.value)}
+                        rows={2}
+                        className="w-full rounded-2xl border border-white/10 bg-slate-950/60 px-3 py-2 text-sm text-white placeholder:text-slate-500 focus:border-sky-400 focus:outline-none focus:ring-2 focus:ring-sky-500/40"
+                      />
+                    </label>
+                    <div className="grid gap-4 md:grid-cols-3">
+                      <label className="space-y-2">
+                        <span className="text-xs uppercase tracking-wide text-sky-200">Topics</span>
+                        <input
+                          type="text"
+                          value={question.topics}
+                          onChange={(event) => updateAssessmentQuestionField(index, 'topics', event.target.value)}
+                          placeholder="Arrays, DP, Graphs"
+                          className="w-full rounded-2xl border border-white/10 bg-slate-950/60 px-3 py-2 text-sm text-white placeholder:text-slate-500 focus:border-sky-400 focus:outline-none focus:ring-2 focus:ring-sky-500/40"
+                        />
+                      </label>
+                      <label className="space-y-2">
+                        <span className="text-xs uppercase tracking-wide text-sky-200">Difficulty</span>
+                        <select
+                          value={question.difficulty}
+                          onChange={(event) => updateAssessmentQuestionField(index, 'difficulty', event.target.value)}
+                          className="w-full rounded-2xl border border-white/10 bg-slate-950/60 px-3 py-2 text-sm text-white focus:border-sky-400 focus:outline-none focus:ring-2 focus:ring-sky-500/40"
+                        >
+                          <option value="">Select</option>
+                          {difficultyLevels.map((level) => (
+                            <option key={level} value={level}>
+                              {level}
+                            </option>
+                          ))}
+                        </select>
+                      </label>
+                      <label className="space-y-2">
+                        <span className="text-xs uppercase tracking-wide text-sky-200">Privacy</span>
+                        <select
+                          value={question.privacyMode}
+                          onChange={(event) =>
+                            updateAssessmentQuestionField(index, 'privacyMode', event.target.value as PrivacyMode)
+                          }
+                          className="w-full rounded-2xl border border-white/10 bg-slate-950/60 px-3 py-2 text-sm text-white focus:border-sky-400 focus:outline-none focus:ring-2 focus:ring-sky-500/40"
+                        >
+                          <option value="private">Private</option>
+                          <option value="topics_only">Topics only</option>
+                          <option value="full_text">Full text</option>
+                        </select>
+                      </label>
+                    </div>
+                    <label className="space-y-2">
+                      <span className="text-xs uppercase tracking-wide text-sky-200">Your approach & notes</span>
+                      <textarea
+                        value={question.approach}
+                        onChange={(event) => updateAssessmentQuestionField(index, 'approach', event.target.value)}
+                        rows={3}
+                        className="w-full rounded-2xl border border-white/10 bg-slate-950/60 px-3 py-2 text-sm text-white placeholder:text-slate-500 focus:border-sky-400 focus:outline-none focus:ring-2 focus:ring-sky-500/40"
+                      />
+                    </label>
+                    <label className="space-y-2">
+                      <span className="text-xs uppercase tracking-wide text-sky-200">Follow-up notes</span>
+                      <textarea
+                        value={question.followUp}
+                        onChange={(event) => updateAssessmentQuestionField(index, 'followUp', event.target.value)}
+                        rows={2}
+                        className="w-full rounded-2xl border border-white/10 bg-slate-950/60 px-3 py-2 text-sm text-white placeholder:text-slate-500 focus:border-sky-400 focus:outline-none focus:ring-2 focus:ring-sky-500/40"
+                      />
+                    </label>
+                  </div>
+                ))}
+              </div>
+              <button
+                type="button"
+                onClick={addAssessmentQuestion}
+                className="rounded-full border border-sky-400/40 px-4 py-2 text-xs font-semibold text-sky-100 transition hover:border-sky-300/60"
+              >
+                Add another prompt
+              </button>
+              <div className="flex items-center justify-end gap-3 pt-2">
+                <button
+                  type="button"
+                  onClick={closeAssessmentForm}
+                  className="rounded-full border border-white/10 px-4 py-2 text-sm font-semibold text-slate-200 transition hover:border-sky-300/40"
+                >
+                  Cancel
+                </button>
+                <button
+                  type="submit"
+                  disabled={assessmentSubmitting}
+                  className="inline-flex items-center gap-2 rounded-full bg-sky-500 px-5 py-2 text-sm font-semibold text-white shadow-lg shadow-sky-500/40 transition hover:bg-sky-400 disabled:cursor-wait disabled:opacity-70"
+                >
+                  {assessmentSubmitting
+                    ? 'Saving...'
+                    : editingAssessmentId
+                      ? 'Update assessment'
+                      : 'Save assessment'}
+                </button>
+              </div>
+            </form>
+          )}
+
+          <div className="mt-6 space-y-4">
+            {application.assessments.length > 0 ? (
+              application.assessments.map((assessment) => {
+                const loggedAt = new Date(assessment.createdAt).toLocaleString(undefined, {
+                  month: 'short',
+                  day: 'numeric',
+                  hour: 'numeric',
+                  minute: '2-digit'
+                });
+                return (
+                  <div
+                    key={assessment.id}
+                    className="space-y-3 rounded-2xl border border-sky-400/30 bg-slate-900/70 p-5"
+                  >
+                    <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
+                      <div>
+                        <h3 className="text-lg font-semibold text-white">{assessment.platform}</h3>
+                        <p className="text-sm text-sky-100/80">
+                          {(assessment.type || 'General')} • Logged {loggedAt}
+                        </p>
+                        {assessment.score && (
+                          <p className="text-xs text-sky-200/80">Score: {assessment.score}</p>
+                        )}
+                        {assessment.languages.length > 0 && (
+                          <div className="mt-2 flex flex-wrap gap-2 text-xs">
+                            {assessment.languages.map((language) => (
+                              <span
+                                key={language}
+                                className="rounded-full bg-sky-500/20 px-3 py-1 text-sky-100"
+                              >
+                                {language}
+                              </span>
+                            ))}
+                          </div>
+                        )}
+                      </div>
+                      <div className="flex items-center gap-2">
+                        <button
+                          type="button"
+                          onClick={() => openAssessmentForm(assessment)}
+                          className="rounded-full border border-white/10 px-3 py-1 text-xs font-semibold text-slate-200 transition hover:border-sky-300/40"
+                        >
+                          Edit
+                        </button>
+                        <button
+                          type="button"
+                          onClick={() => handleDeleteAssessment(assessment.id)}
+                          className="rounded-full border border-rose-400/40 px-3 py-1 text-xs font-semibold text-rose-200 transition hover:border-rose-300/60"
+                        >
+                          Delete
+                        </button>
+                      </div>
+                    </div>
+                    {assessment.notes && (
+                      <p className="text-sm text-sky-100/80">{assessment.notes}</p>
+                    )}
+                    <div className="space-y-3">
+                      {assessment.questions.length > 0 ? (
+                        assessment.questions.map((question, index) => (
+                          <div
+                            key={question.id ?? index}
+                            className="space-y-2 rounded-xl border border-sky-400/20 bg-slate-950/60 p-4"
+                          >
+                            <div className="flex flex-wrap items-center justify-between gap-2 text-xs uppercase tracking-wide text-sky-200">
+                              <span>Prompt {index + 1}</span>
+                              <span>{formatPrivacyModeLabel(question.privacyMode)}</span>
+                            </div>
+                            {question.question && (
+                              <p className="text-sm text-sky-100/80">{question.question}</p>
+                            )}
+                            {question.topics.length > 0 && (
+                              <div className="flex flex-wrap gap-2 text-xs text-sky-100/70">
+                                {question.topics.map((topic) => (
+                                  <span key={topic} className="rounded-full bg-sky-500/20 px-3 py-1">
+                                    {topic}
+                                  </span>
+                                ))}
+                              </div>
+                            )}
+                            <div className="flex flex-wrap items-center gap-3 text-xs text-sky-200/70">
+                              <span>{formatDifficultyLabel(question.difficulty)}</span>
+                              {question.followUp && <span>Follow-up: {question.followUp}</span>}
+                            </div>
+                            {question.approach && (
+                              <p className="text-xs text-sky-100/70">Your notes: {question.approach}</p>
+                            )}
+                          </div>
+                        ))
+                      ) : (
+                        <p className="text-xs text-sky-100/70">No question log saved.</p>
+                      )}
+                    </div>
+                  </div>
+                );
+              })
+            ) : (
+              <div className="rounded-2xl border border-dashed border-sky-400/40 bg-sky-500/5 p-6 text-sm text-sky-100/70">
+                No assessments logged yet.
+              </div>
+            )}
+          </div>
+        </div>
+
+        <div className="rounded-3xl border border-purple-400/30 bg-purple-500/10 p-6 shadow-xl">
+          <div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+            <div>
+              <p className="text-xs uppercase tracking-[0.3em] text-purple-200">Interviews & screens</p>
+              <h2 className="mt-2 text-2xl font-semibold text-white">Interview journal</h2>
+              <p className="mt-2 text-sm text-purple-100/80">
+                Log every conversation, outcome, and follow-up question.
+              </p>
+            </div>
+            <div className="flex items-center gap-2">
+              {showInterviewForm && (
+                <button
+                  type="button"
+                  onClick={closeInterviewForm}
+                  className="rounded-full border border-purple-400/40 px-3 py-2 text-xs font-semibold text-purple-100 transition hover:border-purple-300/60"
+                >
+                  Close form
+                </button>
+              )}
+              <button
+                type="button"
+                onClick={() => openInterviewForm()}
+                className="inline-flex items-center gap-2 rounded-full bg-purple-500/80 px-4 py-2 text-sm font-semibold text-white shadow-lg shadow-purple-500/30 transition hover:bg-purple-400"
+              >
+                <PlusIcon className="h-5 w-5" />
+                Log interview
+              </button>
+            </div>
+          </div>
+
+          {showInterviewForm && (
+            <form
+              onSubmit={handleSubmitInterviewForm}
+              className="mt-6 space-y-5 rounded-2xl border border-purple-400/30 bg-slate-950/70 p-5"
+            >
+              <div className="grid gap-4 md:grid-cols-2">
+                <label className="space-y-2">
+                  <span className="text-xs uppercase tracking-wide text-purple-200">Round name *</span>
+                  <input
+                    type="text"
+                    value={interviewForm.name}
+                    onChange={(event) => updateInterviewField('name', event.target.value)}
+                    placeholder="Recruiter screen, Technical round 1..."
+                    className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white placeholder:text-slate-500 focus:border-purple-400 focus:outline-none focus:ring-2 focus:ring-purple-500/40"
+                    required
+                  />
+                </label>
+                <label className="space-y-2">
+                  <span className="text-xs uppercase tracking-wide text-purple-200">Date & time</span>
+                  <input
+                    type="datetime-local"
+                    value={interviewForm.dateTime}
+                    onChange={(event) => updateInterviewField('dateTime', event.target.value)}
+                    className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white focus:border-purple-400 focus:outline-none focus:ring-2 focus:ring-purple-500/40"
+                  />
+                </label>
+              </div>
+              <div className="grid gap-4 md:grid-cols-3">
+                <label className="space-y-2">
+                  <span className="text-xs uppercase tracking-wide text-purple-200">Duration (minutes)</span>
+                  <input
+                    type="number"
+                    min="0"
+                    value={interviewForm.duration}
+                    onChange={(event) => updateInterviewField('duration', event.target.value)}
+                    className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white focus:border-purple-400 focus:outline-none focus:ring-2 focus:ring-purple-500/40"
+                  />
+                </label>
+                <label className="space-y-2">
+                  <span className="text-xs uppercase tracking-wide text-purple-200">Type</span>
+                  <select
+                    value={interviewForm.type}
+                    onChange={(event) => updateInterviewField('type', event.target.value)}
+                    className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white focus:border-purple-400 focus:outline-none focus:ring-2 focus:ring-purple-500/40"
+                  >
+                    <option value="">Select</option>
+                    {interviewTypeOptions.map((option) => (
+                      <option key={option} value={option}>
+                        {option}
+                      </option>
+                    ))}
+                  </select>
+                </label>
+                <label className="space-y-2">
+                  <span className="text-xs uppercase tracking-wide text-purple-200">Format</span>
+                  <select
+                    value={interviewForm.format}
+                    onChange={(event) => updateInterviewField('format', event.target.value)}
+                    className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white focus:border-purple-400 focus:outline-none focus:ring-2 focus:ring-purple-500/40"
+                  >
+                    <option value="">Select</option>
+                    {interviewFormatOptions.map((option) => (
+                      <option key={option} value={option}>
+                        {option}
+                      </option>
+                    ))}
+                  </select>
+                </label>
+              </div>
+              <div className="grid gap-4 md:grid-cols-3">
+                <label className="space-y-2">
+                  <span className="text-xs uppercase tracking-wide text-purple-200">Interviewer</span>
+                  <input
+                    type="text"
+                    value={interviewForm.interviewer}
+                    onChange={(event) => updateInterviewField('interviewer', event.target.value)}
+                    placeholder="Recruiter, SWE, HM..."
+                    className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white placeholder:text-slate-500 focus:border-purple-400 focus:outline-none focus:ring-2 focus:ring-purple-500/40"
+                  />
+                </label>
+                <label className="space-y-2">
+                  <span className="text-xs uppercase tracking-wide text-purple-200">Outcome</span>
+                  <select
+                    value={interviewForm.outcome}
+                    onChange={(event) => updateInterviewField('outcome', event.target.value)}
+                    className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white focus:border-purple-400 focus:outline-none focus:ring-2 focus:ring-purple-500/40"
+                  >
+                    <option value="">Select</option>
+                    {interviewOutcomeOptions.map((option) => (
+                      <option key={option} value={option}>
+                        {option}
+                      </option>
+                    ))}
+                  </select>
+                </label>
+                <label className="space-y-2">
+                  <span className="text-xs uppercase tracking-wide text-purple-200">Notes</span>
+                  <textarea
+                    value={interviewForm.notes}
+                    onChange={(event) => updateInterviewField('notes', event.target.value)}
+                    rows={3}
+                    className="w-full rounded-2xl border border-white/10 bg-slate-900/60 px-4 py-3 text-sm text-white placeholder:text-slate-500 focus:border-purple-400 focus:outline-none focus:ring-2 focus:ring-purple-500/40"
+                  />
+                </label>
+              </div>
+              <div className="space-y-4">
+                {interviewForm.questions.map((question, index) => (
+                  <div
+                    key={question.id ?? index}
+                    className="space-y-3 rounded-2xl border border-purple-400/30 bg-slate-900/80 p-4"
+                  >
+                    <div className="flex items-center justify-between text-sm font-semibold text-purple-100">
+                      <span>Question {index + 1}</span>
+                      {interviewForm.questions.length > 1 && (
+                        <button
+                          type="button"
+                          onClick={() => removeInterviewQuestion(index)}
+                          className="text-xs text-purple-200 hover:text-white"
+                        >
+                          Remove
+                        </button>
+                      )}
+                    </div>
+                    <label className="space-y-2">
+                      <span className="text-xs uppercase tracking-wide text-purple-200">Prompt</span>
+                      <textarea
+                        value={question.question}
+                        onChange={(event) => updateInterviewQuestionField(index, 'question', event.target.value)}
+                        rows={2}
+                        className="w-full rounded-2xl border border-white/10 bg-slate-950/60 px-3 py-2 text-sm text-white placeholder:text-slate-500 focus:border-purple-400 focus:outline-none focus:ring-2 focus:ring-purple-500/40"
+                      />
+                    </label>
+                    <div className="grid gap-4 md:grid-cols-3">
+                      <label className="space-y-2">
+                        <span className="text-xs uppercase tracking-wide text-purple-200">Topics</span>
+                        <input
+                          type="text"
+                          value={question.topics}
+                          onChange={(event) => updateInterviewQuestionField(index, 'topics', event.target.value)}
+                          placeholder="Leadership, System design"
+                          className="w-full rounded-2xl border border-white/10 bg-slate-950/60 px-3 py-2 text-sm text-white placeholder:text-slate-500 focus:border-purple-400 focus:outline-none focus:ring-2 focus:ring-purple-500/40"
+                        />
+                      </label>
+                      <label className="space-y-2">
+                        <span className="text-xs uppercase tracking-wide text-purple-200">Difficulty</span>
+                        <select
+                          value={question.difficulty}
+                          onChange={(event) => updateInterviewQuestionField(index, 'difficulty', event.target.value)}
+                          className="w-full rounded-2xl border border-white/10 bg-slate-950/60 px-3 py-2 text-sm text-white focus:border-purple-400 focus:outline-none focus:ring-2 focus:ring-purple-500/40"
+                        >
+                          <option value="">Select</option>
+                          {difficultyLevels.map((level) => (
+                            <option key={level} value={level}>
+                              {level}
+                            </option>
+                          ))}
+                        </select>
+                      </label>
+                      <label className="space-y-2">
+                        <span className="text-xs uppercase tracking-wide text-purple-200">Privacy</span>
+                        <select
+                          value={question.privacyMode}
+                          onChange={(event) =>
+                            updateInterviewQuestionField(index, 'privacyMode', event.target.value as PrivacyMode)
+                          }
+                          className="w-full rounded-2xl border border-white/10 bg-slate-950/60 px-3 py-2 text-sm text-white focus:border-purple-400 focus:outline-none focus:ring-2 focus:ring-purple-500/40"
+                        >
+                          <option value="private">Private</option>
+                          <option value="topics_only">Topics only</option>
+                          <option value="full_text">Full text</option>
+                        </select>
+                      </label>
+                    </div>
+                    <label className="space-y-2">
+                      <span className="text-xs uppercase tracking-wide text-purple-200">Your answer / notes</span>
+                      <textarea
+                        value={question.approach}
+                        onChange={(event) => updateInterviewQuestionField(index, 'approach', event.target.value)}
+                        rows={3}
+                        className="w-full rounded-2xl border border-white/10 bg-slate-950/60 px-3 py-2 text-sm text-white placeholder:text-slate-500 focus:border-purple-400 focus:outline-none focus:ring-2 focus:ring-purple-500/40"
+                      />
+                    </label>
+                    <label className="space-y-2">
+                      <span className="text-xs uppercase tracking-wide text-purple-200">Follow-up</span>
+                      <textarea
+                        value={question.followUp}
+                        onChange={(event) => updateInterviewQuestionField(index, 'followUp', event.target.value)}
+                        rows={2}
+                        className="w-full rounded-2xl border border-white/10 bg-slate-950/60 px-3 py-2 text-sm text-white placeholder:text-slate-500 focus:border-purple-400 focus:outline-none focus:ring-2 focus:ring-purple-500/40"
+                      />
+                    </label>
+                  </div>
+                ))}
+              </div>
+              <button
+                type="button"
+                onClick={addInterviewQuestion}
+                className="rounded-full border border-purple-400/40 px-4 py-2 text-xs font-semibold text-purple-100 transition hover:border-purple-300/60"
+              >
+                Add another prompt
+              </button>
+              <div className="flex items-center justify-end gap-3 pt-2">
+                <button
+                  type="button"
+                  onClick={closeInterviewForm}
+                  className="rounded-full border border-white/10 px-4 py-2 text-sm font-semibold text-slate-200 transition hover:border-purple-300/40"
+                >
+                  Cancel
+                </button>
+                <button
+                  type="submit"
+                  disabled={interviewSubmitting}
+                  className="inline-flex items-center gap-2 rounded-full bg-purple-500 px-5 py-2 text-sm font-semibold text-white shadow-lg shadow-purple-500/40 transition hover:bg-purple-400 disabled:cursor-wait disabled:opacity-70"
+                >
+                  {interviewSubmitting
+                    ? 'Saving...'
+                    : editingInterviewId
+                      ? 'Update interview'
+                      : 'Save interview'}
+                </button>
+              </div>
+            </form>
+          )}
+
+          <div className="mt-6 space-y-4">
+            {application.interviews.length > 0 ? (
+              application.interviews.map((round) => {
+                const dateLabel = round.dateTime
+                  ? new Date(round.dateTime).toLocaleString(undefined, {
+                      month: 'short',
+                      day: 'numeric',
+                      hour: 'numeric',
+                      minute: '2-digit'
+                    })
+                  : 'Date TBD';
+                const loggedAt = new Date(round.createdAt).toLocaleString(undefined, {
+                  month: 'short',
+                  day: 'numeric',
+                  hour: 'numeric',
+                  minute: '2-digit'
+                });
+                return (
+                  <div
+                    key={round.id}
+                    className="space-y-3 rounded-2xl border border-purple-400/30 bg-slate-900/70 p-5"
+                  >
+                    <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
+                      <div>
+                        <h3 className="text-lg font-semibold text-white">{round.name}</h3>
+                        <p className="text-sm text-purple-100/80">{dateLabel} • Logged {loggedAt}</p>
+                        <div className="mt-2 flex flex-wrap items-center gap-3 text-xs text-purple-100/70">
+                          {round.type && <span>{round.type}</span>}
+                          {round.format && <span>{round.format}</span>}
+                          {round.duration && <span>{round.duration} min</span>}
+                          {round.outcome && <span>Outcome: {round.outcome}</span>}
+                          {round.interviewer && <span>With {round.interviewer}</span>}
+                        </div>
+                      </div>
+                      <div className="flex items-center gap-2">
+                        <button
+                          type="button"
+                          onClick={() => openInterviewForm(round)}
+                          className="rounded-full border border-white/10 px-3 py-1 text-xs font-semibold text-slate-200 transition hover:border-purple-300/40"
+                        >
+                          Edit
+                        </button>
+                        <button
+                          type="button"
+                          onClick={() => handleDeleteInterview(round.id)}
+                          className="rounded-full border border-rose-400/40 px-3 py-1 text-xs font-semibold text-rose-200 transition hover:border-rose-300/60"
+                        >
+                          Delete
+                        </button>
+                      </div>
+                    </div>
+                    {round.notes && (
+                      <p className="text-sm text-purple-100/80">{round.notes}</p>
+                    )}
+                    <div className="space-y-3">
+                      {round.questions.length > 0 ? (
+                        round.questions.map((question, index) => (
+                          <div
+                            key={question.id ?? index}
+                            className="space-y-2 rounded-xl border border-purple-400/20 bg-slate-950/60 p-4"
+                          >
+                            <div className="flex flex-wrap items-center justify-between gap-2 text-xs uppercase tracking-wide text-purple-200">
+                              <span>Prompt {index + 1}</span>
+                              <span>{formatPrivacyModeLabel(question.privacyMode)}</span>
+                            </div>
+                            {question.question && (
+                              <p className="text-sm text-purple-100/80">{question.question}</p>
+                            )}
+                            {question.topics.length > 0 && (
+                              <div className="flex flex-wrap gap-2 text-xs text-purple-100/70">
+                                {question.topics.map((topic) => (
+                                  <span key={topic} className="rounded-full bg-purple-500/20 px-3 py-1">
+                                    {topic}
+                                  </span>
+                                ))}
+                              </div>
+                            )}
+                            <div className="flex flex-wrap items-center gap-3 text-xs text-purple-200/70">
+                              <span>{formatDifficultyLabel(question.difficulty)}</span>
+                              {question.followUp && <span>Follow-up: {question.followUp}</span>}
+                            </div>
+                            {question.approach && (
+                              <p className="text-xs text-purple-100/70">Your notes: {question.approach}</p>
+                            )}
+                          </div>
+                        ))
+                      ) : (
+                        <p className="text-xs text-purple-100/70">No prompts recorded yet.</p>
+                      )}
+                    </div>
+                  </div>
+                );
+              })
+            ) : (
+              <div className="rounded-2xl border border-dashed border-purple-400/40 bg-purple-500/5 p-6 text-sm text-purple-100/70">
+                No interviews logged yet.
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+
       <div className="grid gap-8 lg:grid-cols-[1.6fr_1fr]">
         <div className="space-y-6">
           <div className="rounded-3xl border border-white/10 bg-slate-900/70 p-6 shadow-xl">
diff --git a/frontend/src/components/dashboard/ApplicationsPage.tsx b/frontend/src/components/dashboard/ApplicationsPage.tsx
index 39ae4fe..6f3a385 100644
--- a/frontend/src/components/dashboard/ApplicationsPage.tsx
+++ b/frontend/src/components/dashboard/ApplicationsPage.tsx
@@ -15,26 +15,29 @@ import {
 } from '@/components/icons/Icons';
 
 interface Application {
-    id: number;
+    id: string;
     company: string;
+    companyId?: string;
     role: string;
     location?: string;
-    position_type?: string;
+    positionType?: string;
     appliedDate: string;
+    postedDate?: string;
     currentStage: string;
-    status: 'active' | 'offer' | 'rejected' | 'withdrawn';
+    status: 'active' | 'offer' | 'rejected' | 'withdrawn' | 'waitlisted';
     resumeVersion?: string;
     postingUrl?: string;
+    salary?: string;
+    visibility: 'private' | 'anonymous';
 }
 
 const stageFlow = [
     'Applied',
     'Online Assessment',
     'Phone Screen',
-    'Technical Interview',
-    'Behavioral Interview',
-    'Final Round',
-    'Offer'
+    'Interview Rounds',
+    'Offer',
+    'Waitlisted'
 ];
 
 const normalizedStageMap = stageFlow.reduce<Record<string, number>>((acc, stage, index) => {
@@ -58,6 +61,8 @@ const ApplicationCard: React.FC<{ application: Application }> = ({ application }
                 return 'bg-rose-500/10 text-rose-300 ring-1 ring-inset ring-rose-400/30';
             case 'withdrawn':
                 return 'bg-slate-500/10 text-slate-300 ring-1 ring-inset ring-slate-400/30';
+            case 'waitlisted':
+                return 'bg-amber-500/10 text-amber-200 ring-1 ring-inset ring-amber-400/30';
             default:
                 return 'bg-blue-500/10 text-blue-300 ring-1 ring-inset ring-blue-400/30';
         }
@@ -68,12 +73,29 @@ const ApplicationCard: React.FC<{ application: Application }> = ({ application }
         if (lowerStage.includes('offer')) return 'text-emerald-300';
         if (lowerStage.includes('interview')) return 'text-purple-300';
         if (lowerStage.includes('oa') || lowerStage.includes('assessment')) return 'text-blue-300';
+        if (lowerStage.includes('wait')) return 'text-amber-200';
         if (lowerStage.includes('reject')) return 'text-rose-300';
         return 'text-slate-300';
     };
 
+    const formatStatusLabel = (status: string) => {
+        if (status === 'new_grad') return 'New Grad';
+        return status.charAt(0).toUpperCase() + status.slice(1);
+    };
+
+    const formatPositionLabel = (positionType?: string) => {
+        if (!positionType) return null;
+        if (positionType === 'new_grad') return 'New Grad';
+        return positionType
+            .split('_')
+            .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+            .join(' ');
+    };
+
     const progressIndex = getProgressIndex(application.currentStage);
-    const progressPercent = Math.round((progressIndex / (stageFlow.length - 1)) * 100);
+    const progressPercent = Math.round((progressIndex / Math.max(stageFlow.length - 1, 1)) * 100);
+    const statusLabel = formatStatusLabel(application.status);
+    const positionLabel = formatPositionLabel(application.positionType);
 
     return (
         <Link
@@ -91,7 +113,15 @@ const ApplicationCard: React.FC<{ application: Application }> = ({ application }
                                 {application.role}
                             </h3>
                             <span className={`inline-flex items-center rounded-full px-3 py-1 text-xs font-medium uppercase tracking-wide ${getStatusColor(application.status)}`}>
-                                {application.status}
+                                {statusLabel}
+                            </span>
+                            {positionLabel && (
+                                <span className="inline-flex items-center rounded-full border border-indigo-500/40 bg-indigo-500/20 px-3 py-1 text-[11px] font-medium text-indigo-100">
+                                    {positionLabel}
+                                </span>
+                            )}
+                            <span className="inline-flex items-center rounded-full border border-white/10 bg-slate-800/80 px-3 py-1 text-[11px] font-medium text-slate-300">
+                                {application.visibility === 'anonymous' ? 'Shared anonymously' : 'Private'}
                             </span>
                         </div>
                         <p className="mt-1 text-sm text-slate-300">
@@ -103,12 +133,24 @@ const ApplicationCard: React.FC<{ application: Application }> = ({ application }
                                 <ClockIcon className="h-4 w-4" />
                                 Applied {new Date(application.appliedDate).toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' })}
                             </span>
+                            {application.postedDate && (
+                                <span className="inline-flex items-center gap-1">
+                                    <CheckCircleIcon className="h-4 w-4" />
+                                    Posted {new Date(application.postedDate).toLocaleDateString(undefined, { month: 'short', day: 'numeric' })}
+                                </span>
+                            )}
                             {application.resumeVersion && (
                                 <span className="inline-flex items-center gap-1">
                                     <BookmarkIcon className="h-4 w-4" />
                                     Resume: {application.resumeVersion}
                                 </span>
                             )}
+                            {application.salary && (
+                                <span className="inline-flex items-center gap-1">
+                                    <ChartBarIcon className="h-4 w-4" />
+                                    {application.salary}
+                                </span>
+                            )}
                             {application.postingUrl && (
                                 <span className="inline-flex items-center gap-1">
                                     <ArrowRightIcon className="h-4 w-4 rotate-45" />
@@ -174,16 +216,21 @@ const ApplicationsPage: React.FC = () => {
                 if (!response.ok) throw new Error('Failed to fetch applications');
                 
                 const data = await response.json();
-                const transformedApps = data.items.map((app: any) => ({
+                const transformedApps: Application[] = data.items.map((app: any) => ({
                     id: app.id,
                     company: app.company_name,
+                    companyId: app.company_id ?? undefined,
                     role: app.role,
-                    location: app.location,
+                    location: app.location ?? undefined,
+                    positionType: app.position_type ?? undefined,
                     appliedDate: app.applied_date,
+                    postedDate: app.posting_posted_date ?? undefined,
                     currentStage: app.current_stage || 'Applied',
                     status: app.status,
-                    resumeVersion: app.resume_version,
-                    postingUrl: app.posting_url
+                    resumeVersion: app.resume_version ?? undefined,
+                    postingUrl: app.posting_url ?? undefined,
+                    salary: app.salary ?? undefined,
+                    visibility: app.visibility_preference ?? 'private'
                 }));
                 
                 setApplications(transformedApps);
@@ -208,7 +255,9 @@ const ApplicationsPage: React.FC = () => {
         total: applications.length,
         active: applications.filter(a => a.status === 'active').length,
         offers: applications.filter(a => a.status === 'offer').length,
-        rejected: applications.filter(a => a.status === 'rejected').length
+        rejected: applications.filter(a => a.status === 'rejected').length,
+        withdrawn: applications.filter(a => a.status === 'withdrawn').length,
+        waitlisted: applications.filter(a => a.status === 'waitlisted').length
     };
 
     return (
@@ -230,6 +279,14 @@ const ApplicationsPage: React.FC = () => {
                                 <ClockIcon className="h-4 w-4 text-blue-300" />
                                 {stats.total} total submissions
                             </span>
+                            <span className="inline-flex items-center gap-2 rounded-full border border-amber-400/40 bg-amber-500/10 px-4 py-2 text-amber-100">
+                                <BellIcon className="h-4 w-4" />
+                                {stats.waitlisted} waitlisted
+                            </span>
+                            <span className="inline-flex items-center gap-2 rounded-full border border-rose-400/40 bg-rose-500/10 px-4 py-2 text-rose-100">
+                                <XCircleIcon className="h-4 w-4" />
+                                {stats.rejected + stats.withdrawn} closed loops
+                            </span>
                         </div>
                     </div>
                     <div className="flex w-full flex-col gap-4 rounded-2xl border border-white/10 bg-slate-900/60 p-6 text-sm text-slate-200 shadow-inner sm:w-auto">
@@ -270,9 +327,14 @@ const ApplicationsPage: React.FC = () => {
                     value: stats.offers,
                     icon: CheckCircleIcon,
                     accent: 'from-emerald-500/20 via-emerald-400/10 to-transparent'
+                }, {
+                    label: 'Waitlisted',
+                    value: stats.waitlisted,
+                    icon: BellIcon,
+                    accent: 'from-amber-500/20 via-amber-400/10 to-transparent'
                 }, {
                     label: 'Closed loops',
-                    value: stats.rejected,
+                    value: stats.rejected + stats.withdrawn,
                     icon: XCircleIcon,
                     accent: 'from-rose-500/20 via-rose-400/10 to-transparent'
                 }].map(({ label, value, icon: Icon, accent }) => (
@@ -315,6 +377,7 @@ const ApplicationsPage: React.FC = () => {
                         <option value="offer">Offers</option>
                         <option value="rejected">Rejected</option>
                         <option value="withdrawn">Withdrawn</option>
+                        <option value="waitlisted">Waitlisted</option>
                     </select>
                     <button
                         type="button"