From d0f424e3db4edd1572cfcc9533c09bba60be3b7d Mon Sep 17 00:00:00 2001
From: Joachim LK <joachim.l.kolle.pers@gmail.com>
Date: Wed, 17 Jun 2026 21:07:07 +0200
Subject: [PATCH 01/12] Add Playwright script for sign-in page testing

- Create a new script `test-step3.js` to automate the testing of the sign-in page.
- Launch Chromium browser with specific arguments and set viewport size.
- Navigate to the sign-in page and take a screenshot.
- Log input types and placeholders for all input fields on the page.
- Handle errors gracefully by logging them to the console.
---
 app/pages/dashboard/jobs/new.vue | 1116 ++++++++++++++----------------
 test-step3.js                    |   26 +
 2 files changed, 535 insertions(+), 607 deletions(-)
 create mode 100644 test-step3.js

diff --git a/app/pages/dashboard/jobs/new.vue b/app/pages/dashboard/jobs/new.vue
index 9fdb5312..f6c8188c 100644
--- a/app/pages/dashboard/jobs/new.vue
+++ b/app/pages/dashboard/jobs/new.vue
@@ -7,6 +7,8 @@ import {
   Trash2,
   ChevronUp,
   ChevronDown,
+  ChevronRight,
+  ArrowRight,
   GripVertical,
   Link2,
   ClipboardCopy,
@@ -110,9 +112,11 @@ type ScoringCriterionDraft = {
 }
 const scoringCriteria = ref<ScoringCriterionDraft[]>([])
 const scoringMode = ref<'none' | 'premade' | 'ai' | 'custom'>('none')
+const aiScoringChosen = ref(false)
 const selectedTemplate = ref<'standard' | 'technical' | 'non_technical'>('standard')
 const isGeneratingCriteria = ref(false)
 const showCustomForm = ref(false)
+const showAdvanced = ref(false)
 const editingCriterion = ref<ScoringCriterionDraft | null>(null)
 const autoScoreOnApply = ref(false)
 
@@ -143,35 +147,52 @@ const categoryColorClasses: Record<string, string> = {
   custom: 'bg-surface-50 text-surface-700 ring-surface-200 dark:bg-surface-800/50 dark:text-surface-300 dark:ring-surface-700',
 }
 
-async function loadPremadeCriteria(template: 'standard' | 'technical' | 'non_technical') {
-  try {
-    // Use local pre-made templates (no API call needed)
-    const templates: Record<string, ScoringCriterionDraft[]> = {
-      standard: [
-        { key: 'technical_skills', name: 'Technical Skills', description: 'Evaluate the candidate\'s technical competencies against the job requirements.', category: 'technical', maxScore: 10, weight: 50 },
-        { key: 'relevant_experience', name: 'Relevant Experience', description: 'Assess years and quality of experience directly relevant to the role.', category: 'experience', maxScore: 10, weight: 50 },
-        { key: 'education_fit', name: 'Education & Certifications', description: 'Evaluate educational background and certifications relevant to the position.', category: 'education', maxScore: 10, weight: 30 },
-      ],
-      technical: [
-        { key: 'core_tech_stack', name: 'Core Tech Stack Match', description: 'How well the candidate\'s technical skills match the primary technologies.', category: 'technical', maxScore: 10, weight: 70 },
-        { key: 'system_design', name: 'System Design & Architecture', description: 'Evidence of system design experience and architectural decision-making.', category: 'technical', maxScore: 10, weight: 50 },
-        { key: 'engineering_practices', name: 'Engineering Practices', description: 'Testing, CI/CD, code review, and software development lifecycle experience.', category: 'technical', maxScore: 10, weight: 40 },
-        { key: 'relevant_experience', name: 'Relevant Experience', description: 'Years and depth of experience in similar roles or domains.', category: 'experience', maxScore: 10, weight: 50 },
-        { key: 'leadership_collab', name: 'Leadership & Collaboration', description: 'Evidence of mentoring, tech leadership, and cross-team collaboration.', category: 'soft_skills', maxScore: 10, weight: 30 },
-      ],
-      non_technical: [
-        { key: 'relevant_experience', name: 'Relevant Experience', description: 'Depth and breadth of experience applicable to the role.', category: 'experience', maxScore: 10, weight: 60 },
-        { key: 'communication', name: 'Communication Skills', description: 'Evidence of written and verbal communication ability.', category: 'soft_skills', maxScore: 10, weight: 50 },
-        { key: 'domain_knowledge', name: 'Domain Knowledge', description: 'Relevant industry or domain expertise.', category: 'experience', maxScore: 10, weight: 40 },
-        { key: 'education_fit', name: 'Education & Certifications', description: 'Educational background and certifications relevant to the position.', category: 'education', maxScore: 10, weight: 30 },
-        { key: 'culture_fit', name: 'Culture & Values Alignment', description: 'Indicators of alignment with company values and team culture.', category: 'culture', maxScore: 10, weight: 30 },
-      ],
-    }
-    scoringCriteria.value = templates[template] ?? []
-    scoringMode.value = 'premade'
-  } catch (err: any) {
-    toast.error('Failed to load template', { message: err?.data?.statusMessage })
-  }
+// Pre-made scoring templates (no API call needed)
+const scoringTemplates: Record<'standard' | 'technical' | 'non_technical', ScoringCriterionDraft[]> = {
+  standard: [
+    { key: 'technical_skills', name: 'Technical Skills', description: 'Evaluate the candidate\'s technical competencies against the job requirements.', category: 'technical', maxScore: 10, weight: 50 },
+    { key: 'relevant_experience', name: 'Relevant Experience', description: 'Assess years and quality of experience directly relevant to the role.', category: 'experience', maxScore: 10, weight: 50 },
+    { key: 'education_fit', name: 'Education & Certifications', description: 'Evaluate educational background and certifications relevant to the position.', category: 'education', maxScore: 10, weight: 30 },
+  ],
+  technical: [
+    { key: 'core_tech_stack', name: 'Core Tech Stack Match', description: 'How well the candidate\'s technical skills match the primary technologies.', category: 'technical', maxScore: 10, weight: 70 },
+    { key: 'system_design', name: 'System Design & Architecture', description: 'Evidence of system design experience and architectural decision-making.', category: 'technical', maxScore: 10, weight: 50 },
+    { key: 'engineering_practices', name: 'Engineering Practices', description: 'Testing, CI/CD, code review, and software development lifecycle experience.', category: 'technical', maxScore: 10, weight: 40 },
+    { key: 'relevant_experience', name: 'Relevant Experience', description: 'Years and depth of experience in similar roles or domains.', category: 'experience', maxScore: 10, weight: 50 },
+    { key: 'leadership_collab', name: 'Leadership & Collaboration', description: 'Evidence of mentoring, tech leadership, and cross-team collaboration.', category: 'soft_skills', maxScore: 10, weight: 30 },
+  ],
+  non_technical: [
+    { key: 'relevant_experience', name: 'Relevant Experience', description: 'Depth and breadth of experience applicable to the role.', category: 'experience', maxScore: 10, weight: 60 },
+    { key: 'communication', name: 'Communication Skills', description: 'Evidence of written and verbal communication ability.', category: 'soft_skills', maxScore: 10, weight: 50 },
+    { key: 'domain_knowledge', name: 'Domain Knowledge', description: 'Relevant industry or domain expertise.', category: 'experience', maxScore: 10, weight: 40 },
+    { key: 'education_fit', name: 'Education & Certifications', description: 'Educational background and certifications relevant to the position.', category: 'education', maxScore: 10, weight: 30 },
+    { key: 'culture_fit', name: 'Culture & Values Alignment', description: 'Indicators of alignment with company values and team culture.', category: 'culture', maxScore: 10, weight: 30 },
+  ],
+}
+
+// Recommend a template from the job title so the default path needs zero decisions.
+const TECHNICAL_TITLE_RE = /\b(engineer|developer|programmer|software|data|devops|back[\s-]?end|front[\s-]?end|full[\s-]?stack|sysadmin|sre|architect|scientist|machine learning|ml|ai|qa|security|cloud|infrastructure)\b/i
+const recommendedTemplate = computed<'standard' | 'technical' | 'non_technical'>(() =>
+  TECHNICAL_TITLE_RE.test(form.value.title) ? 'technical' : 'standard',
+)
+const recommendedCriteria = computed(() => scoringTemplates[recommendedTemplate.value])
+
+function loadPremadeCriteria(template: 'standard' | 'technical' | 'non_technical') {
+  // Clone so per-job weight edits never mutate the shared template objects.
+  scoringCriteria.value = scoringTemplates[template].map(c => ({ ...c }))
+  scoringMode.value = 'premade'
+}
+
+function useRecommendedScoring() {
+  selectedTemplate.value = recommendedTemplate.value
+  loadPremadeCriteria(recommendedTemplate.value)
+}
+
+function skipScoring() {
+  scoringCriteria.value = []
+  scoringMode.value = 'none'
+  showAdvanced.value = false
+  nextStep()
 }
 
 async function generateAiCriteria() {
@@ -286,6 +307,7 @@ function saveFormToStorage() {
       applicationForm: applicationForm.value,
       scoringCriteria: scoringCriteria.value,
       scoringMode: scoringMode.value,
+      aiScoringChosen: aiScoringChosen.value,
       autoScoreOnApply: autoScoreOnApply.value,
       currentStep: currentStep.value,
     }
@@ -303,6 +325,7 @@ function restoreFormFromStorage() {
     if (data.applicationForm) Object.assign(applicationForm.value, data.applicationForm)
     if (data.scoringCriteria) scoringCriteria.value = data.scoringCriteria
     if (data.scoringMode) scoringMode.value = data.scoringMode
+    if (data.aiScoringChosen != null) aiScoringChosen.value = data.aiScoringChosen
     if (data.autoScoreOnApply != null) autoScoreOnApply.value = data.autoScoreOnApply
     if (data.currentStep) currentStep.value = data.currentStep
   } catch { /* corrupted data, ignore */ }
@@ -335,6 +358,7 @@ function resetState() {
   }
   scoringCriteria.value = []
   scoringMode.value = 'none'
+  aiScoringChosen.value = false
   autoScoreOnApply.value = false
   isPublished.value = false
   createdJobId.value = ''
@@ -353,22 +377,10 @@ watch(newJobResetSignal, (next, prev) => {
 })
 
 // Auto-save when step changes or form data changes
-watch([currentStep, form, applicationForm, scoringCriteria, scoringMode, autoScoreOnApply], () => {
+watch([currentStep, form, applicationForm, scoringCriteria, scoringMode, aiScoringChosen, autoScoreOnApply], () => {
   saveFormToStorage()
 }, { deep: true })
 
-// Notify user when entering step 3 without AI configured
-watch(currentStep, (step) => {
-  if (step === 3 && !isAiConfigured.value) {
-    toast.add({
-      type: 'warning',
-      title: 'AI integration not set up',
-      message: 'To use AI-powered candidate scoring, configure your AI provider in Settings → AI. You can still add criteria manually.',
-      link: { label: 'Go to AI Settings', href: '/dashboard/settings/ai' },
-      duration: 10000,
-    })
-  }
-})
 
 // Step 4: Publish & Distribute
 const publishChoice = ref<'publish' | 'draft'>('publish')
@@ -379,6 +391,12 @@ const finalApplicationLink = ref('')
 const linkCopiedFinal = ref(false)
 
 // Distribution channels for quick tracking link creation
+const distributionGroups = [
+  { key: 'job_board', label: 'Job boards' },
+  { key: 'outreach', label: 'Direct outreach' },
+  { key: 'social', label: 'Social media' },
+] as const
+
 const distributionChannels = [
   { channel: 'linkedin', name: 'LinkedIn', description: 'Post on LinkedIn Jobs or share in your feed', category: 'job_board' },
   { channel: 'indeed', name: 'Indeed', description: 'List on the Indeed job board', category: 'job_board' },
@@ -778,42 +796,33 @@ const questionTypeLabels: Record<QuestionType, string> = {
 </script>
 
 <template>
-  <div class="mx-auto max-w-6xl px-4 py-8">
+  <div class="mx-auto max-w-3xl px-4 -mt-2">
     <!-- Header with top actions -->
-    <div class="flex flex-col md:flex-row md:items-center justify-between gap-4 mb-8">
+    <div class="flex flex-col md:flex-row md:items-center justify-between gap-2 mb-3">
       <div>
         <NuxtLink
           :to="$localePath('/dashboard/jobs')"
-          class="inline-flex items-center gap-1 text-sm text-surface-500 dark:text-surface-400 hover:text-surface-700 dark:hover:text-surface-200 mb-2 transition-colors"
+          class="inline-flex items-center gap-1 text-sm text-surface-500 dark:text-surface-400 hover:text-surface-700 dark:hover:text-surface-200 mb-1 transition-colors"
         >
           <ArrowLeft class="size-4" />
           Back to Jobs
         </NuxtLink>
-        <h1 class="text-3xl font-bold text-surface-900 dark:text-surface-100">New Job</h1>
+        <h1 class="text-2xl font-bold text-surface-900 dark:text-surface-100">New Job</h1>
       </div>
       <div v-if="!isPublished" class="flex items-center gap-3">
         <button
           type="button"
-          class="px-4 py-2 text-sm font-medium text-surface-700 dark:text-surface-300 bg-white dark:bg-surface-900 border border-surface-300 dark:border-surface-700 rounded-lg hover:bg-surface-50 dark:hover:bg-surface-800 transition-colors"
+          class="px-4 py-2 text-sm font-medium text-surface-600 dark:text-surface-400 hover:text-surface-900 dark:hover:text-surface-100 transition-colors"
           @click="handleSubmit('draft')"
           :disabled="isSubmitting"
         >
-          Save draft
-        </button>
-        <button
-          v-if="currentStep < 4"
-          type="button"
-          :disabled="!canGoNext"
-          @click="nextStep"
-          class="px-4 py-2 text-sm font-medium text-white bg-brand-600 rounded-lg hover:bg-brand-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors shadow-sm"
-        >
-          Save & continue
+          Save & exit
         </button>
       </div>
     </div>
 
     <!-- Stepper -->
-    <div class="mb-10">
+    <div class="mb-4">
       <ol class="flex items-center w-full gap-2">
         <li
           v-for="(step, idx) in steps"
@@ -851,120 +860,110 @@ const questionTypeLabels: Record<QuestionType, string> = {
       </ol>
     </div>
 
-    <!-- Main Layout: Form + Tips -->
-    <div class="grid grid-cols-1 lg:grid-cols-12 gap-8">
-      <!-- Left side: Form -->
-      <div class="lg:col-span-8 space-y-6">
+    <!-- Main Layout: Form -->
+    <div>
+      <div class="space-y-6">
 
         <div class="rounded-xl border border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-900 shadow-sm overflow-hidden">
-          <form @submit.prevent="() => handleSubmit()" class="p-6 md:p-8">
+          <form @submit.prevent="() => handleSubmit()" class="p-5 md:p-6">
             <!-- Step 1: Job details -->
-            <section v-if="currentStep === 1" class="space-y-10">
-              <!-- Section: Job title and department -->
-              <div class="space-y-6">
+            <section v-if="currentStep === 1" class="space-y-6">
+              <div>
+                <h2 class="text-lg font-semibold text-surface-900 dark:text-surface-100">Job details</h2>
+                <p class="text-sm text-surface-500 dark:text-surface-400 mt-1">Only the job title is required — everything else can be added later.</p>
+              </div>
+
+              <!-- Title -->
+              <div>
+                <label for="title" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
+                  Job title <span class="text-danger-500">*</span>
+                </label>
+                <input
+                  id="title"
+                  v-model="form.title"
+                  type="text"
+                  placeholder="e.g. Senior Frontend Engineer"
+                  class="w-full rounded-lg border px-3 py-2.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-900 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors"
+                  :class="errors.title ? 'border-danger-300 ring-1 ring-danger-100' : 'border-surface-300 dark:border-surface-700'"
+                  @blur="validateStep1"
+                />
+                <p v-if="errors.title" class="mt-1.5 text-xs text-danger-600 dark:text-danger-400 font-medium">{{ errors.title }}</p>
+              </div>
+
+              <!-- Location + employment type -->
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
                 <div>
-                  <h2 class="text-lg font-semibold text-surface-900 dark:text-surface-100 mb-6 pb-2 border-b border-surface-100 dark:border-surface-800">Job title and department</h2>
-                  <label for="title" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
-                    Job title <span class="text-danger-500">*</span>
+                  <label for="location" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
+                    Location
                   </label>
                   <input
-                    id="title"
-                    v-model="form.title"
+                    id="location"
+                    v-model="form.location"
                     type="text"
-                    placeholder="e.g. Senior Frontend Engineer"
-                    class="w-full rounded-lg border px-3 py-2.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-900 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors"
-                    :class="errors.title ? 'border-danger-300 ring-1 ring-danger-100' : 'border-surface-300 dark:border-surface-700'"
-                    @blur="validateStep1"
+                    placeholder="e.g. New York, NY"
+                    class="w-full rounded-lg border px-3 py-2.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-900 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors border-surface-300 dark:border-surface-700"
                   />
-                  <p v-if="errors.title" class="mt-1.5 text-xs text-danger-600 dark:text-danger-400 font-medium">{{ errors.title }}</p>
-                  <p v-else class="mt-1.5 text-xs text-surface-500">80 characters left. No special characters.</p>
                 </div>
-              </div>
-
-              <!-- Section: Location -->
-              <div class="space-y-6">
-                <h2 class="text-lg font-semibold text-surface-900 dark:text-surface-100 mb-6 pb-2 border-b border-surface-100 dark:border-surface-800">Location</h2>
-                
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-                  <div>
-                    <label for="location" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
-                      Office location
-                    </label>
-                    <input
-                      id="location"
-                      v-model="form.location"
-                      type="text"
-                      placeholder="e.g. New York, NY 10019, United States"
-                      class="w-full rounded-lg border px-3 py-2.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-900 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors border-surface-300 dark:border-surface-700"
-                    />
-                  </div>
-                  <div>
-                    <label for="type" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
-                      Workplace type
-                    </label>
-                    <select
-                      id="type"
-                      v-model="form.type"
-                      class="w-full rounded-lg border px-3 py-2.5 text-sm text-surface-900 dark:text-surface-100 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors bg-white dark:bg-surface-900 border-surface-300 dark:border-surface-700"
-                    >
-                      <option v-for="opt in typeOptions" :key="opt.value" :value="opt.value">
-                        {{ opt.label }}
-                      </option>
-                    </select>
-                  </div>
+                <div>
+                  <label for="type" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
+                    Employment type
+                  </label>
+                  <select
+                    id="type"
+                    v-model="form.type"
+                    class="w-full rounded-lg border px-3 py-2.5 text-sm text-surface-900 dark:text-surface-100 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors bg-white dark:bg-surface-900 border-surface-300 dark:border-surface-700"
+                  >
+                    <option v-for="opt in typeOptions" :key="opt.value" :value="opt.value">
+                      {{ opt.label }}
+                    </option>
+                  </select>
                 </div>
               </div>
 
-              <!-- Section: Experience & Remote -->
-              <div class="space-y-6">
-                <h2 class="text-lg font-semibold text-surface-900 dark:text-surface-100 mb-6 pb-2 border-b border-surface-100 dark:border-surface-800">Details</h2>
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-                  <div>
-                    <label for="experienceLevel" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">Experience level</label>
-                    <select
-                      id="experienceLevel"
-                      v-model="form.experienceLevel"
-                      class="w-full rounded-lg border px-3 py-2.5 text-sm bg-white dark:bg-surface-900 text-surface-900 dark:text-surface-100 border-surface-300 dark:border-surface-700 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors"
-                    >
-                      <option value="junior">Junior</option>
-                      <option value="mid">Mid-level</option>
-                      <option value="senior">Senior</option>
-                      <option value="lead">Lead</option>
-                    </select>
-                  </div>
-                  <div>
-                    <label for="remoteStatus" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">Remote status</label>
-                    <select
-                      id="remoteStatus"
-                      v-model="form.remoteStatus"
-                      class="w-full rounded-lg border px-3 py-2.5 text-sm bg-white dark:bg-surface-900 text-surface-900 dark:text-surface-100 border-surface-300 dark:border-surface-700 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors"
-                    >
-                      <option :value="undefined">Not specified</option>
-                      <option value="remote">Remote</option>
-                      <option value="hybrid">Hybrid</option>
-                      <option value="onsite">On-site</option>
-                    </select>
-                  </div>
+              <!-- Experience + remote -->
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
+                <div>
+                  <label for="experienceLevel" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">Experience level</label>
+                  <select
+                    id="experienceLevel"
+                    v-model="form.experienceLevel"
+                    class="w-full rounded-lg border px-3 py-2.5 text-sm bg-white dark:bg-surface-900 text-surface-900 dark:text-surface-100 border-surface-300 dark:border-surface-700 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors"
+                  >
+                    <option value="junior">Junior</option>
+                    <option value="mid">Mid-level</option>
+                    <option value="senior">Senior</option>
+                    <option value="lead">Lead</option>
+                  </select>
                 </div>
-              </div>
-
-              <!-- Section: Description -->
-              <div class="space-y-6">
-                <h2 class="text-lg font-semibold text-surface-900 dark:text-surface-100 mb-6 pb-2 border-b border-surface-100 dark:border-surface-800">Description</h2>
                 <div>
-                  <label for="description" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
-                    About the role
-                  </label>
-                  <textarea
-                    id="description"
-                    v-model="form.description"
-                    rows="10"
-                    placeholder="Describe the role, responsibilities, and requirements…"
-                    class="w-full rounded-lg border px-4 py-3 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-900 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors border-surface-300 dark:border-surface-700"
-                  />
-                  <p class="mt-2 text-xs text-surface-500">Minimum 700 characters recommended.</p>
+                  <label for="remoteStatus" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">Workplace</label>
+                  <select
+                    id="remoteStatus"
+                    v-model="form.remoteStatus"
+                    class="w-full rounded-lg border px-3 py-2.5 text-sm bg-white dark:bg-surface-900 text-surface-900 dark:text-surface-100 border-surface-300 dark:border-surface-700 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors"
+                  >
+                    <option :value="undefined">Not specified</option>
+                    <option value="remote">Remote</option>
+                    <option value="hybrid">Hybrid</option>
+                    <option value="onsite">On-site</option>
+                  </select>
                 </div>
               </div>
+
+              <!-- Description -->
+              <div>
+                <label for="description" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
+                  Description
+                </label>
+                <textarea
+                  id="description"
+                  v-model="form.description"
+                  rows="8"
+                  placeholder="Describe the role, responsibilities, and requirements…"
+                  class="w-full rounded-lg border px-4 py-3 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-900 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors border-surface-300 dark:border-surface-700"
+                />
+                <p class="mt-1.5 text-xs text-surface-500">A clear description improves AI scoring and attracts better candidates.</p>
+              </div>
             </section>
 
             <!-- Step 2: Application form -->
@@ -1227,309 +1226,397 @@ const questionTypeLabels: Record<QuestionType, string> = {
 
             <!-- Step 3: AI scoring criteria -->
             <section v-else-if="currentStep === 3" class="space-y-8">
+
               <div>
-                <h2 class="text-lg font-semibold text-surface-900 dark:text-surface-100 mb-2 pb-2 border-b border-surface-100 dark:border-surface-800">
-                  AI Candidate Scoring
-                </h2>
-                <p class="text-sm text-surface-500 dark:text-surface-400 mb-6">
-                  Define the criteria that AI will use to evaluate and rank candidates. Adjust weights to prioritize what matters most.
+                <div class="flex items-center gap-2">
+                  <h2 class="text-lg font-semibold text-surface-900 dark:text-surface-100">Candidate scoring</h2>
+                  <span class="inline-flex items-center rounded-md bg-surface-100 dark:bg-surface-800 px-2 py-0.5 text-[10px] font-medium text-surface-500 dark:text-surface-400">Optional</span>
+                </div>
+                <p class="text-sm text-surface-500 dark:text-surface-400 mt-1">
+                  <span class="font-medium text-surface-700 dark:text-surface-300">This step is optional — you can skip it and set up scoring later from job settings.</span>
+                  If you'd like AI to score and rank every applicant, we've recommended a set of criteria for this role below; use it as-is or customize.
                 </p>
               </div>
 
-              <!-- AI not configured warning -->
-              <div v-if="!isAiConfigured" class="rounded-xl border border-amber-200 dark:border-amber-800 bg-amber-50 dark:bg-amber-950/30 p-5">
-                <div class="flex items-start gap-3">
-                  <Sparkles class="size-5 text-amber-600 dark:text-amber-400 shrink-0 mt-0.5" />
-                  <div>
-                    <p class="text-sm font-semibold text-amber-800 dark:text-amber-200">AI provider not configured</p>
-                    <p class="text-xs text-amber-700 dark:text-amber-300 mt-1 leading-relaxed">
-                      To use AI-powered scoring, you need to configure an AI provider first. You can still define criteria manually and set up AI later.
-                    </p>
-                    <NuxtLink
-                      :to="$localePath('/dashboard/settings/ai')"
-                      class="inline-flex items-center gap-1.5 mt-3 text-xs font-medium text-amber-700 dark:text-amber-300 hover:text-amber-900 dark:hover:text-amber-100 underline underline-offset-2"
-                    >
-                      <ExternalLink class="size-3" />
-                      Go to AI settings
-                    </NuxtLink>
-                  </div>
-                </div>
-              </div>
+                <!-- Recommended default: one-click, zero decisions -->
+                <div v-if="scoringCriteria.length === 0 && !showAdvanced" class="space-y-5">
+                  <div class="relative overflow-hidden rounded-2xl border border-brand-200/80 dark:border-brand-800/60 bg-gradient-to-br from-brand-50 via-white to-white dark:from-brand-950/40 dark:via-surface-900 dark:to-surface-900 p-6 shadow-sm">
+                    <!-- Decorative glow -->
+                    <div class="pointer-events-none absolute -right-16 -top-16 size-48 rounded-full bg-brand-200/30 dark:bg-brand-700/10 blur-3xl" />
 
-              <!-- Mode selection cards -->
-              <div v-if="scoringCriteria.length === 0" class="grid grid-cols-1 md:grid-cols-3 gap-4">
-                <!-- Pre-made templates -->
-                <button
-                  type="button"
-                  class="relative flex flex-col items-start gap-3 p-5 rounded-xl border-2 text-left transition-all hover:shadow-md"
-                  :class="scoringMode === 'premade'
-                    ? 'border-brand-500 dark:border-brand-400 bg-brand-50/70 dark:bg-brand-950/30 ring-2 ring-brand-200 dark:ring-brand-900'
-                    : 'border-surface-200 dark:border-surface-800 hover:border-surface-300 dark:hover:border-surface-700'"
-                  @click="scoringMode = 'premade'"
-                >
-                  <div class="inline-flex items-center justify-center size-10 rounded-lg bg-brand-100 dark:bg-brand-900/50">
-                    <Brain class="size-5 text-brand-600 dark:text-brand-400" />
+                    <div class="relative flex items-start gap-4">
+                      <div class="inline-flex items-center justify-center size-11 rounded-xl bg-gradient-to-br from-brand-500 to-brand-600 text-white shadow-sm shadow-brand-600/20 shrink-0">
+                        <Sparkles class="size-5" />
+                      </div>
+                      <div class="flex-1 min-w-0">
+                        <div class="flex items-center gap-2 flex-wrap">
+                          <h3 class="text-base font-semibold text-surface-900 dark:text-surface-100">Recommended scoring</h3>
+                          <span class="inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-semibold ring-1 ring-inset bg-brand-100 text-brand-700 ring-brand-200 dark:bg-brand-950/60 dark:text-brand-300 dark:ring-brand-800">
+                            {{ recommendedCriteria.length }} criteria
+                          </span>
+                        </div>
+                        <p class="text-sm text-surface-500 dark:text-surface-400 mt-1 leading-relaxed">
+                          A balanced set tailored to this role. AI ranks every applicant against these — you can tweak or remove any of them after.
+                        </p>
+
+                        <!-- Criteria preview chips -->
+                        <ul class="flex flex-wrap gap-2 mt-4">
+                          <li
+                            v-for="c in recommendedCriteria"
+                            :key="c.key"
+                            class="inline-flex items-center gap-1.5 rounded-lg px-2.5 py-1 text-xs font-medium ring-1 ring-inset"
+                            :class="categoryColorClasses[c.category] ?? categoryColorClasses.custom"
+                          >
+                            {{ c.name }}
+                          </li>
+                        </ul>
+
+                        <div class="flex flex-wrap items-center gap-2.5 mt-5">
+                          <button
+                            type="button"
+                            class="inline-flex items-center gap-1.5 rounded-lg bg-brand-600 px-4 py-2.5 text-sm font-semibold text-white shadow-sm shadow-brand-600/20 hover:bg-brand-700 active:scale-[0.99] transition-all"
+                            @click="useRecommendedScoring"
+                          >
+                            <Check class="size-4" />
+                            Use recommended scoring
+                          </button>
+                          <button
+                            type="button"
+                            class="inline-flex items-center gap-1.5 rounded-lg border border-surface-200 dark:border-surface-700 px-4 py-2.5 text-sm font-medium text-surface-700 dark:text-surface-300 hover:bg-surface-50 dark:hover:bg-surface-800 transition-colors"
+                            @click="showAdvanced = true"
+                          >
+                            <SlidersHorizontal class="size-4" />
+                            Customize instead
+                          </button>
+                        </div>
+                      </div>
+                    </div>
                   </div>
-                  <div>
-                    <span class="block text-sm font-semibold text-surface-900 dark:text-surface-100">Pre-made templates</span>
-                    <span class="text-xs text-surface-500 dark:text-surface-400 mt-1 block leading-relaxed">
-                      Choose from expert-designed scoring rubrics for common role types.
-                    </span>
+
+                  <!-- Skip option -->
+                  <div class="flex items-center gap-3">
+                    <div class="h-px flex-1 bg-surface-200 dark:bg-surface-800" />
+                    <span class="text-xs font-medium text-surface-400 dark:text-surface-500">or</span>
+                    <div class="h-px flex-1 bg-surface-200 dark:bg-surface-800" />
                   </div>
-                </button>
+                  <button
+                    type="button"
+                    class="group flex w-full items-center gap-3 rounded-xl border border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-900 px-5 py-4 text-left hover:border-surface-300 dark:hover:border-surface-700 hover:bg-surface-50 dark:hover:bg-surface-800/50 transition-colors"
+                    @click="skipScoring"
+                  >
+                    <div class="inline-flex items-center justify-center size-10 rounded-lg bg-surface-100 dark:bg-surface-800 text-surface-500 dark:text-surface-400 shrink-0">
+                      <ArrowRight class="size-5" />
+                    </div>
+                    <div class="flex-1 min-w-0">
+                      <span class="block text-sm font-semibold text-surface-900 dark:text-surface-100">Skip scoring for now</span>
+                      <span class="block text-xs text-surface-500 dark:text-surface-400 mt-0.5">Continue without AI scoring — you can set this up anytime from job settings.</span>
+                    </div>
+                    <ChevronRight class="size-5 text-surface-300 dark:text-surface-600 group-hover:text-surface-400 dark:group-hover:text-surface-500 transition-colors shrink-0" />
+                  </button>
+                </div>
 
-                <!-- AI from job description -->
+                <!-- Back to recommended (from advanced) -->
                 <button
+                  v-if="scoringCriteria.length === 0 && showAdvanced"
                   type="button"
-                  :disabled="!isAiConfigured"
-                  class="relative flex flex-col items-start gap-3 p-5 rounded-xl border-2 text-left transition-all hover:shadow-md disabled:opacity-50 disabled:cursor-not-allowed"
-                  :class="scoringMode === 'ai'
-                    ? 'border-brand-500 dark:border-brand-400 bg-brand-50/70 dark:bg-brand-950/30 ring-2 ring-brand-200 dark:ring-brand-900'
-                    : 'border-surface-200 dark:border-surface-800 hover:border-surface-300 dark:hover:border-surface-700'"
-                  @click="generateAiCriteria(); scoringMode = 'ai'"
+                  class="inline-flex items-center gap-1.5 text-xs font-medium text-surface-500 hover:text-surface-800 dark:text-surface-400 dark:hover:text-surface-200 transition-colors"
+                  @click="showAdvanced = false"
                 >
-                  <div class="inline-flex items-center justify-center size-10 rounded-lg bg-purple-100 dark:bg-purple-900/50">
-                    <Sparkles class="size-5 text-purple-600 dark:text-purple-400" />
-                  </div>
-                  <div>
-                    <span class="block text-sm font-semibold text-surface-900 dark:text-surface-100">Generate from job description</span>
-                    <span class="text-xs text-surface-500 dark:text-surface-400 mt-1 block leading-relaxed">
-                      AI analyzes your job description and creates tailored criteria.
-                    </span>
-                    <span v-if="!isAiConfigured" class="text-[10px] text-amber-600 dark:text-amber-400 mt-1 block">
-                      Requires AI provider setup
-                    </span>
-                  </div>
-                  <span v-if="isGeneratingCriteria" class="absolute top-3 right-3">
-                    <Loader2 class="size-4 text-purple-600 animate-spin" />
-                  </span>
+                  <ArrowLeft class="size-3.5" />
+                  Back to recommended
                 </button>
 
-                <!-- Custom criteria -->
-                <button
-                  type="button"
-                  class="relative flex flex-col items-start gap-3 p-5 rounded-xl border-2 text-left transition-all hover:shadow-md"
-                  :class="scoringMode === 'custom'
-                    ? 'border-brand-500 dark:border-brand-400 bg-brand-50/70 dark:bg-brand-950/30 ring-2 ring-brand-200 dark:ring-brand-900'
-                    : 'border-surface-200 dark:border-surface-800 hover:border-surface-300 dark:hover:border-surface-700'"
-                  @click="scoringMode = 'custom'; showCustomForm = true"
-                >
-                  <div class="inline-flex items-center justify-center size-10 rounded-lg bg-emerald-100 dark:bg-emerald-900/50">
-                    <SlidersHorizontal class="size-5 text-emerald-600 dark:text-emerald-400" />
-                  </div>
-                  <div>
-                    <span class="block text-sm font-semibold text-surface-900 dark:text-surface-100">Write your own</span>
-                    <span class="text-xs text-surface-500 dark:text-surface-400 mt-1 block leading-relaxed">
-                      Create custom scoring criteria tailored to your exact needs.
-                    </span>
+                <!-- AI not configured warning -->
+                <div v-if="!isAiConfigured && showAdvanced" class="rounded-xl border border-amber-200 dark:border-amber-800 bg-amber-50 dark:bg-amber-950/30 p-5">
+                  <div class="flex items-start gap-3">
+                    <Sparkles class="size-5 text-amber-600 dark:text-amber-400 shrink-0 mt-0.5" />
+                    <div>
+                      <p class="text-sm font-semibold text-amber-800 dark:text-amber-200">AI provider not configured</p>
+                      <p class="text-xs text-amber-700 dark:text-amber-300 mt-1 leading-relaxed">
+                        To use AI-powered scoring, you need to configure an AI provider first. You can still define criteria manually and set up AI later.
+                      </p>
+                      <NuxtLink
+                        :to="$localePath('/dashboard/settings/ai')"
+                        class="inline-flex items-center gap-1.5 mt-3 text-xs font-medium text-amber-700 dark:text-amber-300 hover:text-amber-900 dark:hover:text-amber-100 underline underline-offset-2"
+                      >
+                        <ExternalLink class="size-3" />
+                        Go to AI settings
+                      </NuxtLink>
+                    </div>
                   </div>
-                </button>
-              </div>
+                </div>
 
-              <!-- Pre-made template selector -->
-              <div v-if="scoringMode === 'premade' && scoringCriteria.length === 0" class="space-y-4 mt-4">
-                <div class="grid grid-cols-1 md:grid-cols-3 gap-3">
+                <!-- Mode selection cards -->
+                <div v-if="scoringCriteria.length === 0 && showAdvanced" class="grid grid-cols-1 md:grid-cols-3 gap-4">
+                  <!-- Pre-made templates -->
                   <button
-                    v-for="tmpl in [
-                      { key: 'standard', label: 'Standard', desc: '3 balanced criteria for any role' },
-                      { key: 'technical', label: 'Technical', desc: '5 criteria focused on engineering' },
-                      { key: 'non_technical', label: 'Non-Technical', desc: '5 criteria for business roles' },
-                    ] as const"
-                    :key="tmpl.key"
                     type="button"
-                    class="p-4 rounded-lg border text-left transition-all"
-                    :class="selectedTemplate === tmpl.key
-                      ? 'border-brand-400 dark:border-brand-600 bg-brand-50 dark:bg-brand-950/30'
-                      : 'border-surface-200 dark:border-surface-800 hover:bg-surface-50 dark:hover:bg-surface-800/50'"
-                    @click="selectedTemplate = tmpl.key; loadPremadeCriteria(tmpl.key)"
+                    class="relative flex flex-col items-start gap-3 p-5 rounded-xl border-2 text-left transition-all hover:shadow-md"
+                    :class="scoringMode === 'premade'
+                      ? 'border-brand-500 dark:border-brand-400 bg-brand-50/70 dark:bg-brand-950/30 ring-2 ring-brand-200 dark:ring-brand-900'
+                      : 'border-surface-200 dark:border-surface-800 hover:border-surface-300 dark:hover:border-surface-700'"
+                    @click="scoringMode = 'premade'"
                   >
-                    <span class="block text-sm font-medium text-surface-900 dark:text-surface-100">{{ tmpl.label }}</span>
-                    <span class="text-xs text-surface-500">{{ tmpl.desc }}</span>
+                    <div class="inline-flex items-center justify-center size-10 rounded-lg bg-brand-100 dark:bg-brand-900/50">
+                      <Brain class="size-5 text-brand-600 dark:text-brand-400" />
+                    </div>
+                    <div>
+                      <span class="block text-sm font-semibold text-surface-900 dark:text-surface-100">Pre-made templates</span>
+                      <span class="text-xs text-surface-500 dark:text-surface-400 mt-1 block leading-relaxed">
+                        Choose from expert-designed scoring rubrics for common role types.
+                      </span>
+                    </div>
                   </button>
-                </div>
-              </div>
 
-              <!-- Criteria list with weight sliders -->
-              <div v-if="scoringCriteria.length > 0" class="space-y-4">
-                <div class="flex items-center justify-between">
-                  <h3 class="text-sm font-semibold text-surface-800 dark:text-surface-200">
-                    {{ scoringCriteria.length }} {{ scoringCriteria.length === 1 ? 'criterion' : 'criteria' }} configured
-                  </h3>
+                  <!-- AI from job description -->
                   <button
                     type="button"
-                    class="text-xs text-danger-600 dark:text-danger-400 hover:underline"
-                    @click="scoringCriteria = []; scoringMode = 'none'"
+                    :disabled="!isAiConfigured"
+                    class="relative flex flex-col items-start gap-3 p-5 rounded-xl border-2 text-left transition-all hover:shadow-md disabled:opacity-50 disabled:cursor-not-allowed"
+                    :class="scoringMode === 'ai'
+                      ? 'border-brand-500 dark:border-brand-400 bg-brand-50/70 dark:bg-brand-950/30 ring-2 ring-brand-200 dark:ring-brand-900'
+                      : 'border-surface-200 dark:border-surface-800 hover:border-surface-300 dark:hover:border-surface-700'"
+                    @click="generateAiCriteria(); scoringMode = 'ai'"
                   >
-                    Clear all
+                    <div class="inline-flex items-center justify-center size-10 rounded-lg bg-purple-100 dark:bg-purple-900/50">
+                      <Sparkles class="size-5 text-purple-600 dark:text-purple-400" />
+                    </div>
+                    <div>
+                      <span class="block text-sm font-semibold text-surface-900 dark:text-surface-100">Generate from job description</span>
+                      <span class="text-xs text-surface-500 dark:text-surface-400 mt-1 block leading-relaxed">
+                        AI analyzes your job description and creates tailored criteria.
+                      </span>
+                      <span v-if="!isAiConfigured" class="text-[10px] text-amber-600 dark:text-amber-400 mt-1 block">
+                        Requires AI provider setup
+                      </span>
+                    </div>
+                    <span v-if="isGeneratingCriteria" class="absolute top-3 right-3">
+                      <Loader2 class="size-4 text-purple-600 animate-spin" />
+                    </span>
                   </button>
-                </div>
 
-                <div class="space-y-3">
-                  <div
-                    v-for="criterion in scoringCriteria"
-                    :key="criterion.key"
-                    class="rounded-xl border border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-950 p-4 transition-all hover:shadow-sm"
+                  <!-- Custom criteria -->
+                  <button
+                    type="button"
+                    class="relative flex flex-col items-start gap-3 p-5 rounded-xl border-2 text-left transition-all hover:shadow-md"
+                    :class="scoringMode === 'custom'
+                      ? 'border-brand-500 dark:border-brand-400 bg-brand-50/70 dark:bg-brand-950/30 ring-2 ring-brand-200 dark:ring-brand-900'
+                      : 'border-surface-200 dark:border-surface-800 hover:border-surface-300 dark:hover:border-surface-700'"
+                    @click="scoringMode = 'custom'; showCustomForm = true"
                   >
-                    <div class="flex items-start justify-between gap-3 mb-3">
-                      <div class="flex-1 min-w-0">
-                        <div class="flex items-center gap-2 mb-1">
-                          <span class="text-sm font-semibold text-surface-900 dark:text-surface-100">{{ criterion.name }}</span>
-                          <span
-                            class="inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium ring-1 ring-inset"
-                            :class="categoryColorClasses[criterion.category] ?? categoryColorClasses.custom"
-                          >
-                            {{ categoryLabels[criterion.category] ?? criterion.category }}
-                          </span>
-                        </div>
-                        <p v-if="criterion.description" class="text-xs text-surface-500 dark:text-surface-400 leading-relaxed">
-                          {{ criterion.description }}
-                        </p>
-                      </div>
-                      <button
-                        type="button"
-                        class="rounded p-1 text-surface-400 hover:text-danger-600 dark:hover:text-danger-400 hover:bg-danger-50 dark:hover:bg-danger-950 transition-colors shrink-0"
-                        title="Remove"
-                        @click="removeCriterion(criterion.key)"
-                      >
-                        <Trash2 class="size-4" />
-                      </button>
+                    <div class="inline-flex items-center justify-center size-10 rounded-lg bg-emerald-100 dark:bg-emerald-900/50">
+                      <SlidersHorizontal class="size-5 text-emerald-600 dark:text-emerald-400" />
                     </div>
-
-                    <!-- Weight slider -->
-                    <div class="flex items-center gap-4">
-                      <label class="text-xs font-medium text-surface-500 dark:text-surface-400 shrink-0 w-12">Weight</label>
-                      <input
-                        type="range"
-                        :min="0"
-                        :max="100"
-                        v-model.number="criterion.weight"
-                        class="flex-1 h-2 rounded-lg appearance-none cursor-pointer accent-brand-600 bg-surface-200 dark:bg-surface-700"
-                      />
-                      <span class="text-xs font-mono font-semibold text-surface-700 dark:text-surface-300 w-8 text-right">
-                        {{ criterion.weight }}
+                    <div>
+                      <span class="block text-sm font-semibold text-surface-900 dark:text-surface-100">Write your own</span>
+                      <span class="text-xs text-surface-500 dark:text-surface-400 mt-1 block leading-relaxed">
+                        Create custom scoring criteria tailored to your exact needs.
                       </span>
                     </div>
-
-                    <div class="flex items-center gap-4 mt-2 text-xs text-surface-400">
-                      <span>Max score: {{ criterion.maxScore }}</span>
-                      <span>Key: <code class="rounded bg-surface-100 dark:bg-surface-800 px-1 py-0.5 font-mono text-[10px]">{{ criterion.key }}</code></span>
-                    </div>
-                  </div>
+                  </button>
                 </div>
 
-                <!-- Add another criterion -->
-                <button
-                  v-if="!showCustomForm"
-                  type="button"
-                  class="inline-flex items-center gap-1.5 rounded-lg border border-dashed border-surface-300 dark:border-surface-700 px-3 py-2 text-sm font-medium text-surface-600 dark:text-surface-400 hover:border-brand-400 dark:hover:border-brand-600 hover:text-brand-600 dark:hover:text-brand-400 hover:bg-brand-50 dark:hover:bg-brand-950 transition-colors"
-                  @click="showCustomForm = true"
-                >
-                  <Plus class="size-4" />
-                  Add criterion
-                </button>
-              </div>
-
-              <!-- Custom criterion form -->
-              <div v-if="showCustomForm" class="rounded-xl border border-surface-200 dark:border-surface-800 bg-surface-50 dark:bg-surface-900/50 p-5 space-y-4">
-                <h3 class="text-sm font-semibold text-surface-800 dark:text-surface-200">Add custom criterion</h3>
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                  <div>
-                    <label class="block text-xs font-medium text-surface-700 dark:text-surface-300 mb-1">Name *</label>
-                    <input
-                      v-model="customCriterionForm.name"
-                      @input="customCriterionForm.key = autoGenerateKey(customCriterionForm.name)"
-                      type="text"
-                      placeholder="e.g. React Expertise"
-                      class="w-full rounded-lg border border-surface-300 dark:border-surface-700 px-3 py-2 text-sm bg-white dark:bg-surface-900 text-surface-900 dark:text-surface-100 focus:outline-none focus:ring-2 focus:ring-brand-500"
-                    />
-                  </div>
-                  <div>
-                    <label class="block text-xs font-medium text-surface-700 dark:text-surface-300 mb-1">Category</label>
-                    <select
-                      v-model="customCriterionForm.category"
-                      class="w-full rounded-lg border border-surface-300 dark:border-surface-700 px-3 py-2 text-sm bg-white dark:bg-surface-900 text-surface-900 dark:text-surface-100 focus:outline-none focus:ring-2 focus:ring-brand-500"
+                <!-- Pre-made template selector -->
+                <div v-if="scoringMode === 'premade' && scoringCriteria.length === 0 && showAdvanced" class="space-y-4 mt-4">
+                  <div class="grid grid-cols-1 md:grid-cols-3 gap-3">
+                    <button
+                      v-for="tmpl in [
+                        { key: 'standard', label: 'Standard', desc: '3 balanced criteria for any role' },
+                        { key: 'technical', label: 'Technical', desc: '5 criteria focused on engineering' },
+                        { key: 'non_technical', label: 'Non-Technical', desc: '5 criteria for business roles' },
+                      ] as const"
+                      :key="tmpl.key"
+                      type="button"
+                      class="p-4 rounded-lg border text-left transition-all"
+                      :class="selectedTemplate === tmpl.key
+                        ? 'border-brand-400 dark:border-brand-600 bg-brand-50 dark:bg-brand-950/30'
+                        : 'border-surface-200 dark:border-surface-800 hover:bg-surface-50 dark:hover:bg-surface-800/50'"
+                      @click="selectedTemplate = tmpl.key; loadPremadeCriteria(tmpl.key)"
                     >
-                      <option v-for="(label, key) in categoryLabels" :key="key" :value="key">{{ label }}</option>
-                    </select>
+                      <span class="block text-sm font-medium text-surface-900 dark:text-surface-100">{{ tmpl.label }}</span>
+                      <span class="text-xs text-surface-500">{{ tmpl.desc }}</span>
+                    </button>
                   </div>
                 </div>
-                <div>
-                  <label class="block text-xs font-medium text-surface-700 dark:text-surface-300 mb-1">Description</label>
-                  <textarea
-                    v-model="customCriterionForm.description"
-                    rows="2"
-                    placeholder="Describe what the AI should evaluate for this criterion..."
-                    class="w-full rounded-lg border border-surface-300 dark:border-surface-700 px-3 py-2 text-sm bg-white dark:bg-surface-900 text-surface-900 dark:text-surface-100 focus:outline-none focus:ring-2 focus:ring-brand-500"
-                  />
-                </div>
-                <div class="grid grid-cols-2 gap-4">
-                  <div>
-                    <label class="block text-xs font-medium text-surface-700 dark:text-surface-300 mb-1">Max Score</label>
-                    <input
-                      v-model.number="customCriterionForm.maxScore"
-                      type="number"
-                      min="1"
-                      max="100"
-                      class="w-full rounded-lg border border-surface-300 dark:border-surface-700 px-3 py-2 text-sm bg-white dark:bg-surface-900 text-surface-900 dark:text-surface-100 focus:outline-none focus:ring-2 focus:ring-brand-500"
-                    />
+
+                <!-- Criteria list with weight sliders -->
+                <div v-if="scoringCriteria.length > 0" class="space-y-4">
+                  <div class="flex items-center justify-between">
+                    <button
+                      type="button"
+                      class="inline-flex items-center gap-1 text-xs font-medium text-surface-500 hover:text-surface-800 dark:text-surface-400 dark:hover:text-surface-200 transition-colors"
+                      @click="scoringCriteria = []; scoringMode = 'none'; showAdvanced = false"
+                    >
+                      <ArrowLeft class="size-3.5" />
+                      Back to options
+                    </button>
+                    <h3 class="text-sm font-semibold text-surface-800 dark:text-surface-200">
+                      {{ scoringCriteria.length }} {{ scoringCriteria.length === 1 ? 'criterion' : 'criteria' }} configured
+                    </h3>
                   </div>
-                  <div>
-                    <label class="block text-xs font-medium text-surface-700 dark:text-surface-300 mb-1">Initial Weight (0–100)</label>
-                    <input
-                      v-model.number="customCriterionForm.weight"
-                      type="number"
-                      min="0"
-                      max="100"
-                      class="w-full rounded-lg border border-surface-300 dark:border-surface-700 px-3 py-2 text-sm bg-white dark:bg-surface-900 text-surface-900 dark:text-surface-100 focus:outline-none focus:ring-2 focus:ring-brand-500"
-                    />
+
+                  <div class="space-y-3">
+                    <div
+                      v-for="criterion in scoringCriteria"
+                      :key="criterion.key"
+                      class="rounded-xl border border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-950 p-4 transition-all hover:shadow-sm"
+                    >
+                      <div class="flex items-start justify-between gap-3 mb-3">
+                        <div class="flex-1 min-w-0">
+                          <div class="flex items-center gap-2 mb-1">
+                            <span class="text-sm font-semibold text-surface-900 dark:text-surface-100">{{ criterion.name }}</span>
+                            <span
+                              class="inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium ring-1 ring-inset"
+                              :class="categoryColorClasses[criterion.category] ?? categoryColorClasses.custom"
+                            >
+                              {{ categoryLabels[criterion.category] ?? criterion.category }}
+                            </span>
+                          </div>
+                          <p v-if="criterion.description" class="text-xs text-surface-500 dark:text-surface-400 leading-relaxed">
+                            {{ criterion.description }}
+                          </p>
+                        </div>
+                        <button
+                          type="button"
+                          class="rounded p-1 text-surface-400 hover:text-danger-600 dark:hover:text-danger-400 hover:bg-danger-50 dark:hover:bg-danger-950 transition-colors shrink-0"
+                          title="Remove"
+                          @click="removeCriterion(criterion.key)"
+                        >
+                          <Trash2 class="size-4" />
+                        </button>
+                      </div>
+
+                      <!-- Weight slider -->
+                      <div class="flex items-center gap-4">
+                        <label class="text-xs font-medium text-surface-500 dark:text-surface-400 shrink-0 w-12">Weight</label>
+                        <input
+                          type="range"
+                          :min="0"
+                          :max="100"
+                          v-model.number="criterion.weight"
+                          class="flex-1 h-2 rounded-lg appearance-none cursor-pointer accent-brand-600 bg-surface-200 dark:bg-surface-700"
+                        />
+                        <span class="text-xs font-mono font-semibold text-surface-700 dark:text-surface-300 w-8 text-right">
+                          {{ criterion.weight }}
+                        </span>
+                      </div>
+
+                      <div class="flex items-center gap-4 mt-2 text-xs text-surface-400">
+                        <span>Max score: {{ criterion.maxScore }}</span>
+                        <span>Key: <code class="rounded bg-surface-100 dark:bg-surface-800 px-1 py-0.5 font-mono text-[10px]">{{ criterion.key }}</code></span>
+                      </div>
+                    </div>
                   </div>
-                </div>
-                <div class="flex items-center gap-3 pt-2">
+
+                  <!-- Add another criterion -->
                   <button
+                    v-if="!showCustomForm"
                     type="button"
-                    :disabled="!customCriterionForm.name"
-                    class="px-4 py-2 text-sm font-medium text-white bg-brand-600 rounded-lg hover:bg-brand-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
-                    @click="addCustomCriterion"
+                    class="inline-flex items-center gap-1.5 rounded-lg border border-dashed border-surface-300 dark:border-surface-700 px-3 py-2 text-sm font-medium text-surface-600 dark:text-surface-400 hover:border-brand-400 dark:hover:border-brand-600 hover:text-brand-600 dark:hover:text-brand-400 hover:bg-brand-50 dark:hover:bg-brand-950 transition-colors"
+                    @click="showCustomForm = true"
                   >
+                    <Plus class="size-4" />
                     Add criterion
                   </button>
-                  <button
-                    type="button"
-                    class="px-4 py-2 text-sm font-medium text-surface-600 dark:text-surface-400 hover:bg-surface-100 dark:hover:bg-surface-800 rounded-lg transition-colors"
-                    @click="showCustomForm = false"
-                  >
-                    Cancel
-                  </button>
                 </div>
-              </div>
 
-              <!-- Auto-score toggle -->
-              <div v-if="scoringCriteria.length > 0" class="rounded-xl border border-surface-200 dark:border-surface-800 bg-surface-50 dark:bg-surface-900/50 p-5">
-                <label class="flex items-start gap-3 cursor-pointer">
-                  <input
-                    v-model="autoScoreOnApply"
-                    type="checkbox"
-                    :disabled="!isAiConfigured"
-                    class="mt-0.5 size-4 rounded border-surface-300 dark:border-surface-600 text-brand-600 focus:ring-brand-500 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed"
-                  />
+                <!-- Custom criterion form -->
+                <div v-if="showCustomForm" class="rounded-xl border border-surface-200 dark:border-surface-800 bg-surface-50 dark:bg-surface-900/50 p-5 space-y-4">
+                  <h3 class="text-sm font-semibold text-surface-800 dark:text-surface-200">Add custom criterion</h3>
+                  <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                    <div>
+                      <label class="block text-xs font-medium text-surface-700 dark:text-surface-300 mb-1">Name *</label>
+                      <input
+                        v-model="customCriterionForm.name"
+                        @input="customCriterionForm.key = autoGenerateKey(customCriterionForm.name)"
+                        type="text"
+                        placeholder="e.g. React Expertise"
+                        class="w-full rounded-lg border border-surface-300 dark:border-surface-700 px-3 py-2 text-sm bg-white dark:bg-surface-900 text-surface-900 dark:text-surface-100 focus:outline-none focus:ring-2 focus:ring-brand-500"
+                      />
+                    </div>
+                    <div>
+                      <label class="block text-xs font-medium text-surface-700 dark:text-surface-300 mb-1">Category</label>
+                      <select
+                        v-model="customCriterionForm.category"
+                        class="w-full rounded-lg border border-surface-300 dark:border-surface-700 px-3 py-2 text-sm bg-white dark:bg-surface-900 text-surface-900 dark:text-surface-100 focus:outline-none focus:ring-2 focus:ring-brand-500"
+                      >
+                        <option v-for="(label, key) in categoryLabels" :key="key" :value="key">{{ label }}</option>
+                      </select>
+                    </div>
+                  </div>
                   <div>
-                    <span class="block text-sm font-semibold text-surface-900 dark:text-surface-100">
-                      Automatically score every new applicant
-                    </span>
-                    <span class="text-xs text-surface-500 dark:text-surface-400 mt-0.5 block leading-relaxed">
-                      When a candidate applies, AI will automatically analyze their resume against these criteria and assign a score. Requires an AI provider configured in settings plus a resume upload.
-                    </span>
-                    <span v-if="!isAiConfigured" class="text-xs text-amber-600 dark:text-amber-400 mt-1 block">
-                      <NuxtLink :to="$localePath('/dashboard/settings/ai')" class="underline underline-offset-2 hover:text-amber-800 dark:hover:text-amber-200">Configure an AI provider</NuxtLink> to enable automatic scoring.
-                    </span>
+                    <label class="block text-xs font-medium text-surface-700 dark:text-surface-300 mb-1">Description</label>
+                    <textarea
+                      v-model="customCriterionForm.description"
+                      rows="2"
+                      placeholder="Describe what the AI should evaluate for this criterion..."
+                      class="w-full rounded-lg border border-surface-300 dark:border-surface-700 px-3 py-2 text-sm bg-white dark:bg-surface-900 text-surface-900 dark:text-surface-100 focus:outline-none focus:ring-2 focus:ring-brand-500"
+                    />
                   </div>
-                </label>
-              </div>
+                  <div class="grid grid-cols-2 gap-4">
+                    <div>
+                      <label class="block text-xs font-medium text-surface-700 dark:text-surface-300 mb-1">Max Score</label>
+                      <input
+                        v-model.number="customCriterionForm.maxScore"
+                        type="number"
+                        min="1"
+                        max="100"
+                        class="w-full rounded-lg border border-surface-300 dark:border-surface-700 px-3 py-2 text-sm bg-white dark:bg-surface-900 text-surface-900 dark:text-surface-100 focus:outline-none focus:ring-2 focus:ring-brand-500"
+                      />
+                    </div>
+                    <div>
+                      <label class="block text-xs font-medium text-surface-700 dark:text-surface-300 mb-1">Initial Weight (0–100)</label>
+                      <input
+                        v-model.number="customCriterionForm.weight"
+                        type="number"
+                        min="0"
+                        max="100"
+                        class="w-full rounded-lg border border-surface-300 dark:border-surface-700 px-3 py-2 text-sm bg-white dark:bg-surface-900 text-surface-900 dark:text-surface-100 focus:outline-none focus:ring-2 focus:ring-brand-500"
+                      />
+                    </div>
+                  </div>
+                  <div class="flex items-center gap-3 pt-2">
+                    <button
+                      type="button"
+                      :disabled="!customCriterionForm.name"
+                      class="px-4 py-2 text-sm font-medium text-white bg-brand-600 rounded-lg hover:bg-brand-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+                      @click="addCustomCriterion"
+                    >
+                      Add criterion
+                    </button>
+                    <button
+                      type="button"
+                      class="px-4 py-2 text-sm font-medium text-surface-600 dark:text-surface-400 hover:bg-surface-100 dark:hover:bg-surface-800 rounded-lg transition-colors"
+                      @click="showCustomForm = false"
+                    >
+                      Cancel
+                    </button>
+                  </div>
+                </div>
+
+                <!-- Auto-score toggle -->
+                <div v-if="scoringCriteria.length > 0" class="rounded-xl border border-surface-200 dark:border-surface-800 bg-surface-50 dark:bg-surface-900/50 p-5">
+                  <label class="flex items-start gap-3 cursor-pointer">
+                    <input
+                      v-model="autoScoreOnApply"
+                      type="checkbox"
+                      :disabled="!isAiConfigured"
+                      class="mt-0.5 size-4 rounded border-surface-300 dark:border-surface-600 text-brand-600 focus:ring-brand-500 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed"
+                    />
+                    <div>
+                      <span class="block text-sm font-semibold text-surface-900 dark:text-surface-100">
+                        Automatically score every new applicant
+                      </span>
+                      <span class="text-xs text-surface-500 dark:text-surface-400 mt-0.5 block leading-relaxed">
+                        When a candidate applies, AI will automatically analyze their resume against these criteria and assign a score. Requires an AI provider configured in settings plus a resume upload.
+                      </span>
+                      <span v-if="!isAiConfigured" class="text-xs text-amber-600 dark:text-amber-400 mt-1 block">
+                        <NuxtLink :to="$localePath('/dashboard/settings/ai')" class="underline underline-offset-2 hover:text-amber-800 dark:hover:text-amber-200">Configure an AI provider</NuxtLink> to enable automatic scoring.
+                      </span>
+                    </div>
+                  </label>
+                </div>
 
-              <!-- Skip scoring note -->
-              <div v-if="scoringCriteria.length === 0 && scoringMode === 'none'" class="text-center py-6 text-sm text-surface-400">
-                <p>Scoring criteria are optional. You can skip this step and add them later from job settings.</p>
-              </div>
             </section>
 
             <!-- Step 4: Publish & Distribute -->
@@ -1586,18 +1673,22 @@ const questionTypeLabels: Record<QuestionType, string> = {
                 <div>
                   <div class="flex items-center gap-3 mb-2">
                     <Share2 class="size-5 text-brand-600 dark:text-brand-400" />
-                    <h3 class="text-lg font-semibold text-surface-900 dark:text-surface-100">Distribute to job boards</h3>
+                    <h3 class="text-lg font-semibold text-surface-900 dark:text-surface-100">Share &amp; track</h3>
                   </div>
                   <p class="text-sm text-surface-500 dark:text-surface-400 mb-6">
                     Create tracked links for each platform. This lets you see exactly where your applicants come from.
                   </p>
 
-                  <!-- Job boards -->
-                  <div class="mb-6">
-                    <h4 class="text-xs font-semibold uppercase tracking-wider text-surface-400 dark:text-surface-500 mb-3">Job boards</h4>
+                  <!-- Channel groups -->
+                  <div
+                    v-for="group in distributionGroups"
+                    :key="group.key"
+                    class="mb-6"
+                  >
+                    <h4 class="text-xs font-semibold uppercase tracking-wider text-surface-400 dark:text-surface-500 mb-3">{{ group.label }}</h4>
                     <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
                       <div
-                        v-for="ch in distributionChannels.filter(c => c.category === 'job_board')"
+                        v-for="ch in distributionChannels.filter(c => c.category === group.key)"
                         :key="ch.channel"
                         class="rounded-xl border border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-950 p-4 transition-all"
                         :class="createdLinks[ch.channel]?.code ? 'ring-1 ring-brand-200 dark:ring-brand-800 border-brand-200 dark:border-brand-800' : ''"
@@ -1661,132 +1752,6 @@ const questionTypeLabels: Record<QuestionType, string> = {
                     </div>
                   </div>
 
-                  <!-- Outreach -->
-                  <div class="mb-6">
-                    <h4 class="text-xs font-semibold uppercase tracking-wider text-surface-400 dark:text-surface-500 mb-3">Direct outreach</h4>
-                    <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
-                      <div
-                        v-for="ch in distributionChannels.filter(c => c.category === 'outreach')"
-                        :key="ch.channel"
-                        class="rounded-xl border border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-950 p-4 transition-all"
-                        :class="createdLinks[ch.channel]?.code ? 'ring-1 ring-brand-200 dark:ring-brand-800 border-brand-200 dark:border-brand-800' : ''"
-                      >
-                        <div class="flex items-start gap-3">
-                          <div class="inline-flex items-center justify-center size-9 rounded-lg bg-surface-100 dark:bg-surface-800 shrink-0">
-                            <component :is="channelIcons[ch.channel] ?? Globe" class="size-4 text-surface-500 dark:text-surface-400" />
-                          </div>
-                          <div class="flex-1 min-w-0">
-                            <span class="block text-sm font-semibold text-surface-900 dark:text-surface-100">{{ ch.name }}</span>
-                            <span class="text-xs text-surface-400 dark:text-surface-500">{{ ch.description }}</span>
-                          </div>
-                        </div>
-                        <div v-if="!createdLinks[ch.channel]" class="mt-3">
-                          <button
-                            type="button"
-                            class="w-full inline-flex items-center justify-center gap-1.5 rounded-lg border border-brand-200 dark:border-brand-800 bg-brand-50 dark:bg-brand-950/30 px-3 py-2 text-xs font-medium text-brand-700 dark:text-brand-300 hover:bg-brand-100 dark:hover:bg-brand-900/50 transition-colors"
-                            @click="createChannelLink(ch.channel, ch.name)"
-                          >
-                            <Plus class="size-3.5" />
-                            Create tracking link
-                          </button>
-                        </div>
-                        <div v-else-if="createdLinks[ch.channel]?.loading" class="mt-3 flex items-center justify-center gap-2 py-2">
-                          <Loader2 class="size-3.5 text-brand-600 animate-spin" />
-                          <span class="text-xs text-surface-500">Creating...</span>
-                        </div>
-                        <div v-else class="mt-3 space-y-2">
-                          <div class="flex items-center gap-1.5">
-                            <input
-                              type="text"
-                              readonly
-                              :value="createdLinks[ch.channel]?.url"
-                              class="flex-1 rounded-md border border-surface-200 dark:border-surface-700 bg-surface-50 dark:bg-surface-900 px-2.5 py-1.5 text-xs text-surface-600 dark:text-surface-400 select-all font-mono truncate"
-                            />
-                            <button
-                              type="button"
-                              class="inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-xs font-medium transition-colors shrink-0"
-                              :class="createdLinks[ch.channel]?.copied
-                                ? 'bg-success-100 dark:bg-success-900/50 text-success-700 dark:text-success-300'
-                                : 'bg-brand-600 text-white hover:bg-brand-700'"
-                              @click="copyChannelLink(ch.channel)"
-                            >
-                              <Check v-if="createdLinks[ch.channel]?.copied" class="size-3" />
-                              <Copy v-else class="size-3" />
-                              {{ createdLinks[ch.channel]?.copied ? 'Copied!' : 'Copy' }}
-                            </button>
-                          </div>
-                          <p class="flex items-center gap-1 text-[11px] text-success-600 dark:text-success-400">
-                            <Check class="size-3" />
-                            Clicks and applications from this link will be tracked
-                          </p>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-
-                  <!-- Social media -->
-                  <div class="mb-6">
-                    <h4 class="text-xs font-semibold uppercase tracking-wider text-surface-400 dark:text-surface-500 mb-3">Social media</h4>
-                    <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
-                      <div
-                        v-for="ch in distributionChannels.filter(c => c.category === 'social')"
-                        :key="ch.channel"
-                        class="rounded-xl border border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-950 p-4 transition-all"
-                        :class="createdLinks[ch.channel]?.code ? 'ring-1 ring-brand-200 dark:ring-brand-800 border-brand-200 dark:border-brand-800' : ''"
-                      >
-                        <div class="flex items-start gap-3">
-                          <div class="inline-flex items-center justify-center size-9 rounded-lg bg-surface-100 dark:bg-surface-800 shrink-0">
-                            <component :is="channelIcons[ch.channel] ?? Globe" class="size-4 text-surface-500 dark:text-surface-400" />
-                          </div>
-                          <div class="flex-1 min-w-0">
-                            <span class="block text-sm font-semibold text-surface-900 dark:text-surface-100">{{ ch.name }}</span>
-                            <span class="text-xs text-surface-400 dark:text-surface-500">{{ ch.description }}</span>
-                          </div>
-                        </div>
-                        <div v-if="!createdLinks[ch.channel]" class="mt-3">
-                          <button
-                            type="button"
-                            class="w-full inline-flex items-center justify-center gap-1.5 rounded-lg border border-brand-200 dark:border-brand-800 bg-brand-50 dark:bg-brand-950/30 px-3 py-2 text-xs font-medium text-brand-700 dark:text-brand-300 hover:bg-brand-100 dark:hover:bg-brand-900/50 transition-colors"
-                            @click="createChannelLink(ch.channel, ch.name)"
-                          >
-                            <Plus class="size-3.5" />
-                            Create tracking link
-                          </button>
-                        </div>
-                        <div v-else-if="createdLinks[ch.channel]?.loading" class="mt-3 flex items-center justify-center gap-2 py-2">
-                          <Loader2 class="size-3.5 text-brand-600 animate-spin" />
-                          <span class="text-xs text-surface-500">Creating...</span>
-                        </div>
-                        <div v-else class="mt-3 space-y-2">
-                          <div class="flex items-center gap-1.5">
-                            <input
-                              type="text"
-                              readonly
-                              :value="createdLinks[ch.channel]?.url"
-                              class="flex-1 rounded-md border border-surface-200 dark:border-surface-700 bg-surface-50 dark:bg-surface-900 px-2.5 py-1.5 text-xs text-surface-600 dark:text-surface-400 select-all font-mono truncate"
-                            />
-                            <button
-                              type="button"
-                              class="inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-xs font-medium transition-colors shrink-0"
-                              :class="createdLinks[ch.channel]?.copied
-                                ? 'bg-success-100 dark:bg-success-900/50 text-success-700 dark:text-success-300'
-                                : 'bg-brand-600 text-white hover:bg-brand-700'"
-                              @click="copyChannelLink(ch.channel)"
-                            >
-                              <Check v-if="createdLinks[ch.channel]?.copied" class="size-3" />
-                              <Copy v-else class="size-3" />
-                              {{ createdLinks[ch.channel]?.copied ? 'Copied!' : 'Copy' }}
-                            </button>
-                          </div>
-                          <p class="flex items-center gap-1 text-[11px] text-success-600 dark:text-success-400">
-                            <Check class="size-3" />
-                            Clicks and applications from this link will be tracked
-                          </p>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-
                   <!-- Custom job board -->
                   <div class="mb-6">
                     <h4 class="text-xs font-semibold uppercase tracking-wider text-surface-400 dark:text-surface-500 mb-3">Custom job board</h4>
@@ -2049,69 +2014,6 @@ const questionTypeLabels: Record<QuestionType, string> = {
           </form>
         </div>
       </div>
-
-      <!-- Right side: Tips -->
-      <aside class="lg:col-span-4 space-y-6">
-        <div class="sticky top-8 space-y-6">
-          <div class="rounded-xl border border-surface-200 dark:border-surface-800 bg-surface-50/50 dark:bg-surface-900/50 p-6">
-            <h3 class="text-sm font-bold text-surface-900 dark:text-surface-100 uppercase tracking-wider mb-4">Tips</h3>
-            <ul class="space-y-4">
-              <li v-if="currentStep === 1" class="text-sm text-surface-600 dark:text-surface-400 leading-relaxed">
-                <p class="font-medium text-surface-900 dark:text-surface-100 mb-1">Use common job titles</p>
-                Advertise for just one job e.g. 'Nurse', not 'nurses'.
-              </li>
-              <li v-if="currentStep === 1" class="text-sm text-surface-600 dark:text-surface-400 leading-relaxed">
-                <p class="font-medium text-surface-900 dark:text-surface-100 mb-1">Office location</p>
-                Use a location to attract the most appropriate candidates. Some job boards require a location.
-              </li>
-              <li v-if="currentStep === 1" class="text-sm text-surface-600 dark:text-surface-400 leading-relaxed">
-                <p class="font-medium text-surface-900 dark:text-surface-100 mb-1">Format description</p>
-                Format into sections and lists to improve readability.
-              </li>
-              <li v-if="currentStep === 2" class="text-sm text-surface-600 dark:text-surface-400 leading-relaxed">
-                <p class="font-medium text-surface-900 dark:text-surface-100 mb-1">Keep it short</p>
-                Too many questions can deter candidates. Stick to 3–5 essential questions.
-              </li>
-              <li v-if="currentStep === 2" class="text-sm text-surface-600 dark:text-surface-400 leading-relaxed">
-                <p class="font-medium text-surface-900 dark:text-surface-100 mb-1">Resume matters</p>
-                Requiring a resume enables AI scoring and makes it easier to evaluate candidates at scale.
-              </li>
-              <li v-if="currentStep === 2" class="text-sm text-surface-600 dark:text-surface-400 leading-relaxed">
-                <p class="font-medium text-surface-900 dark:text-surface-100 mb-1">Standard fields</p>
-                Name, email, and phone are always collected. Phone is optional for candidates by default.
-              </li>
-              <li v-if="currentStep === 3" class="text-sm text-surface-600 dark:text-surface-400 leading-relaxed">
-                <p class="font-medium text-surface-900 dark:text-surface-100 mb-1">Start with a template</p>
-                Pre-made criteria cover the most common evaluation patterns. You can always customize them after.
-              </li>
-              <li v-if="currentStep === 3" class="text-sm text-surface-600 dark:text-surface-400 leading-relaxed">
-                <p class="font-medium text-surface-900 dark:text-surface-100 mb-1">Adjust weights</p>
-                Use the sliders to prioritize what matters most. Higher weight = more influence on the final score.
-              </li>
-              <li v-if="currentStep === 3" class="text-sm text-surface-600 dark:text-surface-400 leading-relaxed">
-                <p class="font-medium text-surface-900 dark:text-surface-100 mb-1">AI setup required</p>
-                To use AI-generated criteria or automatic scoring, configure your AI provider in <NuxtLink :to="$localePath('/dashboard/settings/ai')" class="text-brand-600 dark:text-brand-400 underline">settings</NuxtLink>.
-              </li>
-              <li v-if="currentStep === 4" class="text-sm text-surface-600 dark:text-surface-400 leading-relaxed">
-                <p class="font-medium text-surface-900 dark:text-surface-100 mb-1">Publish when ready</p>
-                Publishing makes the job visible to candidates. You can unpublish at any time from the job settings.
-              </li>
-              <li v-if="currentStep === 4" class="text-sm text-surface-600 dark:text-surface-400 leading-relaxed">
-                <p class="font-medium text-surface-900 dark:text-surface-100 mb-1">Use tracking links</p>
-                Create a unique link for each platform (LinkedIn, Indeed, etc.) to see where your best applicants come from.
-              </li>
-              <li v-if="currentStep === 4" class="text-sm text-surface-600 dark:text-surface-400 leading-relaxed">
-                <p class="font-medium text-surface-900 dark:text-surface-100 mb-1">One link per channel</p>
-                Each tracking link counts clicks and applications separately so you can compare which channels work best.
-              </li>
-              <li v-if="currentStep === 4" class="text-sm text-surface-600 dark:text-surface-400 leading-relaxed">
-                <p class="font-medium text-surface-900 dark:text-surface-100 mb-1">Drafts are private</p>
-                Draft jobs are only visible to your team. Candidates cannot see or apply to draft jobs.
-              </li>
-            </ul>
-          </div>
-        </div>
-      </aside>
     </div>
   </div>
 </template>
diff --git a/test-step3.js b/test-step3.js
new file mode 100644
index 00000000..083b01c7
--- /dev/null
+++ b/test-step3.js
@@ -0,0 +1,26 @@
+const { chromium } = require('@playwright/test');
+
+(async () => {
+  const browser = await chromium.launch({
+    args: ['--no-sandbox', '--disable-setuid-sandbox'],
+    executablePath: '/usr/bin/google-chrome',
+  });
+  const context = await browser.newContext({ viewport: { width: 1280, height: 900 } });
+  const page = await context.newPage();
+
+  // Screenshot sign-in page
+  await page.goto('http://localhost:3000/auth/sign-in');
+  await page.waitForLoadState('networkidle');
+  await page.screenshot({ path: '/tmp/step3-01-signin.png' });
+  console.log('Screenshot 1: sign-in page loaded');
+
+  // Log inputs on the page
+  const inputs = await page.locator('input').all();
+  for (const input of inputs) {
+    const type = await input.getAttribute('type');
+    const placeholder = await input.getAttribute('placeholder');
+    console.log('Input:', type, placeholder);
+  }
+
+  await browser.close();
+})().catch(e => { console.error(e.message); process.exit(1); });

From de193e5c2f8c7a13bb669917959c17f04ebbf16a Mon Sep 17 00:00:00 2001
From: Joachim LK <joachim.l.kolle.pers@gmail.com>
Date: Wed, 17 Jun 2026 21:23:21 +0200
Subject: [PATCH 02/12] Fix stalled E2E dependency install

---
 .github/workflows/e2e-tests.yml | 30 ++++++++++++++++++------------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/.github/workflows/e2e-tests.yml b/.github/workflows/e2e-tests.yml
index a2a8644d..c87495b6 100644
--- a/.github/workflows/e2e-tests.yml
+++ b/.github/workflows/e2e-tests.yml
@@ -49,7 +49,25 @@ jobs:
       S3_FORCE_PATH_STYLE: "true"
 
     steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: 22.22
+          cache: npm
+
+      - name: Install dependencies
+        timeout-minutes: 20
+        env:
+          npm_config_fetch_retries: 5
+          npm_config_fetch_retry_mintimeout: 20000
+          npm_config_fetch_retry_maxtimeout: 120000
+        run: npm ci --no-audit
+
       - name: Start MinIO
+        timeout-minutes: 2
         run: |
           docker run -d \
             --name minio-ci \
@@ -64,18 +82,6 @@ jobs:
             --endpoint-url http://localhost:9000 \
             --region us-east-1
 
-      - name: Checkout
-        uses: actions/checkout@v6
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v6
-        with:
-          node-version: 22.22
-          cache: npm
-
-      - name: Install dependencies
-        run: npm ci
-
       - name: Push database schema
         run: npx drizzle-kit push
 

From 9b20abd91c3150596b1f882e80fc9cb1cfb7cae0 Mon Sep 17 00:00:00 2001
From: Joachim LK <joachim.l.kolle.pers@gmail.com>
Date: Thu, 18 Jun 2026 08:45:11 +0200
Subject: [PATCH 03/12] refactor: remove unused aiScoringChosen state and
 update form storage logic; add debug sign-in page script

---
 app/pages/dashboard/jobs/new.vue |  8 ++-----
 debug-signin-page.js             | 40 ++++++++++++++++++++++++++++++++
 test-step3.js                    | 26 ---------------------
 3 files changed, 42 insertions(+), 32 deletions(-)
 create mode 100644 debug-signin-page.js
 delete mode 100644 test-step3.js

diff --git a/app/pages/dashboard/jobs/new.vue b/app/pages/dashboard/jobs/new.vue
index f6c8188c..69c96143 100644
--- a/app/pages/dashboard/jobs/new.vue
+++ b/app/pages/dashboard/jobs/new.vue
@@ -112,7 +112,6 @@ type ScoringCriterionDraft = {
 }
 const scoringCriteria = ref<ScoringCriterionDraft[]>([])
 const scoringMode = ref<'none' | 'premade' | 'ai' | 'custom'>('none')
-const aiScoringChosen = ref(false)
 const selectedTemplate = ref<'standard' | 'technical' | 'non_technical'>('standard')
 const isGeneratingCriteria = ref(false)
 const showCustomForm = ref(false)
@@ -307,7 +306,6 @@ function saveFormToStorage() {
       applicationForm: applicationForm.value,
       scoringCriteria: scoringCriteria.value,
       scoringMode: scoringMode.value,
-      aiScoringChosen: aiScoringChosen.value,
       autoScoreOnApply: autoScoreOnApply.value,
       currentStep: currentStep.value,
     }
@@ -325,7 +323,6 @@ function restoreFormFromStorage() {
     if (data.applicationForm) Object.assign(applicationForm.value, data.applicationForm)
     if (data.scoringCriteria) scoringCriteria.value = data.scoringCriteria
     if (data.scoringMode) scoringMode.value = data.scoringMode
-    if (data.aiScoringChosen != null) aiScoringChosen.value = data.aiScoringChosen
     if (data.autoScoreOnApply != null) autoScoreOnApply.value = data.autoScoreOnApply
     if (data.currentStep) currentStep.value = data.currentStep
   } catch { /* corrupted data, ignore */ }
@@ -358,7 +355,6 @@ function resetState() {
   }
   scoringCriteria.value = []
   scoringMode.value = 'none'
-  aiScoringChosen.value = false
   autoScoreOnApply.value = false
   isPublished.value = false
   createdJobId.value = ''
@@ -377,7 +373,7 @@ watch(newJobResetSignal, (next, prev) => {
 })
 
 // Auto-save when step changes or form data changes
-watch([currentStep, form, applicationForm, scoringCriteria, scoringMode, aiScoringChosen, autoScoreOnApply], () => {
+watch([currentStep, form, applicationForm, scoringCriteria, scoringMode, autoScoreOnApply], () => {
   saveFormToStorage()
 }, { deep: true })
 
@@ -1376,7 +1372,7 @@ const questionTypeLabels: Record<QuestionType, string> = {
                     :class="scoringMode === 'ai'
                       ? 'border-brand-500 dark:border-brand-400 bg-brand-50/70 dark:bg-brand-950/30 ring-2 ring-brand-200 dark:ring-brand-900'
                       : 'border-surface-200 dark:border-surface-800 hover:border-surface-300 dark:hover:border-surface-700'"
-                    @click="generateAiCriteria(); scoringMode = 'ai'"
+                    @click="generateAiCriteria()"
                   >
                     <div class="inline-flex items-center justify-center size-10 rounded-lg bg-purple-100 dark:bg-purple-900/50">
                       <Sparkles class="size-5 text-purple-600 dark:text-purple-400" />
diff --git a/debug-signin-page.js b/debug-signin-page.js
new file mode 100644
index 00000000..86bc56a4
--- /dev/null
+++ b/debug-signin-page.js
@@ -0,0 +1,40 @@
+import { chromium } from '@playwright/test'
+
+(async () => {
+  const baseUrl = process.env.PLAYWRIGHT_BASE_URL || process.env.BASE_URL || 'http://localhost:3000'
+  const launchOptions = {
+    ...(process.env.CHROME_EXECUTABLE_PATH && { executablePath: process.env.CHROME_EXECUTABLE_PATH }),
+    ...(process.env.PLAYWRIGHT_DISABLE_SANDBOX === '1' && {
+      // Useful for root/container runs where Chromium sandboxing is unavailable.
+      args: ['--no-sandbox', '--disable-setuid-sandbox'],
+    }),
+  }
+
+  const browser = await chromium.launch({
+    ...launchOptions,
+  })
+
+  try {
+    const context = await browser.newContext({ viewport: { width: 1280, height: 900 } })
+    const page = await context.newPage()
+
+    // Screenshot sign-in page
+    await page.goto(new URL('/auth/sign-in', baseUrl).toString())
+    await page.waitForLoadState('networkidle')
+    await page.screenshot({ path: '/tmp/debug-signin-page.png' })
+    console.log('Screenshot: sign-in page loaded')
+
+    // Log inputs on the page
+    const inputs = await page.locator('input').all()
+    for (const input of inputs) {
+      const type = await input.getAttribute('type')
+      const placeholder = await input.getAttribute('placeholder')
+      console.log('Input:', type, placeholder)
+    }
+  } finally {
+    await browser.close()
+  }
+})().catch((error) => {
+  console.error('Script failed:', error)
+  process.exit(1)
+})
diff --git a/test-step3.js b/test-step3.js
deleted file mode 100644
index 083b01c7..00000000
--- a/test-step3.js
+++ /dev/null
@@ -1,26 +0,0 @@
-const { chromium } = require('@playwright/test');
-
-(async () => {
-  const browser = await chromium.launch({
-    args: ['--no-sandbox', '--disable-setuid-sandbox'],
-    executablePath: '/usr/bin/google-chrome',
-  });
-  const context = await browser.newContext({ viewport: { width: 1280, height: 900 } });
-  const page = await context.newPage();
-
-  // Screenshot sign-in page
-  await page.goto('http://localhost:3000/auth/sign-in');
-  await page.waitForLoadState('networkidle');
-  await page.screenshot({ path: '/tmp/step3-01-signin.png' });
-  console.log('Screenshot 1: sign-in page loaded');
-
-  // Log inputs on the page
-  const inputs = await page.locator('input').all();
-  for (const input of inputs) {
-    const type = await input.getAttribute('type');
-    const placeholder = await input.getAttribute('placeholder');
-    console.log('Input:', type, placeholder);
-  }
-
-  await browser.close();
-})().catch(e => { console.error(e.message); process.exit(1); });

From 69ace611d11ac8c557803b94e33d906cdbf16e11 Mon Sep 17 00:00:00 2001
From: Joachim LK <joachim.l.kolle.pers@gmail.com>
Date: Thu, 18 Jun 2026 10:49:06 +0200
Subject: [PATCH 04/12] refactor: remove JobQuestions component to streamline
 job wizard UI

---
 app/components/JobQuestions.vue | 247 --------------------------------
 1 file changed, 247 deletions(-)
 delete mode 100644 app/components/JobQuestions.vue

diff --git a/app/components/JobQuestions.vue b/app/components/JobQuestions.vue
deleted file mode 100644
index afc0e0d8..00000000
--- a/app/components/JobQuestions.vue
+++ /dev/null
@@ -1,247 +0,0 @@
-<script setup lang="ts">
-import { Plus, Pencil, Trash2, ChevronUp, ChevronDown, GripVertical } from 'lucide-vue-next'
-
-const props = defineProps<{
-  jobId: string
-}>()
-
-const { questions, status, addQuestion, updateQuestion, deleteQuestion, reorderQuestions } =
-  useJobQuestions(props.jobId)
-
-// ─────────────────────────────────────────────
-// Add / Edit state
-// ─────────────────────────────────────────────
-
-const showAddForm = ref(false)
-const editingQuestion = ref<{
-  id: string
-  label: string
-  type: string
-  description?: string | null
-  required: boolean
-  options?: string[] | null
-} | null>(null)
-
-const isSubmitting = ref(false)
-const actionError = ref<string | null>(null)
-
-async function handleAdd(data: {
-  label: string
-  type: string
-  description?: string
-  required: boolean
-  options?: string[]
-}) {
-  isSubmitting.value = true
-  actionError.value = null
-  try {
-    // Set displayOrder to the end of the list
-    await addQuestion({
-      ...data,
-      displayOrder: (questions.value?.length ?? 0),
-    })
-    showAddForm.value = false
-  } catch (err: any) {
-    actionError.value = err.data?.statusMessage ?? 'Failed to add question'
-  } finally {
-    isSubmitting.value = false
-  }
-}
-
-async function handleUpdate(data: {
-  label: string
-  type: string
-  description?: string
-  required: boolean
-  options?: string[]
-}) {
-  if (!editingQuestion.value) return
-  isSubmitting.value = true
-  actionError.value = null
-  try {
-    await updateQuestion(editingQuestion.value.id, data)
-    editingQuestion.value = null
-  } catch (err: any) {
-    actionError.value = err.data?.statusMessage ?? 'Failed to update question'
-  } finally {
-    isSubmitting.value = false
-  }
-}
-
-// ─────────────────────────────────────────────
-// Delete
-// ─────────────────────────────────────────────
-
-const deletingId = ref<string | null>(null)
-
-async function handleDelete(questionId: string) {
-  deletingId.value = questionId
-  actionError.value = null
-  try {
-    await deleteQuestion(questionId)
-  } catch (err: any) {
-    actionError.value = err.data?.statusMessage ?? 'Failed to delete question'
-  } finally {
-    deletingId.value = null
-  }
-}
-
-// ─────────────────────────────────────────────
-// Reorder
-// ─────────────────────────────────────────────
-
-async function moveQuestion(index: number, direction: 'up' | 'down') {
-  if (!questions.value) return
-  const list = [...questions.value]
-
-  const targetIndex = direction === 'up' ? index - 1 : index + 1
-  if (targetIndex < 0 || targetIndex >= list.length) return
-
-  // Swap
-  ;[list[index], list[targetIndex]] = [list[targetIndex], list[index]]
-
-  // Assign new display orders
-  const order = list.map((q: any, i: number) => ({ id: q.id, displayOrder: i }))
-
-  try {
-    await reorderQuestions(order)
-  } catch (err: any) {
-    actionError.value = err.data?.statusMessage ?? 'Failed to reorder questions'
-  }
-}
-
-// ─────────────────────────────────────────────
-// Display helpers
-// ─────────────────────────────────────────────
-
-const typeLabels: Record<string, string> = {
-  short_text: 'Short Text',
-  long_text: 'Long Text',
-  single_select: 'Single Select',
-  multi_select: 'Multi Select',
-  number: 'Number',
-  date: 'Date',
-  url: 'URL',
-  checkbox: 'Checkbox',
-  file_upload: 'File Upload',
-}
-</script>
-
-<template>
-  <div>
-    <!-- Error banner -->
-    <div
-      v-if="actionError"
-      class="rounded-lg border border-danger-200 dark:border-danger-800 bg-danger-50 dark:bg-danger-950 p-3 text-sm text-danger-700 dark:text-danger-400 mb-4"
-    >
-      {{ actionError }}
-      <button class="ml-2 underline" @click="actionError = null">Dismiss</button>
-    </div>
-
-    <!-- Loading -->
-    <div v-if="status === 'pending'" class="text-sm text-surface-400 py-4">
-      Loading questions…
-    </div>
-
-    <!-- Question list -->
-    <div v-else-if="questions && questions.length > 0" class="space-y-2 mb-4">
-      <div
-        v-for="(q, index) in questions"
-        :key="q.id"
-        class="flex items-center gap-3 rounded-lg border border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-900 p-3 group"
-      >
-        <!-- Grip / order indicator -->
-        <div class="text-surface-300">
-          <GripVertical class="size-4" />
-        </div>
-
-        <!-- Question info -->
-        <div class="flex-1 min-w-0">
-          <div class="flex items-center gap-2">
-            <span class="text-sm font-medium text-surface-900 dark:text-surface-100 truncate">{{ q.label }}</span>
-            <span v-if="q.required" class="text-xs text-danger-500 font-medium">Required</span>
-          </div>
-          <div class="flex items-center gap-2 mt-0.5">
-            <span class="text-xs text-surface-400">{{ typeLabels[q.type] ?? q.type }}</span>
-            <span v-if="q.description" class="text-xs text-surface-400 truncate">
-              — {{ q.description }}
-            </span>
-            <span
-              v-if="(q.type === 'single_select' || q.type === 'multi_select') && q.options"
-              class="text-xs text-surface-400"
-            >
-              · {{ q.options.length }} options
-            </span>
-          </div>
-        </div>
-
-        <!-- Actions -->
-        <div class="flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0">
-          <button
-            :disabled="index === 0"
-            class="rounded p-1 text-surface-400 hover:text-surface-600 dark:hover:text-surface-200 hover:bg-surface-100 dark:hover:bg-surface-800 transition-colors disabled:opacity-30"
-            title="Move up"
-            @click="moveQuestion(index, 'up')"
-          >
-            <ChevronUp class="size-4" />
-          </button>
-          <button
-            :disabled="index === questions.length - 1"
-            class="rounded p-1 text-surface-400 hover:text-surface-600 dark:hover:text-surface-200 hover:bg-surface-100 dark:hover:bg-surface-800 transition-colors disabled:opacity-30"
-            title="Move down"
-            @click="moveQuestion(index, 'down')"
-          >
-            <ChevronDown class="size-4" />
-          </button>
-          <button
-            class="rounded p-1 text-surface-400 hover:text-surface-600 dark:hover:text-surface-200 hover:bg-surface-100 dark:hover:bg-surface-800 transition-colors"
-            title="Edit"
-            @click="editingQuestion = q; showAddForm = false"
-          >
-            <Pencil class="size-4" />
-          </button>
-          <button
-            :disabled="deletingId === q.id"
-            class="rounded p-1 text-surface-400 hover:text-danger-600 dark:hover:text-danger-400 hover:bg-danger-50 dark:hover:bg-danger-950 transition-colors disabled:opacity-50"
-            title="Delete"
-            @click="handleDelete(q.id)"
-          >
-            <Trash2 class="size-4" />
-          </button>
-        </div>
-      </div>
-    </div>
-
-    <!-- Empty state -->
-    <p v-else class="text-sm text-surface-400 py-4">
-      No custom questions yet. Applicants will see only the standard fields (name, email, phone).
-    </p>
-
-    <!-- Edit form (inline) -->
-    <QuestionForm
-      v-if="editingQuestion"
-      :question="editingQuestion"
-      class="mb-4"
-      @save="handleUpdate"
-      @cancel="editingQuestion = null"
-    />
-
-    <!-- Add form (inline) -->
-    <QuestionForm
-      v-if="showAddForm && !editingQuestion"
-      class="mb-4"
-      @save="handleAdd"
-      @cancel="showAddForm = false"
-    />
-
-    <!-- Add button -->
-    <button
-      v-if="!showAddForm && !editingQuestion"
-      class="inline-flex items-center gap-1.5 rounded-lg border border-dashed border-surface-300 dark:border-surface-700 px-3 py-2 text-sm font-medium text-surface-600 dark:text-surface-400 hover:border-brand-400 dark:hover:border-brand-600 hover:text-brand-600 dark:hover:text-brand-400 hover:bg-brand-50 dark:hover:bg-brand-950 transition-colors"
-      @click="showAddForm = true"
-    >
-      <Plus class="size-4" />
-      Add Question
-    </button>
-  </div>
-</template>

From 5118b6edb875296e5884f2eeed07a15c705b0857 Mon Sep 17 00:00:00 2001
From: Joachim LK <joachim.l.kolle.pers@gmail.com>
Date: Thu, 18 Jun 2026 10:49:13 +0200
Subject: [PATCH 05/12] feat: add ApplicationBuilderPreview and
 ApplicationFormBody components for candidate application preview and
 submission

---
 app/components/ApplicationBuilder.vue         | 497 ++++++++++++++++++
 app/components/ApplicationBuilderPreview.vue  | 179 +++++++
 app/components/ApplicationFormBody.vue        | 338 ++++++++++++
 app/layouts/dashboard.vue                     |  13 +-
 .../dashboard/jobs/[id]/application-form.vue  | 147 ++----
 app/pages/dashboard/jobs/new.vue              | 439 +++-------------
 app/pages/jobs/[slug]/apply.vue               | 227 +-------
 .../candidate-application.spec.ts             |   4 +-
 e2e/critical-flows/job-creation.spec.ts       |  70 ++-
 e2e/critical-flows/resume-upload.spec.ts      |  27 +-
 e2e/critical-flows/source-tracking.spec.ts    |   3 +-
 e2e/fixtures.ts                               |  59 ++-
 12 files changed, 1298 insertions(+), 705 deletions(-)
 create mode 100644 app/components/ApplicationBuilder.vue
 create mode 100644 app/components/ApplicationBuilderPreview.vue
 create mode 100644 app/components/ApplicationFormBody.vue

diff --git a/app/components/ApplicationBuilder.vue b/app/components/ApplicationBuilder.vue
new file mode 100644
index 00000000..912e7d52
--- /dev/null
+++ b/app/components/ApplicationBuilder.vue
@@ -0,0 +1,497 @@
+<script setup lang="ts">
+import {
+  Lock, Upload, FileText, GripVertical, Plus, Pencil, Trash2,
+  ChevronUp, ChevronDown,
+} from 'lucide-vue-next'
+
+/**
+ * Live application builder: recruiter controls on the left, a real candidate
+ * preview on the right. The preview renders the exact same ApplicationFormBody
+ * candidates see, in `preview` mode, so the two can never drift. Clicking a
+ * field in the preview opens its editor here.
+ *
+ * Shared between the create-job wizard (step 2) and the per-job application-form
+ * page so there is a single application-builder surface across the app.
+ */
+type QuestionType =
+  | 'short_text' | 'long_text' | 'single_select' | 'multi_select'
+  | 'number' | 'date' | 'url' | 'checkbox' | 'file_upload'
+
+type DraftQuestion = {
+  id: string
+  label: string
+  type: QuestionType
+  description?: string | null
+  required: boolean
+  options?: string[] | null
+}
+
+type ApplicationForm = {
+  requireResume: boolean
+  requireCoverLetter: boolean
+  questions: DraftQuestion[]
+}
+
+/**
+ * When provided, every edit is persisted immediately through these handlers
+ * (used by the per-job application-form page). When omitted, edits are kept in
+ * the in-memory model and persisted later by the parent (used by the create-job
+ * wizard, which saves everything on job creation).
+ */
+type BuilderOperations = {
+  addQuestion: (data: QuestionInput) => Promise<unknown>
+  updateQuestion: (id: string, data: QuestionInput) => Promise<unknown>
+  deleteQuestion: (id: string) => Promise<unknown>
+  reorderQuestions: (order: { id: string; displayOrder: number }[]) => Promise<unknown>
+  setRequireResume: (value: boolean) => Promise<unknown>
+  setRequireCoverLetter: (value: boolean) => Promise<unknown>
+}
+
+type QuestionInput = {
+  label: string
+  type: string
+  description?: string
+  required: boolean
+  options?: string[]
+}
+
+const props = defineProps<{
+  /** Optional job title, shown as context above the preview. */
+  jobTitle?: string
+  /** Immediate-persistence handlers; when absent, edits stay in the model. */
+  operations?: BuilderOperations
+  /** The create-job wizard renders its preview in a persistent side panel. */
+  showPreview?: boolean
+}>()
+
+const model = defineModel<ApplicationForm>({ required: true })
+
+const busy = ref(false)
+
+const questionTypeLabels: Record<QuestionType, string> = {
+  short_text: 'Short Text',
+  long_text: 'Long Text',
+  single_select: 'Single Select',
+  multi_select: 'Multi Select',
+  number: 'Number',
+  date: 'Date',
+  url: 'URL',
+  checkbox: 'Checkbox',
+  file_upload: 'File Upload',
+}
+
+// ─────────────────────────────────────────────
+// Question CRUD (operates on the model in place)
+// ─────────────────────────────────────────────
+const showAddForm = ref(false)
+const editingQuestion = ref<DraftQuestion | null>(null)
+const questionActionError = ref<string | null>(null)
+let nextQuestionId = 0
+
+function newDraftId() {
+  // Stable, collision-free across a session; distinct from server ids.
+  return `draft-${Date.now()}-${nextQuestionId++}`
+}
+
+function startAdd() {
+  editingQuestion.value = null
+  showAddForm.value = true
+  questionActionError.value = null
+}
+
+function startEdit(q: DraftQuestion) {
+  editingQuestion.value = q
+  showAddForm.value = false
+  questionActionError.value = null
+}
+
+/** Run a delegated persistence handler, surfacing failures inline. */
+async function runOp(op: () => Promise<unknown>): Promise<boolean> {
+  busy.value = true
+  questionActionError.value = null
+  try {
+    await op()
+    return true
+  } catch (err: any) {
+    questionActionError.value = err?.data?.statusMessage ?? 'Something went wrong. Please try again.'
+    return false
+  } finally {
+    busy.value = false
+  }
+}
+
+async function handleAddQuestion(data: QuestionInput) {
+  if (props.operations) {
+    if (await runOp(() => props.operations!.addQuestion(data))) showAddForm.value = false
+    return
+  }
+  model.value.questions.push({
+    id: newDraftId(),
+    label: data.label,
+    type: data.type as QuestionType,
+    description: data.description ?? null,
+    required: data.required,
+    options: data.options ?? null,
+  })
+  showAddForm.value = false
+  questionActionError.value = null
+}
+
+async function handleUpdateQuestion(data: QuestionInput) {
+  if (!editingQuestion.value) return
+  const id = editingQuestion.value.id
+  if (props.operations) {
+    if (await runOp(() => props.operations!.updateQuestion(id, data))) editingQuestion.value = null
+    return
+  }
+  const index = model.value.questions.findIndex((q) => q.id === id)
+  if (index === -1) return
+  const existing = model.value.questions[index]
+  if (!existing) return
+  model.value.questions[index] = {
+    id: existing.id,
+    label: data.label,
+    type: data.type as QuestionType,
+    description: data.description ?? null,
+    required: data.required,
+    options: data.options ?? null,
+  }
+  editingQuestion.value = null
+  questionActionError.value = null
+}
+
+async function handleDeleteQuestion(questionId: string) {
+  if (props.operations) {
+    if (await runOp(() => props.operations!.deleteQuestion(questionId)) && editingQuestion.value?.id === questionId) {
+      editingQuestion.value = null
+    }
+    return
+  }
+  const index = model.value.questions.findIndex((q) => q.id === questionId)
+  if (index === -1) return
+  model.value.questions.splice(index, 1)
+  if (editingQuestion.value?.id === questionId) editingQuestion.value = null
+  questionActionError.value = null
+}
+
+function moveQuestion(index: number, direction: 'up' | 'down') {
+  const list = model.value.questions
+  const target = direction === 'up' ? index - 1 : index + 1
+  if (target < 0 || target >= list.length) return
+  if (props.operations) {
+    // Compute the post-swap order and persist; the parent syncs the model back.
+    const reordered = [...list]
+    ;[reordered[index], reordered[target]] = [reordered[target]!, reordered[index]!]
+    const order = reordered.map((q, i) => ({ id: q.id, displayOrder: i }))
+    runOp(() => props.operations!.reorderQuestions(order))
+    return
+  }
+  ;[list[index], list[target]] = [list[target]!, list[index]!]
+}
+
+function setRequireResume(value: boolean) {
+  if (model.value.requireResume === value) return
+  if (props.operations) {
+    const prev = model.value.requireResume
+    model.value.requireResume = value
+    runOp(() => props.operations!.setRequireResume(value)).then((ok) => {
+      if (!ok) model.value.requireResume = prev
+    })
+    return
+  }
+  model.value.requireResume = value
+}
+
+function setRequireCoverLetter(value: boolean) {
+  if (model.value.requireCoverLetter === value) return
+  if (props.operations) {
+    const prev = model.value.requireCoverLetter
+    model.value.requireCoverLetter = value
+    runOp(() => props.operations!.setRequireCoverLetter(value)).then((ok) => {
+      if (!ok) model.value.requireCoverLetter = prev
+    })
+    return
+  }
+  model.value.requireCoverLetter = value
+}
+
+const questionsAnchor = ref<HTMLElement | null>(null)
+const documentsAnchor = ref<HTMLElement | null>(null)
+
+/** Clicking a field in the preview jumps to (and opens) its editor on the left. */
+function handleEditField(field: string) {
+  if (field === 'resume' || field === 'coverLetter') {
+    documentsAnchor.value?.scrollIntoView({ behavior: 'smooth', block: 'center' })
+    return
+  }
+  if (field.startsWith('question:')) {
+    const id = field.slice('question:'.length)
+    const q = model.value.questions.find((qq) => qq.id === id)
+    if (q) {
+      startEdit(q)
+      nextTick(() => questionsAnchor.value?.scrollIntoView({ behavior: 'smooth', block: 'center' }))
+    }
+    return
+  }
+  // name / email / phone are mandatory, fixed fields — nothing to edit.
+}
+</script>
+
+<template>
+  <div
+    class="grid grid-cols-1 items-start gap-6 lg:gap-8"
+    :class="{ 'lg:grid-cols-2': showPreview !== false }"
+    :aria-busy="busy"
+  >
+    <!-- ── Controls ─────────────────────────────── -->
+    <div class="space-y-8">
+      <div>
+        <p class="text-xs font-semibold text-surface-400 dark:text-surface-500 uppercase tracking-wider mb-3">Customize your application form</p>
+        <p class="text-sm text-surface-500 dark:text-surface-400 leading-relaxed">
+          Edit the form on the left and watch the candidate's view update live. Locked fields are always collected and cannot be turned off.
+        </p>
+      </div>
+
+      <!-- Personal information -->
+      <div>
+        <h2 class="text-base font-semibold text-surface-900 dark:text-surface-100 pb-3 border-b border-surface-100 dark:border-surface-800">Personal information</h2>
+        <div class="divide-y divide-surface-100 dark:divide-surface-800">
+          <div
+            v-for="field in [
+              { label: 'First name', required: true },
+              { label: 'Last name', required: true },
+              { label: 'Email', required: true },
+              { label: 'Phone', required: false },
+            ]"
+            :key="field.label"
+            class="flex items-center justify-between py-3.5 px-1"
+          >
+            <div class="flex items-center gap-2.5">
+              <span class="text-sm text-surface-900 dark:text-surface-100">{{ field.label }}</span>
+              <Lock class="size-3 text-surface-300 dark:text-surface-600" />
+            </div>
+            <span
+              v-if="field.required"
+              class="inline-flex items-center rounded-md bg-brand-50 dark:bg-brand-950/50 px-2.5 py-1 text-xs font-medium text-brand-700 dark:text-brand-300 ring-1 ring-inset ring-brand-200 dark:ring-brand-800"
+            >
+              Mandatory
+            </span>
+            <span
+              v-else
+              class="inline-flex items-center rounded-md bg-surface-100 dark:bg-surface-800 px-2.5 py-1 text-xs font-medium text-surface-600 dark:text-surface-400 ring-1 ring-inset ring-surface-200 dark:ring-surface-700"
+            >
+              Optional
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <!-- Documents -->
+      <div ref="documentsAnchor">
+        <h2 class="text-base font-semibold text-surface-900 dark:text-surface-100 pb-3 border-b border-surface-100 dark:border-surface-800">Documents</h2>
+        <div class="divide-y divide-surface-100 dark:divide-surface-800">
+          <!-- Resume -->
+          <div class="flex items-center justify-between py-4 px-1">
+            <div>
+              <div class="flex items-center gap-2">
+                <Upload class="size-4 text-surface-400 dark:text-surface-500" />
+                <span class="text-sm font-medium text-surface-900 dark:text-surface-100">Resume / CV</span>
+              </div>
+              <p class="text-xs text-surface-400 dark:text-surface-500 mt-1 ml-6">PDF, DOC, or DOCX up to 10 MB</p>
+            </div>
+            <div class="inline-flex items-center rounded-lg bg-surface-100 dark:bg-surface-800 p-0.5" role="radiogroup" aria-label="Resume requirement">
+              <button
+                type="button"
+                role="radio"
+                :aria-checked="model.requireResume"
+                class="px-3 py-1.5 text-xs font-medium rounded-md transition-all"
+                :class="model.requireResume ? 'bg-brand-600 text-white shadow-sm' : 'text-surface-500 dark:text-surface-400 hover:text-surface-700 dark:hover:text-surface-200'"
+                @click="setRequireResume(true)"
+              >
+                Required
+              </button>
+              <button
+                type="button"
+                role="radio"
+                :aria-checked="!model.requireResume"
+                class="px-3 py-1.5 text-xs font-medium rounded-md transition-all"
+                :class="!model.requireResume ? 'bg-white dark:bg-surface-700 text-surface-700 dark:text-surface-300 shadow-sm' : 'text-surface-500 dark:text-surface-400 hover:text-surface-700 dark:hover:text-surface-200'"
+                @click="setRequireResume(false)"
+              >
+                Off
+              </button>
+            </div>
+          </div>
+          <!-- Cover letter -->
+          <div class="flex items-center justify-between py-4 px-1">
+            <div>
+              <div class="flex items-center gap-2">
+                <FileText class="size-4 text-surface-400 dark:text-surface-500" />
+                <span class="text-sm font-medium text-surface-900 dark:text-surface-100">Cover letter</span>
+              </div>
+              <p class="text-xs text-surface-400 dark:text-surface-500 mt-1 ml-6">Free-text field, max 10,000 characters</p>
+            </div>
+            <div class="inline-flex items-center rounded-lg bg-surface-100 dark:bg-surface-800 p-0.5" role="radiogroup" aria-label="Cover letter requirement">
+              <button
+                type="button"
+                role="radio"
+                :aria-checked="model.requireCoverLetter"
+                class="px-3 py-1.5 text-xs font-medium rounded-md transition-all"
+                :class="model.requireCoverLetter ? 'bg-brand-600 text-white shadow-sm' : 'text-surface-500 dark:text-surface-400 hover:text-surface-700 dark:hover:text-surface-200'"
+                @click="setRequireCoverLetter(true)"
+              >
+                Required
+              </button>
+              <button
+                type="button"
+                role="radio"
+                :aria-checked="!model.requireCoverLetter"
+                class="px-3 py-1.5 text-xs font-medium rounded-md transition-all"
+                :class="!model.requireCoverLetter ? 'bg-white dark:bg-surface-700 text-surface-700 dark:text-surface-300 shadow-sm' : 'text-surface-500 dark:text-surface-400 hover:text-surface-700 dark:hover:text-surface-200'"
+                @click="setRequireCoverLetter(false)"
+              >
+                Off
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Screening questions -->
+      <div ref="questionsAnchor">
+        <div class="flex items-center justify-between pb-3 border-b border-surface-100 dark:border-surface-800">
+          <h2 class="text-base font-semibold text-surface-900 dark:text-surface-100">Screening questions</h2>
+          <span v-if="model.questions.length > 0" class="text-xs font-medium text-surface-400 dark:text-surface-500 tabular-nums">
+            {{ model.questions.length }} {{ model.questions.length === 1 ? 'question' : 'questions' }} added
+          </span>
+        </div>
+
+        <div
+          v-if="questionActionError"
+          class="rounded-lg border border-danger-200 dark:border-danger-800 bg-danger-50 dark:bg-danger-950 p-3 text-sm text-danger-700 dark:text-danger-400 mt-4"
+        >
+          {{ questionActionError }}
+          <button class="ml-2 underline" @click="questionActionError = null">Dismiss</button>
+        </div>
+
+        <div v-if="model.questions.length > 0" class="divide-y divide-surface-100 dark:divide-surface-800">
+          <div
+            v-for="(q, index) in model.questions"
+            :key="q.id"
+            class="flex items-center gap-3 py-3.5 px-1 group"
+          >
+            <div class="text-surface-300 dark:text-surface-600 cursor-grab">
+              <GripVertical class="size-4" />
+            </div>
+            <div class="flex-1 min-w-0">
+              <div class="flex items-center gap-2">
+                <span class="text-sm font-medium text-surface-900 dark:text-surface-100 truncate">{{ q.label }}</span>
+                <span
+                  v-if="q.required"
+                  class="inline-flex items-center rounded-md bg-brand-50 dark:bg-brand-950/50 px-2 py-0.5 text-[10px] font-medium text-brand-700 dark:text-brand-300 ring-1 ring-inset ring-brand-200 dark:ring-brand-800"
+                >
+                  Required
+                </span>
+                <span
+                  v-else
+                  class="inline-flex items-center rounded-md bg-surface-100 dark:bg-surface-800 px-2 py-0.5 text-[10px] font-medium text-surface-500 dark:text-surface-400 ring-1 ring-inset ring-surface-200 dark:ring-surface-700"
+                >
+                  Optional
+                </span>
+              </div>
+              <div class="flex items-center gap-1.5 mt-0.5 ml-0">
+                <span class="text-xs text-surface-400 dark:text-surface-500">{{ questionTypeLabels[q.type] ?? q.type }}</span>
+                <span v-if="q.description" class="text-xs text-surface-400 dark:text-surface-500 truncate">
+                  &middot; {{ q.description }}
+                </span>
+                <span
+                  v-if="(q.type === 'single_select' || q.type === 'multi_select') && q.options"
+                  class="text-xs text-surface-400 dark:text-surface-500"
+                >
+                  &middot; {{ q.options.length }} options
+                </span>
+              </div>
+            </div>
+            <div class="flex items-center gap-0.5 opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity shrink-0">
+              <button
+                type="button"
+                :disabled="index === 0"
+                class="rounded p-1.5 text-surface-400 hover:text-surface-600 dark:hover:text-surface-200 hover:bg-surface-100 dark:hover:bg-surface-800 transition-colors disabled:opacity-30"
+                title="Move up"
+                @click="moveQuestion(index, 'up')"
+              >
+                <ChevronUp class="size-4" />
+              </button>
+              <button
+                type="button"
+                :disabled="index === model.questions.length - 1"
+                class="rounded p-1.5 text-surface-400 hover:text-surface-600 dark:hover:text-surface-200 hover:bg-surface-100 dark:hover:bg-surface-800 transition-colors disabled:opacity-30"
+                title="Move down"
+                @click="moveQuestion(index, 'down')"
+              >
+                <ChevronDown class="size-4" />
+              </button>
+              <button
+                type="button"
+                class="rounded p-1.5 text-surface-400 hover:text-surface-600 dark:hover:text-surface-200 hover:bg-surface-100 dark:hover:bg-surface-800 transition-colors"
+                title="Edit"
+                @click="startEdit(q)"
+              >
+                <Pencil class="size-4" />
+              </button>
+              <button
+                type="button"
+                class="rounded p-1.5 text-surface-400 hover:text-danger-600 dark:hover:text-danger-400 hover:bg-danger-50 dark:hover:bg-danger-950 transition-colors"
+                title="Delete"
+                @click="handleDeleteQuestion(q.id)"
+              >
+                <Trash2 class="size-4" />
+              </button>
+            </div>
+          </div>
+        </div>
+
+        <p v-else class="text-sm text-surface-400 dark:text-surface-500 py-6 text-center">
+          No screening questions added yet.
+        </p>
+
+        <QuestionForm
+          v-if="editingQuestion"
+          :key="editingQuestion.id"
+          :question="editingQuestion"
+          class="mt-4 mb-2"
+          @save="handleUpdateQuestion"
+          @cancel="editingQuestion = null"
+        />
+
+        <QuestionForm
+          v-if="showAddForm && !editingQuestion"
+          class="mt-4 mb-2"
+          @save="handleAddQuestion"
+          @cancel="showAddForm = false"
+        />
+
+        <div class="mt-4 flex items-center gap-3">
+          <button
+            v-if="!showAddForm && !editingQuestion"
+            type="button"
+            class="inline-flex items-center gap-1.5 rounded-lg border border-dashed border-surface-300 dark:border-surface-700 px-3 py-2 text-sm font-medium text-surface-600 dark:text-surface-400 hover:border-brand-400 dark:hover:border-brand-600 hover:text-brand-600 dark:hover:text-brand-400 hover:bg-brand-50/50 dark:hover:bg-brand-950/30 transition-colors"
+            @click="startAdd"
+          >
+            <Plus class="size-4" />
+            Add a question
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <!-- ── Live preview ─────────────────────────── -->
+    <div v-if="showPreview !== false" class="lg:sticky lg:top-4">
+      <ApplicationBuilderPreview
+        :application-form="model"
+        :job-details="{ title: jobTitle }"
+        @edit-field="handleEditField"
+      />
+    </div>
+  </div>
+</template>
diff --git a/app/components/ApplicationBuilderPreview.vue b/app/components/ApplicationBuilderPreview.vue
new file mode 100644
index 00000000..664cdcf9
--- /dev/null
+++ b/app/components/ApplicationBuilderPreview.vue
@@ -0,0 +1,179 @@
+<script setup lang="ts">
+import { Briefcase, MapPin, Monitor, Smartphone } from 'lucide-vue-next'
+
+type Question = {
+  id: string
+  type: string
+  label: string
+  description?: string | null
+  required: boolean
+  options?: string[] | null
+}
+
+type ApplicationForm = {
+  requireResume: boolean
+  requireCoverLetter: boolean
+  questions: Question[]
+}
+
+type JobDetails = {
+  title?: string
+  description?: string
+  location?: string
+  type?: string
+  experienceLevel?: string
+  remoteStatus?: string
+}
+
+const props = defineProps<{
+  applicationForm: ApplicationForm
+  jobDetails?: JobDetails
+  /** Caps the complete preview, including its toolbar. */
+  maxHeight?: string
+}>()
+
+const emit = defineEmits<{
+  (e: 'edit-field', field: string): void
+}>()
+
+const previewMode = ref<'desktop' | 'mobile'>('desktop')
+const previewForm = ref({ firstName: '', lastName: '', email: '', phone: '', website: '' })
+const previewResponses = ref<Record<string, string | string[] | number | boolean>>({})
+const previewResume = ref<File | null>(null)
+const previewCover = ref('')
+
+const typeLabels: Record<string, string> = {
+  full_time: 'Full-time',
+  part_time: 'Part-time',
+  contract: 'Contract',
+  internship: 'Internship',
+}
+
+const experienceLabels: Record<string, string> = {
+  junior: 'Junior',
+  mid: 'Mid-level',
+  senior: 'Senior',
+  lead: 'Lead',
+}
+
+const workplaceLabels: Record<string, string> = {
+  remote: 'Remote',
+  hybrid: 'Hybrid',
+  onsite: 'On-site',
+}
+
+const previewJob = computed(() => ({
+  requireResume: props.applicationForm.requireResume,
+  requireCoverLetter: props.applicationForm.requireCoverLetter,
+  questions: props.applicationForm.questions,
+}))
+
+const metadata = computed(() => {
+  const details = props.jobDetails
+  if (!details) return []
+
+  return [
+    details.type ? { label: typeLabels[details.type] ?? details.type, icon: Briefcase } : null,
+    details.location ? { label: details.location, icon: MapPin } : null,
+    details.remoteStatus ? { label: workplaceLabels[details.remoteStatus] ?? details.remoteStatus, icon: MapPin } : null,
+    details.experienceLevel ? { label: experienceLabels[details.experienceLevel] ?? details.experienceLevel, icon: Briefcase } : null,
+  ].filter((item): item is { label: string; icon: typeof Briefcase } => item !== null)
+})
+</script>
+
+<template>
+  <div
+    class="flex min-h-0 flex-col overflow-hidden"
+    :style="{ maxHeight: maxHeight ?? 'calc(100dvh - 7rem)' }"
+  >
+    <div class="mb-3 flex shrink-0 items-center justify-between gap-3">
+      <div class="min-w-0">
+        <p class="text-xs font-semibold uppercase tracking-wider text-surface-400 dark:text-surface-500">
+          Live candidate preview
+        </p>
+        <p class="truncate text-sm font-medium text-surface-700 dark:text-surface-300">
+          {{ jobDetails?.title || 'Untitled job' }}
+        </p>
+      </div>
+
+      <div
+        class="inline-flex shrink-0 items-center rounded-lg bg-surface-100 p-0.5 dark:bg-surface-800"
+        role="radiogroup"
+        aria-label="Preview device"
+      >
+        <button
+          type="button"
+          role="radio"
+          :aria-checked="previewMode === 'desktop'"
+          title="Desktop preview"
+          class="inline-flex items-center gap-1.5 rounded-md px-2.5 py-1.5 text-xs font-medium transition-all"
+          :class="previewMode === 'desktop'
+            ? 'bg-white text-surface-900 shadow-sm dark:bg-surface-700 dark:text-surface-100'
+            : 'text-surface-500 hover:text-surface-700 dark:text-surface-400 dark:hover:text-surface-200'"
+          @click="previewMode = 'desktop'"
+        >
+          <Monitor class="size-3.5" />
+          Desktop
+        </button>
+        <button
+          type="button"
+          role="radio"
+          :aria-checked="previewMode === 'mobile'"
+          title="Mobile preview"
+          class="inline-flex items-center gap-1.5 rounded-md px-2.5 py-1.5 text-xs font-medium transition-all"
+          :class="previewMode === 'mobile'
+            ? 'bg-white text-surface-900 shadow-sm dark:bg-surface-700 dark:text-surface-100'
+            : 'text-surface-500 hover:text-surface-700 dark:text-surface-400 dark:hover:text-surface-200'"
+          @click="previewMode = 'mobile'"
+        >
+          <Smartphone class="size-3.5" />
+          Mobile
+        </button>
+      </div>
+    </div>
+
+    <div class="min-h-0 overscroll-contain overflow-y-auto rounded-2xl bg-surface-50 dark:bg-surface-950/40">
+      <div class="mx-auto space-y-4 transition-all" :class="previewMode === 'mobile' ? 'max-w-sm' : 'max-w-full'">
+        <div class="overflow-hidden rounded-2xl border border-surface-200 bg-white shadow-sm dark:border-surface-800 dark:bg-surface-900">
+          <div class="h-1 bg-gradient-to-r from-brand-500 to-brand-400" />
+          <div class="p-5">
+            <div v-if="metadata.length" class="mb-3 flex flex-wrap gap-2">
+              <span
+                v-for="item in metadata"
+                :key="item.label"
+                class="inline-flex items-center gap-1.5 rounded-full border border-surface-200 bg-surface-50 px-2.5 py-1 text-xs font-medium text-surface-600 dark:border-surface-700 dark:bg-surface-800 dark:text-surface-300"
+              >
+                <component :is="item.icon" class="size-3 text-surface-400" />
+                {{ item.label }}
+              </span>
+            </div>
+
+            <h2 class="text-xl font-bold tracking-tight text-surface-900 dark:text-surface-50">
+              {{ jobDetails?.title || 'Your job title will appear here' }}
+            </h2>
+
+            <div class="mt-4 border-t border-surface-100 pt-4 dark:border-surface-800">
+              <MarkdownDescription
+                v-if="jobDetails?.description"
+                :value="jobDetails.description"
+              />
+              <p v-else class="text-sm italic text-surface-400 dark:text-surface-500">
+                Add a job description to preview the role candidates will see.
+              </p>
+            </div>
+          </div>
+        </div>
+
+        <ApplicationFormBody
+          v-model:form="previewForm"
+          v-model:responses="previewResponses"
+          v-model:resume="previewResume"
+          v-model:cover-letter="previewCover"
+          :job="previewJob"
+          mode="preview"
+          @edit-field="emit('edit-field', $event)"
+        />
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/app/components/ApplicationFormBody.vue b/app/components/ApplicationFormBody.vue
new file mode 100644
index 00000000..77331fb7
--- /dev/null
+++ b/app/components/ApplicationFormBody.vue
@@ -0,0 +1,338 @@
+<script setup lang="ts">
+/**
+ * Presentational application form — the single source of truth for how the
+ * candidate-facing application renders. Used in two modes:
+ *
+ *  - `live`    : the real, interactive form on /jobs/[slug]/apply.
+ *  - `preview` : a non-interactive replica shown inside the recruiter's
+ *                application builder. Fields are inert; clicking a field group
+ *                emits `edit-field` so the builder can open the matching editor.
+ *
+ * Keeping both modes in one component is deliberate: the recruiter preview can
+ * never drift from what candidates actually see, because there is only one
+ * layout. State, validation and submission live in the parent — this component
+ * is purely presentation plus two-way value binding.
+ */
+type Question = {
+  id: string
+  type: string
+  label: string
+  description?: string | null
+  required: boolean
+  options?: string[] | null
+}
+
+const props = withDefaults(defineProps<{
+  job: {
+    requireResume?: boolean
+    requireCoverLetter?: boolean
+    questions?: Question[]
+  }
+  mode?: 'live' | 'preview'
+  errors?: Record<string, string>
+  submitError?: string | null
+  isSubmitting?: boolean
+}>(), {
+  mode: 'live',
+  errors: () => ({}),
+  submitError: null,
+  isSubmitting: false,
+})
+
+const emit = defineEmits<{
+  (e: 'file-selected', questionId: string, file: File | null): void
+  (e: 'clear-error', key: string): void
+  (e: 'submit'): void
+  /** Preview mode: the recruiter clicked a field group to edit it. */
+  (e: 'edit-field', field: string): void
+}>()
+
+const form = defineModel<{
+  firstName: string
+  lastName: string
+  email: string
+  phone: string
+  website: string
+}>('form', { required: true })
+const responses = defineModel<Record<string, string | string[] | number | boolean>>('responses', { required: true })
+const resume = defineModel<File | null>('resume', { default: null })
+const coverLetter = defineModel<string>('coverLetter', { default: '' })
+
+const isPreview = computed(() => props.mode === 'preview')
+
+/** In preview mode, clicking a field group edits it instead of focusing the input. */
+function onFieldClick(field: string) {
+  if (isPreview.value) emit('edit-field', field)
+}
+</script>
+
+<template>
+  <!-- Application form card -->
+  <div class="rounded-2xl border border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-900 shadow-sm overflow-hidden">
+    <!-- Card header -->
+    <div class="border-b border-surface-100 dark:border-surface-800 px-6 sm:px-8 py-5">
+      <h2 class="text-base font-semibold text-surface-900 dark:text-surface-100">Your application</h2>
+      <p class="mt-0.5 text-sm text-surface-500">Fields marked with <span class="text-danger-500">*</span> are required.</p>
+    </div>
+
+    <div class="px-6 sm:px-8 py-6 sm:py-8">
+      <!-- Server error banner -->
+      <div
+        v-if="submitError"
+        class="rounded-xl border border-danger-200 dark:border-danger-800 bg-danger-50 dark:bg-danger-950/50 px-4 py-3 text-sm text-danger-700 dark:text-danger-400 mb-6 flex items-start gap-3"
+        role="alert"
+      >
+        <svg class="mt-0.5 size-4 shrink-0 text-danger-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/>
+        </svg>
+        <span>{{ submitError }}</span>
+      </div>
+
+      <form
+        class="space-y-5"
+        :class="isPreview ? 'select-none' : ''"
+        @submit.prevent="emit('submit')"
+      >
+        <!-- Honeypot (hidden from humans) -->
+        <div class="absolute -left-[9999px]" aria-hidden="true">
+          <label for="website">Website</label>
+          <input id="website" v-model="form.website" type="text" tabindex="-1" autocomplete="off" />
+        </div>
+
+        <!-- Name row -->
+        <div
+          class="grid grid-cols-1 sm:grid-cols-2 gap-4"
+          :class="isPreview ? 'cursor-pointer rounded-xl ring-offset-2 ring-offset-white dark:ring-offset-surface-900 hover:ring-2 hover:ring-brand-300 dark:hover:ring-brand-700 transition-shadow' : ''"
+          @click="onFieldClick('name')"
+        >
+          <!-- First Name -->
+          <div>
+            <label for="firstName" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
+              First Name <span class="text-danger-500">*</span>
+            </label>
+            <input
+              id="firstName"
+              v-model="form.firstName"
+              type="text"
+              placeholder="Jane"
+              autocomplete="given-name"
+              :tabindex="isPreview ? -1 : undefined"
+              :class="[
+                'w-full rounded-xl border px-3.5 py-2.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-800 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors',
+                errors.firstName ? 'border-danger-300 dark:border-danger-700 focus:ring-danger-500 focus:border-danger-500' : 'border-surface-300 dark:border-surface-700',
+                isPreview ? 'pointer-events-none' : '',
+              ]"
+            />
+            <p v-if="errors.firstName" class="mt-1.5 flex items-center gap-1 text-xs text-danger-600 dark:text-danger-400">
+              <svg class="size-3.5 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
+              {{ errors.firstName }}
+            </p>
+          </div>
+
+          <!-- Last Name -->
+          <div>
+            <label for="lastName" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
+              Last Name <span class="text-danger-500">*</span>
+            </label>
+            <input
+              id="lastName"
+              v-model="form.lastName"
+              type="text"
+              placeholder="Doe"
+              autocomplete="family-name"
+              :tabindex="isPreview ? -1 : undefined"
+              :class="[
+                'w-full rounded-xl border px-3.5 py-2.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-800 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors',
+                errors.lastName ? 'border-danger-300 dark:border-danger-700 focus:ring-danger-500 focus:border-danger-500' : 'border-surface-300 dark:border-surface-700',
+                isPreview ? 'pointer-events-none' : '',
+              ]"
+            />
+            <p v-if="errors.lastName" class="mt-1.5 flex items-center gap-1 text-xs text-danger-600 dark:text-danger-400">
+              <svg class="size-3.5 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
+              {{ errors.lastName }}
+            </p>
+          </div>
+        </div>
+
+        <!-- Email -->
+        <div
+          :class="isPreview ? 'cursor-pointer rounded-xl ring-offset-2 ring-offset-white dark:ring-offset-surface-900 hover:ring-2 hover:ring-brand-300 dark:hover:ring-brand-700 transition-shadow' : ''"
+          @click="onFieldClick('email')"
+        >
+          <label for="email" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
+            Email <span class="text-danger-500">*</span>
+          </label>
+          <input
+            id="email"
+            v-model="form.email"
+            type="email"
+            placeholder="you@example.com"
+            autocomplete="email"
+            :tabindex="isPreview ? -1 : undefined"
+            :class="[
+              'w-full rounded-xl border px-3.5 py-2.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-800 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors',
+              errors.email ? 'border-danger-300 dark:border-danger-700 focus:ring-danger-500 focus:border-danger-500' : 'border-surface-300 dark:border-surface-700',
+              isPreview ? 'pointer-events-none' : '',
+            ]"
+          />
+          <p v-if="errors.email" class="mt-1.5 flex items-center gap-1 text-xs text-danger-600 dark:text-danger-400">
+            <svg class="size-3.5 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
+            {{ errors.email }}
+          </p>
+        </div>
+
+        <!-- Phone -->
+        <div
+          :class="isPreview ? 'cursor-pointer rounded-xl ring-offset-2 ring-offset-white dark:ring-offset-surface-900 hover:ring-2 hover:ring-brand-300 dark:hover:ring-brand-700 transition-shadow' : ''"
+          @click="onFieldClick('phone')"
+        >
+          <label for="phone" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
+            Phone <span class="text-surface-400 font-normal text-xs">(optional)</span>
+          </label>
+          <input
+            id="phone"
+            v-model="form.phone"
+            type="tel"
+            placeholder="+1 (555) 123-4567"
+            autocomplete="tel"
+            :tabindex="isPreview ? -1 : undefined"
+            :class="[
+              'w-full rounded-xl border border-surface-300 dark:border-surface-700 px-3.5 py-2.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-800 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors',
+              isPreview ? 'pointer-events-none' : '',
+            ]"
+          />
+        </div>
+
+        <!-- Resume / Cover Letter uploads -->
+        <template v-if="job.requireResume || job.requireCoverLetter">
+          <div class="border-t border-surface-100 dark:border-surface-800 pt-5 space-y-5">
+            <!-- Resume -->
+            <div
+              v-if="job.requireResume"
+              :class="isPreview ? 'cursor-pointer rounded-xl ring-offset-2 ring-offset-white dark:ring-offset-surface-900 hover:ring-2 hover:ring-brand-300 dark:hover:ring-brand-700 transition-shadow' : ''"
+              @click="onFieldClick('resume')"
+            >
+              <label for="resume" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
+                Resume / CV <span class="text-danger-500">*</span>
+              </label>
+              <div
+                class="relative flex items-center gap-3 rounded-xl border border-dashed px-4 py-3 transition-colors"
+                :class="errors.resume
+                  ? 'border-danger-300 dark:border-danger-700 bg-danger-50/50 dark:bg-danger-950/20'
+                  : 'border-surface-300 dark:border-surface-700 bg-surface-50 dark:bg-surface-800/50'
+                "
+              >
+                <svg class="size-5 shrink-0 text-surface-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/>
+                  <polyline points="14 2 14 8 20 8"/>
+                </svg>
+                <div class="flex-1 min-w-0">
+                  <p v-if="resume" class="text-sm text-surface-900 dark:text-surface-100 truncate">{{ resume.name }}</p>
+                  <p v-else class="text-sm text-surface-500">PDF, DOC, or DOCX — max 10 MB</p>
+                </div>
+                <label
+                  for="resume"
+                  class="shrink-0 rounded-lg bg-white dark:bg-surface-700 border border-surface-200 dark:border-surface-600 px-3 py-1.5 text-xs font-medium text-surface-700 dark:text-surface-300 hover:bg-surface-50 dark:hover:bg-surface-600 transition-colors"
+                  :class="isPreview ? 'pointer-events-none' : 'cursor-pointer'"
+                >
+                  {{ resume ? 'Change' : 'Choose file' }}
+                </label>
+                <input
+                  id="resume"
+                  type="file"
+                  accept=".pdf,.doc,.docx"
+                  class="sr-only"
+                  :disabled="isPreview"
+                  @change="(e: Event) => { const t = e.target as HTMLInputElement; resume = t.files?.[0] ?? null; emit('clear-error', 'resume') }"
+                />
+              </div>
+              <p v-if="errors.resume" class="mt-1.5 flex items-center gap-1 text-xs text-danger-600 dark:text-danger-400">
+                <svg class="size-3.5 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
+                {{ errors.resume }}
+              </p>
+            </div>
+
+            <!-- Cover Letter -->
+            <div
+              v-if="job.requireCoverLetter"
+              :class="isPreview ? 'cursor-pointer rounded-xl ring-offset-2 ring-offset-white dark:ring-offset-surface-900 hover:ring-2 hover:ring-brand-300 dark:hover:ring-brand-700 transition-shadow' : ''"
+              @click="onFieldClick('coverLetter')"
+            >
+              <label for="coverLetterText" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
+                Cover Letter <span class="text-danger-500">*</span>
+              </label>
+              <textarea
+                id="coverLetterText"
+                v-model="coverLetter"
+                rows="6"
+                maxlength="10000"
+                placeholder="Tell us why you're interested in this role…"
+                :tabindex="isPreview ? -1 : undefined"
+                :class="[
+                  'w-full rounded-xl border px-4 py-3 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-800 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors',
+                  errors.coverLetter ? 'border-danger-300 dark:border-danger-700' : 'border-surface-300 dark:border-surface-700',
+                  isPreview ? 'pointer-events-none' : '',
+                ]"
+                @input="emit('clear-error', 'coverLetter')"
+              />
+              <p v-if="errors.coverLetter" class="mt-1.5 flex items-center gap-1 text-xs text-danger-600 dark:text-danger-400">
+                <svg class="size-3.5 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
+                {{ errors.coverLetter }}
+              </p>
+              <p v-else class="mt-1.5 text-xs text-surface-500">Max 10,000 characters.</p>
+            </div>
+          </div>
+        </template>
+
+        <!-- Custom questions -->
+        <template v-if="job.questions && job.questions.length > 0">
+          <div class="border-t border-surface-100 dark:border-surface-800 pt-5">
+            <p class="text-sm font-medium text-surface-700 dark:text-surface-300 mb-4">Additional questions</p>
+            <div class="space-y-5">
+              <div
+                v-for="q in job.questions"
+                :key="q.id"
+                :class="isPreview ? 'cursor-pointer rounded-xl ring-offset-2 ring-offset-white dark:ring-offset-surface-900 hover:ring-2 hover:ring-brand-300 dark:hover:ring-brand-700 transition-shadow' : ''"
+                @click="onFieldClick(`question:${q.id}`)"
+              >
+                <div :class="isPreview ? 'pointer-events-none' : ''">
+                  <DynamicField
+                    v-model="responses[q.id]"
+                    :question="q"
+                    :error="errors[`q-${q.id}`]"
+                    @file-selected="(id: string, file: File | null) => emit('file-selected', id, file)"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+
+        <!-- Submit row -->
+        <div class="border-t border-surface-100 dark:border-surface-800 pt-5 flex flex-col sm:flex-row sm:items-center gap-3">
+          <button
+            type="submit"
+            :disabled="isSubmitting || isPreview"
+            :tabindex="isPreview ? -1 : undefined"
+            class="inline-flex items-center justify-center gap-2 rounded-xl bg-brand-600 px-7 py-3 text-sm font-semibold text-white shadow-sm hover:bg-brand-700 active:scale-[0.98] disabled:opacity-50 disabled:cursor-not-allowed transition-all"
+            :class="isPreview ? 'pointer-events-none' : ''"
+          >
+            <!-- Spinner -->
+            <svg
+              v-if="isSubmitting"
+              class="size-4 animate-spin"
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+            >
+              <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+              <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" />
+            </svg>
+            {{ isSubmitting ? 'Submitting…' : 'Submit Application' }}
+          </button>
+          <p class="text-xs text-surface-400">Your information is kept confidential.</p>
+        </div>
+      </form>
+    </div>
+  </div>
+</template>
diff --git a/app/layouts/dashboard.vue b/app/layouts/dashboard.vue
index e93e20b1..6fd88a91 100644
--- a/app/layouts/dashboard.vue
+++ b/app/layouts/dashboard.vue
@@ -27,7 +27,14 @@ const isDemoAccount = computed(() => session.value?.user?.email === 'demo@reqcor
     <ClientOnly>
       <DemoUpsellBanner v-if="isDemoAccount" />
     </ClientOnly>
-    <main :class="['relative flex-1 min-h-0 overflow-y-auto', isFullbleed ? 'overflow-hidden' : 'px-4 py-6 sm:px-6 lg:px-8 lg:py-8']">
+    <main
+      :class="[
+        'relative flex-1 min-h-0',
+        isFullbleed
+          ? 'flex flex-col overflow-hidden'
+          : 'overflow-y-auto px-4 py-6 sm:px-6 lg:px-8 lg:py-8',
+      ]"
+    >
       <!-- Demo mode banner -->
       <div
         v-if="isDemo"
@@ -44,7 +51,9 @@ const isDemoAccount = computed(() => session.value?.user?.email === 'demo@reqcor
           >Deploy your own free instance →</a>
         </span>
       </div>
-      <slot />
+      <div :class="isFullbleed ? 'min-h-0 flex-1 overflow-hidden' : 'contents'">
+        <slot />
+      </div>
     </main>
   </div>
 </template>
diff --git a/app/pages/dashboard/jobs/[id]/application-form.vue b/app/pages/dashboard/jobs/[id]/application-form.vue
index 8c7894ea..bda72e84 100644
--- a/app/pages/dashboard/jobs/[id]/application-form.vue
+++ b/app/pages/dashboard/jobs/[id]/application-form.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { FileText, Link2, ClipboardCopy, Check, Plus, Copy, CheckCircle2, XCircle, ToggleLeft, ToggleRight, Trash2, Radio, ChevronDown, X, ExternalLink } from 'lucide-vue-next'
+import { Link2, ClipboardCopy, Plus, Copy, CheckCircle2, XCircle, ToggleLeft, ToggleRight, Trash2, Radio, ChevronDown, X } from 'lucide-vue-next'
 
 definePageMeta({
   layout: 'dashboard',
@@ -43,35 +43,59 @@ async function copyApplicationLink() {
 }
 
 // ─────────────────────────────────────────────
-// Application requirements (resume / cover letter)
+// Live application builder — shared with the create-job wizard.
+// Every edit persists immediately via the operations below.
 // ─────────────────────────────────────────────
 
-const requireResume = ref(false)
-const requireCoverLetter = ref(false)
-const isSavingRequirements = ref(false)
-const requirementsSaved = ref(false)
-const requirementsError = ref<string | null>(null)
+const {
+  questions: jobQuestions,
+  addQuestion,
+  updateQuestion,
+  deleteQuestion,
+  reorderQuestions,
+} = useJobQuestions(jobId)
+
+type BuilderQuestion = {
+  id: string
+  label: string
+  type: string
+  description?: string | null
+  required: boolean
+  options?: string[] | null
+}
 
-// Sync with fetched job data
+const builderModel = ref<{
+  requireResume: boolean
+  requireCoverLetter: boolean
+  questions: BuilderQuestion[]
+}>({ requireResume: false, requireCoverLetter: false, questions: [] })
+
+// Keep the builder model in sync with server state.
 watch(job, (j) => {
   if (j) {
-    requireResume.value = j.requireResume ?? false
-    requireCoverLetter.value = j.requireCoverLetter ?? false
+    builderModel.value.requireResume = j.requireResume ?? false
+    builderModel.value.requireCoverLetter = j.requireCoverLetter ?? false
   }
 }, { immediate: true })
 
-async function saveRequirements() {
-  isSavingRequirements.value = true
-  requirementsError.value = null
-  try {
-    await updateJob({ requireResume: requireResume.value, requireCoverLetter: requireCoverLetter.value })
-    requirementsSaved.value = true
-    setTimeout(() => { requirementsSaved.value = false }, 2000)
-  } catch (err: any) {
-    requirementsError.value = err?.data?.statusMessage ?? 'Failed to save requirements.'
-  } finally {
-    isSavingRequirements.value = false
-  }
+watch(jobQuestions, (qs) => {
+  builderModel.value.questions = (qs ?? []).map((q: any) => ({
+    id: q.id,
+    label: q.label,
+    type: q.type,
+    description: q.description ?? null,
+    required: q.required,
+    options: q.options ?? null,
+  }))
+}, { immediate: true })
+
+const builderOperations = {
+  addQuestion: (data: any) => addQuestion({ ...data, displayOrder: jobQuestions.value?.length ?? 0 }),
+  updateQuestion: (id: string, data: any) => updateQuestion(id, data),
+  deleteQuestion: (id: string) => deleteQuestion(id),
+  reorderQuestions: (order: { id: string; displayOrder: number }[]) => reorderQuestions(order),
+  setRequireResume: (value: boolean) => updateJob({ requireResume: value }),
+  setRequireCoverLetter: (value: boolean) => updateJob({ requireCoverLetter: value }),
 }
 
 // ─────────────────────────────────────────────
@@ -173,7 +197,7 @@ async function copyTrackingUrl(code: string) {
 </script>
 
 <template>
-  <div class="mx-auto max-w-3xl">
+  <div class="mx-auto max-w-6xl">
     <JobSubNavActions :job-id="jobId" />
 
     <!-- Loading -->
@@ -229,67 +253,13 @@ async function copyTrackingUrl(code: string) {
         The application link will be available when this job is published (status: <strong>open</strong>).
       </div>
 
-      <!-- Application Requirements -->
+      <!-- Application builder: controls + live candidate preview -->
       <div class="rounded-lg border border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-900 p-5 mb-6">
-        <h2 class="text-sm font-semibold text-surface-700 dark:text-surface-300 mb-1">Application requirements</h2>
-        <p class="text-xs text-surface-400 dark:text-surface-500 mb-4">
-          Choose what candidates must provide when applying.
-        </p>
-        <div class="grid grid-cols-1 sm:grid-cols-2 gap-3 mb-4">
-          <button
-            type="button"
-            class="relative flex items-center gap-3 p-4 rounded-xl border text-left transition-colors"
-            :class="requireResume
-              ? 'border-brand-300 dark:border-brand-700 bg-brand-50/70 dark:bg-brand-950/30'
-              : 'border-surface-200 dark:border-surface-800 hover:bg-surface-50 dark:hover:bg-surface-800/50'"
-            :aria-pressed="requireResume"
-            @click="requireResume = !requireResume"
-          >
-            <span
-              v-if="requireResume"
-              class="absolute top-3 right-3 inline-flex items-center justify-center size-5 rounded-full bg-brand-600 text-white"
-              aria-hidden="true"
-            >
-              <Check class="size-3" />
-            </span>
-            <div>
-              <span class="block text-sm font-medium text-surface-900 dark:text-surface-100">Require resume/CV</span>
-              <span class="text-xs text-surface-500">Candidates must upload a file.</span>
-            </div>
-          </button>
-          <button
-            type="button"
-            class="relative flex items-center gap-3 p-4 rounded-xl border text-left transition-colors"
-            :class="requireCoverLetter
-              ? 'border-brand-300 dark:border-brand-700 bg-brand-50/70 dark:bg-brand-950/30'
-              : 'border-surface-200 dark:border-surface-800 hover:bg-surface-50 dark:hover:bg-surface-800/50'"
-            :aria-pressed="requireCoverLetter"
-            @click="requireCoverLetter = !requireCoverLetter"
-          >
-            <span
-              v-if="requireCoverLetter"
-              class="absolute top-3 right-3 inline-flex items-center justify-center size-5 rounded-full bg-brand-600 text-white"
-              aria-hidden="true"
-            >
-              <Check class="size-3" />
-            </span>
-            <div>
-              <span class="block text-sm font-medium text-surface-900 dark:text-surface-100">Ask for cover letter</span>
-              <span class="text-xs text-surface-500">Candidates can write a cover letter.</span>
-            </div>
-          </button>
-        </div>
-        <button
-          type="button"
-          :disabled="isSavingRequirements"
-          class="inline-flex items-center gap-1.5 rounded-lg bg-brand-600 px-4 py-2 text-sm font-medium text-white hover:bg-brand-700 disabled:opacity-50 transition-colors"
-          @click="saveRequirements"
-        >
-          {{ requirementsSaved ? 'Saved!' : isSavingRequirements ? 'Saving…' : 'Save requirements' }}
-        </button>
-        <p v-if="requirementsError" class="mt-2 text-xs text-danger-600 dark:text-danger-400">
-          {{ requirementsError }}
-        </p>
+        <ApplicationBuilder
+          v-model="builderModel"
+          :job-title="job.title"
+          :operations="builderOperations"
+        />
       </div>
 
       <!-- Tracking Links for this Job -->
@@ -393,17 +363,6 @@ async function copyTrackingUrl(code: string) {
         </div>
       </div>
 
-      <!-- Application Form Questions -->
-      <div class="rounded-lg border border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-900 p-5">
-        <div class="flex items-center gap-2 mb-3">
-          <FileText class="size-4 text-surface-500 dark:text-surface-400" />
-          <h2 class="text-sm font-semibold text-surface-700 dark:text-surface-300">Custom Questions</h2>
-        </div>
-        <p class="text-xs text-surface-400 dark:text-surface-500 mb-4">
-          Customize the questions applicants must answer when applying. All applications include name, email, and phone by default.
-        </p>
-        <JobQuestions :job-id="jobId" />
-      </div>
     </template>
 
     <!-- ═══════════════════════════════════════ -->
diff --git a/app/pages/dashboard/jobs/new.vue b/app/pages/dashboard/jobs/new.vue
index 69c96143..7da38397 100644
--- a/app/pages/dashboard/jobs/new.vue
+++ b/app/pages/dashboard/jobs/new.vue
@@ -3,15 +3,10 @@ import {
   ArrowLeft,
   Check,
   Plus,
-  Pencil,
   Trash2,
-  ChevronUp,
-  ChevronDown,
   ChevronRight,
   ArrowRight,
-  GripVertical,
   Link2,
-  ClipboardCopy,
   Rocket,
   FileEdit,
   ExternalLink,
@@ -25,9 +20,6 @@ import {
   Sparkles,
   Loader2,
   SlidersHorizontal,
-  Lock,
-  Upload,
-  CircleHelp,
   Share2,
   Globe,
   Mail,
@@ -43,6 +35,7 @@ import { z } from 'zod'
 definePageMeta({
   layout: 'dashboard',
   middleware: ['auth', 'require-org'],
+  fullbleed: true,
 })
 
 useSeoMeta({
@@ -77,6 +70,7 @@ type DraftQuestion = {
 
 // Wizard state
 const currentStep = ref<1 | 2 | 3 | 4>(1)
+const wizardEditor = useTemplateRef<HTMLElement>('wizardEditor')
 const steps = [
   { id: 1, title: 'Job details', description: 'Tell applicants about this role.' },
   { id: 2, title: 'Application form', description: 'Design the application form.' },
@@ -281,11 +275,7 @@ function autoGenerateKey(name: string): string {
 
 const isSubmitting = ref(false)
 const errors = ref<Record<string, string>>({})
-const showAddForm = ref(false)
-const editingQuestion = ref<DraftQuestion | null>(null)
 const linkCopied = ref(false)
-const questionActionError = ref<string | null>(null)
-const nextQuestionId = ref(1)
 
 // Check if at least one AI provider is configured with a valid API key.
 // /api/ai-config returns an array of configurations now (multi-config era).
@@ -562,68 +552,10 @@ function prevStep() {
   if (currentStep.value > 1) currentStep.value--
 }
 
-function handleAddQuestion(data: {
-  label: string
-  type: string
-  description?: string
-  required: boolean
-  options?: string[]
-}) {
-  applicationForm.value.questions.push({
-    id: `draft-${nextQuestionId.value++}`,
-    label: data.label,
-    type: data.type as QuestionType,
-    description: data.description ?? null,
-    required: data.required,
-    options: data.options ?? null,
-  })
-  showAddForm.value = false
-  questionActionError.value = null
-}
-
-function handleUpdateQuestion(data: {
-  label: string
-  type: string
-  description?: string
-  required: boolean
-  options?: string[]
-}) {
-  if (!editingQuestion.value) return
-
-  const index = applicationForm.value.questions.findIndex((q) => q.id === editingQuestion.value?.id)
-  if (index === -1) return
-
-  const existingQuestion = applicationForm.value.questions[index]
-  if (!existingQuestion) return
-
-  applicationForm.value.questions[index] = {
-    id: existingQuestion.id,
-    label: data.label,
-    type: data.type as QuestionType,
-    description: data.description ?? null,
-    required: data.required,
-    options: data.options ?? null,
-  }
-  editingQuestion.value = null
-  questionActionError.value = null
-}
-
-function handleDeleteQuestion(questionId: string) {
-  const index = applicationForm.value.questions.findIndex((q) => q.id === questionId)
-  if (index === -1) return
-  applicationForm.value.questions.splice(index, 1)
-  if (editingQuestion.value?.id === questionId) {
-    editingQuestion.value = null
-  }
-  questionActionError.value = null
-}
-
-function moveQuestion(index: number, direction: 'up' | 'down') {
-  const list = applicationForm.value.questions
-  const targetIndex = direction === 'up' ? index - 1 : index + 1
-  if (targetIndex < 0 || targetIndex >= list.length) return
-  ;[list[index], list[targetIndex]] = [list[targetIndex]!, list[index]!]
-}
+watch(currentStep, async () => {
+  await nextTick()
+  wizardEditor.value?.scrollTo({ top: 0, behavior: 'auto' })
+})
 
 function slugifyTitle(raw: string) {
   return raw
@@ -777,61 +709,33 @@ const typeOptions = [
   { value: 'contract', label: 'Contract' },
   { value: 'internship', label: 'Internship' },
 ]
-
-const questionTypeLabels: Record<QuestionType, string> = {
-  short_text: 'Short Text',
-  long_text: 'Long Text',
-  single_select: 'Single Select',
-  multi_select: 'Multi Select',
-  number: 'Number',
-  date: 'Date',
-  url: 'URL',
-  checkbox: 'Checkbox',
-  file_upload: 'File Upload',
-}
 </script>
 
 <template>
-  <div class="mx-auto max-w-3xl px-4 -mt-2">
-    <!-- Header with top actions -->
-    <div class="flex flex-col md:flex-row md:items-center justify-between gap-2 mb-3">
-      <div>
-        <NuxtLink
-          :to="$localePath('/dashboard/jobs')"
-          class="inline-flex items-center gap-1 text-sm text-surface-500 dark:text-surface-400 hover:text-surface-700 dark:hover:text-surface-200 mb-1 transition-colors"
-        >
-          <ArrowLeft class="size-4" />
-          Back to Jobs
-        </NuxtLink>
-        <h1 class="text-2xl font-bold text-surface-900 dark:text-surface-100">New Job</h1>
-      </div>
-      <div v-if="!isPublished" class="flex items-center gap-3">
-        <button
-          type="button"
-          class="px-4 py-2 text-sm font-medium text-surface-600 dark:text-surface-400 hover:text-surface-900 dark:hover:text-surface-100 transition-colors"
-          @click="handleSubmit('draft')"
-          :disabled="isSubmitting"
-        >
-          Save & exit
-        </button>
-      </div>
-    </div>
-
-    <!-- Stepper -->
-    <div class="mb-4">
-      <ol class="flex items-center w-full gap-2">
+  <div class="mx-auto flex h-full w-full max-w-7xl flex-col overflow-y-auto px-4 py-2 sm:px-6 lg:px-8 lg:py-3 xl:min-h-0 xl:overflow-hidden">
+    <!-- Compact wizard navigation -->
+    <div class="mb-3 flex items-center gap-3">
+      <NuxtLink
+        :to="$localePath('/dashboard/jobs')"
+        class="inline-flex shrink-0 items-center gap-1 rounded-md px-1.5 py-1 text-xs font-medium text-surface-500 transition-colors hover:bg-surface-100 hover:text-surface-800 dark:text-surface-400 dark:hover:bg-surface-800 dark:hover:text-surface-100"
+      >
+        <ArrowLeft class="size-3.5" />
+        <span class="hidden sm:inline">Jobs</span>
+      </NuxtLink>
+
+      <ol class="flex min-w-0 flex-1 items-center gap-1">
         <li
           v-for="(step, idx) in steps"
           :key="step.id"
           class="flex items-center flex-1 min-w-0 cursor-pointer"
           @click="goToStep(step.id as typeof currentStep)"
         >
-          <div class="flex items-center gap-2 min-w-0">
+          <div class="flex min-w-0 items-center gap-1.5">
             <div
-              class="flex items-center justify-center size-7 rounded-full border text-xs font-medium shrink-0 transition-all"
+              class="flex size-6 shrink-0 items-center justify-center rounded-full border text-[11px] font-medium transition-all"
               :class="[
                 currentStep === step.id
-                  ? 'bg-brand-600 text-white border-brand-600 ring-2 ring-brand-100 dark:ring-brand-950'
+                  ? 'bg-brand-600 text-white border-brand-600 ring-1 ring-brand-100 dark:ring-brand-950'
                   : currentStep > step.id
                     ? 'bg-brand-100 dark:bg-brand-900 text-brand-700 dark:text-brand-300 border-brand-200 dark:border-brand-800'
                     : 'bg-white dark:bg-surface-900 text-surface-400 dark:text-surface-500 border-surface-200 dark:border-surface-800'
@@ -841,7 +745,7 @@ const questionTypeLabels: Record<QuestionType, string> = {
               <span v-else>{{ step.id }}</span>
             </div>
             <span
-              class="text-xs font-medium truncate hidden sm:inline"
+              class="hidden truncate text-[11px] font-medium md:inline"
               :class="currentStep >= step.id ? 'text-surface-900 dark:text-surface-100' : 'text-surface-400 dark:text-surface-500'"
             >
               {{ step.title }}
@@ -849,16 +753,34 @@ const questionTypeLabels: Record<QuestionType, string> = {
           </div>
           <div
             v-if="idx < steps.length - 1"
-            class="flex-1 h-0.5 mx-2 rounded-full transition-colors"
+            class="mx-1.5 h-px flex-1 rounded-full transition-colors"
             :class="currentStep > step.id ? 'bg-brand-600' : 'bg-surface-200 dark:bg-surface-800'"
           />
         </li>
       </ol>
+
+      <button
+        v-if="!isPublished"
+        type="button"
+        class="shrink-0 rounded-md px-2 py-1 text-xs font-medium text-surface-500 transition-colors hover:bg-surface-100 hover:text-surface-900 disabled:opacity-50 dark:text-surface-400 dark:hover:bg-surface-800 dark:hover:text-surface-100"
+        :disabled="isSubmitting"
+        @click="handleSubmit('draft')"
+      >
+        Save &amp; exit
+      </button>
     </div>
 
-    <!-- Main Layout: Form -->
-    <div>
-      <div class="space-y-6">
+    <!-- Main Layout: editor + persistent live preview -->
+    <div
+      class="grid gap-6 xl:min-h-0 xl:flex-1"
+      :class="currentStep <= 2
+        ? 'xl:grid-cols-[minmax(0,3fr)_minmax(24rem,2fr)]'
+        : 'mx-auto w-full max-w-3xl xl:grid-cols-1'"
+    >
+      <div
+        ref="wizardEditor"
+        class="min-w-0 space-y-6 xl:min-h-0 xl:overflow-y-auto xl:overscroll-contain xl:pb-1 xl:pr-1"
+      >
 
         <div class="rounded-xl border border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-900 shadow-sm overflow-hidden">
           <form @submit.prevent="() => handleSubmit()" class="p-5 md:p-6">
@@ -963,261 +885,13 @@ const questionTypeLabels: Record<QuestionType, string> = {
             </section>
 
             <!-- Step 2: Application form -->
-            <section v-else-if="currentStep === 2" class="space-y-8">
-              <div>
-                <p class="text-xs font-semibold text-surface-400 dark:text-surface-500 uppercase tracking-wider mb-3">Customize your application form</p>
-                <p class="text-sm text-surface-500 dark:text-surface-400 leading-relaxed">
-                  Configure which fields candidates see when they apply. Locked fields are always collected and cannot be turned off.
-                </p>
-              </div>
-
-              <!-- Personal information -->
-              <div>
-                <h2 class="text-base font-semibold text-surface-900 dark:text-surface-100 pb-3 border-b border-surface-100 dark:border-surface-800">Personal information</h2>
-                <div class="divide-y divide-surface-100 dark:divide-surface-800">
-                  <div class="flex items-center justify-between py-3.5 px-1">
-                    <div class="flex items-center gap-2.5">
-                      <span class="text-sm text-surface-900 dark:text-surface-100">First name</span>
-                      <Lock class="size-3 text-surface-300 dark:text-surface-600" />
-                    </div>
-                    <span class="inline-flex items-center rounded-md bg-brand-50 dark:bg-brand-950/50 px-2.5 py-1 text-xs font-medium text-brand-700 dark:text-brand-300 ring-1 ring-inset ring-brand-200 dark:ring-brand-800">
-                      Mandatory
-                    </span>
-                  </div>
-                  <div class="flex items-center justify-between py-3.5 px-1">
-                    <div class="flex items-center gap-2.5">
-                      <span class="text-sm text-surface-900 dark:text-surface-100">Last name</span>
-                      <Lock class="size-3 text-surface-300 dark:text-surface-600" />
-                    </div>
-                    <span class="inline-flex items-center rounded-md bg-brand-50 dark:bg-brand-950/50 px-2.5 py-1 text-xs font-medium text-brand-700 dark:text-brand-300 ring-1 ring-inset ring-brand-200 dark:ring-brand-800">
-                      Mandatory
-                    </span>
-                  </div>
-                  <div class="flex items-center justify-between py-3.5 px-1">
-                    <div class="flex items-center gap-2.5">
-                      <span class="text-sm text-surface-900 dark:text-surface-100">Email</span>
-                      <Lock class="size-3 text-surface-300 dark:text-surface-600" />
-                    </div>
-                    <span class="inline-flex items-center rounded-md bg-brand-50 dark:bg-brand-950/50 px-2.5 py-1 text-xs font-medium text-brand-700 dark:text-brand-300 ring-1 ring-inset ring-brand-200 dark:ring-brand-800">
-                      Mandatory
-                    </span>
-                  </div>
-                  <div class="flex items-center justify-between py-3.5 px-1">
-                    <div class="flex items-center gap-2.5">
-                      <span class="text-sm text-surface-900 dark:text-surface-100">Phone</span>
-                      <Lock class="size-3 text-surface-300 dark:text-surface-600" />
-                    </div>
-                    <span class="inline-flex items-center rounded-md bg-surface-100 dark:bg-surface-800 px-2.5 py-1 text-xs font-medium text-surface-600 dark:text-surface-400 ring-1 ring-inset ring-surface-200 dark:ring-surface-700">
-                      Optional
-                    </span>
-                  </div>
-                </div>
-              </div>
-
-              <!-- Documents -->
-              <div>
-                <h2 class="text-base font-semibold text-surface-900 dark:text-surface-100 pb-3 border-b border-surface-100 dark:border-surface-800">Documents</h2>
-                <div class="divide-y divide-surface-100 dark:divide-surface-800">
-                  <!-- Resume -->
-                  <div class="flex items-center justify-between py-4 px-1">
-                    <div>
-                      <div class="flex items-center gap-2">
-                        <Upload class="size-4 text-surface-400 dark:text-surface-500" />
-                        <span class="text-sm font-medium text-surface-900 dark:text-surface-100">Resume / CV</span>
-                      </div>
-                      <p class="text-xs text-surface-400 dark:text-surface-500 mt-1 ml-6">PDF, DOC, or DOCX up to 10 MB</p>
-                    </div>
-                    <div class="inline-flex items-center rounded-lg bg-surface-100 dark:bg-surface-800 p-0.5" role="radiogroup" aria-label="Resume requirement">
-                      <button
-                        type="button"
-                        role="radio"
-                        :aria-checked="applicationForm.requireResume"
-                        @click="applicationForm.requireResume = true"
-                        class="px-3 py-1.5 text-xs font-medium rounded-md transition-all"
-                        :class="applicationForm.requireResume
-                          ? 'bg-brand-600 text-white shadow-sm'
-                          : 'text-surface-500 dark:text-surface-400 hover:text-surface-700 dark:hover:text-surface-200'"
-                      >
-                        Required
-                      </button>
-                      <button
-                        type="button"
-                        role="radio"
-                        :aria-checked="!applicationForm.requireResume"
-                        @click="applicationForm.requireResume = false"
-                        class="px-3 py-1.5 text-xs font-medium rounded-md transition-all"
-                        :class="!applicationForm.requireResume
-                          ? 'bg-white dark:bg-surface-700 text-surface-700 dark:text-surface-300 shadow-sm'
-                          : 'text-surface-500 dark:text-surface-400 hover:text-surface-700 dark:hover:text-surface-200'"
-                      >
-                        Off
-                      </button>
-                    </div>
-                  </div>
-                  <!-- Cover letter -->
-                  <div class="flex items-center justify-between py-4 px-1">
-                    <div>
-                      <div class="flex items-center gap-2">
-                        <FileText class="size-4 text-surface-400 dark:text-surface-500" />
-                        <span class="text-sm font-medium text-surface-900 dark:text-surface-100">Cover letter</span>
-                      </div>
-                      <p class="text-xs text-surface-400 dark:text-surface-500 mt-1 ml-6">Free-text field, max 10,000 characters</p>
-                    </div>
-                    <div class="inline-flex items-center rounded-lg bg-surface-100 dark:bg-surface-800 p-0.5" role="radiogroup" aria-label="Cover letter requirement">
-                      <button
-                        type="button"
-                        role="radio"
-                        :aria-checked="applicationForm.requireCoverLetter"
-                        @click="applicationForm.requireCoverLetter = true"
-                        class="px-3 py-1.5 text-xs font-medium rounded-md transition-all"
-                        :class="applicationForm.requireCoverLetter
-                          ? 'bg-brand-600 text-white shadow-sm'
-                          : 'text-surface-500 dark:text-surface-400 hover:text-surface-700 dark:hover:text-surface-200'"
-                      >
-                        Required
-                      </button>
-                      <button
-                        type="button"
-                        role="radio"
-                        :aria-checked="!applicationForm.requireCoverLetter"
-                        @click="applicationForm.requireCoverLetter = false"
-                        class="px-3 py-1.5 text-xs font-medium rounded-md transition-all"
-                        :class="!applicationForm.requireCoverLetter
-                          ? 'bg-white dark:bg-surface-700 text-surface-700 dark:text-surface-300 shadow-sm'
-                          : 'text-surface-500 dark:text-surface-400 hover:text-surface-700 dark:hover:text-surface-200'"
-                      >
-                        Off
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              <!-- Screening questions -->
-              <div>
-                <div class="flex items-center justify-between pb-3 border-b border-surface-100 dark:border-surface-800">
-                  <h2 class="text-base font-semibold text-surface-900 dark:text-surface-100">Screening questions</h2>
-                  <span v-if="applicationForm.questions.length > 0" class="text-xs font-medium text-surface-400 dark:text-surface-500 tabular-nums">
-                    {{ applicationForm.questions.length }} {{ applicationForm.questions.length === 1 ? 'question' : 'questions' }} added
-                  </span>
-                </div>
-
-                <div
-                  v-if="questionActionError"
-                  class="rounded-lg border border-danger-200 dark:border-danger-800 bg-danger-50 dark:bg-danger-950 p-3 text-sm text-danger-700 dark:text-danger-400 mt-4"
-                >
-                  {{ questionActionError }}
-                  <button class="ml-2 underline" @click="questionActionError = null">Dismiss</button>
-                </div>
-
-                <div v-if="applicationForm.questions.length > 0" class="divide-y divide-surface-100 dark:divide-surface-800">
-                  <div
-                    v-for="(q, index) in applicationForm.questions"
-                    :key="q.id"
-                    class="flex items-center gap-3 py-3.5 px-1 group"
-                  >
-                    <div class="text-surface-300 dark:text-surface-600 cursor-grab">
-                      <GripVertical class="size-4" />
-                    </div>
-                    <div class="flex-1 min-w-0">
-                      <div class="flex items-center gap-2">
-                        <span class="text-sm font-medium text-surface-900 dark:text-surface-100 truncate">{{ q.label }}</span>
-                        <span
-                          v-if="q.required"
-                          class="inline-flex items-center rounded-md bg-brand-50 dark:bg-brand-950/50 px-2 py-0.5 text-[10px] font-medium text-brand-700 dark:text-brand-300 ring-1 ring-inset ring-brand-200 dark:ring-brand-800"
-                        >
-                          Required
-                        </span>
-                        <span
-                          v-else
-                          class="inline-flex items-center rounded-md bg-surface-100 dark:bg-surface-800 px-2 py-0.5 text-[10px] font-medium text-surface-500 dark:text-surface-400 ring-1 ring-inset ring-surface-200 dark:ring-surface-700"
-                        >
-                          Optional
-                        </span>
-                      </div>
-                      <div class="flex items-center gap-1.5 mt-0.5 ml-0">
-                        <span class="text-xs text-surface-400 dark:text-surface-500">{{ questionTypeLabels[q.type] ?? q.type }}</span>
-                        <span v-if="q.description" class="text-xs text-surface-400 dark:text-surface-500 truncate">
-                          &middot; {{ q.description }}
-                        </span>
-                        <span
-                          v-if="(q.type === 'single_select' || q.type === 'multi_select') && q.options"
-                          class="text-xs text-surface-400 dark:text-surface-500"
-                        >
-                          &middot; {{ q.options.length }} options
-                        </span>
-                      </div>
-                    </div>
-                    <div class="flex items-center gap-0.5 opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity shrink-0">
-                      <button
-                        type="button"
-                        :disabled="index === 0"
-                        class="rounded p-1.5 text-surface-400 hover:text-surface-600 dark:hover:text-surface-200 hover:bg-surface-100 dark:hover:bg-surface-800 transition-colors disabled:opacity-30"
-                        title="Move up"
-                        @click="moveQuestion(index, 'up')"
-                      >
-                        <ChevronUp class="size-4" />
-                      </button>
-                      <button
-                        type="button"
-                        :disabled="index === applicationForm.questions.length - 1"
-                        class="rounded p-1.5 text-surface-400 hover:text-surface-600 dark:hover:text-surface-200 hover:bg-surface-100 dark:hover:bg-surface-800 transition-colors disabled:opacity-30"
-                        title="Move down"
-                        @click="moveQuestion(index, 'down')"
-                      >
-                        <ChevronDown class="size-4" />
-                      </button>
-                      <button
-                        type="button"
-                        class="rounded p-1.5 text-surface-400 hover:text-surface-600 dark:hover:text-surface-200 hover:bg-surface-100 dark:hover:bg-surface-800 transition-colors"
-                        title="Edit"
-                        @click="editingQuestion = q; showAddForm = false"
-                      >
-                        <Pencil class="size-4" />
-                      </button>
-                      <button
-                        type="button"
-                        class="rounded p-1.5 text-surface-400 hover:text-danger-600 dark:hover:text-danger-400 hover:bg-danger-50 dark:hover:bg-danger-950 transition-colors"
-                        title="Delete"
-                        @click="handleDeleteQuestion(q.id)"
-                      >
-                        <Trash2 class="size-4" />
-                      </button>
-                    </div>
-                  </div>
-                </div>
-
-                <p v-else class="text-sm text-surface-400 dark:text-surface-500 py-6 text-center">
-                  No screening questions added yet.
-                </p>
-
-                <QuestionForm
-                  v-if="editingQuestion"
-                  :question="editingQuestion"
-                  class="mt-4 mb-2"
-                  @save="handleUpdateQuestion"
-                  @cancel="editingQuestion = null"
-                />
-
-                <QuestionForm
-                  v-if="showAddForm && !editingQuestion"
-                  class="mt-4 mb-2"
-                  @save="handleAddQuestion"
-                  @cancel="showAddForm = false"
-                />
-
-                <div class="mt-4 flex items-center gap-3">
-                  <button
-                    v-if="!showAddForm && !editingQuestion"
-                    type="button"
-                    class="inline-flex items-center gap-1.5 rounded-lg border border-dashed border-surface-300 dark:border-surface-700 px-3 py-2 text-sm font-medium text-surface-600 dark:text-surface-400 hover:border-brand-400 dark:hover:border-brand-600 hover:text-brand-600 dark:hover:text-brand-400 hover:bg-brand-50/50 dark:hover:bg-brand-950/30 transition-colors"
-                    @click="showAddForm = true"
-                  >
-                    <Plus class="size-4" />
-                    Add a question
-                  </button>
-                </div>
-              </div>
+            <!-- Step 2: Application form (live builder) -->
+            <section v-else-if="currentStep === 2">
+              <ApplicationBuilder
+                v-model="applicationForm"
+                :job-title="form.title"
+                :show-preview="false"
+              />
             </section>
 
             <!-- Step 3: AI scoring criteria -->
@@ -2010,6 +1684,17 @@ const questionTypeLabels: Record<QuestionType, string> = {
           </form>
         </div>
       </div>
+
+      <aside
+        v-if="currentStep <= 2"
+        class="hidden min-w-0 xl:block xl:min-h-0 xl:overflow-hidden"
+      >
+        <ApplicationBuilderPreview
+          :application-form="applicationForm"
+          :job-details="form"
+          max-height="100%"
+        />
+      </aside>
     </div>
   </div>
 </template>
diff --git a/app/pages/jobs/[slug]/apply.vue b/app/pages/jobs/[slug]/apply.vue
index 9050f133..3a79691e 100644
--- a/app/pages/jobs/[slug]/apply.vue
+++ b/app/pages/jobs/[slug]/apply.vue
@@ -337,220 +337,19 @@ const typeLabels: Record<string, string> = {
       </div>
 
       <!-- Application form card -->
-      <div class="rounded-2xl border border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-900 shadow-sm overflow-hidden">
-        <!-- Card header -->
-        <div class="border-b border-surface-100 dark:border-surface-800 px-6 sm:px-8 py-5">
-          <h2 class="text-base font-semibold text-surface-900 dark:text-surface-100">Your application</h2>
-          <p class="mt-0.5 text-sm text-surface-500">Fields marked with <span class="text-danger-500">*</span> are required.</p>
-        </div>
-
-        <div class="px-6 sm:px-8 py-6 sm:py-8">
-          <!-- Server error banner -->
-          <div
-            v-if="submitError"
-            class="rounded-xl border border-danger-200 dark:border-danger-800 bg-danger-50 dark:bg-danger-950/50 px-4 py-3 text-sm text-danger-700 dark:text-danger-400 mb-6 flex items-start gap-3"
-            role="alert"
-          >
-            <svg class="mt-0.5 size-4 shrink-0 text-danger-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/>
-            </svg>
-            <span>{{ submitError }}</span>
-          </div>
-
-          <form class="space-y-5" @submit.prevent="handleSubmit">
-            <!-- Honeypot (hidden from humans) -->
-            <div class="absolute -left-[9999px]" aria-hidden="true">
-              <label for="website">Website</label>
-              <input id="website" v-model="form.website" type="text" tabindex="-1" autocomplete="off" />
-            </div>
-
-            <!-- Name row -->
-            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
-              <!-- First Name -->
-              <div>
-                <label for="firstName" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
-                  First Name <span class="text-danger-500">*</span>
-                </label>
-                <input
-                  id="firstName"
-                  v-model="form.firstName"
-                  type="text"
-                  placeholder="Jane"
-                  autocomplete="given-name"
-                  class="w-full rounded-xl border px-3.5 py-2.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-800 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors"
-                  :class="errors.firstName ? 'border-danger-300 dark:border-danger-700 focus:ring-danger-500 focus:border-danger-500' : 'border-surface-300 dark:border-surface-700'"
-                />
-                <p v-if="errors.firstName" class="mt-1.5 flex items-center gap-1 text-xs text-danger-600 dark:text-danger-400">
-                  <svg class="size-3.5 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
-                  {{ errors.firstName }}
-                </p>
-              </div>
-
-              <!-- Last Name -->
-              <div>
-                <label for="lastName" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
-                  Last Name <span class="text-danger-500">*</span>
-                </label>
-                <input
-                  id="lastName"
-                  v-model="form.lastName"
-                  type="text"
-                  placeholder="Doe"
-                  autocomplete="family-name"
-                  class="w-full rounded-xl border px-3.5 py-2.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-800 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors"
-                  :class="errors.lastName ? 'border-danger-300 dark:border-danger-700 focus:ring-danger-500 focus:border-danger-500' : 'border-surface-300 dark:border-surface-700'"
-                />
-                <p v-if="errors.lastName" class="mt-1.5 flex items-center gap-1 text-xs text-danger-600 dark:text-danger-400">
-                  <svg class="size-3.5 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
-                  {{ errors.lastName }}
-                </p>
-              </div>
-            </div>
-
-            <!-- Email -->
-            <div>
-              <label for="email" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
-                Email <span class="text-danger-500">*</span>
-              </label>
-              <input
-                id="email"
-                v-model="form.email"
-                type="email"
-                placeholder="you@example.com"
-                autocomplete="email"
-                class="w-full rounded-xl border px-3.5 py-2.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-800 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors"
-                :class="errors.email ? 'border-danger-300 dark:border-danger-700 focus:ring-danger-500 focus:border-danger-500' : 'border-surface-300 dark:border-surface-700'"
-              />
-              <p v-if="errors.email" class="mt-1.5 flex items-center gap-1 text-xs text-danger-600 dark:text-danger-400">
-                <svg class="size-3.5 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
-                {{ errors.email }}
-              </p>
-            </div>
-
-            <!-- Phone -->
-            <div>
-              <label for="phone" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
-                Phone <span class="text-surface-400 font-normal text-xs">(optional)</span>
-              </label>
-              <input
-                id="phone"
-                v-model="form.phone"
-                type="tel"
-                placeholder="+1 (555) 123-4567"
-                autocomplete="tel"
-                class="w-full rounded-xl border border-surface-300 dark:border-surface-700 px-3.5 py-2.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-800 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors"
-              />
-            </div>
-
-            <!-- Resume / Cover Letter uploads -->
-            <template v-if="job.requireResume || job.requireCoverLetter">
-              <div class="border-t border-surface-100 dark:border-surface-800 pt-5 space-y-5">
-                <!-- Resume -->
-                <div v-if="job.requireResume">
-                  <label for="resume" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
-                    Resume / CV <span class="text-danger-500">*</span>
-                  </label>
-                  <div
-                    class="relative flex items-center gap-3 rounded-xl border border-dashed px-4 py-3 transition-colors"
-                    :class="errors.resume
-                      ? 'border-danger-300 dark:border-danger-700 bg-danger-50/50 dark:bg-danger-950/20'
-                      : 'border-surface-300 dark:border-surface-700 bg-surface-50 dark:bg-surface-800/50'
-                    "
-                  >
-                    <svg class="size-5 shrink-0 text-surface-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                      <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/>
-                      <polyline points="14 2 14 8 20 8"/>
-                    </svg>
-                    <div class="flex-1 min-w-0">
-                      <p v-if="resumeFile" class="text-sm text-surface-900 dark:text-surface-100 truncate">{{ resumeFile.name }}</p>
-                      <p v-else class="text-sm text-surface-500">PDF, DOC, or DOCX — max 10 MB</p>
-                    </div>
-                    <label
-                      for="resume"
-                      class="shrink-0 cursor-pointer rounded-lg bg-white dark:bg-surface-700 border border-surface-200 dark:border-surface-600 px-3 py-1.5 text-xs font-medium text-surface-700 dark:text-surface-300 hover:bg-surface-50 dark:hover:bg-surface-600 transition-colors"
-                    >
-                      {{ resumeFile ? 'Change' : 'Choose file' }}
-                    </label>
-                    <input
-                      id="resume"
-                      type="file"
-                      accept=".pdf,.doc,.docx"
-                      class="sr-only"
-                      @change="(e: Event) => { const t = e.target as HTMLInputElement; resumeFile = t.files?.[0] ?? null; delete errors.resume }"
-                    />
-                  </div>
-                  <p v-if="errors.resume" class="mt-1.5 flex items-center gap-1 text-xs text-danger-600 dark:text-danger-400">
-                    <svg class="size-3.5 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
-                    {{ errors.resume }}
-                  </p>
-                </div>
-
-                <!-- Cover Letter -->
-                <div v-if="job.requireCoverLetter">
-                  <label for="coverLetterText" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
-                    Cover Letter <span class="text-danger-500">*</span>
-                  </label>
-                  <textarea
-                    id="coverLetterText"
-                    v-model="coverLetterText"
-                    rows="6"
-                    maxlength="10000"
-                    placeholder="Tell us why you're interested in this role…"
-                    class="w-full rounded-xl border px-4 py-3 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-800 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors"
-                    :class="errors.coverLetter ? 'border-danger-300 dark:border-danger-700' : 'border-surface-300 dark:border-surface-700'"
-                    @input="delete errors.coverLetter"
-                  />
-                  <p v-if="errors.coverLetter" class="mt-1.5 flex items-center gap-1 text-xs text-danger-600 dark:text-danger-400">
-                    <svg class="size-3.5 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
-                    {{ errors.coverLetter }}
-                  </p>
-                  <p v-else class="mt-1.5 text-xs text-surface-500">Max 10,000 characters.</p>
-                </div>
-              </div>
-            </template>
-
-            <!-- Custom questions -->
-            <template v-if="job.questions && job.questions.length > 0">
-              <div class="border-t border-surface-100 dark:border-surface-800 pt-5">
-                <p class="text-sm font-medium text-surface-700 dark:text-surface-300 mb-4">Additional questions</p>
-                <div class="space-y-5">
-                  <DynamicField
-                    v-for="q in job.questions"
-                    :key="q.id"
-                    v-model="responses[q.id]"
-                    :question="q"
-                    :error="errors[`q-${q.id}`]"
-                    @file-selected="handleFileSelected"
-                  />
-                </div>
-              </div>
-            </template>
-
-            <!-- Submit row -->
-            <div class="border-t border-surface-100 dark:border-surface-800 pt-5 flex flex-col sm:flex-row sm:items-center gap-3">
-              <button
-                type="submit"
-                :disabled="isSubmitting"
-                class="inline-flex items-center justify-center gap-2 rounded-xl bg-brand-600 px-7 py-3 text-sm font-semibold text-white shadow-sm hover:bg-brand-700 active:scale-[0.98] disabled:opacity-50 disabled:cursor-not-allowed transition-all"
-              >
-                <!-- Spinner -->
-                <svg
-                  v-if="isSubmitting"
-                  class="size-4 animate-spin"
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                >
-                  <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
-                  <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" />
-                </svg>
-                {{ isSubmitting ? 'Submitting…' : 'Submit Application' }}
-              </button>
-              <p class="text-xs text-surface-400">Your information is kept confidential.</p>
-            </div>
-          </form>
-        </div>
-      </div>
+      <ApplicationFormBody
+        v-model:form="form"
+        v-model:responses="responses"
+        v-model:resume="resumeFile"
+        v-model:cover-letter="coverLetterText"
+        :job="job"
+        :errors="errors"
+        :submit-error="submitError"
+        :is-submitting="isSubmitting"
+        @file-selected="handleFileSelected"
+        @clear-error="(key) => delete errors[key]"
+        @submit="handleSubmit"
+      />
     </template>
   </div>
 </template>
diff --git a/e2e/critical-flows/candidate-application.spec.ts b/e2e/critical-flows/candidate-application.spec.ts
index 9a24ceaf..237f8bd0 100644
--- a/e2e/critical-flows/candidate-application.spec.ts
+++ b/e2e/critical-flows/candidate-application.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '../fixtures'
+import { test, expect, declineAnalyticsConsent } from '../fixtures'
 
 /**
  * Critical flow: Candidate applies to a published job that contains every
@@ -202,6 +202,7 @@ test.describe('Candidate Application Flow — All Custom Question Field Types',
     // ── Candidate flow: fresh unauthenticated context ─────────────────────────
 
     const candidateContext = await browser.newContext()
+    await declineAnalyticsConsent(candidateContext)
     const candidatePage = await candidateContext.newPage()
 
     // Unique identity per run + retry — static emails cause a 409 "already
@@ -513,6 +514,7 @@ test.describe('Candidate Application — Required Cover Letter Validation', () =
 
     // ── Candidate flow ────────────────────────────────────────────────────────
     const candidateContext = await browser.newContext()
+    await declineAnalyticsConsent(candidateContext)
     const candidatePage = await candidateContext.newPage()
 
     await candidatePage.goto(applicationLink)
diff --git a/e2e/critical-flows/job-creation.spec.ts b/e2e/critical-flows/job-creation.spec.ts
index 0bf67a54..606be732 100644
--- a/e2e/critical-flows/job-creation.spec.ts
+++ b/e2e/critical-flows/job-creation.spec.ts
@@ -16,41 +16,92 @@ import { test, expect } from '../fixtures'
 const JOB_TITLE = 'Senior QA Engineer'
 const JOB_DESCRIPTION = 'We are looking for a senior QA engineer to lead our testing efforts.'
 const JOB_LOCATION = 'Remote'
+const QUESTION_LABEL = 'Which testing framework do you know best?'
+const UPDATED_QUESTION_LABEL = 'Which browser testing framework do you know best?'
 
 test.describe('Job Creation Flow', () => {
-  test('recruiter can create and publish a job', async ({ authenticatedPage, testAccount }) => {
+  test('recruiter can configure the application form and publish a job', async ({ authenticatedPage }) => {
     const page = authenticatedPage
+    const dismissFeedbackSurvey = async () => {
+      await page.getByRole('button', { name: 'No thanks' }).click({ timeout: 2_000 }).catch(() => {})
+    }
 
     // ── Navigate to Create Job ───────────────────────────
     await page.goto('/dashboard/jobs/new')
     await page.waitForLoadState('networkidle')
-    await expect(page.getByRole('heading', { name: 'New Job' })).toBeVisible()
+    await dismissFeedbackSurvey()
 
     // ── Step 1: Fill in job details ──────────────────────
     // Wait for the form to be fully hydrated before interacting
     await page.getByLabel('Job title').waitFor({ state: 'visible', timeout: 15_000 })
     await page.getByLabel('Job title').fill(JOB_TITLE)
-    await page.locator('textarea').first().fill(JOB_DESCRIPTION)
+    await page.getByLabel('Description').fill(JOB_DESCRIPTION)
     await page.getByLabel('Location').fill(JOB_LOCATION)
 
-    // Click through to step 3 and submit (scope to form to avoid header duplicate button)
+    // The persistent candidate preview should update as job details are entered.
+    const preview = page.getByRole('complementary')
+    await expect(preview.getByRole('heading', { name: JOB_TITLE })).toBeVisible()
+    await expect(preview.getByText(JOB_LOCATION)).toBeVisible()
+
     await page.locator('form').getByRole('button', { name: 'Save & continue' }).waitFor({ state: 'attached', timeout: 10_000 })
     await expect(page.locator('form').getByRole('button', { name: 'Save & continue' })).toBeEnabled({ timeout: 10_000 })
     await page.locator('form').getByRole('button', { name: 'Save & continue' }).click()
 
-    // Step 2: Application form — skip (defaults are fine)
+    // ── Step 2: Configure the application form ───────────
+    await expect(page.getByText('Customize your application form')).toBeVisible()
+
+    const resumeRequirement = page.getByRole('radiogroup', { name: 'Resume requirement' })
+    await resumeRequirement.getByRole('radio', { name: 'Off' }).click()
+    await expect(resumeRequirement.getByRole('radio', { name: 'Off' })).toBeChecked()
+    await expect(preview.getByText('Resume / CV', { exact: false })).toHaveCount(0)
+
+    const coverLetterRequirement = page.getByRole('radiogroup', { name: 'Cover letter requirement' })
+    await coverLetterRequirement.getByRole('radio', { name: 'Required' }).click()
+    await expect(coverLetterRequirement.getByRole('radio', { name: 'Required' })).toBeChecked()
+    await expect(preview.getByLabel('Cover Letter')).toBeVisible()
+
+    // Add a required single-select question and verify it appears in the preview.
+    await page.getByRole('button', { name: 'Add a question', exact: true }).click()
+    await page.getByLabel('Question').fill(QUESTION_LABEL)
+    await page.getByLabel('Field Type').selectOption('single_select')
+    await page.getByPlaceholder('Option 1').fill('Playwright')
+    await page.getByRole('button', { name: 'Add option' }).click()
+    await page.getByPlaceholder('Option 2').fill('Cypress')
+    await page.getByLabel('Required', { exact: true }).check()
+    await page.getByRole('button', { name: 'Add Question', exact: true }).click()
+
+    await expect(page.getByText('1 question added')).toBeVisible()
+    const previewQuestion = preview.getByLabel(QUESTION_LABEL)
+    await expect(previewQuestion).toBeVisible()
+    await expect(previewQuestion.getByRole('option', { name: 'Playwright' })).toHaveCount(1)
+    await expect(previewQuestion.getByRole('option', { name: 'Cypress' })).toHaveCount(1)
+
+    // Editing must update both the builder row and the candidate preview.
+    await page.getByTitle('Edit').click()
+    await page.getByLabel('Question').fill(UPDATED_QUESTION_LABEL)
+    await page.getByRole('button', { name: 'Update', exact: true }).click()
+    await expect(preview.getByLabel(UPDATED_QUESTION_LABEL)).toBeVisible()
+    await expect(preview.getByLabel(QUESTION_LABEL)).toHaveCount(0)
+
+    // Device switching is part of the new persistent preview.
+    const previewDevice = preview.getByRole('radiogroup', { name: 'Preview device' })
+    await previewDevice.getByRole('radio', { name: 'Mobile' }).click()
+    await expect(previewDevice.getByRole('radio', { name: 'Mobile' })).toBeChecked()
+
     await page.locator('form').getByRole('button', { name: 'Save & continue' }).waitFor({ state: 'attached', timeout: 10_000 })
     await expect(page.locator('form').getByRole('button', { name: 'Save & continue' })).toBeEnabled({ timeout: 10_000 })
     await page.locator('form').getByRole('button', { name: 'Save & continue' }).click()
 
     // Step 3: Scoring criteria — skip (defaults are fine)
     await page.locator('form').getByRole('button', { name: 'Save & continue' }).waitFor({ state: 'visible', timeout: 10_000 })
+    await dismissFeedbackSurvey()
     await page.locator('form').getByRole('button', { name: 'Save & continue' }).click()
 
     // Step 4: Publish the job
     await expect(page.getByRole('heading', { name: /Ready to go\?/i })).toBeVisible({ timeout: 10_000 })
     const publishButton = page.locator('form').getByRole('button', { name: /Publish & copy link/i })
     await publishButton.waitFor({ state: 'visible', timeout: 10_000 })
+    await dismissFeedbackSurvey()
     await publishButton.click()
 
     // ── Verify the success state ("Your job is live!") ───
@@ -70,5 +121,14 @@ test.describe('Job Creation Flow', () => {
 
     // Verify the "Apply" link/button is present (use .first() because the page has two apply links)
     await expect(page.getByRole('link', { name: /apply/i }).first()).toBeVisible()
+
+    // The published candidate form must match the builder configuration.
+    await page.goto(`/jobs/${jobSlug}/apply`)
+    await expect(page.getByLabel('Cover Letter')).toBeVisible()
+    await expect(page.getByText('Resume / CV', { exact: false })).toHaveCount(0)
+    const publishedQuestion = page.getByLabel(UPDATED_QUESTION_LABEL)
+    await expect(publishedQuestion).toBeVisible()
+    await expect(publishedQuestion.getByRole('option', { name: 'Playwright' })).toHaveCount(1)
+    await expect(publishedQuestion.getByRole('option', { name: 'Cypress' })).toHaveCount(1)
   })
 })
diff --git a/e2e/critical-flows/resume-upload.spec.ts b/e2e/critical-flows/resume-upload.spec.ts
index ee59561e..96bbc37c 100644
--- a/e2e/critical-flows/resume-upload.spec.ts
+++ b/e2e/critical-flows/resume-upload.spec.ts
@@ -1,5 +1,5 @@
 import { type Browser } from '@playwright/test'
-import { test, expect } from '../fixtures'
+import { test, expect, declineAnalyticsConsent } from '../fixtures'
 import {
   VALID_FILE_CONFIGS,
   INVALID_FILE_CONFIGS,
@@ -50,6 +50,7 @@ test.describe('Resume Upload — All File Formats', () => {
     // We need a fresh authenticated page to set up the job.
     // Re-use the same signup logic from fixtures.ts.
     const context = await browser.newContext()
+    await declineAnalyticsConsent(context)
     const page = await context.newPage()
 
     const id = `${Date.now()}-setup`
@@ -90,15 +91,32 @@ test.describe('Resume Upload — All File Formats', () => {
           resp => resp.url().includes('/api/auth/sign-in') && resp.status() === 200,
           { timeout: 30_000 },
         ),
-        page.getByRole('button', { name: 'Sign in' }).click(),
+        page.getByRole('button', { name: 'Sign in', exact: true }).click(),
       ])
-      await page.waitForURL('**/onboarding/**', { waitUntil: 'commit', timeout: 30_000 })
+      await page.goto('/onboarding/create-org')
     }
 
     await page.getByLabel('Organization name').waitFor({ state: 'visible', timeout: 30_000 })
     await page.getByLabel('Organization name').fill(account.orgName)
     await page.getByRole('button', { name: 'Create organization' }).click()
-    await page.waitForURL('**/dashboard**', { waitUntil: 'commit' })
+    await page.waitForURL(
+      url => url.pathname.includes('/dashboard') || url.pathname.includes('/auth/sign-in'),
+      { waitUntil: 'commit', timeout: 30_000 },
+    )
+
+    if (page.url().includes('/auth/sign-in')) {
+      await page.getByLabel('Email').fill(account.email)
+      await page.getByLabel('Password').fill(account.password)
+      await Promise.all([
+        page.waitForResponse(
+          resp => resp.url().includes('/api/auth/sign-in') && resp.status() === 200,
+          { timeout: 30_000 },
+        ),
+        page.getByRole('button', { name: 'Sign in', exact: true }).click(),
+      ])
+      await page.goto('/dashboard')
+    }
+    await page.waitForLoadState('networkidle')
 
     // ── Create job ─────────────────────────────────────────────────────────
 
@@ -204,6 +222,7 @@ async function assertUploadResult(
   const candidate = applicant(idx)
 
   const ctx = await browser.newContext()
+  await declineAnalyticsConsent(ctx)
   const page = await ctx.newPage()
 
   await page.goto(applicationLink)
diff --git a/e2e/critical-flows/source-tracking.spec.ts b/e2e/critical-flows/source-tracking.spec.ts
index 77ce00a5..171a41fb 100644
--- a/e2e/critical-flows/source-tracking.spec.ts
+++ b/e2e/critical-flows/source-tracking.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '../fixtures'
+import { test, expect, declineAnalyticsConsent } from '../fixtures'
 
 /**
  * Critical flow: Source tracking query parameters (?ref=, utm_*) propagate
@@ -67,6 +67,7 @@ test.describe('Source Tracking — Query Parameter Propagation', () => {
     // ── Step 2: Candidate navigates from job listing with tracking params ──────
 
     const candidateContext = await browser.newContext()
+    await declineAnalyticsConsent(candidateContext)
     const candidatePage = await candidateContext.newPage()
 
     const REF_CODE = 'TRACK_E2E_123'
diff --git a/e2e/fixtures.ts b/e2e/fixtures.ts
index e1c4928e..484bb285 100644
--- a/e2e/fixtures.ts
+++ b/e2e/fixtures.ts
@@ -1,4 +1,4 @@
-import { test as base, type Page } from '@playwright/test'
+import { test as base, type BrowserContext, type Page } from '@playwright/test'
 
 /**
  * Shared test fixtures for Reqcore E2E tests.
@@ -31,6 +31,14 @@ type Fixtures = {
   authenticatedPage: Page
 }
 
+export async function declineAnalyticsConsent(context: BrowserContext) {
+  await context.addCookies([{
+    name: 'reqcore-consent',
+    value: 'denied',
+    url: process.env.PLAYWRIGHT_BASE_URL || 'http://localhost:3333',
+  }])
+}
+
 export const test = base.extend<Fixtures>({
   testAccount: [
     // eslint-disable-next-line no-empty-pattern
@@ -42,6 +50,8 @@ export const test = base.extend<Fixtures>({
   ],
 
   authenticatedPage: async ({ page, testAccount }, use) => {
+    await declineAnalyticsConsent(page.context())
+
     // Sign up
     await page.goto('/auth/sign-up')
     await page.waitForLoadState('networkidle')
@@ -78,12 +88,12 @@ export const test = base.extend<Fixtures>({
           resp => resp.url().includes('/api/auth/sign-in') && resp.status() === 200,
           { timeout: 30_000 },
         ),
-        page.getByRole('button', { name: 'Sign in' }).click(),
+        page.getByRole('button', { name: 'Sign in', exact: true }).click(),
       ])
 
-      // Sign-in navigates to /dashboard, then require-org middleware
-      // redirects to /onboarding/create-org (user has no org yet)
-      await page.waitForURL('**/onboarding/**', { waitUntil: 'commit', timeout: 30_000 })
+      // The API response confirms the session cookie is set. Navigate directly
+      // instead of depending on the sign-in page's client redirect timing.
+      await page.goto('/onboarding/create-org')
     }
 
     // Wait for the org-creation form to render (loading spinner may show first)
@@ -91,8 +101,43 @@ export const test = base.extend<Fixtures>({
     await page.getByLabel('Organization name').fill(testAccount.orgName)
     await page.getByRole('button', { name: 'Create organization' }).click()
 
-    // Wait for redirect to dashboard (use 'commit' for SPA navigation)
-    await page.waitForURL('**/dashboard**', { waitUntil: 'commit' })
+    // Creating the org performs a hard navigation. Under load, the freshly
+    // updated session can race that navigation and land on sign-in instead.
+    await page.waitForURL(
+      url => url.pathname.includes('/dashboard') || url.pathname.includes('/auth/sign-in'),
+      { waitUntil: 'commit', timeout: 30_000 },
+    )
+
+    if (page.url().includes('/auth/sign-in')) {
+      await page.getByLabel('Email').fill(testAccount.email)
+      await page.getByLabel('Password').fill(testAccount.password)
+      await Promise.all([
+        page.waitForResponse(
+          resp => resp.url().includes('/api/auth/sign-in') && resp.status() === 200,
+          { timeout: 30_000 },
+        ),
+        page.getByRole('button', { name: 'Sign in', exact: true }).click(),
+      ])
+      await page.goto('/dashboard')
+    }
+
+    // Do not hand the page to the test while dashboard auth middleware is
+    // still settling; otherwise the test's first navigation can race a
+    // delayed redirect back to sign-in.
+    await page.waitForLoadState('networkidle')
+    if (page.url().includes('/auth/sign-in')) {
+      await page.getByLabel('Email').fill(testAccount.email)
+      await page.getByLabel('Password').fill(testAccount.password)
+      await Promise.all([
+        page.waitForResponse(
+          resp => resp.url().includes('/api/auth/sign-in') && resp.status() === 200,
+          { timeout: 30_000 },
+        ),
+        page.getByRole('button', { name: 'Sign in', exact: true }).click(),
+      ])
+      await page.goto('/dashboard')
+      await page.waitForLoadState('networkidle')
+    }
 
     await use(page)
   },

From b26993461bf9269cef93d623b9d829f46548eaa9 Mon Sep 17 00:00:00 2001
From: Joachim LK <joachim.l.kolle.pers@gmail.com>
Date: Thu, 18 Jun 2026 12:45:16 +0200
Subject: [PATCH 06/12] Refactor code structure for improved readability and
 maintainability

---
 app/components/ApplicationBuilder.vue         |   70 +-
 app/components/ApplicationBuilderPreview.vue  |    2 +
 app/components/ApplicationFormBody.vue        |   14 +-
 app/components/PublicJobApplicationHeader.vue |   57 +
 app/composables/useJob.ts                     |    1 +
 app/composables/useJobs.ts                    |    1 +
 .../dashboard/jobs/[id]/application-form.vue  |   13 +-
 app/pages/dashboard/jobs/new.vue              |   35 +-
 app/pages/dashboard/jobs/preview.vue          |  172 +
 app/pages/jobs/[slug]/apply.vue               |   57 +-
 e2e/critical-flows/job-creation.spec.ts       |   13 +
 i18n.config.ts => i18n/i18n.config.ts         |    6 +-
 package.json                                  |    1 +
 server/api/jobs/[id].get.ts                   |    1 +
 server/api/jobs/[id].patch.ts                 |    1 +
 server/api/jobs/index.post.ts                 |    2 +
 server/api/public/jobs/[slug].get.ts          |    1 +
 server/api/public/jobs/[slug]/apply.post.ts   |   16 +-
 .../0029_wakeful_secret_warriors.sql          |    1 +
 .../migrations/meta/0029_snapshot.json        | 5379 +++++++++++++++++
 server/database/migrations/meta/_journal.json |    7 +
 server/database/schema/app.ts                 |    1 +
 server/utils/schemas/job.ts                   |    3 +
 23 files changed, 5769 insertions(+), 85 deletions(-)
 create mode 100644 app/components/PublicJobApplicationHeader.vue
 create mode 100644 app/pages/dashboard/jobs/preview.vue
 rename i18n.config.ts => i18n/i18n.config.ts (69%)
 create mode 100644 server/database/migrations/0029_wakeful_secret_warriors.sql
 create mode 100644 server/database/migrations/meta/0029_snapshot.json

diff --git a/app/components/ApplicationBuilder.vue b/app/components/ApplicationBuilder.vue
index 912e7d52..7bd731fb 100644
--- a/app/components/ApplicationBuilder.vue
+++ b/app/components/ApplicationBuilder.vue
@@ -27,6 +27,7 @@ type DraftQuestion = {
 }
 
 type ApplicationForm = {
+  phoneRequirement: 'hidden' | 'optional' | 'required'
   requireResume: boolean
   requireCoverLetter: boolean
   questions: DraftQuestion[]
@@ -43,6 +44,7 @@ type BuilderOperations = {
   updateQuestion: (id: string, data: QuestionInput) => Promise<unknown>
   deleteQuestion: (id: string) => Promise<unknown>
   reorderQuestions: (order: { id: string; displayOrder: number }[]) => Promise<unknown>
+  setPhoneRequirement: (value: 'hidden' | 'optional' | 'required') => Promise<unknown>
   setRequireResume: (value: boolean) => Promise<unknown>
   setRequireCoverLetter: (value: boolean) => Promise<unknown>
 }
@@ -80,6 +82,12 @@ const questionTypeLabels: Record<QuestionType, string> = {
   file_upload: 'File Upload',
 }
 
+const phoneRequirementOptions = [
+  { value: 'hidden', label: 'Hidden' },
+  { value: 'optional', label: 'Optional' },
+  { value: 'required', label: 'Required' },
+] as const
+
 // ─────────────────────────────────────────────
 // Question CRUD (operates on the model in place)
 // ─────────────────────────────────────────────
@@ -202,6 +210,19 @@ function setRequireResume(value: boolean) {
   model.value.requireResume = value
 }
 
+function setPhoneRequirement(value: 'hidden' | 'optional' | 'required') {
+  if (model.value.phoneRequirement === value) return
+  if (props.operations) {
+    const previous = model.value.phoneRequirement
+    model.value.phoneRequirement = value
+    runOp(() => props.operations!.setPhoneRequirement(value)).then((ok) => {
+      if (!ok) model.value.phoneRequirement = previous
+    })
+    return
+  }
+  model.value.phoneRequirement = value
+}
+
 function setRequireCoverLetter(value: boolean) {
   if (model.value.requireCoverLetter === value) return
   if (props.operations) {
@@ -217,9 +238,14 @@ function setRequireCoverLetter(value: boolean) {
 
 const questionsAnchor = ref<HTMLElement | null>(null)
 const documentsAnchor = ref<HTMLElement | null>(null)
+const personalInformationAnchor = ref<HTMLElement | null>(null)
 
 /** Clicking a field in the preview jumps to (and opens) its editor on the left. */
 function handleEditField(field: string) {
+  if (field === 'phone') {
+    personalInformationAnchor.value?.scrollIntoView({ behavior: 'smooth', block: 'center' })
+    return
+  }
   if (field === 'resume' || field === 'coverLetter') {
     documentsAnchor.value?.scrollIntoView({ behavior: 'smooth', block: 'center' })
     return
@@ -233,7 +259,7 @@ function handleEditField(field: string) {
     }
     return
   }
-  // name / email / phone are mandatory, fixed fields — nothing to edit.
+  // Name and email are mandatory, fixed fields — nothing to edit.
 }
 </script>
 
@@ -253,35 +279,45 @@ function handleEditField(field: string) {
       </div>
 
       <!-- Personal information -->
-      <div>
+      <div ref="personalInformationAnchor">
         <h2 class="text-base font-semibold text-surface-900 dark:text-surface-100 pb-3 border-b border-surface-100 dark:border-surface-800">Personal information</h2>
         <div class="divide-y divide-surface-100 dark:divide-surface-800">
           <div
-            v-for="field in [
-              { label: 'First name', required: true },
-              { label: 'Last name', required: true },
-              { label: 'Email', required: true },
-              { label: 'Phone', required: false },
-            ]"
-            :key="field.label"
+            v-for="field in ['First name', 'Last name', 'Email']"
+            :key="field"
             class="flex items-center justify-between py-3.5 px-1"
           >
             <div class="flex items-center gap-2.5">
-              <span class="text-sm text-surface-900 dark:text-surface-100">{{ field.label }}</span>
+              <span class="text-sm text-surface-900 dark:text-surface-100">{{ field }}</span>
               <Lock class="size-3 text-surface-300 dark:text-surface-600" />
             </div>
             <span
-              v-if="field.required"
               class="inline-flex items-center rounded-md bg-brand-50 dark:bg-brand-950/50 px-2.5 py-1 text-xs font-medium text-brand-700 dark:text-brand-300 ring-1 ring-inset ring-brand-200 dark:ring-brand-800"
             >
               Mandatory
             </span>
-            <span
-              v-else
-              class="inline-flex items-center rounded-md bg-surface-100 dark:bg-surface-800 px-2.5 py-1 text-xs font-medium text-surface-600 dark:text-surface-400 ring-1 ring-inset ring-surface-200 dark:ring-surface-700"
-            >
-              Optional
-            </span>
+          </div>
+          <div class="flex flex-col gap-3 py-3.5 px-1 sm:flex-row sm:items-center sm:justify-between">
+            <div>
+              <span class="text-sm text-surface-900 dark:text-surface-100">Phone</span>
+              <p class="mt-0.5 text-xs text-surface-400 dark:text-surface-500">Choose whether candidates see this field.</p>
+            </div>
+            <div class="inline-flex self-start rounded-lg bg-surface-100 p-0.5 dark:bg-surface-800" role="radiogroup" aria-label="Phone field requirement">
+              <button
+                v-for="option in phoneRequirementOptions"
+                :key="option.value"
+                type="button"
+                role="radio"
+                :aria-checked="model.phoneRequirement === option.value"
+                class="rounded-md px-2.5 py-1.5 text-xs font-medium transition-all"
+                :class="model.phoneRequirement === option.value
+                  ? 'bg-white text-surface-900 shadow-sm dark:bg-surface-700 dark:text-surface-100'
+                  : 'text-surface-500 hover:text-surface-700 dark:text-surface-400 dark:hover:text-surface-200'"
+                @click="setPhoneRequirement(option.value)"
+              >
+                {{ option.label }}
+              </button>
+            </div>
           </div>
         </div>
       </div>
diff --git a/app/components/ApplicationBuilderPreview.vue b/app/components/ApplicationBuilderPreview.vue
index 664cdcf9..f085de57 100644
--- a/app/components/ApplicationBuilderPreview.vue
+++ b/app/components/ApplicationBuilderPreview.vue
@@ -11,6 +11,7 @@ type Question = {
 }
 
 type ApplicationForm = {
+  phoneRequirement: 'hidden' | 'optional' | 'required'
   requireResume: boolean
   requireCoverLetter: boolean
   questions: Question[]
@@ -63,6 +64,7 @@ const workplaceLabels: Record<string, string> = {
 }
 
 const previewJob = computed(() => ({
+  phoneRequirement: props.applicationForm.phoneRequirement,
   requireResume: props.applicationForm.requireResume,
   requireCoverLetter: props.applicationForm.requireCoverLetter,
   questions: props.applicationForm.questions,
diff --git a/app/components/ApplicationFormBody.vue b/app/components/ApplicationFormBody.vue
index 77331fb7..c168be09 100644
--- a/app/components/ApplicationFormBody.vue
+++ b/app/components/ApplicationFormBody.vue
@@ -24,6 +24,7 @@ type Question = {
 
 const props = withDefaults(defineProps<{
   job: {
+    phoneRequirement?: 'hidden' | 'optional' | 'required'
     requireResume?: boolean
     requireCoverLetter?: boolean
     questions?: Question[]
@@ -183,11 +184,14 @@ function onFieldClick(field: string) {
 
         <!-- Phone -->
         <div
+          v-if="job.phoneRequirement !== 'hidden'"
           :class="isPreview ? 'cursor-pointer rounded-xl ring-offset-2 ring-offset-white dark:ring-offset-surface-900 hover:ring-2 hover:ring-brand-300 dark:hover:ring-brand-700 transition-shadow' : ''"
           @click="onFieldClick('phone')"
         >
           <label for="phone" class="block text-sm font-medium text-surface-700 dark:text-surface-300 mb-1.5">
-            Phone <span class="text-surface-400 font-normal text-xs">(optional)</span>
+            Phone
+            <span v-if="job.phoneRequirement === 'required'" class="text-danger-500">*</span>
+            <span v-else class="text-surface-400 font-normal text-xs">(optional)</span>
           </label>
           <input
             id="phone"
@@ -196,11 +200,17 @@ function onFieldClick(field: string) {
             placeholder="+1 (555) 123-4567"
             autocomplete="tel"
             :tabindex="isPreview ? -1 : undefined"
+            @input="emit('clear-error', 'phone')"
             :class="[
-              'w-full rounded-xl border border-surface-300 dark:border-surface-700 px-3.5 py-2.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-800 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors',
+              'w-full rounded-xl border px-3.5 py-2.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-800 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors',
+              errors.phone ? 'border-danger-300 dark:border-danger-700 focus:ring-danger-500 focus:border-danger-500' : 'border-surface-300 dark:border-surface-700',
               isPreview ? 'pointer-events-none' : '',
             ]"
           />
+          <p v-if="errors.phone" class="mt-1.5 flex items-center gap-1 text-xs text-danger-600 dark:text-danger-400">
+            <svg class="size-3.5 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
+            {{ errors.phone }}
+          </p>
         </div>
 
         <!-- Resume / Cover Letter uploads -->
diff --git a/app/components/PublicJobApplicationHeader.vue b/app/components/PublicJobApplicationHeader.vue
new file mode 100644
index 00000000..a36a962a
--- /dev/null
+++ b/app/components/PublicJobApplicationHeader.vue
@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import { Briefcase, Building2, MapPin } from 'lucide-vue-next'
+
+defineProps<{
+  job: {
+    title: string
+    description?: string | null
+    location?: string | null
+    type: string
+    organizationName?: string | null
+  }
+}>()
+
+const typeLabels: Record<string, string> = {
+  full_time: 'Full-time',
+  part_time: 'Part-time',
+  contract: 'Contract',
+  internship: 'Internship',
+}
+</script>
+
+<template>
+  <div class="mb-6 overflow-hidden rounded-2xl border border-surface-200 bg-white shadow-sm dark:border-surface-800 dark:bg-surface-900">
+    <div class="h-1 bg-gradient-to-r from-brand-500 to-brand-400" />
+
+    <div class="p-6 sm:p-8">
+      <div class="mb-4 flex flex-wrap items-center gap-2">
+        <span
+          v-if="job.organizationName"
+          class="inline-flex items-center gap-1.5 rounded-full border border-surface-200 bg-surface-50 px-3 py-1 text-xs font-medium text-surface-700 dark:border-surface-700 dark:bg-surface-800 dark:text-surface-300"
+        >
+          <Building2 class="size-3.5 text-surface-400" />
+          {{ job.organizationName }}
+        </span>
+        <span class="inline-flex items-center gap-1.5 rounded-full border border-brand-100 bg-brand-50 px-3 py-1 text-xs font-medium text-brand-700 dark:border-brand-900 dark:bg-brand-950 dark:text-brand-300">
+          <Briefcase class="size-3.5" />
+          {{ typeLabels[job.type] ?? job.type }}
+        </span>
+        <span
+          v-if="job.location"
+          class="inline-flex items-center gap-1.5 rounded-full border border-surface-200 bg-surface-50 px-3 py-1 text-xs font-medium text-surface-600 dark:border-surface-700 dark:bg-surface-800 dark:text-surface-400"
+        >
+          <MapPin class="size-3.5 text-surface-400" />
+          {{ job.location }}
+        </span>
+      </div>
+
+      <h1 class="text-2xl font-bold tracking-tight text-surface-900 dark:text-surface-50 sm:text-3xl">
+        {{ job.title }}
+      </h1>
+
+      <div v-if="job.description" class="mt-5 border-t border-surface-100 pt-5 dark:border-surface-800">
+        <MarkdownDescription :value="job.description" />
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/app/composables/useJob.ts b/app/composables/useJob.ts
index d445dc2e..eee87d91 100644
--- a/app/composables/useJob.ts
+++ b/app/composables/useJob.ts
@@ -31,6 +31,7 @@ export function useJob(id: MaybeRefOrGetter<string>) {
     salaryNegotiable: boolean
     remoteStatus: 'remote' | 'hybrid' | 'onsite' | null
     validThrough: Date | null
+    phoneRequirement: 'hidden' | 'optional' | 'required'
     requireResume: boolean
     requireCoverLetter: boolean
     autoScoreOnApply: boolean
diff --git a/app/composables/useJobs.ts b/app/composables/useJobs.ts
index ca8ff3a4..66d36242 100644
--- a/app/composables/useJobs.ts
+++ b/app/composables/useJobs.ts
@@ -30,6 +30,7 @@ export function useJobs(options?: {
     type?: 'full_time' | 'part_time' | 'contract' | 'internship'
     experienceLevel?: 'junior' | 'mid' | 'senior' | 'lead'
     remoteStatus?: 'remote' | 'hybrid' | 'onsite'
+    phoneRequirement?: 'hidden' | 'optional' | 'required'
     requireResume?: boolean
     requireCoverLetter?: boolean
     autoScoreOnApply?: boolean
diff --git a/app/pages/dashboard/jobs/[id]/application-form.vue b/app/pages/dashboard/jobs/[id]/application-form.vue
index bda72e84..b26c2217 100644
--- a/app/pages/dashboard/jobs/[id]/application-form.vue
+++ b/app/pages/dashboard/jobs/[id]/application-form.vue
@@ -55,24 +55,30 @@ const {
   reorderQuestions,
 } = useJobQuestions(jobId)
 
+type QuestionType =
+  | 'short_text' | 'long_text' | 'single_select' | 'multi_select'
+  | 'number' | 'date' | 'url' | 'checkbox' | 'file_upload'
+
 type BuilderQuestion = {
   id: string
   label: string
-  type: string
+  type: QuestionType
   description?: string | null
   required: boolean
   options?: string[] | null
 }
 
 const builderModel = ref<{
+  phoneRequirement: 'hidden' | 'optional' | 'required'
   requireResume: boolean
   requireCoverLetter: boolean
   questions: BuilderQuestion[]
-}>({ requireResume: false, requireCoverLetter: false, questions: [] })
+}>({ phoneRequirement: 'optional', requireResume: false, requireCoverLetter: false, questions: [] })
 
 // Keep the builder model in sync with server state.
 watch(job, (j) => {
   if (j) {
+    builderModel.value.phoneRequirement = j.phoneRequirement ?? 'optional'
     builderModel.value.requireResume = j.requireResume ?? false
     builderModel.value.requireCoverLetter = j.requireCoverLetter ?? false
   }
@@ -82,7 +88,7 @@ watch(jobQuestions, (qs) => {
   builderModel.value.questions = (qs ?? []).map((q: any) => ({
     id: q.id,
     label: q.label,
-    type: q.type,
+    type: q.type as QuestionType,
     description: q.description ?? null,
     required: q.required,
     options: q.options ?? null,
@@ -94,6 +100,7 @@ const builderOperations = {
   updateQuestion: (id: string, data: any) => updateQuestion(id, data),
   deleteQuestion: (id: string) => deleteQuestion(id),
   reorderQuestions: (order: { id: string; displayOrder: number }[]) => reorderQuestions(order),
+  setPhoneRequirement: (value: 'hidden' | 'optional' | 'required') => updateJob({ phoneRequirement: value }),
   setRequireResume: (value: boolean) => updateJob({ requireResume: value }),
   setRequireCoverLetter: (value: boolean) => updateJob({ requireCoverLetter: value }),
 }
diff --git a/app/pages/dashboard/jobs/new.vue b/app/pages/dashboard/jobs/new.vue
index 7da38397..daf6c3b9 100644
--- a/app/pages/dashboard/jobs/new.vue
+++ b/app/pages/dashboard/jobs/new.vue
@@ -90,6 +90,7 @@ const form = ref({
 
 // Step 2: Application form (client-only for now)
 const applicationForm = ref({
+  phoneRequirement: 'optional' as 'hidden' | 'optional' | 'required',
   requireResume: true,
   requireCoverLetter: false,
   questions: [] as DraftQuestion[],
@@ -303,6 +304,11 @@ function saveFormToStorage() {
   } catch { /* storage full or unavailable */ }
 }
 
+function openDraftPreview() {
+  saveFormToStorage()
+  window.open(localePath('/dashboard/jobs/preview'), '_blank', 'noopener,noreferrer')
+}
+
 function restoreFormFromStorage() {
   if (!import.meta.client) return
   try {
@@ -339,6 +345,7 @@ function resetState() {
     remoteStatus: undefined,
   }
   applicationForm.value = {
+    phoneRequirement: 'optional',
     requireResume: true,
     requireCoverLetter: false,
     questions: [],
@@ -603,6 +610,7 @@ async function handleSubmit(mode: 'publish' | 'draft' = publishChoice.value) {
       type: form.value.type,
       experienceLevel: form.value.experienceLevel || undefined,
       remoteStatus: form.value.remoteStatus || undefined,
+      phoneRequirement: applicationForm.value.phoneRequirement,
       requireResume: applicationForm.value.requireResume,
       requireCoverLetter: applicationForm.value.requireCoverLetter,
       autoScoreOnApply: autoScoreOnApply.value,
@@ -759,15 +767,24 @@ const typeOptions = [
         </li>
       </ol>
 
-      <button
-        v-if="!isPublished"
-        type="button"
-        class="shrink-0 rounded-md px-2 py-1 text-xs font-medium text-surface-500 transition-colors hover:bg-surface-100 hover:text-surface-900 disabled:opacity-50 dark:text-surface-400 dark:hover:bg-surface-800 dark:hover:text-surface-100"
-        :disabled="isSubmitting"
-        @click="handleSubmit('draft')"
-      >
-        Save &amp; exit
-      </button>
+      <div v-if="!isPublished" class="flex shrink-0 items-center gap-1">
+        <button
+          type="button"
+          class="inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-xs font-medium text-surface-500 transition-colors hover:bg-surface-100 hover:text-surface-900 dark:text-surface-400 dark:hover:bg-surface-800 dark:hover:text-surface-100"
+          @click="openDraftPreview"
+        >
+          <Eye class="size-3.5" />
+          <span class="hidden sm:inline">View preview</span>
+        </button>
+        <button
+          type="button"
+          class="rounded-md px-2 py-1 text-xs font-medium text-surface-500 transition-colors hover:bg-surface-100 hover:text-surface-900 disabled:opacity-50 dark:text-surface-400 dark:hover:bg-surface-800 dark:hover:text-surface-100"
+          :disabled="isSubmitting"
+          @click="handleSubmit('draft')"
+        >
+          Save &amp; exit
+        </button>
+      </div>
     </div>
 
     <!-- Main Layout: editor + persistent live preview -->
diff --git a/app/pages/dashboard/jobs/preview.vue b/app/pages/dashboard/jobs/preview.vue
new file mode 100644
index 00000000..277eab9a
--- /dev/null
+++ b/app/pages/dashboard/jobs/preview.vue
@@ -0,0 +1,172 @@
+<script setup lang="ts">
+import { ArrowLeft, Eye, RefreshCw } from 'lucide-vue-next'
+
+definePageMeta({
+  layout: 'public',
+  middleware: ['auth', 'require-org'],
+})
+
+useSeoMeta({
+  title: 'Draft application preview',
+  description: 'Preview an unpublished job application form',
+  robots: 'noindex, nofollow',
+})
+
+type DraftQuestion = {
+  id: string
+  label: string
+  type: string
+  description?: string | null
+  required: boolean
+  options?: string[] | null
+}
+
+type JobDraft = {
+  form: {
+    title: string
+    description?: string
+    location?: string
+    type: string
+  }
+  applicationForm: {
+    phoneRequirement?: 'hidden' | 'optional' | 'required'
+    requireResume: boolean
+    requireCoverLetter: boolean
+    questions: DraftQuestion[]
+  }
+}
+
+const JOB_DRAFT_STORAGE_KEY = 'reqcore-job-draft'
+const draft = ref<JobDraft | null>(null)
+const isReady = ref(false)
+const submitError = ref<string | null>(null)
+const { activeOrg } = useCurrentOrg()
+
+const form = ref({
+  firstName: '',
+  lastName: '',
+  email: '',
+  phone: '',
+  website: '',
+})
+const responses = ref<Record<string, string | string[] | number | boolean>>({})
+const resumeFile = ref<File | null>(null)
+const coverLetterText = ref('')
+
+const previewJob = computed(() => {
+  if (!draft.value) return null
+
+  return {
+    ...draft.value.form,
+    ...draft.value.applicationForm,
+    phoneRequirement: draft.value.applicationForm.phoneRequirement ?? 'optional',
+    organizationName: activeOrg.value?.name ?? null,
+  }
+})
+
+function loadDraft() {
+  isReady.value = false
+  submitError.value = null
+
+  try {
+    const raw = localStorage.getItem(JOB_DRAFT_STORAGE_KEY)
+    if (!raw) {
+      draft.value = null
+      return
+    }
+
+    const parsed = JSON.parse(raw) as Partial<JobDraft>
+    if (!parsed.form?.title || !parsed.applicationForm) {
+      draft.value = null
+      return
+    }
+
+    draft.value = parsed as JobDraft
+  } catch {
+    draft.value = null
+  } finally {
+    isReady.value = true
+  }
+}
+
+function closePreview() {
+  window.close()
+}
+
+function handlePreviewSubmit() {
+  submitError.value = 'This is a draft preview. Applications cannot be submitted until the job is published.'
+}
+
+onMounted(loadDraft)
+</script>
+
+<template>
+  <div>
+    <div
+      class="mb-6 flex flex-col gap-3 rounded-2xl border border-brand-200 bg-brand-50 px-4 py-3 dark:border-brand-900 dark:bg-brand-950/50 sm:flex-row sm:items-center sm:justify-between"
+    >
+      <div class="flex items-start gap-3">
+        <span class="mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-lg bg-brand-100 text-brand-700 dark:bg-brand-900 dark:text-brand-300">
+          <Eye class="size-4" />
+        </span>
+        <div>
+          <p class="text-sm font-semibold text-brand-900 dark:text-brand-100">Draft applicant preview</p>
+          <p class="text-xs text-brand-700 dark:text-brand-300">Only you can see this page. Changes appear after reopening or refreshing the preview.</p>
+        </div>
+      </div>
+      <div class="flex shrink-0 items-center gap-2">
+        <button
+          type="button"
+          class="inline-flex items-center gap-1.5 rounded-lg border border-brand-200 bg-white px-3 py-2 text-xs font-medium text-brand-800 transition-colors hover:bg-brand-100 dark:border-brand-800 dark:bg-brand-950 dark:text-brand-200 dark:hover:bg-brand-900"
+          @click="loadDraft"
+        >
+          <RefreshCw class="size-3.5" />
+          Refresh draft
+        </button>
+        <button
+          type="button"
+          class="inline-flex items-center gap-1.5 rounded-lg px-3 py-2 text-xs font-medium text-brand-700 transition-colors hover:bg-brand-100 dark:text-brand-300 dark:hover:bg-brand-900"
+          @click="closePreview"
+        >
+          <ArrowLeft class="size-3.5" />
+          Back to editor
+        </button>
+      </div>
+    </div>
+
+    <div v-if="!isReady" class="animate-pulse space-y-4">
+      <div class="h-48 rounded-2xl bg-surface-200 dark:bg-surface-800" />
+      <div class="h-96 rounded-2xl bg-surface-200 dark:bg-surface-800" />
+    </div>
+
+    <div v-else-if="!previewJob" class="rounded-2xl border border-surface-200 bg-white px-6 py-16 text-center shadow-sm dark:border-surface-800 dark:bg-surface-900">
+      <h1 class="text-lg font-semibold text-surface-900 dark:text-surface-100">No draft preview found</h1>
+      <p class="mx-auto mt-2 max-w-md text-sm text-surface-500">
+        Return to the job builder, add a job title, and click “View preview” again.
+      </p>
+      <button
+        type="button"
+        class="mt-5 inline-flex items-center gap-1.5 rounded-xl bg-brand-600 px-5 py-2.5 text-sm font-semibold text-white hover:bg-brand-700"
+        @click="closePreview"
+      >
+        <ArrowLeft class="size-4" />
+        Back to editor
+      </button>
+    </div>
+
+    <template v-else>
+      <PublicJobApplicationHeader :job="previewJob" />
+
+      <ApplicationFormBody
+        v-model:form="form"
+        v-model:responses="responses"
+        v-model:resume="resumeFile"
+        v-model:cover-letter="coverLetterText"
+        :job="previewJob"
+        :submit-error="submitError"
+        @clear-error="submitError = null"
+        @submit="handlePreviewSubmit"
+      />
+    </template>
+  </div>
+</template>
diff --git a/app/pages/jobs/[slug]/apply.vue b/app/pages/jobs/[slug]/apply.vue
index 3a79691e..91a39ff1 100644
--- a/app/pages/jobs/[slug]/apply.vue
+++ b/app/pages/jobs/[slug]/apply.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { MapPin, Briefcase, Building2 } from 'lucide-vue-next'
+import { Briefcase } from 'lucide-vue-next'
 
 definePageMeta({
   layout: 'public',
@@ -87,6 +87,9 @@ function validate(): boolean {
   } else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.value.email)) {
     errors.value.email = 'Invalid email address'
   }
+  if (job.value?.phoneRequirement === 'required' && !form.value.phone.trim()) {
+    errors.value.phone = 'Phone number is required'
+  }
 
   // Validate required resume
   if (job.value?.requireResume && !resumeFile.value) {
@@ -169,7 +172,7 @@ async function handleSubmit() {
       formData.append('firstName', form.value.firstName.trim())
       formData.append('lastName', form.value.lastName.trim())
       formData.append('email', form.value.email.trim())
-      if (form.value.phone.trim()) {
+      if (job.value?.phoneRequirement !== 'hidden' && form.value.phone.trim()) {
         formData.append('phone', form.value.phone.trim())
       }
       if (form.value.website) {
@@ -213,7 +216,7 @@ async function handleSubmit() {
           firstName: form.value.firstName.trim(),
           lastName: form.value.lastName.trim(),
           email: form.value.email.trim(),
-          phone: form.value.phone.trim() || undefined,
+          phone: job.value?.phoneRequirement !== 'hidden' ? (form.value.phone.trim() || undefined) : undefined,
           website: form.value.website, // honeypot
           coverLetterText: coverLetterText.value.trim() || undefined,
           responses: responseArray,
@@ -245,16 +248,6 @@ async function handleSubmit() {
   }
 }
 
-// ─────────────────────────────────────────────
-// Display helpers
-// ─────────────────────────────────────────────
-
-const typeLabels: Record<string, string> = {
-  full_time: 'Full-time',
-  part_time: 'Part-time',
-  contract: 'Contract',
-  internship: 'Internship',
-}
 </script>
 
 <template>
@@ -298,43 +291,7 @@ const typeLabels: Record<string, string> = {
         Back to job details
       </NuxtLink>
 
-      <!-- Job hero card -->
-      <div class="rounded-2xl border border-surface-200 dark:border-surface-800 bg-white dark:bg-surface-900 shadow-sm overflow-hidden mb-6">
-        <!-- Accent bar -->
-        <div class="h-1 bg-gradient-to-r from-brand-500 to-brand-400" />
-
-        <div class="p-6 sm:p-8">
-          <!-- Meta chips -->
-          <div class="flex flex-wrap items-center gap-2 mb-4">
-            <span
-              v-if="job.organizationName"
-              class="inline-flex items-center gap-1.5 rounded-full border border-surface-200 dark:border-surface-700 bg-surface-50 dark:bg-surface-800 px-3 py-1 text-xs font-medium text-surface-700 dark:text-surface-300"
-            >
-              <Building2 class="size-3.5 text-surface-400" />
-              {{ job.organizationName }}
-            </span>
-            <span class="inline-flex items-center gap-1.5 rounded-full bg-brand-50 dark:bg-brand-950 border border-brand-100 dark:border-brand-900 px-3 py-1 text-xs font-medium text-brand-700 dark:text-brand-300">
-              <Briefcase class="size-3.5" />
-              {{ typeLabels[job.type] ?? job.type }}
-            </span>
-            <span
-              v-if="job.location"
-              class="inline-flex items-center gap-1.5 rounded-full border border-surface-200 dark:border-surface-700 bg-surface-50 dark:bg-surface-800 px-3 py-1 text-xs font-medium text-surface-600 dark:text-surface-400"
-            >
-              <MapPin class="size-3.5 text-surface-400" />
-              {{ job.location }}
-            </span>
-          </div>
-
-          <h1 class="text-2xl sm:text-3xl font-bold tracking-tight text-surface-900 dark:text-surface-50">
-            {{ job.title }}
-          </h1>
-
-          <div v-if="job.description" class="mt-5 border-t border-surface-100 dark:border-surface-800 pt-5">
-            <MarkdownDescription :value="job.description" />
-          </div>
-        </div>
-      </div>
+      <PublicJobApplicationHeader :job="job" />
 
       <!-- Application form card -->
       <ApplicationFormBody
diff --git a/e2e/critical-flows/job-creation.spec.ts b/e2e/critical-flows/job-creation.spec.ts
index 606be732..b291c5a2 100644
--- a/e2e/critical-flows/job-creation.spec.ts
+++ b/e2e/critical-flows/job-creation.spec.ts
@@ -83,6 +83,19 @@ test.describe('Job Creation Flow', () => {
     await expect(preview.getByLabel(UPDATED_QUESTION_LABEL)).toBeVisible()
     await expect(preview.getByLabel(QUESTION_LABEL)).toHaveCount(0)
 
+    // The full draft preview opens in a new tab and uses the applicant-facing form.
+    const previewPagePromise = page.waitForEvent('popup')
+    await page.getByRole('button', { name: 'View preview' }).click()
+    const previewPage = await previewPagePromise
+    await previewPage.waitForLoadState('domcontentloaded')
+    await expect(previewPage.getByText('Draft applicant preview')).toBeVisible()
+    await expect(previewPage.getByRole('heading', { name: JOB_TITLE })).toBeVisible()
+    await expect(previewPage.getByText(JOB_DESCRIPTION)).toBeVisible()
+    await expect(previewPage.getByLabel('Cover Letter')).toBeVisible()
+    await expect(previewPage.getByText('Resume / CV', { exact: false })).toHaveCount(0)
+    await expect(previewPage.getByLabel(UPDATED_QUESTION_LABEL)).toBeVisible()
+    await previewPage.close()
+
     // Device switching is part of the new persistent preview.
     const previewDevice = preview.getByRole('radiogroup', { name: 'Preview device' })
     await previewDevice.getByRole('radio', { name: 'Mobile' }).click()
diff --git a/i18n.config.ts b/i18n/i18n.config.ts
similarity index 69%
rename from i18n.config.ts
rename to i18n/i18n.config.ts
index 1dd9feed..ec85f564 100644
--- a/i18n.config.ts
+++ b/i18n/i18n.config.ts
@@ -1,7 +1,7 @@
 export default defineI18nConfig(() => ({
   legacy: false,
-  locale: 'en',
-  fallbackLocale: 'en',
+  locale: "en",
+  fallbackLocale: "en",
   missingWarn: false,
   fallbackWarn: false,
-}))
+}));
diff --git a/package.json b/package.json
index 78392b2c..f302bd36 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
+    "typecheck": "NODE_OPTIONS=--max-old-space-size=4096 nuxi typecheck",
     "postinstall": "nuxt prepare",
     "db:generate": "drizzle-kit generate",
     "db:migrate": "drizzle-kit migrate",
diff --git a/server/api/jobs/[id].get.ts b/server/api/jobs/[id].get.ts
index 95b6e0ec..eed37b02 100644
--- a/server/api/jobs/[id].get.ts
+++ b/server/api/jobs/[id].get.ts
@@ -25,6 +25,7 @@ export default defineEventHandler(async (event) => {
       salaryNegotiable: true,
       remoteStatus: true,
       validThrough: true,
+      phoneRequirement: true,
       requireResume: true,
       requireCoverLetter: true,
       autoScoreOnApply: true,
diff --git a/server/api/jobs/[id].patch.ts b/server/api/jobs/[id].patch.ts
index 1cda5169..c7321354 100644
--- a/server/api/jobs/[id].patch.ts
+++ b/server/api/jobs/[id].patch.ts
@@ -55,6 +55,7 @@ export default defineEventHandler(async (event) => {
       salaryNegotiable: job.salaryNegotiable,
       remoteStatus: job.remoteStatus,
       validThrough: job.validThrough,
+      phoneRequirement: job.phoneRequirement,
       requireResume: job.requireResume,
       requireCoverLetter: job.requireCoverLetter,
       autoScoreOnApply: job.autoScoreOnApply,
diff --git a/server/api/jobs/index.post.ts b/server/api/jobs/index.post.ts
index bdba394e..0ff6cadb 100644
--- a/server/api/jobs/index.post.ts
+++ b/server/api/jobs/index.post.ts
@@ -26,6 +26,7 @@ export default defineEventHandler(async (event) => {
     salaryNegotiable: body.salaryNegotiable,
     remoteStatus: body.remoteStatus,
     validThrough: body.validThrough,
+    phoneRequirement: body.phoneRequirement,
     requireResume: body.requireResume,
     requireCoverLetter: body.requireCoverLetter,
     autoScoreOnApply: body.autoScoreOnApply,
@@ -45,6 +46,7 @@ export default defineEventHandler(async (event) => {
     salaryNegotiable: job.salaryNegotiable,
     remoteStatus: job.remoteStatus,
     validThrough: job.validThrough,
+    phoneRequirement: job.phoneRequirement,
     requireResume: job.requireResume,
     requireCoverLetter: job.requireCoverLetter,
     autoScoreOnApply: job.autoScoreOnApply,
diff --git a/server/api/public/jobs/[slug].get.ts b/server/api/public/jobs/[slug].get.ts
index 8c1dea05..1264f918 100644
--- a/server/api/public/jobs/[slug].get.ts
+++ b/server/api/public/jobs/[slug].get.ts
@@ -28,6 +28,7 @@ export default defineEventHandler(async (event) => {
       salaryNegotiable: true,
       remoteStatus: true,
       validThrough: true,
+      phoneRequirement: true,
       requireResume: true,
       requireCoverLetter: true,
       createdAt: true,
diff --git a/server/api/public/jobs/[slug]/apply.post.ts b/server/api/public/jobs/[slug]/apply.post.ts
index 370f4dd3..c9d31b31 100644
--- a/server/api/public/jobs/[slug]/apply.post.ts
+++ b/server/api/public/jobs/[slug]/apply.post.ts
@@ -178,13 +178,27 @@ export default defineEventHandler(async (event) => {
 
   const existingJob = await db.query.job.findFirst({
     where: and(eq(job.slug, slug), eq(job.status, 'open')),
-    columns: { id: true, organizationId: true, requireResume: true, requireCoverLetter: true, autoScoreOnApply: true },
+    columns: {
+      id: true,
+      organizationId: true,
+      phoneRequirement: true,
+      requireResume: true,
+      requireCoverLetter: true,
+      autoScoreOnApply: true,
+    },
   })
 
   if (!existingJob) {
     throw createError({ statusCode: 404, statusMessage: 'Job not found or not accepting applications' })
   }
 
+  if (existingJob.phoneRequirement === 'required' && !phone?.trim()) {
+    throw createError({ statusCode: 422, statusMessage: 'Phone number is required for this position' })
+  }
+  if (existingJob.phoneRequirement === 'hidden') {
+    phone = undefined
+  }
+
   // Validate required resume
   if (existingJob.requireResume && !resumeUpload) {
     throw createError({ statusCode: 422, statusMessage: 'Resume/CV is required for this position' })
diff --git a/server/database/migrations/0029_wakeful_secret_warriors.sql b/server/database/migrations/0029_wakeful_secret_warriors.sql
new file mode 100644
index 00000000..de18e3c5
--- /dev/null
+++ b/server/database/migrations/0029_wakeful_secret_warriors.sql
@@ -0,0 +1 @@
+ALTER TABLE "job" ADD COLUMN "phone_requirement" text DEFAULT 'optional' NOT NULL;
\ No newline at end of file
diff --git a/server/database/migrations/meta/0029_snapshot.json b/server/database/migrations/meta/0029_snapshot.json
new file mode 100644
index 00000000..b067c7d8
--- /dev/null
+++ b/server/database/migrations/meta/0029_snapshot.json
@@ -0,0 +1,5379 @@
+{
+  "id": "4b18b04e-8187-4af5-8dee-05ae600f5f38",
+  "prevId": "4ffd7fcb-d7e0-4e49-8211-fa5b7305aff9",
+  "version": "7",
+  "dialect": "postgresql",
+  "tables": {
+    "public.account": {
+      "name": "account",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "account_id": {
+          "name": "account_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "provider_id": {
+          "name": "provider_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "access_token": {
+          "name": "access_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "refresh_token": {
+          "name": "refresh_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "id_token": {
+          "name": "id_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "access_token_expires_at": {
+          "name": "access_token_expires_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "refresh_token_expires_at": {
+          "name": "refresh_token_expires_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "scope": {
+          "name": "scope",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "password": {
+          "name": "password",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "account_user_id_idx": {
+          "name": "account_user_id_idx",
+          "columns": [
+            {
+              "expression": "user_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "account_user_id_user_id_fk": {
+          "name": "account_user_id_user_id_fk",
+          "tableFrom": "account",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.invitation": {
+      "name": "invitation",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "inviter_id": {
+          "name": "inviter_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'pending'"
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "invitation_organization_id_idx": {
+          "name": "invitation_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "invitation_email_idx": {
+          "name": "invitation_email_idx",
+          "columns": [
+            {
+              "expression": "email",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "invitation_inviter_id_user_id_fk": {
+          "name": "invitation_inviter_id_user_id_fk",
+          "tableFrom": "invitation",
+          "tableTo": "user",
+          "columnsFrom": [
+            "inviter_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "invitation_organization_id_organization_id_fk": {
+          "name": "invitation_organization_id_organization_id_fk",
+          "tableFrom": "invitation",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.member": {
+      "name": "member",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'member'"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "member_user_id_idx": {
+          "name": "member_user_id_idx",
+          "columns": [
+            {
+              "expression": "user_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "member_organization_id_idx": {
+          "name": "member_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "member_user_org_unique_idx": {
+          "name": "member_user_org_unique_idx",
+          "columns": [
+            {
+              "expression": "user_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": true,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "member_user_id_user_id_fk": {
+          "name": "member_user_id_user_id_fk",
+          "tableFrom": "member",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "member_organization_id_organization_id_fk": {
+          "name": "member_organization_id_organization_id_fk",
+          "tableFrom": "member",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.organization": {
+      "name": "organization",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "logo": {
+          "name": "logo",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "metadata": {
+          "name": "metadata",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "organization_slug_unique": {
+          "name": "organization_slug_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "slug"
+          ]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.rate_limit": {
+      "name": "rate_limit",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "key": {
+          "name": "key",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "count": {
+          "name": "count",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "last_request": {
+          "name": "last_request",
+          "type": "bigint",
+          "primaryKey": false,
+          "notNull": true
+        }
+      },
+      "indexes": {
+        "rate_limit_key_idx": {
+          "name": "rate_limit_key_idx",
+          "columns": [
+            {
+              "expression": "key",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.session": {
+      "name": "session",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "token": {
+          "name": "token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "ip_address": {
+          "name": "ip_address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "user_agent": {
+          "name": "user_agent",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "active_organization_id": {
+          "name": "active_organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        }
+      },
+      "indexes": {
+        "session_user_id_idx": {
+          "name": "session_user_id_idx",
+          "columns": [
+            {
+              "expression": "user_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "session_user_id_user_id_fk": {
+          "name": "session_user_id_user_id_fk",
+          "tableFrom": "session",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "session_token_unique": {
+          "name": "session_token_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "token"
+          ]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.user": {
+      "name": "user",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "email_verified": {
+          "name": "email_verified",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "image": {
+          "name": "image",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "user_email_unique": {
+          "name": "user_email_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "email"
+          ]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.verification": {
+      "name": "verification",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "identifier": {
+          "name": "identifier",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "value": {
+          "name": "value",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "verification_identifier_idx": {
+          "name": "verification_identifier_idx",
+          "columns": [
+            {
+              "expression": "identifier",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.activity_log": {
+      "name": "activity_log",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "actor_id": {
+          "name": "actor_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "action": {
+          "name": "action",
+          "type": "activity_action",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "resource_type": {
+          "name": "resource_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "resource_id": {
+          "name": "resource_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "metadata": {
+          "name": "metadata",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "activity_log_organization_id_idx": {
+          "name": "activity_log_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "activity_log_actor_id_idx": {
+          "name": "activity_log_actor_id_idx",
+          "columns": [
+            {
+              "expression": "actor_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "activity_log_resource_idx": {
+          "name": "activity_log_resource_idx",
+          "columns": [
+            {
+              "expression": "resource_type",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "resource_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "activity_log_created_at_idx": {
+          "name": "activity_log_created_at_idx",
+          "columns": [
+            {
+              "expression": "created_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "activity_log_organization_id_organization_id_fk": {
+          "name": "activity_log_organization_id_organization_id_fk",
+          "tableFrom": "activity_log",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "activity_log_actor_id_user_id_fk": {
+          "name": "activity_log_actor_id_user_id_fk",
+          "tableFrom": "activity_log",
+          "tableTo": "user",
+          "columnsFrom": [
+            "actor_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.ai_config": {
+      "name": "ai_config",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'Default'"
+        },
+        "provider": {
+          "name": "provider",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'openai'"
+        },
+        "model": {
+          "name": "model",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'gpt-4o-mini'"
+        },
+        "api_key_encrypted": {
+          "name": "api_key_encrypted",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "base_url": {
+          "name": "base_url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "max_tokens": {
+          "name": "max_tokens",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 4096
+        },
+        "input_price_per_1m": {
+          "name": "input_price_per_1m",
+          "type": "numeric(10, 4)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "output_price_per_1m": {
+          "name": "output_price_per_1m",
+          "type": "numeric(10, 4)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "is_default_chatbot": {
+          "name": "is_default_chatbot",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "is_default_analysis": {
+          "name": "is_default_analysis",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "ai_config_organization_id_idx": {
+          "name": "ai_config_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "ai_config_default_chatbot_idx": {
+          "name": "ai_config_default_chatbot_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": true,
+          "where": "\"ai_config\".\"is_default_chatbot\" = true",
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "ai_config_default_analysis_idx": {
+          "name": "ai_config_default_analysis_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": true,
+          "where": "\"ai_config\".\"is_default_analysis\" = true",
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "ai_config_organization_id_organization_id_fk": {
+          "name": "ai_config_organization_id_organization_id_fk",
+          "tableFrom": "ai_config",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.analysis_run": {
+      "name": "analysis_run",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "application_id": {
+          "name": "application_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "status": {
+          "name": "status",
+          "type": "analysis_run_status",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'completed'"
+        },
+        "provider": {
+          "name": "provider",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "model": {
+          "name": "model",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "criteria_snapshot": {
+          "name": "criteria_snapshot",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "composite_score": {
+          "name": "composite_score",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "prompt_tokens": {
+          "name": "prompt_tokens",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "completion_tokens": {
+          "name": "completion_tokens",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "raw_response": {
+          "name": "raw_response",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "error_message": {
+          "name": "error_message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "scored_by_id": {
+          "name": "scored_by_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "analysis_run_organization_id_idx": {
+          "name": "analysis_run_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "analysis_run_application_id_idx": {
+          "name": "analysis_run_application_id_idx",
+          "columns": [
+            {
+              "expression": "application_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "analysis_run_created_at_idx": {
+          "name": "analysis_run_created_at_idx",
+          "columns": [
+            {
+              "expression": "created_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "analysis_run_organization_id_organization_id_fk": {
+          "name": "analysis_run_organization_id_organization_id_fk",
+          "tableFrom": "analysis_run",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "analysis_run_application_id_application_id_fk": {
+          "name": "analysis_run_application_id_application_id_fk",
+          "tableFrom": "analysis_run",
+          "tableTo": "application",
+          "columnsFrom": [
+            "application_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "analysis_run_scored_by_id_user_id_fk": {
+          "name": "analysis_run_scored_by_id_user_id_fk",
+          "tableFrom": "analysis_run",
+          "tableTo": "user",
+          "columnsFrom": [
+            "scored_by_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.application": {
+      "name": "application",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "candidate_id": {
+          "name": "candidate_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "job_id": {
+          "name": "job_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "status": {
+          "name": "status",
+          "type": "application_status",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'new'"
+        },
+        "score": {
+          "name": "score",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "notes": {
+          "name": "notes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "cover_letter_text": {
+          "name": "cover_letter_text",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "application_organization_id_idx": {
+          "name": "application_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "application_candidate_id_idx": {
+          "name": "application_candidate_id_idx",
+          "columns": [
+            {
+              "expression": "candidate_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "application_job_id_idx": {
+          "name": "application_job_id_idx",
+          "columns": [
+            {
+              "expression": "job_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "application_org_candidate_job_idx": {
+          "name": "application_org_candidate_job_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "candidate_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "job_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": true,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "application_organization_id_organization_id_fk": {
+          "name": "application_organization_id_organization_id_fk",
+          "tableFrom": "application",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "application_candidate_id_candidate_id_fk": {
+          "name": "application_candidate_id_candidate_id_fk",
+          "tableFrom": "application",
+          "tableTo": "candidate",
+          "columnsFrom": [
+            "candidate_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "application_job_id_job_id_fk": {
+          "name": "application_job_id_job_id_fk",
+          "tableFrom": "application",
+          "tableTo": "job",
+          "columnsFrom": [
+            "job_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.application_source": {
+      "name": "application_source",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "application_id": {
+          "name": "application_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "channel": {
+          "name": "channel",
+          "type": "source_channel",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'direct'"
+        },
+        "tracking_link_id": {
+          "name": "tracking_link_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "utm_source": {
+          "name": "utm_source",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "utm_medium": {
+          "name": "utm_medium",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "utm_campaign": {
+          "name": "utm_campaign",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "utm_term": {
+          "name": "utm_term",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "utm_content": {
+          "name": "utm_content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "referrer_domain": {
+          "name": "referrer_domain",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "application_source_organization_id_idx": {
+          "name": "application_source_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "application_source_application_id_idx": {
+          "name": "application_source_application_id_idx",
+          "columns": [
+            {
+              "expression": "application_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "application_source_channel_idx": {
+          "name": "application_source_channel_idx",
+          "columns": [
+            {
+              "expression": "channel",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "application_source_tracking_link_id_idx": {
+          "name": "application_source_tracking_link_id_idx",
+          "columns": [
+            {
+              "expression": "tracking_link_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "application_source_application_idx": {
+          "name": "application_source_application_idx",
+          "columns": [
+            {
+              "expression": "application_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": true,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "application_source_organization_id_organization_id_fk": {
+          "name": "application_source_organization_id_organization_id_fk",
+          "tableFrom": "application_source",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "application_source_application_id_application_id_fk": {
+          "name": "application_source_application_id_application_id_fk",
+          "tableFrom": "application_source",
+          "tableTo": "application",
+          "columnsFrom": [
+            "application_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "application_source_tracking_link_id_tracking_link_id_fk": {
+          "name": "application_source_tracking_link_id_tracking_link_id_fk",
+          "tableFrom": "application_source",
+          "tableTo": "tracking_link",
+          "columnsFrom": [
+            "tracking_link_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.calendar_integration": {
+      "name": "calendar_integration",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "provider": {
+          "name": "provider",
+          "type": "calendar_provider",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'google'"
+        },
+        "access_token_encrypted": {
+          "name": "access_token_encrypted",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "refresh_token_encrypted": {
+          "name": "refresh_token_encrypted",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "calendar_id": {
+          "name": "calendar_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'primary'"
+        },
+        "account_email": {
+          "name": "account_email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "webhook_channel_id": {
+          "name": "webhook_channel_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "webhook_resource_id": {
+          "name": "webhook_resource_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "webhook_expiration": {
+          "name": "webhook_expiration",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "sync_token": {
+          "name": "sync_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "calendar_integration_user_provider_idx": {
+          "name": "calendar_integration_user_provider_idx",
+          "columns": [
+            {
+              "expression": "user_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "provider",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": true,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "calendar_integration_webhook_channel_idx": {
+          "name": "calendar_integration_webhook_channel_idx",
+          "columns": [
+            {
+              "expression": "webhook_channel_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "calendar_integration_user_id_user_id_fk": {
+          "name": "calendar_integration_user_id_user_id_fk",
+          "tableFrom": "calendar_integration",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.candidate": {
+      "name": "candidate",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "first_name": {
+          "name": "first_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "last_name": {
+          "name": "last_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "display_name": {
+          "name": "display_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "phone": {
+          "name": "phone",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "gender": {
+          "name": "gender",
+          "type": "gender",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "date_of_birth": {
+          "name": "date_of_birth",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "quick_notes": {
+          "name": "quick_notes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "candidate_organization_id_idx": {
+          "name": "candidate_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "candidate_gender_idx": {
+          "name": "candidate_gender_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "gender",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "candidate_org_email_idx": {
+          "name": "candidate_org_email_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "email",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": true,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "candidate_organization_id_organization_id_fk": {
+          "name": "candidate_organization_id_organization_id_fk",
+          "tableFrom": "candidate",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.chatbot_agent": {
+      "name": "chatbot_agent",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "icon": {
+          "name": "icon",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "system_prompt": {
+          "name": "system_prompt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "temperature": {
+          "name": "temperature",
+          "type": "numeric(3, 2)",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "is_default": {
+          "name": "is_default",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "chatbot_agent_org_user_idx": {
+          "name": "chatbot_agent_org_user_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "user_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "chatbot_agent_default_per_user_idx": {
+          "name": "chatbot_agent_default_per_user_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "user_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": true,
+          "where": "\"chatbot_agent\".\"is_default\" = true",
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "chatbot_agent_organization_id_organization_id_fk": {
+          "name": "chatbot_agent_organization_id_organization_id_fk",
+          "tableFrom": "chatbot_agent",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "chatbot_agent_user_id_user_id_fk": {
+          "name": "chatbot_agent_user_id_user_id_fk",
+          "tableFrom": "chatbot_agent",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.chatbot_conversation": {
+      "name": "chatbot_conversation",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "folder_id": {
+          "name": "folder_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "agent_id": {
+          "name": "agent_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "ai_config_id": {
+          "name": "ai_config_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'New chat'"
+        },
+        "scope": {
+          "name": "scope",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "thinking": {
+          "name": "thinking",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "pinned": {
+          "name": "pinned",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "last_message_preview": {
+          "name": "last_message_preview",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "last_message_at": {
+          "name": "last_message_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "chatbot_conversation_org_user_idx": {
+          "name": "chatbot_conversation_org_user_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "user_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "chatbot_conversation_folder_idx": {
+          "name": "chatbot_conversation_folder_idx",
+          "columns": [
+            {
+              "expression": "folder_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "chatbot_conversation_last_message_at_idx": {
+          "name": "chatbot_conversation_last_message_at_idx",
+          "columns": [
+            {
+              "expression": "user_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "last_message_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "chatbot_conversation_organization_id_organization_id_fk": {
+          "name": "chatbot_conversation_organization_id_organization_id_fk",
+          "tableFrom": "chatbot_conversation",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "chatbot_conversation_user_id_user_id_fk": {
+          "name": "chatbot_conversation_user_id_user_id_fk",
+          "tableFrom": "chatbot_conversation",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "chatbot_conversation_folder_id_chatbot_folder_id_fk": {
+          "name": "chatbot_conversation_folder_id_chatbot_folder_id_fk",
+          "tableFrom": "chatbot_conversation",
+          "tableTo": "chatbot_folder",
+          "columnsFrom": [
+            "folder_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        },
+        "chatbot_conversation_agent_id_chatbot_agent_id_fk": {
+          "name": "chatbot_conversation_agent_id_chatbot_agent_id_fk",
+          "tableFrom": "chatbot_conversation",
+          "tableTo": "chatbot_agent",
+          "columnsFrom": [
+            "agent_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        },
+        "chatbot_conversation_ai_config_id_ai_config_id_fk": {
+          "name": "chatbot_conversation_ai_config_id_ai_config_id_fk",
+          "tableFrom": "chatbot_conversation",
+          "tableTo": "ai_config",
+          "columnsFrom": [
+            "ai_config_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "set null",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.chatbot_folder": {
+      "name": "chatbot_folder",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "icon": {
+          "name": "icon",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "position": {
+          "name": "position",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 0
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "chatbot_folder_org_user_idx": {
+          "name": "chatbot_folder_org_user_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "user_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "chatbot_folder_organization_id_organization_id_fk": {
+          "name": "chatbot_folder_organization_id_organization_id_fk",
+          "tableFrom": "chatbot_folder",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "chatbot_folder_user_id_user_id_fk": {
+          "name": "chatbot_folder_user_id_user_id_fk",
+          "tableFrom": "chatbot_folder",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.chatbot_message": {
+      "name": "chatbot_message",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "conversation_id": {
+          "name": "conversation_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "role": {
+          "name": "role",
+          "type": "chatbot_message_role",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "''"
+        },
+        "reasoning": {
+          "name": "reasoning",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "tool_calls": {
+          "name": "tool_calls",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "sources": {
+          "name": "sources",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "attachments": {
+          "name": "attachments",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "chatbot_message_conversation_idx": {
+          "name": "chatbot_message_conversation_idx",
+          "columns": [
+            {
+              "expression": "conversation_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "created_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "chatbot_message_conversation_id_chatbot_conversation_id_fk": {
+          "name": "chatbot_message_conversation_id_chatbot_conversation_id_fk",
+          "tableFrom": "chatbot_message",
+          "tableTo": "chatbot_conversation",
+          "columnsFrom": [
+            "conversation_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "chatbot_message_organization_id_organization_id_fk": {
+          "name": "chatbot_message_organization_id_organization_id_fk",
+          "tableFrom": "chatbot_message",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "chatbot_message_user_id_user_id_fk": {
+          "name": "chatbot_message_user_id_user_id_fk",
+          "tableFrom": "chatbot_message",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.comment": {
+      "name": "comment",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "author_id": {
+          "name": "author_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "target_type": {
+          "name": "target_type",
+          "type": "comment_target",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "target_id": {
+          "name": "target_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "body": {
+          "name": "body",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "comment_organization_id_idx": {
+          "name": "comment_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "comment_target_idx": {
+          "name": "comment_target_idx",
+          "columns": [
+            {
+              "expression": "target_type",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "target_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "comment_author_id_idx": {
+          "name": "comment_author_id_idx",
+          "columns": [
+            {
+              "expression": "author_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "comment_organization_id_organization_id_fk": {
+          "name": "comment_organization_id_organization_id_fk",
+          "tableFrom": "comment",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "comment_author_id_user_id_fk": {
+          "name": "comment_author_id_user_id_fk",
+          "tableFrom": "comment",
+          "tableTo": "user",
+          "columnsFrom": [
+            "author_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.criterion_score": {
+      "name": "criterion_score",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "application_id": {
+          "name": "application_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "criterion_key": {
+          "name": "criterion_key",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "max_score": {
+          "name": "max_score",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "applicant_score": {
+          "name": "applicant_score",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "confidence": {
+          "name": "confidence",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "evidence": {
+          "name": "evidence",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "strengths": {
+          "name": "strengths",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "gaps": {
+          "name": "gaps",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "criterion_score_organization_id_idx": {
+          "name": "criterion_score_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "criterion_score_application_id_idx": {
+          "name": "criterion_score_application_id_idx",
+          "columns": [
+            {
+              "expression": "application_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "criterion_score_app_criterion_idx": {
+          "name": "criterion_score_app_criterion_idx",
+          "columns": [
+            {
+              "expression": "application_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "criterion_key",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": true,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "criterion_score_organization_id_organization_id_fk": {
+          "name": "criterion_score_organization_id_organization_id_fk",
+          "tableFrom": "criterion_score",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "criterion_score_application_id_application_id_fk": {
+          "name": "criterion_score_application_id_application_id_fk",
+          "tableFrom": "criterion_score",
+          "tableTo": "application",
+          "columnsFrom": [
+            "application_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.document": {
+      "name": "document",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "candidate_id": {
+          "name": "candidate_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "type": {
+          "name": "type",
+          "type": "document_type",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'resume'"
+        },
+        "storage_key": {
+          "name": "storage_key",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "original_filename": {
+          "name": "original_filename",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "mime_type": {
+          "name": "mime_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "size_bytes": {
+          "name": "size_bytes",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "parsed_content": {
+          "name": "parsed_content",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "document_organization_id_idx": {
+          "name": "document_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "document_candidate_id_idx": {
+          "name": "document_candidate_id_idx",
+          "columns": [
+            {
+              "expression": "candidate_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "document_organization_id_organization_id_fk": {
+          "name": "document_organization_id_organization_id_fk",
+          "tableFrom": "document",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "document_candidate_id_candidate_id_fk": {
+          "name": "document_candidate_id_candidate_id_fk",
+          "tableFrom": "document",
+          "tableTo": "candidate",
+          "columnsFrom": [
+            "candidate_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "document_storage_key_unique": {
+          "name": "document_storage_key_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "storage_key"
+          ]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.email_template": {
+      "name": "email_template",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "subject": {
+          "name": "subject",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "body": {
+          "name": "body",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_by_id": {
+          "name": "created_by_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "email_template_organization_id_idx": {
+          "name": "email_template_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "email_template_created_by_id_idx": {
+          "name": "email_template_created_by_id_idx",
+          "columns": [
+            {
+              "expression": "created_by_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "email_template_organization_id_organization_id_fk": {
+          "name": "email_template_organization_id_organization_id_fk",
+          "tableFrom": "email_template",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "email_template_created_by_id_user_id_fk": {
+          "name": "email_template_created_by_id_user_id_fk",
+          "tableFrom": "email_template",
+          "tableTo": "user",
+          "columnsFrom": [
+            "created_by_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.interview": {
+      "name": "interview",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "application_id": {
+          "name": "application_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "type": {
+          "name": "type",
+          "type": "interview_type",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'video'"
+        },
+        "status": {
+          "name": "status",
+          "type": "interview_status",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'scheduled'"
+        },
+        "scheduled_at": {
+          "name": "scheduled_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "duration": {
+          "name": "duration",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 60
+        },
+        "location": {
+          "name": "location",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "notes": {
+          "name": "notes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "interviewers": {
+          "name": "interviewers",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_by_id": {
+          "name": "created_by_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "invitation_sent_at": {
+          "name": "invitation_sent_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "candidate_response": {
+          "name": "candidate_response",
+          "type": "candidate_response",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'pending'"
+        },
+        "candidate_responded_at": {
+          "name": "candidate_responded_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "google_calendar_event_id": {
+          "name": "google_calendar_event_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "google_calendar_event_link": {
+          "name": "google_calendar_event_link",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "timezone": {
+          "name": "timezone",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'UTC'"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "interview_organization_id_idx": {
+          "name": "interview_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "interview_application_id_idx": {
+          "name": "interview_application_id_idx",
+          "columns": [
+            {
+              "expression": "application_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "interview_scheduled_at_idx": {
+          "name": "interview_scheduled_at_idx",
+          "columns": [
+            {
+              "expression": "scheduled_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "interview_status_idx": {
+          "name": "interview_status_idx",
+          "columns": [
+            {
+              "expression": "status",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "interview_created_by_id_idx": {
+          "name": "interview_created_by_id_idx",
+          "columns": [
+            {
+              "expression": "created_by_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "interview_organization_id_organization_id_fk": {
+          "name": "interview_organization_id_organization_id_fk",
+          "tableFrom": "interview",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "interview_application_id_application_id_fk": {
+          "name": "interview_application_id_application_id_fk",
+          "tableFrom": "interview",
+          "tableTo": "application",
+          "columnsFrom": [
+            "application_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "interview_created_by_id_user_id_fk": {
+          "name": "interview_created_by_id_user_id_fk",
+          "tableFrom": "interview",
+          "tableTo": "user",
+          "columnsFrom": [
+            "created_by_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.invite_link": {
+      "name": "invite_link",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_by_id": {
+          "name": "created_by_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "token": {
+          "name": "token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'member'"
+        },
+        "max_uses": {
+          "name": "max_uses",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "use_count": {
+          "name": "use_count",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 0
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "revoked_at": {
+          "name": "revoked_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "invite_link_organization_id_idx": {
+          "name": "invite_link_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "invite_link_token_idx": {
+          "name": "invite_link_token_idx",
+          "columns": [
+            {
+              "expression": "token",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "invite_link_organization_id_organization_id_fk": {
+          "name": "invite_link_organization_id_organization_id_fk",
+          "tableFrom": "invite_link",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "invite_link_created_by_id_user_id_fk": {
+          "name": "invite_link_created_by_id_user_id_fk",
+          "tableFrom": "invite_link",
+          "tableTo": "user",
+          "columnsFrom": [
+            "created_by_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "invite_link_token_unique": {
+          "name": "invite_link_token_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "token"
+          ]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.job": {
+      "name": "job",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "title": {
+          "name": "title",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "location": {
+          "name": "location",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "type": {
+          "name": "type",
+          "type": "job_type",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'full_time'"
+        },
+        "status": {
+          "name": "status",
+          "type": "job_status",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'draft'"
+        },
+        "salary_min": {
+          "name": "salary_min",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "salary_max": {
+          "name": "salary_max",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "salary_currency": {
+          "name": "salary_currency",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "salary_unit": {
+          "name": "salary_unit",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "salary_negotiable": {
+          "name": "salary_negotiable",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "remote_status": {
+          "name": "remote_status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "valid_through": {
+          "name": "valid_through",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "experience_level": {
+          "name": "experience_level",
+          "type": "experience_level",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "phone_requirement": {
+          "name": "phone_requirement",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'optional'"
+        },
+        "require_resume": {
+          "name": "require_resume",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "require_cover_letter": {
+          "name": "require_cover_letter",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "auto_score_on_apply": {
+          "name": "auto_score_on_apply",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "job_organization_id_idx": {
+          "name": "job_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "job_organization_id_organization_id_fk": {
+          "name": "job_organization_id_organization_id_fk",
+          "tableFrom": "job",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "job_slug_unique": {
+          "name": "job_slug_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "slug"
+          ]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.job_question": {
+      "name": "job_question",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "job_id": {
+          "name": "job_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "type": {
+          "name": "type",
+          "type": "question_type",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'short_text'"
+        },
+        "label": {
+          "name": "label",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "required": {
+          "name": "required",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "options": {
+          "name": "options",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "display_order": {
+          "name": "display_order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 0
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "job_question_organization_id_idx": {
+          "name": "job_question_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "job_question_job_id_idx": {
+          "name": "job_question_job_id_idx",
+          "columns": [
+            {
+              "expression": "job_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "job_question_organization_id_organization_id_fk": {
+          "name": "job_question_organization_id_organization_id_fk",
+          "tableFrom": "job_question",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "job_question_job_id_job_id_fk": {
+          "name": "job_question_job_id_job_id_fk",
+          "tableFrom": "job_question",
+          "tableTo": "job",
+          "columnsFrom": [
+            "job_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.join_request": {
+      "name": "join_request",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "message": {
+          "name": "message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "status": {
+          "name": "status",
+          "type": "join_request_status",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'pending'"
+        },
+        "reviewed_by_id": {
+          "name": "reviewed_by_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "reviewed_at": {
+          "name": "reviewed_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "join_request_organization_id_idx": {
+          "name": "join_request_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "join_request_user_id_idx": {
+          "name": "join_request_user_id_idx",
+          "columns": [
+            {
+              "expression": "user_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "join_request_status_idx": {
+          "name": "join_request_status_idx",
+          "columns": [
+            {
+              "expression": "status",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "join_request_user_id_user_id_fk": {
+          "name": "join_request_user_id_user_id_fk",
+          "tableFrom": "join_request",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "join_request_organization_id_organization_id_fk": {
+          "name": "join_request_organization_id_organization_id_fk",
+          "tableFrom": "join_request",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "join_request_reviewed_by_id_user_id_fk": {
+          "name": "join_request_reviewed_by_id_user_id_fk",
+          "tableFrom": "join_request",
+          "tableTo": "user",
+          "columnsFrom": [
+            "reviewed_by_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.org_settings": {
+      "name": "org_settings",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "name_display_format": {
+          "name": "name_display_format",
+          "type": "name_display_format",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'first_last'"
+        },
+        "date_format": {
+          "name": "date_format",
+          "type": "date_format",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'mdy'"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "org_settings_organization_id_idx": {
+          "name": "org_settings_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": true,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "org_settings_organization_id_organization_id_fk": {
+          "name": "org_settings_organization_id_organization_id_fk",
+          "tableFrom": "org_settings",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.property_definition": {
+      "name": "property_definition",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "job_id": {
+          "name": "job_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "entity_type": {
+          "name": "entity_type",
+          "type": "property_entity_type",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "type": {
+          "name": "type",
+          "type": "property_type",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "display_order": {
+          "name": "display_order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 0
+        },
+        "config": {
+          "name": "config",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "property_definition_org_idx": {
+          "name": "property_definition_org_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "property_definition_org_entity_idx": {
+          "name": "property_definition_org_entity_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "entity_type",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "property_definition_job_idx": {
+          "name": "property_definition_job_idx",
+          "columns": [
+            {
+              "expression": "job_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "property_definition_organization_id_organization_id_fk": {
+          "name": "property_definition_organization_id_organization_id_fk",
+          "tableFrom": "property_definition",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "property_definition_job_id_job_id_fk": {
+          "name": "property_definition_job_id_job_id_fk",
+          "tableFrom": "property_definition",
+          "tableTo": "job",
+          "columnsFrom": [
+            "job_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.property_value": {
+      "name": "property_value",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "property_definition_id": {
+          "name": "property_definition_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "entity_type": {
+          "name": "entity_type",
+          "type": "property_entity_type",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "entity_id": {
+          "name": "entity_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "value": {
+          "name": "value",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "property_value_org_idx": {
+          "name": "property_value_org_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "property_value_entity_idx": {
+          "name": "property_value_entity_idx",
+          "columns": [
+            {
+              "expression": "entity_type",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "entity_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "property_value_definition_idx": {
+          "name": "property_value_definition_idx",
+          "columns": [
+            {
+              "expression": "property_definition_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "property_value_def_entity_idx": {
+          "name": "property_value_def_entity_idx",
+          "columns": [
+            {
+              "expression": "property_definition_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "entity_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": true,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "property_value_organization_id_organization_id_fk": {
+          "name": "property_value_organization_id_organization_id_fk",
+          "tableFrom": "property_value",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "property_value_property_definition_id_property_definition_id_fk": {
+          "name": "property_value_property_definition_id_property_definition_id_fk",
+          "tableFrom": "property_value",
+          "tableTo": "property_definition",
+          "columnsFrom": [
+            "property_definition_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.question_response": {
+      "name": "question_response",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "application_id": {
+          "name": "application_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "question_id": {
+          "name": "question_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "value": {
+          "name": "value",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "question_response_organization_id_idx": {
+          "name": "question_response_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "question_response_application_id_idx": {
+          "name": "question_response_application_id_idx",
+          "columns": [
+            {
+              "expression": "application_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "question_response_question_id_idx": {
+          "name": "question_response_question_id_idx",
+          "columns": [
+            {
+              "expression": "question_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "question_response_organization_id_organization_id_fk": {
+          "name": "question_response_organization_id_organization_id_fk",
+          "tableFrom": "question_response",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "question_response_application_id_application_id_fk": {
+          "name": "question_response_application_id_application_id_fk",
+          "tableFrom": "question_response",
+          "tableTo": "application",
+          "columnsFrom": [
+            "application_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "question_response_question_id_job_question_id_fk": {
+          "name": "question_response_question_id_job_question_id_fk",
+          "tableFrom": "question_response",
+          "tableTo": "job_question",
+          "columnsFrom": [
+            "question_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.scoring_criterion": {
+      "name": "scoring_criterion",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "job_id": {
+          "name": "job_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "key": {
+          "name": "key",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "category": {
+          "name": "category",
+          "type": "criterion_category",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'custom'"
+        },
+        "max_score": {
+          "name": "max_score",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 10
+        },
+        "weight": {
+          "name": "weight",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 50
+        },
+        "display_order": {
+          "name": "display_order",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 0
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "scoring_criterion_organization_id_idx": {
+          "name": "scoring_criterion_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "scoring_criterion_job_id_idx": {
+          "name": "scoring_criterion_job_id_idx",
+          "columns": [
+            {
+              "expression": "job_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "scoring_criterion_job_key_idx": {
+          "name": "scoring_criterion_job_key_idx",
+          "columns": [
+            {
+              "expression": "job_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "key",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": true,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "scoring_criterion_organization_id_organization_id_fk": {
+          "name": "scoring_criterion_organization_id_organization_id_fk",
+          "tableFrom": "scoring_criterion",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "scoring_criterion_job_id_job_id_fk": {
+          "name": "scoring_criterion_job_id_job_id_fk",
+          "tableFrom": "scoring_criterion",
+          "tableTo": "job",
+          "columnsFrom": [
+            "job_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.tracking_link": {
+      "name": "tracking_link",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "job_id": {
+          "name": "job_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "channel": {
+          "name": "channel",
+          "type": "source_channel",
+          "typeSchema": "public",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'custom'"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "code": {
+          "name": "code",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "utm_source": {
+          "name": "utm_source",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "utm_medium": {
+          "name": "utm_medium",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "utm_campaign": {
+          "name": "utm_campaign",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "utm_term": {
+          "name": "utm_term",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "utm_content": {
+          "name": "utm_content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "click_count": {
+          "name": "click_count",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 0
+        },
+        "application_count": {
+          "name": "application_count",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 0
+        },
+        "is_active": {
+          "name": "is_active",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": true
+        },
+        "created_by_id": {
+          "name": "created_by_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "tracking_link_organization_id_idx": {
+          "name": "tracking_link_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "tracking_link_job_id_idx": {
+          "name": "tracking_link_job_id_idx",
+          "columns": [
+            {
+              "expression": "job_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "tracking_link_code_idx": {
+          "name": "tracking_link_code_idx",
+          "columns": [
+            {
+              "expression": "code",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "tracking_link_channel_idx": {
+          "name": "tracking_link_channel_idx",
+          "columns": [
+            {
+              "expression": "channel",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "tracking_link_organization_id_organization_id_fk": {
+          "name": "tracking_link_organization_id_organization_id_fk",
+          "tableFrom": "tracking_link",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "tracking_link_job_id_job_id_fk": {
+          "name": "tracking_link_job_id_job_id_fk",
+          "tableFrom": "tracking_link",
+          "tableTo": "job",
+          "columnsFrom": [
+            "job_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "tracking_link_created_by_id_user_id_fk": {
+          "name": "tracking_link_created_by_id_user_id_fk",
+          "tableFrom": "tracking_link",
+          "tableTo": "user",
+          "columnsFrom": [
+            "created_by_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "tracking_link_code_unique": {
+          "name": "tracking_link_code_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "code"
+          ]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.sso_provider": {
+      "name": "sso_provider",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "issuer": {
+          "name": "issuer",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "domain": {
+          "name": "domain",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "oidc_config": {
+          "name": "oidc_config",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "saml_config": {
+          "name": "saml_config",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "provider_id": {
+          "name": "provider_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "organization_id": {
+          "name": "organization_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        }
+      },
+      "indexes": {
+        "sso_provider_domain_idx": {
+          "name": "sso_provider_domain_idx",
+          "columns": [
+            {
+              "expression": "domain",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "sso_provider_provider_id_idx": {
+          "name": "sso_provider_provider_id_idx",
+          "columns": [
+            {
+              "expression": "provider_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "sso_provider_organization_id_idx": {
+          "name": "sso_provider_organization_id_idx",
+          "columns": [
+            {
+              "expression": "organization_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "sso_provider_user_id_user_id_fk": {
+          "name": "sso_provider_user_id_user_id_fk",
+          "tableFrom": "sso_provider",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "sso_provider_organization_id_organization_id_fk": {
+          "name": "sso_provider_organization_id_organization_id_fk",
+          "tableFrom": "sso_provider",
+          "tableTo": "organization",
+          "columnsFrom": [
+            "organization_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    }
+  },
+  "enums": {
+    "public.activity_action": {
+      "name": "activity_action",
+      "schema": "public",
+      "values": [
+        "created",
+        "updated",
+        "deleted",
+        "status_changed",
+        "comment_added",
+        "member_invited",
+        "member_removed",
+        "member_role_changed",
+        "scored"
+      ]
+    },
+    "public.analysis_run_status": {
+      "name": "analysis_run_status",
+      "schema": "public",
+      "values": [
+        "completed",
+        "failed",
+        "partial"
+      ]
+    },
+    "public.application_status": {
+      "name": "application_status",
+      "schema": "public",
+      "values": [
+        "new",
+        "screening",
+        "interview",
+        "offer",
+        "hired",
+        "rejected"
+      ]
+    },
+    "public.calendar_provider": {
+      "name": "calendar_provider",
+      "schema": "public",
+      "values": [
+        "google"
+      ]
+    },
+    "public.candidate_response": {
+      "name": "candidate_response",
+      "schema": "public",
+      "values": [
+        "pending",
+        "accepted",
+        "declined",
+        "tentative"
+      ]
+    },
+    "public.chatbot_message_role": {
+      "name": "chatbot_message_role",
+      "schema": "public",
+      "values": [
+        "user",
+        "assistant"
+      ]
+    },
+    "public.comment_target": {
+      "name": "comment_target",
+      "schema": "public",
+      "values": [
+        "candidate",
+        "application",
+        "job"
+      ]
+    },
+    "public.criterion_category": {
+      "name": "criterion_category",
+      "schema": "public",
+      "values": [
+        "technical",
+        "experience",
+        "soft_skills",
+        "education",
+        "culture",
+        "custom"
+      ]
+    },
+    "public.date_format": {
+      "name": "date_format",
+      "schema": "public",
+      "values": [
+        "mdy",
+        "dmy",
+        "ymd"
+      ]
+    },
+    "public.document_type": {
+      "name": "document_type",
+      "schema": "public",
+      "values": [
+        "resume",
+        "cover_letter",
+        "other"
+      ]
+    },
+    "public.experience_level": {
+      "name": "experience_level",
+      "schema": "public",
+      "values": [
+        "junior",
+        "mid",
+        "senior",
+        "lead"
+      ]
+    },
+    "public.gender": {
+      "name": "gender",
+      "schema": "public",
+      "values": [
+        "male",
+        "female",
+        "other",
+        "prefer_not_to_say"
+      ]
+    },
+    "public.interview_status": {
+      "name": "interview_status",
+      "schema": "public",
+      "values": [
+        "scheduled",
+        "completed",
+        "cancelled",
+        "no_show"
+      ]
+    },
+    "public.interview_type": {
+      "name": "interview_type",
+      "schema": "public",
+      "values": [
+        "phone",
+        "video",
+        "in_person",
+        "panel",
+        "technical",
+        "take_home"
+      ]
+    },
+    "public.job_status": {
+      "name": "job_status",
+      "schema": "public",
+      "values": [
+        "draft",
+        "open",
+        "closed",
+        "archived"
+      ]
+    },
+    "public.job_type": {
+      "name": "job_type",
+      "schema": "public",
+      "values": [
+        "full_time",
+        "part_time",
+        "contract",
+        "internship"
+      ]
+    },
+    "public.join_request_status": {
+      "name": "join_request_status",
+      "schema": "public",
+      "values": [
+        "pending",
+        "approved",
+        "rejected"
+      ]
+    },
+    "public.name_display_format": {
+      "name": "name_display_format",
+      "schema": "public",
+      "values": [
+        "first_last",
+        "last_first"
+      ]
+    },
+    "public.property_entity_type": {
+      "name": "property_entity_type",
+      "schema": "public",
+      "values": [
+        "candidate",
+        "application"
+      ]
+    },
+    "public.property_type": {
+      "name": "property_type",
+      "schema": "public",
+      "values": [
+        "text",
+        "long_text",
+        "number",
+        "select",
+        "multi_select",
+        "date",
+        "checkbox",
+        "url",
+        "email",
+        "person",
+        "file"
+      ]
+    },
+    "public.question_type": {
+      "name": "question_type",
+      "schema": "public",
+      "values": [
+        "short_text",
+        "long_text",
+        "single_select",
+        "multi_select",
+        "number",
+        "date",
+        "url",
+        "checkbox",
+        "file_upload"
+      ]
+    },
+    "public.source_channel": {
+      "name": "source_channel",
+      "schema": "public",
+      "values": [
+        "linkedin",
+        "indeed",
+        "glassdoor",
+        "ziprecruiter",
+        "monster",
+        "handshake",
+        "angellist",
+        "wellfound",
+        "dice",
+        "stackoverflow",
+        "weworkremotely",
+        "remoteok",
+        "builtin",
+        "hired",
+        "lever",
+        "greenhouse_board",
+        "google_jobs",
+        "facebook",
+        "twitter",
+        "instagram",
+        "tiktok",
+        "reddit",
+        "referral",
+        "career_site",
+        "email",
+        "event",
+        "agency",
+        "direct",
+        "other",
+        "custom"
+      ]
+    }
+  },
+  "schemas": {},
+  "sequences": {},
+  "roles": {},
+  "policies": {},
+  "views": {},
+  "_meta": {
+    "columns": {},
+    "schemas": {},
+    "tables": {}
+  }
+}
\ No newline at end of file
diff --git a/server/database/migrations/meta/_journal.json b/server/database/migrations/meta/_journal.json
index 2fec9f78..894d47d7 100644
--- a/server/database/migrations/meta/_journal.json
+++ b/server/database/migrations/meta/_journal.json
@@ -204,6 +204,13 @@
       "when": 1777463601249,
       "tag": "0028_custom_properties",
       "breakpoints": true
+    },
+    {
+      "idx": 29,
+      "version": "7",
+      "when": 1781773504170,
+      "tag": "0029_wakeful_secret_warriors",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/server/database/schema/app.ts b/server/database/schema/app.ts
index f450351d..7637328f 100644
--- a/server/database/schema/app.ts
+++ b/server/database/schema/app.ts
@@ -64,6 +64,7 @@ export const job = pgTable('job', {
   /** Experience level required for this role */
   experienceLevel: experienceLevelEnum('experience_level'),
   // ── Application form settings ──
+  phoneRequirement: text('phone_requirement').$type<'hidden' | 'optional' | 'required'>().notNull().default('optional'),
   requireResume: boolean('require_resume').notNull().default(false),
   requireCoverLetter: boolean('require_cover_letter').notNull().default(false),
   // ── AI scoring settings ──
diff --git a/server/utils/schemas/job.ts b/server/utils/schemas/job.ts
index 537ceef8..41de7ff4 100644
--- a/server/utils/schemas/job.ts
+++ b/server/utils/schemas/job.ts
@@ -27,6 +27,8 @@ export const createJobSchema = z.object({
   validThrough: z.coerce.date().nullable().optional(),
   /** Whether the application form requires a resume/CV upload */
   requireResume: z.boolean().optional().default(false),
+  /** Whether phone is hidden, optional, or required on the application form */
+  phoneRequirement: z.enum(['hidden', 'optional', 'required']).optional().default('optional'),
   /** Whether the application form asks for a cover letter upload */
   requireCoverLetter: z.boolean().optional().default(false),
   /** Whether to automatically run AI scoring when a candidate applies */
@@ -52,6 +54,7 @@ export const updateJobSchema = z.object({
   /** Pass null to explicitly clear the expiry date */
   validThrough: z.coerce.date().nullable().optional(),
   requireResume: z.boolean().optional(),
+  phoneRequirement: z.enum(['hidden', 'optional', 'required']).optional(),
   requireCoverLetter: z.boolean().optional(),
   /** Whether to automatically run AI scoring when a candidate applies */
   autoScoreOnApply: z.boolean().optional(),

From b12876452e1a35c4b9a7e578c6115379aebba03b Mon Sep 17 00:00:00 2001
From: Joachim LK <joachim.l.kolle.pers@gmail.com>
Date: Fri, 19 Jun 2026 07:39:23 +0200
Subject: [PATCH 07/12] feat: enhance job creation wizard with validation and
 schema updates; limit questions and criteria

---
 app/components/ApplicationBuilder.vue        |   5 +
 app/components/ApplicationBuilderPreview.vue |   3 -
 app/components/QuestionForm.vue              |  18 +-
 app/composables/useJobs.ts                   |  18 ++
 app/pages/dashboard/jobs/new.vue             | 197 +++++++++++--------
 e2e/critical-flows/job-creation.spec.ts      |  54 +++++
 server/api/jobs/index.post.ts                | 126 +++++++-----
 server/utils/schemas/job.ts                  |  44 ++++-
 server/utils/schemas/jobQuestion.ts          |  36 ++--
 server/utils/schemas/scoring.ts              |   5 +-
 tests/unit/job-creation-schema.test.ts       |  64 ++++++
 11 files changed, 419 insertions(+), 151 deletions(-)
 create mode 100644 tests/unit/job-creation-schema.test.ts

diff --git a/app/components/ApplicationBuilder.vue b/app/components/ApplicationBuilder.vue
index 7bd731fb..982fce9f 100644
--- a/app/components/ApplicationBuilder.vue
+++ b/app/components/ApplicationBuilder.vue
@@ -102,6 +102,10 @@ function newDraftId() {
 }
 
 function startAdd() {
+  if (model.value.questions.length >= 50) {
+    questionActionError.value = 'You can add up to 50 screening questions.'
+    return
+  }
   editingQuestion.value = null
   showAddForm.value = true
   questionActionError.value = null
@@ -511,6 +515,7 @@ function handleEditField(field: string) {
           <button
             v-if="!showAddForm && !editingQuestion"
             type="button"
+            :disabled="model.questions.length >= 50"
             class="inline-flex items-center gap-1.5 rounded-lg border border-dashed border-surface-300 dark:border-surface-700 px-3 py-2 text-sm font-medium text-surface-600 dark:text-surface-400 hover:border-brand-400 dark:hover:border-brand-600 hover:text-brand-600 dark:hover:text-brand-400 hover:bg-brand-50/50 dark:hover:bg-brand-950/30 transition-colors"
             @click="startAdd"
           >
diff --git a/app/components/ApplicationBuilderPreview.vue b/app/components/ApplicationBuilderPreview.vue
index f085de57..0a7c55b5 100644
--- a/app/components/ApplicationBuilderPreview.vue
+++ b/app/components/ApplicationBuilderPreview.vue
@@ -93,9 +93,6 @@ const metadata = computed(() => {
         <p class="text-xs font-semibold uppercase tracking-wider text-surface-400 dark:text-surface-500">
           Live candidate preview
         </p>
-        <p class="truncate text-sm font-medium text-surface-700 dark:text-surface-300">
-          {{ jobDetails?.title || 'Untitled job' }}
-        </p>
       </div>
 
       <div
diff --git a/app/components/QuestionForm.vue b/app/components/QuestionForm.vue
index d4c2bc26..486ab40c 100644
--- a/app/components/QuestionForm.vue
+++ b/app/components/QuestionForm.vue
@@ -51,6 +51,7 @@ const isSelectType = computed(() =>
 )
 
 function addOption() {
+  if (form.value.options.length >= 50) return
   form.value.options.push('')
 }
 
@@ -65,12 +66,22 @@ function validate(): boolean {
 
   if (!form.value.label.trim()) {
     errors.value.label = 'Question label is required'
+  } else if (form.value.label.trim().length > 500) {
+    errors.value.label = 'Question label must be 500 characters or less'
+  }
+
+  if (form.value.description.trim().length > 1000) {
+    errors.value.description = 'Help text must be 1,000 characters or less'
   }
 
   if (isSelectType.value) {
-    const nonEmpty = form.value.options.filter((o) => o.trim())
+    const nonEmpty = form.value.options.map(o => o.trim()).filter(Boolean)
     if (nonEmpty.length === 0) {
       errors.value.options = 'At least one option is required for select questions'
+    } else if (nonEmpty.some(option => option.length > 200)) {
+      errors.value.options = 'Options must be 200 characters or less'
+    } else if (new Set(nonEmpty.map(option => option.toLocaleLowerCase())).size !== nonEmpty.length) {
+      errors.value.options = 'Options must be unique'
     }
   }
 
@@ -133,6 +144,7 @@ const isEditing = computed(() => !!props.question)
           id="q-label"
           v-model="form.label"
           type="text"
+          maxlength="500"
           placeholder="e.g. How many years of experience do you have?"
           class="w-full rounded-lg border px-3 py-2 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-800 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 transition-colors"
           :class="errors.label ? 'border-danger-300' : 'border-surface-300 dark:border-surface-700'"
@@ -165,9 +177,11 @@ const isEditing = computed(() => !!props.question)
           id="q-desc"
           v-model="form.description"
           type="text"
+          maxlength="1000"
           placeholder="Additional context shown below the field"
           class="w-full rounded-lg border border-surface-300 dark:border-surface-700 px-3 py-2 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-800 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 transition-colors"
         />
+        <p v-if="errors.description" class="mt-1 text-xs text-danger-600 dark:text-danger-400">{{ errors.description }}</p>
       </div>
 
       <!-- Options (for select types) -->
@@ -180,6 +194,7 @@ const isEditing = computed(() => !!props.question)
             <input
               v-model="form.options[index]"
               type="text"
+              maxlength="200"
               :placeholder="`Option ${index + 1}`"
               class="flex-1 rounded-lg border border-surface-300 dark:border-surface-700 px-3 py-1.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-800 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 transition-colors"
             />
@@ -195,6 +210,7 @@ const isEditing = computed(() => !!props.question)
         </div>
         <button
           type="button"
+          :disabled="form.options.length >= 50"
           class="mt-2 inline-flex items-center gap-1 text-sm text-brand-600 hover:text-brand-700 transition-colors"
           @click="addOption"
         >
diff --git a/app/composables/useJobs.ts b/app/composables/useJobs.ts
index 66d36242..9db8dd9c 100644
--- a/app/composables/useJobs.ts
+++ b/app/composables/useJobs.ts
@@ -34,6 +34,24 @@ export function useJobs(options?: {
     requireResume?: boolean
     requireCoverLetter?: boolean
     autoScoreOnApply?: boolean
+    status?: 'draft' | 'open'
+    questions?: Array<{
+      label: string
+      type: 'short_text' | 'long_text' | 'single_select' | 'multi_select' | 'number' | 'date' | 'url' | 'checkbox' | 'file_upload'
+      description?: string
+      required: boolean
+      options?: string[]
+      displayOrder: number
+    }>
+    criteria?: Array<{
+      key: string
+      name: string
+      description?: string
+      category: 'technical' | 'experience' | 'soft_skills' | 'education' | 'culture' | 'custom'
+      maxScore: number
+      weight: number
+      displayOrder: number
+    }>
   }) {
     try {
       const created = await $fetch('/api/jobs', {
diff --git a/app/pages/dashboard/jobs/new.vue b/app/pages/dashboard/jobs/new.vue
index daf6c3b9..36619022 100644
--- a/app/pages/dashboard/jobs/new.vue
+++ b/app/pages/dashboard/jobs/new.vue
@@ -242,22 +242,29 @@ async function generateAiCriteria() {
 
 function addCustomCriterion() {
   const f = customCriterionForm.value
-  if (!f.key || !f.name) return
+  if (scoringCriteria.value.length >= 20) {
+    toast.warning('Criteria limit reached', 'You can add up to 20 scoring criteria.')
+    return
+  }
+
+  const parsed = scoringCriterionDraftSchema.safeParse({
+    ...f,
+    key: f.key.trim(),
+    name: f.name.trim(),
+    description: f.description.trim(),
+  })
+  if (!parsed.success) {
+    toast.warning('Invalid criterion', parsed.error.issues[0]?.message ?? 'Check the criterion fields and try again.')
+    return
+  }
 
-  const keyExists = scoringCriteria.value.some(c => c.key === f.key)
+  const keyExists = scoringCriteria.value.some(c => c.key === parsed.data.key)
   if (keyExists) {
-    toast.warning('Duplicate criterion', `A criterion with key "${f.key}" already exists.`)
+    toast.warning('Duplicate criterion', `A criterion with key "${parsed.data.key}" already exists.`)
     return
   }
 
-  scoringCriteria.value.push({
-    key: f.key,
-    name: f.name,
-    description: f.description,
-    category: f.category,
-    maxScore: f.maxScore,
-    weight: f.weight,
-  })
+  scoringCriteria.value.push(parsed.data)
   customCriterionForm.value = { key: '', name: '', description: '', category: 'custom', maxScore: 10, weight: 50 }
   showCustomForm.value = false
   if (scoringMode.value === 'none') scoringMode.value = 'custom'
@@ -278,6 +285,40 @@ const isSubmitting = ref(false)
 const errors = ref<Record<string, string>>({})
 const linkCopied = ref(false)
 
+const formSchema = z.object({
+  title: z.string().trim().min(1, 'Title is required').max(200, 'Title must be 200 characters or less'),
+  description: z.string().trim().max(100_000, 'Description is too long'),
+  location: z.string().trim().max(500, 'Location must be 500 characters or less'),
+  type: z.enum(['full_time', 'part_time', 'contract', 'internship']),
+  experienceLevel: z.enum(['junior', 'mid', 'senior', 'lead']),
+  remoteStatus: z.enum(['remote', 'hybrid', 'onsite']).optional(),
+})
+
+const draftQuestionSchema = z.object({
+  id: z.string().min(1),
+  label: z.string().trim().min(1).max(500),
+  type: z.enum(['short_text', 'long_text', 'single_select', 'multi_select', 'number', 'date', 'url', 'checkbox', 'file_upload']),
+  description: z.string().trim().max(1000).nullish(),
+  required: z.boolean(),
+  options: z.array(z.string().trim().min(1).max(200)).max(50).nullish(),
+})
+
+const applicationFormSchema = z.object({
+  phoneRequirement: z.enum(['hidden', 'optional', 'required']),
+  requireResume: z.boolean(),
+  requireCoverLetter: z.boolean(),
+  questions: z.array(draftQuestionSchema).max(50),
+})
+
+const scoringCriterionDraftSchema = z.object({
+  key: z.string().trim().min(1).max(100).regex(/^[a-z][a-z0-9_]*$/),
+  name: z.string().trim().min(1).max(200),
+  description: z.string().trim().max(1000),
+  category: z.enum(['technical', 'experience', 'soft_skills', 'education', 'culture', 'custom']),
+  maxScore: z.number().int().min(1).max(100),
+  weight: z.number().int().min(0).max(100),
+})
+
 // Check if at least one AI provider is configured with a valid API key.
 // /api/ai-config returns an array of configurations now (multi-config era).
 interface AiConfigCheckRow { hasApiKey: boolean }
@@ -314,13 +355,37 @@ function restoreFormFromStorage() {
   try {
     const raw = localStorage.getItem(AUTO_SAVE_KEY)
     if (!raw) return
-    const data = JSON.parse(raw)
-    if (data.form) Object.assign(form.value, data.form)
-    if (data.applicationForm) Object.assign(applicationForm.value, data.applicationForm)
-    if (data.scoringCriteria) scoringCriteria.value = data.scoringCriteria
-    if (data.scoringMode) scoringMode.value = data.scoringMode
-    if (data.autoScoreOnApply != null) autoScoreOnApply.value = data.autoScoreOnApply
-    if (data.currentStep) currentStep.value = data.currentStep
+    const data = z.object({
+      form: z.unknown().optional(),
+      applicationForm: z.unknown().optional(),
+      scoringCriteria: z.unknown().optional(),
+      scoringMode: z.unknown().optional(),
+      autoScoreOnApply: z.unknown().optional(),
+      currentStep: z.unknown().optional(),
+    }).parse(JSON.parse(raw))
+
+    const storedForm = formSchema.safeParse(data.form)
+    if (storedForm.success) {
+      form.value = {
+        ...storedForm.data,
+        remoteStatus: storedForm.data.remoteStatus,
+      }
+    }
+
+    const storedApplicationForm = applicationFormSchema.safeParse(data.applicationForm)
+    if (storedApplicationForm.success) applicationForm.value = storedApplicationForm.data
+
+    const storedCriteria = z.array(scoringCriterionDraftSchema).max(20).safeParse(data.scoringCriteria)
+    if (storedCriteria.success) scoringCriteria.value = storedCriteria.data
+
+    const storedMode = z.enum(['none', 'premade', 'ai', 'custom']).safeParse(data.scoringMode)
+    if (storedMode.success) scoringMode.value = storedMode.data
+
+    const storedAutoScore = z.boolean().safeParse(data.autoScoreOnApply)
+    if (storedAutoScore.success) autoScoreOnApply.value = storedAutoScore.data
+
+    const storedStep = z.union([z.literal(1), z.literal(2), z.literal(3), z.literal(4)]).safeParse(data.currentStep)
+    currentStep.value = storedStep.success && storedForm.success ? storedStep.data : 1
   } catch { /* corrupted data, ignore */ }
 }
 
@@ -508,17 +573,6 @@ async function copyCustomBoardLink(index: number) {
   }
 }
 
-// Validation (only Step 1 is required to submit)
-const formSchema = z.object({
-  title: z
-    .string()
-    .min(1, 'Title is required')
-    .max(200, 'Title must be 200 characters or less'),
-  description: z.string().optional(),
-  location: z.string().optional(),
-  type: z.enum(['full_time', 'part_time', 'contract', 'internship']),
-})
-
 function validateStep1(): boolean {
   const result = formSchema.safeParse(form.value)
   if (!result.success) {
@@ -595,76 +649,51 @@ async function copyApplicationLink() {
 }
 
 async function handleSubmit(mode: 'publish' | 'draft' = publishChoice.value) {
+  if (isSubmitting.value) return
+
   // Ensure step 1 is valid before submit
   if (!validateStep1()) {
     currentStep.value = 1
     return
   }
 
+  const normalizedForm = formSchema.parse(form.value)
   isSubmitting.value = true
   try {
     const created = await createJob({
-      title: form.value.title,
-      description: form.value.description || undefined,
-      location: form.value.location || undefined,
-      type: form.value.type,
-      experienceLevel: form.value.experienceLevel || undefined,
-      remoteStatus: form.value.remoteStatus || undefined,
+      title: normalizedForm.title,
+      description: normalizedForm.description || undefined,
+      location: normalizedForm.location || undefined,
+      type: normalizedForm.type,
+      experienceLevel: normalizedForm.experienceLevel,
+      remoteStatus: normalizedForm.remoteStatus,
       phoneRequirement: applicationForm.value.phoneRequirement,
       requireResume: applicationForm.value.requireResume,
       requireCoverLetter: applicationForm.value.requireCoverLetter,
-      autoScoreOnApply: autoScoreOnApply.value,
+      autoScoreOnApply: scoringCriteria.value.length > 0 && autoScoreOnApply.value,
+      status: mode === 'publish' ? 'open' : 'draft',
+      questions: applicationForm.value.questions.map((question, index) => ({
+        label: question.label,
+        type: question.type,
+        description: question.description || undefined,
+        required: question.required,
+        options: question.options || undefined,
+        displayOrder: index,
+      })),
+      criteria: scoringCriteria.value.map((criterion, index) => ({
+        key: criterion.key,
+        name: criterion.name,
+        description: criterion.description || undefined,
+        category: criterion.category,
+        maxScore: criterion.maxScore,
+        weight: criterion.weight,
+        displayOrder: index,
+      })),
     })
 
     track('job_created')
 
-    if (applicationForm.value.questions.length > 0 && created?.id) {
-      await Promise.all(
-        applicationForm.value.questions.map((question, index) => (
-          $fetch(`/api/jobs/${created.id}/questions`, {
-            method: 'POST',
-            body: {
-              label: question.label,
-              type: question.type,
-              description: question.description || undefined,
-              required: question.required,
-              options: question.options || undefined,
-              displayOrder: index,
-            },
-          })
-        )),
-      )
-    }
-
-    // Save scoring criteria if any were configured
-    if (scoringCriteria.value.length > 0 && created?.id) {
-      try {
-        await $fetch(`/api/jobs/${created.id}/criteria`, {
-          method: 'POST',
-          body: {
-            criteria: scoringCriteria.value.map((c, i) => ({
-              key: c.key,
-              name: c.name,
-              description: c.description || undefined,
-              category: c.category,
-              maxScore: c.maxScore,
-              weight: c.weight,
-              displayOrder: i,
-            })),
-          },
-        })
-      } catch {
-        // Non-blocking: criteria can be added later from job settings
-      }
-    }
-
     if (mode === 'publish' && created?.id) {
-      // Publish the job immediately
-      await $fetch(`/api/jobs/${created.id}`, {
-        method: 'PATCH',
-        body: { status: 'open' },
-      })
-
       // Build the real application link
       const base = `${requestUrl.protocol}//${requestUrl.host}`
       const slug = created.slug || created.id
@@ -817,6 +846,7 @@ const typeOptions = [
                   id="title"
                   v-model="form.title"
                   type="text"
+                  maxlength="200"
                   placeholder="e.g. Senior Frontend Engineer"
                   class="w-full rounded-lg border px-3 py-2.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-900 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors"
                   :class="errors.title ? 'border-danger-300 ring-1 ring-danger-100' : 'border-surface-300 dark:border-surface-700'"
@@ -835,6 +865,7 @@ const typeOptions = [
                     id="location"
                     v-model="form.location"
                     type="text"
+                    maxlength="500"
                     placeholder="e.g. New York, NY"
                     class="w-full rounded-lg border px-3 py-2.5 text-sm text-surface-900 dark:text-surface-100 bg-white dark:bg-surface-900 placeholder:text-surface-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition-colors border-surface-300 dark:border-surface-700"
                   />
@@ -1217,6 +1248,7 @@ const typeOptions = [
                         v-model="customCriterionForm.name"
                         @input="customCriterionForm.key = autoGenerateKey(customCriterionForm.name)"
                         type="text"
+                        maxlength="200"
                         placeholder="e.g. React Expertise"
                         class="w-full rounded-lg border border-surface-300 dark:border-surface-700 px-3 py-2 text-sm bg-white dark:bg-surface-900 text-surface-900 dark:text-surface-100 focus:outline-none focus:ring-2 focus:ring-brand-500"
                       />
@@ -1236,6 +1268,7 @@ const typeOptions = [
                     <textarea
                       v-model="customCriterionForm.description"
                       rows="2"
+                      maxlength="1000"
                       placeholder="Describe what the AI should evaluate for this criterion..."
                       class="w-full rounded-lg border border-surface-300 dark:border-surface-700 px-3 py-2 text-sm bg-white dark:bg-surface-900 text-surface-900 dark:text-surface-100 focus:outline-none focus:ring-2 focus:ring-brand-500"
                     />
diff --git a/e2e/critical-flows/job-creation.spec.ts b/e2e/critical-flows/job-creation.spec.ts
index b291c5a2..9b0500aa 100644
--- a/e2e/critical-flows/job-creation.spec.ts
+++ b/e2e/critical-flows/job-creation.spec.ts
@@ -20,6 +20,60 @@ const QUESTION_LABEL = 'Which testing framework do you know best?'
 const UPDATED_QUESTION_LABEL = 'Which browser testing framework do you know best?'
 
 test.describe('Job Creation Flow', () => {
+  test('wizard rejects malformed drafts, invalid questions, and duplicate submissions', async ({ authenticatedPage }) => {
+    const page = authenticatedPage
+
+    await page.evaluate(() => {
+      localStorage.setItem('reqcore-job-draft', JSON.stringify({
+        form: { title: '   ' },
+        applicationForm: { questions: 'not-an-array' },
+        scoringCriteria: [{ key: '__invalid__' }],
+        currentStep: 99,
+      }))
+    })
+    await page.goto('/dashboard/jobs/new')
+    await page.waitForLoadState('networkidle')
+
+    const title = page.getByLabel('Job title')
+    await expect(title).toBeVisible()
+    await expect(title).toHaveValue('')
+    await title.fill('   ')
+    await expect(page.locator('form').getByRole('button', { name: 'Save & continue' })).toBeDisabled()
+
+    await title.fill('Robustness Test Engineer')
+    const continueButton = page.locator('form').getByRole('button', { name: 'Save & continue' })
+    await expect(continueButton).toBeEnabled()
+    await continueButton.click()
+
+    await page.getByRole('button', { name: 'Add a question', exact: true }).click()
+    await page.getByLabel('Question').fill('Preferred test framework?')
+    await page.getByLabel('Field Type').selectOption('single_select')
+    await page.getByPlaceholder('Option 1').fill('Playwright')
+    await page.getByRole('button', { name: 'Add option' }).click()
+    await page.getByPlaceholder('Option 2').fill(' playwright ')
+    await page.getByRole('button', { name: 'Add Question', exact: true }).click()
+    await expect(page.getByText('Options must be unique')).toBeVisible()
+
+    await page.getByPlaceholder('Option 2').fill('Cypress')
+    await page.getByRole('button', { name: 'Add Question', exact: true }).click()
+    await page.locator('form').getByRole('button', { name: 'Save & continue' }).click()
+    await page.locator('form').getByRole('button', { name: 'Save & continue' }).click()
+
+    await page.locator('form button').filter({ hasText: /^Save as draft/ }).click()
+    let createRequests = 0
+    page.on('request', (request) => {
+      if (request.method() === 'POST' && new URL(request.url()).pathname === '/api/jobs') createRequests++
+    })
+
+    await page.locator('form').evaluate((form: HTMLFormElement) => {
+      form.requestSubmit()
+      form.requestSubmit()
+    })
+
+    await page.waitForURL(/\/dashboard\/jobs(?:\?|$)/)
+    expect(createRequests).toBe(1)
+  })
+
   test('recruiter can configure the application form and publish a job', async ({ authenticatedPage }) => {
     const page = authenticatedPage
     const dismissFeedbackSurvey = async () => {
diff --git a/server/api/jobs/index.post.ts b/server/api/jobs/index.post.ts
index 0ff6cadb..7e58ec3b 100644
--- a/server/api/jobs/index.post.ts
+++ b/server/api/jobs/index.post.ts
@@ -1,58 +1,94 @@
-import { job } from '../../database/schema'
-import { createJobSchema } from '../../utils/schemas/job'
+import { job, jobQuestion, scoringCriterion } from '../../database/schema'
+import { createJobWizardSchema } from '../../utils/schemas/job'
 
 export default defineEventHandler(async (event) => {
   const session = await requirePermission(event, { job: ['create'] })
   const orgId = session.session.activeOrganizationId
 
-  const body = await readValidatedBody(event, createJobSchema.parse)
+  const body = await readValidatedBody(event, createJobWizardSchema.parse)
 
   // Generate a deterministic ID upfront so we can build the slug
   const jobId = crypto.randomUUID()
   const slug = generateJobSlug(body.title, jobId, body.slug)
 
-  const [created] = await db.insert(job).values({
-    id: jobId,
-    organizationId: orgId,
-    title: body.title,
-    slug,
-    description: body.description,
-    location: body.location,
-    type: body.type,
-    salaryMin: body.salaryMin,
-    salaryMax: body.salaryMax,
-    salaryCurrency: body.salaryCurrency,
-    salaryUnit: body.salaryUnit,
-    salaryNegotiable: body.salaryNegotiable,
-    remoteStatus: body.remoteStatus,
-    validThrough: body.validThrough,
-    phoneRequirement: body.phoneRequirement,
-    requireResume: body.requireResume,
-    requireCoverLetter: body.requireCoverLetter,
-    autoScoreOnApply: body.autoScoreOnApply,
-    experienceLevel: body.experienceLevel,
-  }).returning({
-    id: job.id,
-    title: job.title,
-    slug: job.slug,
-    description: job.description,
-    location: job.location,
-    type: job.type,
-    status: job.status,
-    salaryMin: job.salaryMin,
-    salaryMax: job.salaryMax,
-    salaryCurrency: job.salaryCurrency,
-    salaryUnit: job.salaryUnit,
-    salaryNegotiable: job.salaryNegotiable,
-    remoteStatus: job.remoteStatus,
-    validThrough: job.validThrough,
-    phoneRequirement: job.phoneRequirement,
-    requireResume: job.requireResume,
-    requireCoverLetter: job.requireCoverLetter,
-    autoScoreOnApply: job.autoScoreOnApply,
-    experienceLevel: job.experienceLevel,
-    createdAt: job.createdAt,
-    updatedAt: job.updatedAt,
+  const created = await db.transaction(async (tx) => {
+    const [createdJob] = await tx.insert(job).values({
+      id: jobId,
+      organizationId: orgId,
+      title: body.title,
+      slug,
+      description: body.description,
+      location: body.location,
+      type: body.type,
+      status: body.status,
+      salaryMin: body.salaryMin,
+      salaryMax: body.salaryMax,
+      salaryCurrency: body.salaryCurrency,
+      salaryUnit: body.salaryUnit,
+      salaryNegotiable: body.salaryNegotiable,
+      remoteStatus: body.remoteStatus,
+      validThrough: body.validThrough,
+      phoneRequirement: body.phoneRequirement,
+      requireResume: body.requireResume,
+      requireCoverLetter: body.requireCoverLetter,
+      autoScoreOnApply: body.autoScoreOnApply,
+      experienceLevel: body.experienceLevel,
+    }).returning({
+      id: job.id,
+      title: job.title,
+      slug: job.slug,
+      description: job.description,
+      location: job.location,
+      type: job.type,
+      status: job.status,
+      salaryMin: job.salaryMin,
+      salaryMax: job.salaryMax,
+      salaryCurrency: job.salaryCurrency,
+      salaryUnit: job.salaryUnit,
+      salaryNegotiable: job.salaryNegotiable,
+      remoteStatus: job.remoteStatus,
+      validThrough: job.validThrough,
+      phoneRequirement: job.phoneRequirement,
+      requireResume: job.requireResume,
+      requireCoverLetter: job.requireCoverLetter,
+      autoScoreOnApply: job.autoScoreOnApply,
+      experienceLevel: job.experienceLevel,
+      createdAt: job.createdAt,
+      updatedAt: job.updatedAt,
+    })
+
+    if (!createdJob) {
+      throw createError({ statusCode: 500, statusMessage: 'Failed to create job' })
+    }
+
+    if (body.questions.length) {
+      await tx.insert(jobQuestion).values(body.questions.map((question, index) => ({
+        organizationId: orgId,
+        jobId,
+        type: question.type,
+        label: question.label,
+        description: question.description,
+        required: question.required,
+        options: question.options,
+        displayOrder: index,
+      })))
+    }
+
+    if (body.criteria.length) {
+      await tx.insert(scoringCriterion).values(body.criteria.map((criterion, index) => ({
+        organizationId: orgId,
+        jobId,
+        key: criterion.key,
+        name: criterion.name,
+        description: criterion.description ?? null,
+        category: criterion.category,
+        maxScore: criterion.maxScore,
+        weight: criterion.weight,
+        displayOrder: index,
+      })))
+    }
+
+    return createdJob
   })
 
   if (!created) {
diff --git a/server/utils/schemas/job.ts b/server/utils/schemas/job.ts
index 41de7ff4..a0304d7a 100644
--- a/server/utils/schemas/job.ts
+++ b/server/utils/schemas/job.ts
@@ -1,6 +1,8 @@
 import { z } from 'zod'
+import { createQuestionSchema } from './jobQuestion'
+import { createCriterionSchema } from './scoring'
 
-export { JOB_STATUS_TRANSITIONS } from '~~/shared/status-transitions'
+export { JOB_STATUS_TRANSITIONS } from '../../../shared/status-transitions'
 
 // ─────────────────────────────────────────────
 // Job validation schemas — shared across API routes
@@ -8,9 +10,9 @@ export { JOB_STATUS_TRANSITIONS } from '~~/shared/status-transitions'
 
 /** Schema for creating a new job */
 export const createJobSchema = z.object({
-  title: z.string().min(1, 'Title is required').max(200),
-  description: z.string().optional(),
-  location: z.string().optional(),
+  title: z.string().trim().min(1, 'Title is required').max(200),
+  description: z.string().trim().max(100_000).optional(),
+  location: z.string().trim().max(500).optional(),
   type: z.enum(['full_time', 'part_time', 'contract', 'internship']).default('full_time'),
   /** Optional custom slug — if omitted, generated from title */
   slug: z.string().max(80).optional(),
@@ -37,11 +39,39 @@ export const createJobSchema = z.object({
   experienceLevel: z.enum(['junior', 'mid', 'senior', 'lead']).optional(),
 })
 
+/**
+ * Atomic payload used by the create-job wizard. Keeping related records in the
+ * same transaction prevents retries from leaving duplicate or partially-built
+ * jobs behind.
+ */
+export const createJobWizardSchema = createJobSchema.extend({
+  status: z.enum(['draft', 'open']).optional().default('draft'),
+  questions: z.array(createQuestionSchema).max(50).optional().default([]),
+  criteria: z.array(createCriterionSchema).max(20).optional().default([]),
+}).superRefine((data, ctx) => {
+  const criterionKeys = data.criteria.map(criterion => criterion.key)
+  if (new Set(criterionKeys).size !== criterionKeys.length) {
+    ctx.addIssue({
+      code: 'custom',
+      message: 'Scoring criterion keys must be unique',
+      path: ['criteria'],
+    })
+  }
+
+  if (data.autoScoreOnApply && data.criteria.length === 0) {
+    ctx.addIssue({
+      code: 'custom',
+      message: 'At least one scoring criterion is required when automatic scoring is enabled',
+      path: ['criteria'],
+    })
+  }
+})
+
 /** Schema for updating an existing job (all fields optional, no defaults — PATCH semantics) */
 export const updateJobSchema = z.object({
-  title: z.string().min(1, 'Title is required').max(200).optional(),
-  description: z.string().nullable().optional(),
-  location: z.string().nullable().optional(),
+  title: z.string().trim().min(1, 'Title is required').max(200).optional(),
+  description: z.string().trim().max(100_000).nullable().optional(),
+  location: z.string().trim().max(500).nullable().optional(),
   type: z.enum(['full_time', 'part_time', 'contract', 'internship']).optional(),
   slug: z.string().max(80).optional(),
   /** Pass null to explicitly clear a salary field */
diff --git a/server/utils/schemas/jobQuestion.ts b/server/utils/schemas/jobQuestion.ts
index ee290374..d43aa058 100644
--- a/server/utils/schemas/jobQuestion.ts
+++ b/server/utils/schemas/jobQuestion.ts
@@ -8,30 +8,44 @@ const questionTypes = ['short_text', 'long_text', 'single_select', 'multi_select
 
 /** Schema for creating a new custom question */
 export const createQuestionSchema = z.object({
-  label: z.string().min(1, 'Label is required').max(500),
+  label: z.string().trim().min(1, 'Label is required').max(500),
   type: z.enum(questionTypes).default('short_text'),
-  description: z.string().max(1000).optional(),
+  description: z.string().trim().max(1000).optional(),
   required: z.boolean().default(false),
-  options: z.array(z.string().min(1).max(200)).min(1).optional(),
+  options: z.array(z.string().trim().min(1).max(200)).min(1).max(50).optional(),
   displayOrder: z.number().int().min(0).default(0),
-}).refine(
-  (data) => {
+}).superRefine(
+  (data, ctx) => {
     // options required for select types
     if (data.type === 'single_select' || data.type === 'multi_select') {
-      return data.options && data.options.length >= 1
+      if (!data.options?.length) {
+        ctx.addIssue({
+          code: 'custom',
+          message: 'Options are required for select-type questions',
+          path: ['options'],
+        })
+        return
+      }
+
+      const normalized = data.options.map(option => option.toLocaleLowerCase())
+      if (new Set(normalized).size !== normalized.length) {
+        ctx.addIssue({
+          code: 'custom',
+          message: 'Options must be unique',
+          path: ['options'],
+        })
+      }
     }
-    return true
   },
-  { message: 'Options are required for select-type questions', path: ['options'] },
 )
 
 /** Schema for updating an existing question (all fields optional) */
 export const updateQuestionSchema = z.object({
-  label: z.string().min(1).max(500).optional(),
+  label: z.string().trim().min(1).max(500).optional(),
   type: z.enum(questionTypes).optional(),
-  description: z.string().max(1000).nullish(),
+  description: z.string().trim().max(1000).nullish(),
   required: z.boolean().optional(),
-  options: z.array(z.string().min(1).max(200)).min(1).nullish(),
+  options: z.array(z.string().trim().min(1).max(200)).min(1).max(50).nullish(),
   displayOrder: z.number().int().min(0).optional(),
 })
 
diff --git a/server/utils/schemas/scoring.ts b/server/utils/schemas/scoring.ts
index b2fbdc20..55c49aa2 100644
--- a/server/utils/schemas/scoring.ts
+++ b/server/utils/schemas/scoring.ts
@@ -49,10 +49,11 @@ const criterionCategoryValues = ['technical', 'experience', 'soft_skills', 'educ
 
 export const createCriterionSchema = z.object({
   key: z.string()
+    .trim()
     .min(1).max(100)
     .regex(/^[a-z][a-z0-9_]*$/, 'Key must be lowercase alphanumeric with underscores, starting with a letter'),
-  name: z.string().min(1).max(200),
-  description: z.string().max(1000).nullish(),
+  name: z.string().trim().min(1).max(200),
+  description: z.string().trim().max(1000).nullish(),
   category: z.enum(criterionCategoryValues).optional().default('custom'),
   maxScore: z.number().int().min(1).max(100).optional().default(10),
   weight: z.number().int().min(0).max(100).optional().default(50),
diff --git a/tests/unit/job-creation-schema.test.ts b/tests/unit/job-creation-schema.test.ts
new file mode 100644
index 00000000..36891f53
--- /dev/null
+++ b/tests/unit/job-creation-schema.test.ts
@@ -0,0 +1,64 @@
+import { describe, expect, it } from 'vitest'
+import { createJobSchema, createJobWizardSchema } from '../../server/utils/schemas/job'
+import { createQuestionSchema } from '../../server/utils/schemas/jobQuestion'
+
+describe('job creation validation', () => {
+  it('rejects whitespace-only titles and trims valid text fields', () => {
+    expect(createJobSchema.safeParse({ title: '   ' }).success).toBe(false)
+
+    const result = createJobSchema.parse({
+      title: '  Senior QA Engineer  ',
+      description: '  Build reliable systems.  ',
+      location: '  Remote  ',
+    })
+
+    expect(result.title).toBe('Senior QA Engineer')
+    expect(result.description).toBe('Build reliable systems.')
+    expect(result.location).toBe('Remote')
+  })
+
+  it('rejects duplicate select options after trimming and case folding', () => {
+    const result = createQuestionSchema.safeParse({
+      label: 'Preferred framework?',
+      type: 'single_select',
+      options: ['Playwright', ' playwright '],
+    })
+
+    expect(result.success).toBe(false)
+  })
+
+  it('rejects impossible automatic-scoring and duplicate-criterion payloads', () => {
+    expect(createJobWizardSchema.safeParse({
+      title: 'QA Engineer',
+      autoScoreOnApply: true,
+      criteria: [],
+    }).success).toBe(false)
+
+    const criterion = {
+      key: 'quality',
+      name: 'Quality',
+      category: 'technical' as const,
+      maxScore: 10,
+      weight: 50,
+      displayOrder: 0,
+    }
+    expect(createJobWizardSchema.safeParse({
+      title: 'QA Engineer',
+      criteria: [criterion, { ...criterion, name: 'Quality duplicate' }],
+    }).success).toBe(false)
+  })
+
+  it('caps nested records before they reach the transaction', () => {
+    const questions = Array.from({ length: 51 }, (_, index) => ({
+      label: `Question ${index}`,
+      type: 'short_text' as const,
+      required: false,
+      displayOrder: index,
+    }))
+
+    expect(createJobWizardSchema.safeParse({
+      title: 'QA Engineer',
+      questions,
+    }).success).toBe(false)
+  })
+})

From 9acc0f7dc9fd697566bf4d7585553a9e9e4b2024 Mon Sep 17 00:00:00 2001
From: Joachim LK <joachim.l.kolle.pers@gmail.com>
Date: Fri, 19 Jun 2026 08:25:55 +0200
Subject: [PATCH 08/12] chore: update nodemailer to version 9.0.1 and
 protobufjs to version 8.6.4

---
 package-lock.json | 26 +++++++++++++-------------
 package.json      |  4 ++--
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d8791da9..d37d1f56 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,7 +31,7 @@
         "googleapis": "^171.4.0",
         "lucide-vue-next": "^0.577.0",
         "mammoth": "^1.12.0",
-        "nodemailer": "^8.0.7",
+        "nodemailer": "^9.0.1",
         "nuxt": "^4.4.8",
         "pdf-parse": "^2.4.5",
         "postgres": "^3.4.8",
@@ -8910,9 +8910,9 @@
       }
     },
     "node_modules/dompurify": {
-      "version": "3.4.9",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.9.tgz",
-      "integrity": "sha512-4dPSRMRDqHvs0V4YDFCsaIZo4if5u0xM+llyxiM2fwuZFdKArUBAF3VtI2+n8NKg9P870WMdYk0UhqQNoWXbfQ==",
+      "version": "3.4.11",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.11.tgz",
+      "integrity": "sha512-zhlUV12GsaRzMsf9q5M254YhA4+VuF0fG+QFqu6aYpoGlKtz+w8//jBcGVYBgQkR5GHjUomejY84AV+/uPbWdw==",
       "license": "(MPL-2.0 OR Apache-2.0)",
       "optionalDependencies": {
         "@types/trusted-types": "^2.0.7"
@@ -9995,9 +9995,9 @@
       }
     },
     "node_modules/form-data": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
-      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.6.tgz",
+      "integrity": "sha512-vKatAh4SlVfgbv+YtmhiRjhEMJsYpsG1Y2rMQtR+SVSbytsSD1YGzDIcrAJmdFec88u/+VoGmxnl+80gL1tRCQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -13417,9 +13417,9 @@
       }
     },
     "node_modules/nodemailer": {
-      "version": "8.0.11",
-      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-8.0.11.tgz",
-      "integrity": "sha512-nrO/pDAUKl+wXX+lx16tDLbnm0fW6sK/x8mgohaCpg+CdCEl482bD4tCuAZk2DyliruiNTIZxRCoWkDqJEnAiA==",
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-9.0.1.tgz",
+      "integrity": "sha512-Gwv8SQewT616ZM/URn0H54b8PWo/Wum7md3EW2aWy1lO27+WZCX+Xyak3J+NlmHUjDh5ME+uesJUDRbR3Ye8Bw==",
       "license": "MIT-0",
       "engines": {
         "node": ">=6.0.0"
@@ -15749,9 +15749,9 @@
       }
     },
     "node_modules/protobufjs": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-8.3.0.tgz",
-      "integrity": "sha512-JpJpFaR7yKNb6WqKvJJ1MLbiuIQWQnbUUb06nDtf2/i8YWYYLEfP6xf9BwSJoJQg1wAy61EQB8dssQg64oX4aA==",
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-8.6.4.tgz",
+      "integrity": "sha512-/+XMv9JalknuncEJSwsyEVlwcxVLKx2iaoSUXFZA86MJkdqyOdfrlB1sB7S6aKyUk9tl20YY+SgQe5J2sJHTcg==",
       "hasInstallScript": true,
       "license": "BSD-3-Clause",
       "dependencies": {
diff --git a/package.json b/package.json
index f302bd36..a5494e29 100644
--- a/package.json
+++ b/package.json
@@ -46,7 +46,7 @@
     "googleapis": "^171.4.0",
     "lucide-vue-next": "^0.577.0",
     "mammoth": "^1.12.0",
-    "nodemailer": "^8.0.7",
+    "nodemailer": "^9.0.1",
     "nuxt": "^4.4.8",
     "pdf-parse": "^2.4.5",
     "postgres": "^3.4.8",
@@ -93,6 +93,6 @@
     "fast-xml-builder": "1.2.0",
     "kysely": "0.28.17",
     "simple-git": "3.36.0",
-    "protobufjs": "8.3.0"
+    "protobufjs": "8.6.4"
   }
 }

From 4975411e171dc9cc57d919480b6d5d5fa4aa2675 Mon Sep 17 00:00:00 2001
From: Joachim LK <joachim.l.kolle.pers@gmail.com>
Date: Fri, 19 Jun 2026 11:38:36 +0200
Subject: [PATCH 09/12] chore: remove debug sign-in script

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 debug-signin-page.js | 40 ----------------------------------------
 1 file changed, 40 deletions(-)
 delete mode 100644 debug-signin-page.js

diff --git a/debug-signin-page.js b/debug-signin-page.js
deleted file mode 100644
index 86bc56a4..00000000
--- a/debug-signin-page.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import { chromium } from '@playwright/test'
-
-(async () => {
-  const baseUrl = process.env.PLAYWRIGHT_BASE_URL || process.env.BASE_URL || 'http://localhost:3000'
-  const launchOptions = {
-    ...(process.env.CHROME_EXECUTABLE_PATH && { executablePath: process.env.CHROME_EXECUTABLE_PATH }),
-    ...(process.env.PLAYWRIGHT_DISABLE_SANDBOX === '1' && {
-      // Useful for root/container runs where Chromium sandboxing is unavailable.
-      args: ['--no-sandbox', '--disable-setuid-sandbox'],
-    }),
-  }
-
-  const browser = await chromium.launch({
-    ...launchOptions,
-  })
-
-  try {
-    const context = await browser.newContext({ viewport: { width: 1280, height: 900 } })
-    const page = await context.newPage()
-
-    // Screenshot sign-in page
-    await page.goto(new URL('/auth/sign-in', baseUrl).toString())
-    await page.waitForLoadState('networkidle')
-    await page.screenshot({ path: '/tmp/debug-signin-page.png' })
-    console.log('Screenshot: sign-in page loaded')
-
-    // Log inputs on the page
-    const inputs = await page.locator('input').all()
-    for (const input of inputs) {
-      const type = await input.getAttribute('type')
-      const placeholder = await input.getAttribute('placeholder')
-      console.log('Input:', type, placeholder)
-    }
-  } finally {
-    await browser.close()
-  }
-})().catch((error) => {
-  console.error('Script failed:', error)
-  process.exit(1)
-})

From 18bdd9f7952bd69384f63223012b99c2fe4af10b Mon Sep 17 00:00:00 2001
From: Joachim LK <joachim.l.kolle.pers@gmail.com>
Date: Fri, 19 Jun 2026 11:45:13 +0200
Subject: [PATCH 10/12] feat: enhance job question validation and update
 schemas; add question state validation and tests

---
 e2e/critical-flows/job-creation.spec.ts       |  2 +-
 .../jobs/[id]/questions/[questionId].patch.ts | 29 +++++++++-
 server/utils/schemas/jobQuestion.ts           | 56 +++++++++++--------
 tests/unit/job-creation-schema.test.ts        | 19 ++++++-
 4 files changed, 79 insertions(+), 27 deletions(-)

diff --git a/e2e/critical-flows/job-creation.spec.ts b/e2e/critical-flows/job-creation.spec.ts
index 9b0500aa..b18b52fa 100644
--- a/e2e/critical-flows/job-creation.spec.ts
+++ b/e2e/critical-flows/job-creation.spec.ts
@@ -59,11 +59,11 @@ test.describe('Job Creation Flow', () => {
     await page.locator('form').getByRole('button', { name: 'Save & continue' }).click()
     await page.locator('form').getByRole('button', { name: 'Save & continue' }).click()
 
-    await page.locator('form button').filter({ hasText: /^Save as draft/ }).click()
     let createRequests = 0
     page.on('request', (request) => {
       if (request.method() === 'POST' && new URL(request.url()).pathname === '/api/jobs') createRequests++
     })
+    await page.locator('form button').filter({ hasText: /^Save as draft/ }).click()
 
     await page.locator('form').evaluate((form: HTMLFormElement) => {
       form.requestSubmit()
diff --git a/server/api/jobs/[id]/questions/[questionId].patch.ts b/server/api/jobs/[id]/questions/[questionId].patch.ts
index f2d76ff7..f331f24f 100644
--- a/server/api/jobs/[id]/questions/[questionId].patch.ts
+++ b/server/api/jobs/[id]/questions/[questionId].patch.ts
@@ -1,6 +1,6 @@
 import { eq, and } from 'drizzle-orm'
 import { jobQuestion } from '../../../../database/schema'
-import { questionIdParamSchema, updateQuestionSchema } from '../../../../utils/schemas/jobQuestion'
+import { questionIdParamSchema, questionStateSchema, updateQuestionSchema } from '../../../../utils/schemas/jobQuestion'
 
 export default defineEventHandler(async (event) => {
   const session = await requirePermission(event, { job: ['update'] })
@@ -9,6 +9,33 @@ export default defineEventHandler(async (event) => {
   const { id: jobId, questionId } = await getValidatedRouterParams(event, questionIdParamSchema.parse)
   const body = await readValidatedBody(event, updateQuestionSchema.parse)
 
+  const existing = await db.query.jobQuestion.findFirst({
+    where: and(
+      eq(jobQuestion.id, questionId),
+      eq(jobQuestion.jobId, jobId),
+      eq(jobQuestion.organizationId, orgId),
+    ),
+    columns: {
+      type: true,
+      options: true,
+    },
+  })
+
+  if (!existing) {
+    throw createError({ statusCode: 404, statusMessage: 'Question not found' })
+  }
+
+  const mergedState = questionStateSchema.safeParse({
+    type: body.type ?? existing.type,
+    options: body.options === undefined ? existing.options : body.options,
+  })
+  if (!mergedState.success) {
+    throw createError({
+      statusCode: 400,
+      statusMessage: mergedState.error.issues[0]?.message ?? 'Invalid question',
+    })
+  }
+
   const [updated] = await db.update(jobQuestion)
     .set({
       ...body,
diff --git a/server/utils/schemas/jobQuestion.ts b/server/utils/schemas/jobQuestion.ts
index d43aa058..539a7a69 100644
--- a/server/utils/schemas/jobQuestion.ts
+++ b/server/utils/schemas/jobQuestion.ts
@@ -6,6 +6,31 @@ import { z } from 'zod'
 
 const questionTypes = ['short_text', 'long_text', 'single_select', 'multi_select', 'number', 'date', 'url', 'checkbox', 'file_upload'] as const
 
+function validateSelectOptions(
+  data: { type: typeof questionTypes[number], options?: string[] | null },
+  ctx: z.RefinementCtx,
+) {
+  if (data.type !== 'single_select' && data.type !== 'multi_select') return
+
+  if (!data.options?.length) {
+    ctx.addIssue({
+      code: 'custom',
+      message: 'Options are required for select-type questions',
+      path: ['options'],
+    })
+    return
+  }
+
+  const normalized = data.options.map(option => option.toLocaleLowerCase())
+  if (new Set(normalized).size !== normalized.length) {
+    ctx.addIssue({
+      code: 'custom',
+      message: 'Options must be unique',
+      path: ['options'],
+    })
+  }
+}
+
 /** Schema for creating a new custom question */
 export const createQuestionSchema = z.object({
   label: z.string().trim().min(1, 'Label is required').max(500),
@@ -14,30 +39,7 @@ export const createQuestionSchema = z.object({
   required: z.boolean().default(false),
   options: z.array(z.string().trim().min(1).max(200)).min(1).max(50).optional(),
   displayOrder: z.number().int().min(0).default(0),
-}).superRefine(
-  (data, ctx) => {
-    // options required for select types
-    if (data.type === 'single_select' || data.type === 'multi_select') {
-      if (!data.options?.length) {
-        ctx.addIssue({
-          code: 'custom',
-          message: 'Options are required for select-type questions',
-          path: ['options'],
-        })
-        return
-      }
-
-      const normalized = data.options.map(option => option.toLocaleLowerCase())
-      if (new Set(normalized).size !== normalized.length) {
-        ctx.addIssue({
-          code: 'custom',
-          message: 'Options must be unique',
-          path: ['options'],
-        })
-      }
-    }
-  },
-)
+}).superRefine(validateSelectOptions)
 
 /** Schema for updating an existing question (all fields optional) */
 export const updateQuestionSchema = z.object({
@@ -49,6 +51,12 @@ export const updateQuestionSchema = z.object({
   displayOrder: z.number().int().min(0).optional(),
 })
 
+/** Validates invariants after an existing question and a partial update are merged. */
+export const questionStateSchema = z.object({
+  type: z.enum(questionTypes),
+  options: z.array(z.string().trim().min(1).max(200)).min(1).max(50).nullish(),
+}).superRefine(validateSelectOptions)
+
 /** Schema for bulk reordering questions */
 export const reorderQuestionsSchema = z.object({
   order: z.array(
diff --git a/tests/unit/job-creation-schema.test.ts b/tests/unit/job-creation-schema.test.ts
index 36891f53..9c140dd9 100644
--- a/tests/unit/job-creation-schema.test.ts
+++ b/tests/unit/job-creation-schema.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { createJobSchema, createJobWizardSchema } from '../../server/utils/schemas/job'
-import { createQuestionSchema } from '../../server/utils/schemas/jobQuestion'
+import { createQuestionSchema, questionStateSchema } from '../../server/utils/schemas/jobQuestion'
 
 describe('job creation validation', () => {
   it('rejects whitespace-only titles and trims valid text fields', () => {
@@ -27,6 +27,23 @@ describe('job creation validation', () => {
     expect(result.success).toBe(false)
   })
 
+  it('rejects invalid select question state after applying a partial update', () => {
+    expect(questionStateSchema.safeParse({
+      type: 'single_select',
+      options: null,
+    }).success).toBe(false)
+
+    expect(questionStateSchema.safeParse({
+      type: 'multi_select',
+      options: ['Playwright', ' playwright '],
+    }).success).toBe(false)
+
+    expect(questionStateSchema.safeParse({
+      type: 'single_select',
+      options: ['Playwright'],
+    }).success).toBe(true)
+  })
+
   it('rejects impossible automatic-scoring and duplicate-criterion payloads', () => {
     expect(createJobWizardSchema.safeParse({
       title: 'QA Engineer',

From 29fa699bd64d8facb4828b668ddf1c4362ac9035 Mon Sep 17 00:00:00 2001
From: Joachim LK <joachim.l.kolle.pers@gmail.com>
Date: Fri, 19 Jun 2026 12:03:43 +0200
Subject: [PATCH 11/12] fix: improve log handling in migration and S3 bucket
 readiness checks

---
 .github/workflows/docker-readme-validation.yml | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/docker-readme-validation.yml b/.github/workflows/docker-readme-validation.yml
index 3cd10d9b..08e1ab15 100644
--- a/.github/workflows/docker-readme-validation.yml
+++ b/.github/workflows/docker-readme-validation.yml
@@ -165,9 +165,10 @@ jobs:
         id: db_migrations
         run: |
           set -euo pipefail
-          if ! docker compose logs app | grep -q "Database migrations applied successfully"; then
+          logs="$(docker compose logs app)"
+          if ! grep -q "Database migrations applied successfully" <<<"$logs"; then
             echo "❌ Migration success message not found in app logs"
-            docker compose logs app
+            printf '%s\n' "$logs"
             exit 1
           fi
           echo "✅ Migrations applied successfully"
@@ -176,9 +177,10 @@ jobs:
         id: s3_bucket
         run: |
           set -euo pipefail
-          if ! docker compose logs app | grep -q 'S3 bucket "reqcore" is ready'; then
+          logs="$(docker compose logs app)"
+          if ! grep -q 'S3 bucket "reqcore" is ready' <<<"$logs"; then
             echo "❌ S3 bucket ready message not found in app logs"
-            docker compose logs app
+            printf '%s\n' "$logs"
             exit 1
           fi
           echo "✅ S3 bucket is ready"

From 0d9c21917b10981788017940bc15eddb3a5b1eae Mon Sep 17 00:00:00 2001
From: Joachim LK <joachim.l.kolle.pers@gmail.com>
Date: Fri, 19 Jun 2026 12:44:57 +0200
Subject: [PATCH 12/12] fix: refine rate limiting logic for production
 environment

---
 server/utils/auth.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/server/utils/auth.ts b/server/utils/auth.ts
index 6639ccd4..26cbe66e 100644
--- a/server/utils/auth.ts
+++ b/server/utils/auth.ts
@@ -247,7 +247,9 @@ function getAuth(): Auth {
       // Disabled in CI/test (GITHUB_ACTIONS or NODE_ENV !== 'production')
       // to prevent E2E test flakiness.
       rateLimit: {
-        enabled: !process.env.CI && !process.env.GITHUB_ACTIONS,
+        enabled: process.env.NODE_ENV === "production"
+          && !process.env.CI
+          && !process.env.GITHUB_ACTIONS,
         window: 60,
         max: 100,        // 100 requests per minute per IP — stops bots, not humans
         storage: "database",