+
{
{{ interviewItem.duration }}min
{{ statusConfig[interviewItem.status]?.label }}
@@ -678,6 +692,11 @@ const statusCounts = computed(() => {
+
+
+
+ {{ total }} interview{{ total === 1 ? '' : 's' }} total
+
diff --git a/app/pages/dashboard/jobs/[id]/ai-analysis.vue b/app/pages/dashboard/jobs/[id]/ai-analysis.vue
new file mode 100644
index 00000000..fa37f25f
--- /dev/null
+++ b/app/pages/dashboard/jobs/[id]/ai-analysis.vue
@@ -0,0 +1,605 @@
+
+
+
+
+
+
+ Loading…
+
+
+
+
+ {{ jobError.statusCode === 404 ? 'Job not found.' : 'Failed to load job.' }}
+ Back to Jobs
+
+
+
+
+
+
AI Analysis
+
+ Configure how AI evaluates and scores candidates for {{ job.title }} .
+
+
+
+
+
+
+
+
+ Pre-made templates
+
+ Choose from expert-designed scoring rubrics for common role types.
+
+
+
+
+
+
+
+
+
+ Generate from job description
+
+ AI analyzes your job description and creates tailored criteria.
+
+
+
+
+
+
+
+
+
+
+
+ Write your own
+
+ Create custom scoring criteria tailored to your exact needs.
+
+
+
+
+
+
+
+
+ {{ tmpl.label }}
+ {{ tmpl.desc }}
+
+
+
+
+
+
No scoring criteria configured yet. Choose a starting point above, or add criteria manually.
+
+
+
+
+ {{ scoringCriteria.length }} {{ scoringCriteria.length === 1 ? 'criterion' : 'criteria' }} configured
+
+
+
+
+
+ Clear all
+
+
+
+
+
+
+
+
+
+ {{ criterion.name }}
+
+ {{ categoryLabels[criterion.category] ?? criterion.category }}
+
+
+
+ {{ criterion.description }}
+
+
+
+
+
+
+
+
+ Weight
+
+ {{ criterion.weight }}
+
+
+
+
+ Max score: {{ criterion.maxScore }}
+ Key: {{ criterion.key }}
+
+
+
+
+
+
+
+
+
+
+
+
+ Unsaved changes
+
+
+
Add custom criterion
+
+
+ Name *
+
+
+ Category
+
+ {{ label }}
+
+
+
+
+ Description
+
+
+
+
+
+ Add criterion
+
+
+ Cancel
+
+
+
+
+
+
+ Automatically score every new applicant
+
+
+ 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.
+
+
+
+
+
diff --git a/app/pages/dashboard/jobs/[id]/application-form.vue b/app/pages/dashboard/jobs/[id]/application-form.vue
index ff98f0b0..717310bd 100644
--- a/app/pages/dashboard/jobs/[id]/application-form.vue
+++ b/app/pages/dashboard/jobs/[id]/application-form.vue
@@ -8,6 +8,7 @@ definePageMeta({
const route = useRoute()
const jobId = route.params.id as string
+const toast = useToast()
const { job, status: fetchStatus, error, updateJob } = useJob(jobId)
@@ -36,7 +37,7 @@ async function copyApplicationLink() {
setTimeout(() => { linkCopied.value = false }, 2000)
} catch {
// Fallback for non-HTTPS contexts
- alert(applicationUrl.value)
+ toast.info(applicationUrl.value)
}
}
diff --git a/app/pages/dashboard/jobs/[id]/index.vue b/app/pages/dashboard/jobs/[id]/index.vue
index 8cca4290..02d7e69f 100644
--- a/app/pages/dashboard/jobs/[id]/index.vue
+++ b/app/pages/dashboard/jobs/[id]/index.vue
@@ -5,7 +5,7 @@ import {
UserPlus, Pencil, Trash2, MoreHorizontal, Globe, ChevronDown, X,
Video, Building2, Code2, UsersRound, Save, Check, MapPin, Users, Plus,
CheckCircle2, XCircle, AlertTriangle, ArrowUpDown, ListFilter,
- Maximize2, Minimize2,
+ Maximize2, Minimize2, Brain, Loader2,
} from 'lucide-vue-next'
import { z } from 'zod'
import { usePreviewReadOnly } from '~/composables/usePreviewReadOnly'
@@ -21,6 +21,7 @@ const localePath = useLocalePath()
const jobId = route.params.id as string
const { handlePreviewReadOnlyError } = usePreviewReadOnly()
const { track } = useTrack()
+const toast = useToast()
// ─────────────────────────────────────────────
// Job data (with update/delete support)
@@ -69,7 +70,7 @@ type SortOption = 'date-desc' | 'date-asc' | 'name-asc' | 'name-desc' | 'score-d
type ScoreFilter = 'all' | 'high' | 'medium' | 'low' | 'none'
type InterviewFilter = 'all' | 'has-interview' | 'no-interview'
-const sortBy = ref
('date-desc')
+const sortBy = ref('score-desc')
const scoreFilter = ref('all')
const interviewFilter = ref('all')
const showSortPanel = ref(false)
@@ -124,6 +125,7 @@ function selectSort(option: SortOption) {
function closePanels() {
showSortPanel.value = false
showFilterPanel.value = false
+ showOverviewDropdown.value = false
}
const filteredApplications = computed(() => {
@@ -228,51 +230,49 @@ watch(focusStatus, () => {
const currentSummary = computed(() => filteredApplications.value[currentIndex.value] ?? null)
-// Detail tab for center panel (used for scroll-to-section navigation)
-const detailTab = ref<'overview' | 'interviews' | 'documents' | 'responses'>('overview')
+// Detail tab for center panel
+type DetailTab = 'overview' | 'interviews' | 'documents' | 'responses' | 'ai-analysis'
+const detailTab = ref('overview')
-// Section refs for scroll-to navigation
-const overviewRef = ref(null)
-const interviewsRef = ref(null)
-const documentsRef = ref(null)
-const responsesRef = ref(null)
-const detailScrollContainer = ref(null)
+// Overview section visibility toggles
+const overviewSections = reactive({
+ aiAnalysis: true,
+ interviews: true,
+ documents: true,
+ responses: true,
+})
+const showOverviewDropdown = ref(false)
+const overviewDropdownRef = ref(null)
-function scrollToSection(section: 'overview' | 'interviews' | 'documents' | 'responses') {
- detailTab.value = section
- const refs: Record>> = {
- overview: overviewRef,
- interviews: interviewsRef,
- documents: documentsRef,
- responses: responsesRef,
- }
- const el = refs[section]?.value
- if (el) {
- el.scrollIntoView({ behavior: 'smooth', block: 'start' })
+function handleOverviewDropdownClickOutside(event: MouseEvent) {
+ if (overviewDropdownRef.value && !overviewDropdownRef.value.contains(event.target as Node)) {
+ showOverviewDropdown.value = false
}
}
-function handleDetailScroll() {
- const container = detailScrollContainer.value
- if (!container) return
- const scrollTop = container.scrollTop
- const offset = 120 // offset to trigger slightly before section top
+watch(showOverviewDropdown, (val) => {
+ if (val) {
+ setTimeout(() => document.addEventListener('click', handleOverviewDropdownClickOutside), 0)
+ } else {
+ document.removeEventListener('click', handleOverviewDropdownClickOutside)
+ }
+})
- const sections = [
- { id: 'responses' as const, el: responsesRef.value },
- { id: 'documents' as const, el: documentsRef.value },
- { id: 'interviews' as const, el: interviewsRef.value },
- { id: 'overview' as const, el: overviewRef.value },
- ]
+// Which sections to display based on active tab
+const showSection = computed(() => ({
+ profile: detailTab.value === 'overview',
+ aiAnalysis: detailTab.value === 'overview' ? overviewSections.aiAnalysis : detailTab.value === 'ai-analysis',
+ interviews: detailTab.value === 'overview' ? overviewSections.interviews : detailTab.value === 'interviews',
+ documents: detailTab.value === 'overview' ? overviewSections.documents : detailTab.value === 'documents',
+ responses: detailTab.value === 'overview' ? overviewSections.responses : detailTab.value === 'responses',
+}))
- for (const section of sections) {
- if (section.el && section.el.offsetTop - container.offsetTop <= scrollTop + offset) {
- detailTab.value = section.id
- return
- }
- }
- detailTab.value = 'overview'
-}
+// Section refs
+const overviewRef = ref(null)
+const interviewsRef = ref(null)
+const documentsRef = ref(null)
+const responsesRef = ref(null)
+const detailScrollContainer = ref(null)
type SwipeDocument = {
id: string
@@ -699,7 +699,7 @@ async function handleInterviewTransition(interviewId: string, newStatus: Intervi
await refreshJobInterviews()
} catch (err: any) {
if (handlePreviewReadOnlyError(err)) return
- alert(err?.data?.statusMessage ?? 'Failed to update status')
+ toast.error('Failed to update status', { message: err?.data?.statusMessage, statusCode: err?.data?.statusCode })
} finally {
isInterviewTransitioning.value = false
}
@@ -776,7 +776,7 @@ async function changeStatus(status: string) {
}
} catch (err: any) {
if (handlePreviewReadOnlyError(err)) return
- alert(err?.data?.statusMessage ?? 'Failed to update status')
+ toast.error('Failed to update status', { message: err?.data?.statusMessage, statusCode: err?.data?.statusCode })
} finally {
isMutating.value = false
}
@@ -928,7 +928,7 @@ async function handleJobTransition(newStatus: string) {
await refreshJob()
} catch (err: any) {
if (handlePreviewReadOnlyError(err)) return
- alert(err.data?.statusMessage ?? 'Failed to update status')
+ toast.error('Failed to update status', { message: err.data?.statusMessage, statusCode: err.data?.statusCode })
} finally {
isJobTransitioning.value = false
}
@@ -997,7 +997,7 @@ async function handleSave() {
showEditModal.value = false
} catch (err: any) {
if (handlePreviewReadOnlyError(err)) return
- alert(err.data?.statusMessage ?? 'Failed to save changes')
+ toast.error('Failed to save changes', { message: err.data?.statusMessage, statusCode: err.data?.statusCode })
} finally {
isSaving.value = false
}
@@ -1023,7 +1023,7 @@ async function handleDelete() {
await deleteJob()
} catch (err: any) {
if (handlePreviewReadOnlyError(err)) return
- alert(err.data?.statusMessage ?? 'Failed to delete job')
+ toast.error('Failed to delete job', { message: err.data?.statusMessage, statusCode: err.data?.statusCode })
isDeleting.value = false
showDeleteConfirm.value = false
}
@@ -1040,6 +1040,97 @@ function handleCandidateApplied() {
refreshApps()
}
+// ─────────────────────────────────────────────
+// Bulk AI analysis
+// ─────────────────────────────────────────────
+
+const isScoringAll = ref(false)
+const scoringProgress = ref({ done: 0, total: 0 })
+const isScoringIndividual = ref(false)
+
+async function scoreAllCandidates() {
+ isScoringAll.value = true
+ scoringProgress.value = { done: 0, total: 0 }
+ showMoreMenu.value = false
+ try {
+ const { applicationIds } = await $fetch(`/api/jobs/${jobId}/analyze-all`, {
+ method: 'POST',
+ })
+ scoringProgress.value.total = applicationIds.length
+ if (applicationIds.length === 0) {
+ toast.info('All candidates scored', 'Every candidate already has a score.')
+ return
+ }
+
+ let failed = 0
+ for (const appId of applicationIds) {
+ try {
+ await $fetch(`/api/applications/${appId}/analyze`, {
+ method: 'POST',
+ })
+ } catch {
+ failed++
+ }
+ scoringProgress.value.done++
+ }
+ await refreshApps()
+ if (failed === 0) {
+ toast.success('Scoring complete', `${applicationIds.length} candidate${applicationIds.length === 1 ? '' : 's'} scored successfully.`)
+ } else {
+ toast.warning('Scoring partially complete', `${applicationIds.length - failed} scored, ${failed} failed (missing resume or criteria).`)
+ }
+ } catch (err: any) {
+ const statusMessage = err?.data?.statusMessage ?? ''
+ if (statusMessage.includes('AI provider not configured') || statusMessage.includes('No scoring criteria')) {
+ toast.add({
+ type: 'warning',
+ title: 'Cannot score candidates',
+ message: statusMessage,
+ link: statusMessage.includes('AI provider')
+ ? { label: 'Go to AI Settings', href: '/dashboard/settings/ai' }
+ : undefined,
+ duration: 8000,
+ })
+ } else {
+ toast.error('Scoring failed', { message: statusMessage || 'An unexpected error occurred.', statusCode: err?.data?.statusCode })
+ }
+ } finally {
+ isScoringAll.value = false
+ }
+}
+
+async function scoreIndividualCandidate(applicationId: string) {
+ isScoringIndividual.value = true
+ try {
+ await $fetch(`/api/applications/${applicationId}/analyze`, {
+ method: 'POST',
+ })
+ await refreshApps()
+ // Re-fetch the detail so score updates in the detail panel
+ if (currentApplicationId.value === applicationId) {
+ await executeDetailFetch()
+ }
+ toast.success('Candidate scored', 'AI analysis complete.')
+ } catch (err: any) {
+ const statusMessage = err?.data?.statusMessage ?? ''
+ if (statusMessage.includes('AI provider not configured')) {
+ toast.add({
+ type: 'warning',
+ title: 'AI provider not configured',
+ message: 'Set up your AI provider in Settings first.',
+ link: { label: 'Go to AI Settings', href: '/dashboard/settings/ai' },
+ duration: 8000,
+ })
+ } else if (statusMessage.includes('No scoring criteria')) {
+ toast.warning('No scoring criteria', 'Add scoring criteria to this job first.')
+ } else {
+ toast.error('Scoring failed', { message: statusMessage || 'An unexpected error occurred.', statusCode: err?.data?.statusCode })
+ }
+ } finally {
+ isScoringIndividual.value = false
+ }
+}
+
// ─────────────────────────────────────────────
// More menu
// ─────────────────────────────────────────────
@@ -1063,6 +1154,7 @@ watch(showMoreMenu, (val) => {
onBeforeUnmount(() => {
document.removeEventListener('click', handleClickOutside)
+ document.removeEventListener('click', handleOverviewDropdownClickOutside)
})
const isLoading = computed(() => {
@@ -1186,6 +1278,15 @@ function closeDocPreview() {
+
+
-
+
@@ -1589,6 +1690,18 @@ function closeDocPreview() {
>
{{ currentSummary.score }} pts
+
+
-
+
+
- Profile
+ AI Analysis
Interviews
Documents
- Responses ({{ resolvedCurrentApplication.responses.length }})
+ Responses
+
+ ({{ resolvedCurrentApplication.responses.length }})
+
@@ -1695,8 +1868,10 @@ function closeDocPreview() {
-
-