From 491d0f380a42711060870f6bdc9e6142458f0eec Mon Sep 17 00:00:00 2001
From: Devika <devikaviju@gmail.com>
Date: Sun, 26 Apr 2026 01:14:03 -0500
Subject: [PATCH 1/6] seed update

---
 prisma/seed.ts | 50 ++++++++++++++++++--------------------------------
 1 file changed, 18 insertions(+), 32 deletions(-)

diff --git a/prisma/seed.ts b/prisma/seed.ts
index 37c53db..77ac430 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -61,10 +61,8 @@ async function seedForms(userId: string) {
   })
 
   // 3. PHQ-9
-  const phqForm = await prisma.phqForm.upsert({
-    where: { userId },
-    update: {},
-    create: {
+  const phqForm = await prisma.phqForm.create({
+    data: {
       userId,
       status: 'COMPLETE',
       totalScore: 14,
@@ -73,10 +71,8 @@ async function seedForms(userId: string) {
     },
   })
 
-  await prisma.phqQuestion.upsert({
-    where: { formId: phqForm.id },
-    update: {},
-    create: {
+  await prisma.phqQuestion.create({
+    data: {
       formId: phqForm.id,
       userId,
       q1: 2,
@@ -130,11 +126,9 @@ async function seedForms(userId: string) {
     },
   })
 
-  // 5. ACE (Hardcoded Form)
-  const aceForm = await prisma.aceForm.upsert({
-    where: { userId },
-    update: {},
-    create: {
+  // 5. ACE
+  const aceForm = await prisma.aceForm.create({
+    data: {
       userId,
       status: 'COMPLETE',
       totalScore: 2,
@@ -143,10 +137,8 @@ async function seedForms(userId: string) {
     },
   })
 
-  await prisma.aceQuestion.upsert({
-    where: { formId: aceForm.id },
-    update: {},
-    create: {
+  await prisma.aceQuestion.create({
+    data: {
       formId: aceForm.id,
       userId,
       a01: 'Yes',
@@ -169,20 +161,16 @@ async function ensureBobBuilderSessionNotes(bobUserId: string, clinicianUserId:
     update: { status: 'ACTIVE', clinicianUserId },
     create: { userId: bobUserId, status: 'ACTIVE', clinicianUserId },
   })
-  // Populate form dummy data if it doesn't exist
+
   const existingApp = await prisma.appForm.count({ where: { userId: bobUserId } })
   if (existingApp === 0) {
     await seedForms(bobUserId)
     console.log('Seeded clinical forms for Bob Builder.')
   }
+
   return bobClient
 }
 
-/**
- * Seed a representative note in each workflow state so the multi-tier approval
- * UI (draft / clinician-signed / fully-approved) has real data to exercise,
- * and across both kinds (progress vs psychotherapy).
- */
 async function seedApprovalWorkflowNotes(
   clientId: string,
   clinicianUserId: string,
@@ -199,7 +187,7 @@ async function seedApprovalWorkflowNotes(
 
   const now = new Date()
 
-  // 1. DRAFT progress note – still being written.
+  // 1. DRAFT progress note
   await prisma.sessionNote.create({
     data: {
       clientId,
@@ -213,7 +201,7 @@ async function seedApprovalWorkflowNotes(
     },
   })
 
-  // 2. CLINICIAN_SIGNED progress note – waiting for admin sign-off.
+  // 2. CLINICIAN_SIGNED progress note
   const pendingNote = await prisma.sessionNote.create({
     data: {
       clientId,
@@ -229,6 +217,7 @@ async function seedApprovalWorkflowNotes(
       clinicianSignatureData: PLACEHOLDER_SIG,
     },
   })
+
   await prisma.notification.create({
     data: {
       userId: adminUserId,
@@ -240,7 +229,7 @@ async function seedApprovalWorkflowNotes(
     },
   })
 
-  // 3. FULLY_APPROVED progress note.
+  // 3. FULLY_APPROVED progress note
   await prisma.sessionNote.create({
     data: {
       clientId,
@@ -261,7 +250,7 @@ async function seedApprovalWorkflowNotes(
     },
   })
 
-  // 4. PSYCHOTHERAPY draft – separately stored per HIPAA.
+  // 4. PSYCHOTHERAPY draft
   await prisma.sessionNote.create({
     data: {
       clientId,
@@ -275,7 +264,7 @@ async function seedApprovalWorkflowNotes(
     },
   })
 
-  // 5. PSYCHOTHERAPY fully approved – demonstrates tier-2 sign-off on process notes.
+  // 5. PSYCHOTHERAPY fully approved
   await prisma.sessionNote.create({
     data: {
       clientId,
@@ -305,7 +294,6 @@ async function main() {
   await ensureDefaultDeclarationTemplates(prisma)
   await backfillSessionNotesRequestTemplates(prisma)
 
-  // Create / Upsert Alice (Admin — default approver for the note workflow)
   const alice = await prisma.user.upsert({
     where: { email: 'alice@a.com' },
     update: { role: 'ADMIN', name: 'Alice Wonderland' },
@@ -319,7 +307,6 @@ async function main() {
   })
   console.log('Seeded Admin: alice@a.com')
 
-  // Create / Upsert Carl (Clinician)
   const carl = await prisma.user.upsert({
     where: { email: 'carl@c.com' },
     update: { role: 'CLINICIAN', name: 'Carl Karl' },
@@ -333,7 +320,6 @@ async function main() {
   })
   console.log('Seeded Clinician: carl@c.com')
 
-  // Create / Upsert Bob (Client)
   const bob = await prisma.user.upsert({
     where: { email: 'bob@b.com' },
     update: { role: 'CLIENT', name: 'Bob Builder' },
@@ -361,4 +347,4 @@ main()
     console.error(e)
     await prisma.$disconnect()
     process.exit(1)
-  })
+  })
\ No newline at end of file

From fc16d98bfbae73f45b9df483a9b8b448436219ab Mon Sep 17 00:00:00 2001
From: Devika <devikaviju@gmail.com>
Date: Sun, 26 Apr 2026 10:56:51 -0500
Subject: [PATCH 2/6] seed fix

---
 prisma/seed.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/prisma/seed.ts b/prisma/seed.ts
index 77ac430..7c9387f 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -30,7 +30,7 @@ async function seedForms(userId: string) {
       userId,
       q01: 'Bob',
       q02: 'Builder',
-      q05: '1234567890',
+      q04: '1234567890',
     },
   })
 

From ad7dfb4b9ca4dafc911764a5a78e5828da957384 Mon Sep 17 00:00:00 2001
From: Devika <devikaviju@gmail.com>
Date: Sun, 26 Apr 2026 18:07:14 -0500
Subject: [PATCH 3/6] current note won't display in the previous note section,
 draft notes(notes the user hasn't submitted shows in the current note),
 upcoming flag, forms veiwer works

---
 app/components/FormEditPanel.vue              | 174 +++++++++
 app/components/Notes.vue                      | 246 ++++++++-----
 app/composables/useApplicationOptions.ts      |  57 +++
 prisma/seed.ts                                | 334 ++++++++----------
 .../api/clients/[id]/forms/[formKey].get.ts   |  14 +-
 .../api/clients/[id]/forms/[formKey].patch.ts |  32 +-
 .../clients/[id]/forms/[formKey]/raw.get.ts   |  41 +++
 server/utils/clinical-form-display.ts         |  33 +-
 8 files changed, 659 insertions(+), 272 deletions(-)
 create mode 100644 app/components/FormEditPanel.vue
 create mode 100644 app/composables/useApplicationOptions.ts
 create mode 100644 server/api/clients/[id]/forms/[formKey]/raw.get.ts

diff --git a/app/components/FormEditPanel.vue b/app/components/FormEditPanel.vue
new file mode 100644
index 0000000..ec8746b
--- /dev/null
+++ b/app/components/FormEditPanel.vue
@@ -0,0 +1,174 @@
+// The edit panel with 5-step stepper for application and radio inputs for clinical forms
+<script setup lang="ts">
+import { useFormStore } from '~/stores/formStore'
+import type { AppAnswerPayload } from '~/stores/formStore'
+
+const { applySavedAnswers, toPayload } = useFormStore()
+
+const props = defineProps<{
+  formKey: string
+  clientId: string
+  editableAnswers: { label: string; answer: string }[]
+}>()
+
+const emit = defineEmits<{
+  save: [answers: { label: string; answer: string }[]]
+  cancel: []
+}>()
+
+const wizardSteps = [
+  { label: 'Profile' }, { label: 'Child' }, { label: 'Guardian' },
+  { label: 'Treatment' }, { label: 'Therapy' },
+]
+const TOTAL_STEPS = 5
+const currentStep = ref(1)
+const isLoading = ref(false)
+const isSaving = ref(false)
+
+async function loadApplicationData() {
+  isLoading.value = true
+  try {
+    const res = await $fetch<{ answers: Record<string, string> }>(
+      `/api/clients/${props.clientId}/forms/application/raw`
+    )
+    applySavedAnswers(res.answers as AppAnswerPayload)
+  } catch (err) {
+    console.error('Failed to load application data:', err)
+  } finally {
+    isLoading.value = false
+  }
+}
+
+const APP_LABELS = [
+  'Email', 'First Name', 'Last Name', 'Phone Number', 'Gender',
+  'Date of Birth', 'Address', "Child's First Name", "Child's Last Name",
+  "Child's Date of Birth", 'Gender (Child)', "Child's Address", 'Medical Diagnosis',
+  'Date of Medical Diagnosis', 'Please list all members who live in the home',
+  'Does the Child Reside with Both Biological Parents?', 'Who Has Custody of the Child?',
+  'Are You the Primary Contact?', "Legal Mother's First Name", "Legal Mother's Last Name",
+  "Legal Mother's Address", "Legal Mother's City", "Legal Mother's State",
+  "Legal Mother's Zip Code", "Legal Mother's Email", "Legal Mother's Occupation",
+  'Is Legal Mother primary contact?', "Legal Father's First Name", "Legal Father's Last Name",
+  "Legal Father's Address", "Legal Father's City", "Legal Father's State",
+  "Legal Father's Zip Code", "Legal Father's Email", "Legal Father's Occupation",
+  'Who is the primary caregiver?',
+  'If child has/had siblings, did any witness a scary or traumatic event?',
+  'Were siblings separated for a prolonged period from a parent and their sibling with cancer?',
+  'Who was responsible for medical decisions?',
+  'Who was primarily at the hospital during treatment?',
+  'How long was the child in treatment?', 'Were there any ICU visits?',
+  'Were there any extended hospital admissions? If so, how long?',
+  'Did the child have a relapse or secondary cancer?',
+  'Did the child with cancer require hospice care and/or pass away?',
+  'Are you applying for the Individual Therapy Scholarship?',
+  'Would you like to join a Support Group waitlist?',
+  'If seeking scholarship, who are you seeking therapy scholarship for?',
+  'Do you have a therapist or need a referral?',
+  'Do you currently have medical insurance that provides mental health coverage?',
+]
+
+function formStateToAnswers(): { label: string; answer: string }[] {
+  const payload = toPayload()
+  return APP_LABELS.map((label, i) => ({
+    label,
+    answer: payload[`q${i + 1}`] ?? '',
+  }))
+}
+
+const FREQUENCY_OPTIONS = ['Not at all', 'Several days', 'More than half the days', 'Nearly every day']
+const DIFFICULTY_OPTIONS = ['Not difficult at all', 'Somewhat difficult', 'Very difficult', 'Extremely difficult']
+const PCL_OPTIONS = ['Not at all', 'A little bit', 'Moderately', 'Quite a bit', 'Extremely']
+
+function getQuestionOptions(index: number): string[] | null {
+  if (props.formKey === 'ace') return ['Yes', 'No']
+  if (props.formKey === 'gad') return index < 7 ? FREQUENCY_OPTIONS : DIFFICULTY_OPTIONS
+  if (props.formKey === 'phq') return index < 9 ? FREQUENCY_OPTIONS : DIFFICULTY_OPTIONS
+  if (props.formKey === 'pcl') return PCL_OPTIONS
+  return null
+}
+
+const localAnswers = ref(props.editableAnswers.map((a) => ({ ...a })))
+
+onMounted(async () => {
+  if (props.formKey === 'application') await loadApplicationData()
+})
+
+async function handleSave() {
+  isSaving.value = true
+  try {
+    emit('save', props.formKey === 'application' ? formStateToAnswers() : localAnswers.value)
+  } finally {
+    isSaving.value = false
+  }
+}
+</script>
+
+<template>
+  <div>
+    <template v-if="formKey === 'application'">
+      <div v-if="isLoading" class="flex justify-center py-8">
+        <UIcon name="i-heroicons-arrow-path" class="h-8 w-8 animate-spin text-primary-500" />
+      </div>
+      <template v-else>
+        <div class="mb-4 flex gap-1 overflow-x-auto border-b border-gray-200 pb-3 dark:border-gray-700">
+          <button
+            v-for="(step, i) in wizardSteps"
+            :key="i"
+            type="button"
+            class="shrink-0 rounded-md px-2 py-1.5 text-xs font-medium transition-colors"
+            :class="
+              currentStep === i + 1
+                ? 'bg-primary-100 text-primary-800 dark:bg-primary-900/40 dark:text-primary-200'
+                : 'text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800'
+            "
+            @click="currentStep = i + 1"
+          >
+            {{ step.label }}
+          </button>
+        </div>
+
+        <div class="max-h-[60vh] overflow-y-auto rounded-lg p-4">
+        <FormStep :step="currentStep" />
+        </div>
+
+        <div class="mt-4 flex items-center justify-between border-t border-gray-200 pt-4 dark:border-gray-700">
+          <div class="flex gap-2">
+            <UButton v-if="currentStep > 1" label="Previous" color="neutral" variant="soft" size="sm" @click="currentStep--" />
+            <UButton v-if="currentStep < TOTAL_STEPS" label="Next" color="primary" variant="soft" size="sm" @click="currentStep++" />
+          </div>
+          <div class="flex gap-2">
+            <UButton label="Cancel" color="neutral" variant="ghost" size="sm" @click="emit('cancel')" />
+            <UButton label="Save" color="primary" size="sm" :loading="isSaving" @click="handleSave" />
+          </div>
+        </div>
+      </template>
+    </template>
+
+    <template v-else>
+      <div class="max-h-[60vh] space-y-3 overflow-y-auto">
+        <div
+          v-for="(q, i) in localAnswers"
+          :key="i"
+          class="rounded-lg border border-gray-200 bg-gray-50 p-3 text-sm dark:border-gray-700 dark:bg-gray-800/80"
+        >
+          <p class="text-xs font-medium text-gray-500 dark:text-gray-400">{{ q.label }}</p>
+          <div v-if="getQuestionOptions(i)" class="mt-2 flex flex-wrap gap-3">
+            <label
+              v-for="opt in getQuestionOptions(i)!"
+              :key="opt"
+              class="flex cursor-pointer items-center gap-1.5 text-xs text-gray-700 dark:text-gray-300"
+            >
+              <input type="radio" :name="`q-${i}`" :value="opt" v-model="q.answer" class="accent-primary-500" />
+              {{ opt }}
+            </label>
+          </div>
+          <UTextarea v-else v-model="q.answer" class="mt-1" :rows="2" autoresize />
+        </div>
+      </div>
+      <div class="mt-4 flex justify-end gap-2">
+        <UButton label="Cancel" color="neutral" variant="ghost" size="sm" @click="emit('cancel')" />
+        <UButton label="Save" color="primary" size="sm" :loading="isSaving" @click="handleSave" />
+      </div>
+    </template>
+  </div>
+</template>
\ No newline at end of file
diff --git a/app/components/Notes.vue b/app/components/Notes.vue
index c4e9916..9b3a2b5 100644
--- a/app/components/Notes.vue
+++ b/app/components/Notes.vue
@@ -247,6 +247,12 @@
   }
 
   async function selectSessionNote(sn: SessionNoteRow) {
+    if (sn.status === 'DRAFT' && sn.appointmentId) {
+      selectedAppointmentId.value = sn.appointmentId
+      noteContent.value = sn.content
+      currentNoteKind.value = sn.kind ?? 'PROGRESS'
+      return
+    }
     selectedPreviousNote.value = null
     editingNoteId.value = null
     selectedSessionNoteId.value = sn.id
@@ -287,7 +293,7 @@
   const newFormModalSelection = ref('')
 
   function openNewFormVersion() {
-    newFormModalSelection.value = props.forms[0]?.label ?? ''
+    newFormModalSelection.value = props.forms.filter(f => f.label !== 'Application')[0]?.label ?? ''
     showNewFormModal.value = true
   }
 
@@ -438,6 +444,25 @@
   const formPreviewError = ref<string | null>(null)
   const isEditingForm = ref(false)
   const editableAnswers = ref<{ label: string; answer: string }[]>([])
+
+  const viewerStep = ref(1)
+
+  const APP_STEP_RANGES = [
+    [0, 6],
+    [7, 17],
+    [18, 35],
+    [36, 45],
+    [46, 49],
+  ]
+
+  const viewerStepLabels = ['Profile', 'Child', 'Guardian', 'Treatment', 'Therapy']
+
+  const viewerStepAnswers = computed(() => {
+    const range = APP_STEP_RANGES[viewerStep.value - 1]
+    if (!range) return editableAnswers.value
+    return editableAnswers.value.slice(range[0] ?? 0, (range[1] ?? 0) + 1)
+  })
+
   let formPreviewSeq = 0
 
   function severityColor(label: string): string {
@@ -502,18 +527,24 @@
     }
   })
 
-  async function saveFormEdits() {
+  async function onFormEditSave(answers: { label: string; answer: string }[]) {
     const key = FORM_LABEL_TO_KEY[selectedForm.value!]
     await $fetch(`/api/clients/${props.client.id}/forms/${key}`, {
       method: 'PATCH',
-      body: { answers: editableAnswers.value }
+      body: { answers },
     })
-    if (formPreviewData.value) {
-      formPreviewData.value.questions = [...editableAnswers.value]
-    }
+    
+    // Re-fetch to get updated score/severity
+    const data = await $fetch<FormPreviewPayload>(
+      `/api/clients/${props.client.id}/forms/${key}`
+    )
+    formPreviewData.value = data
+    editableAnswers.value = data.questions.map((q) => ({ ...q }))
+    if (data.score != null) formScores.value[selectedForm.value!] = data.score
+    if (data.severity != null) formSeverities.value[selectedForm.value!] = data.severity
+    
     isEditingForm.value = false
   }
-
   const isEditingPreviousPanel = ref(false)
   const editingNoteId = ref<number | null>(null)
   const editingSessionNoteId = ref<string | null>(null)
@@ -1021,6 +1052,35 @@
     const diff = Math.floor((now.getTime() - date.getTime()) / 60000)
     return diff < 1 ? 'just now' : `${diff} min ago`
   }
+
+  function formatAppAnswer(val: string): string {
+    if (!val) return '—'
+    if (val.includes('|||')) {
+      return val.split('|||').filter(Boolean).join(', ')
+    }
+    try {
+      const parsed = JSON.parse(val)
+      if (Array.isArray(parsed)) {
+        return parsed.map((item: any) =>
+          typeof item === 'object'
+            ? Object.values(item).filter(Boolean).join(' ')
+            : String(item)
+        ).join(', ')
+      }
+      if (parsed && typeof parsed === 'object') {
+        if (Array.isArray(parsed.values)) {
+          return [...parsed.values, parsed.other].filter(Boolean).join(', ')
+        }
+        if (typeof parsed.value === 'string') return parsed.value
+        if (typeof parsed.firstName === 'string') {
+          return [parsed.firstName, parsed.middleInitial, parsed.lastName, parsed.age ? `(age ${parsed.age})` : '', parsed.relationship].filter(Boolean).join(' ')
+        }
+      }
+    } catch {
+      // plain text
+    }
+    return val.replace(/_/g, ' ')
+  }
 </script>
 
 <template>
@@ -1280,11 +1340,19 @@
                   </p>
                   <div class="mt-1 flex flex-wrap items-center gap-1">
                     <UBadge
-                      :color="statusColor(sn.status)"
+                      :color="
+                        sn.status === 'DRAFT' && !sn.content && sn.appointmentStartTime && new Date(sn.appointmentStartTime) > new Date()
+                          ? 'error'
+                          : statusColor(sn.status)
+                      "
                       variant="subtle"
                       size="xs"
                     >
-                      {{ STATUS_LABELS[sn.status ?? 'DRAFT'] }}
+                      {{ 
+                        sn.status === 'DRAFT' && !sn.content && sn.appointmentStartTime && new Date(sn.appointmentStartTime) > new Date()
+                          ? 'Upcoming'
+                          : STATUS_LABELS[sn.status ?? 'DRAFT']
+                      }}
                     </UBadge>
                     <UBadge
                       v-if="sn.kind === 'PSYCHOTHERAPY'"
@@ -1351,6 +1419,7 @@
             <div v-if="selectedNoteData" class="flex min-w-0 flex-col p-5 md:flex-1">
               <div class="mb-3 flex items-start justify-between gap-2">
                 <div class="min-w-0 flex-1">
+                  <p v-if="selectedSessionNoteRow" class="text-sm font-semibold text-gray-900 dark:text-white">{{ selectedSessionNoteRow.sessionName }}</p>
                   <p class="text-sm font-medium text-gray-400">{{ selectedNoteData.date }}</p>
                   <p
                     v-if="selectedNoteData.source === 'session'"
@@ -1471,24 +1540,8 @@
             <div class="flex min-w-0 flex-col overflow-y-auto p-5 md:max-h-screen md:flex-1">
               <div class="mb-4 flex items-center justify-between">
                 <div>
+                  <p class="text-sm font-semibold text-gray-900 dark:text-white">{{ selectedAppointment?.sessionName }}</p>
                   <p class="text-sm font-medium text-gray-400">{{ currentNote.date }}</p>
-                  <div class="mt-2 max-w-sm">
-                    <label class="mb-1 block text-xs font-semibold tracking-wide text-gray-500 uppercase">
-                      Session
-                    </label>
-                    <select
-                      v-model="selectedAppointmentId"
-                      class="w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100"
-                    >
-                      <option value="" disabled>Select a session</option>
-                      <option v-for="opt in appointmentOptions" :key="opt.value" :value="opt.value">
-                        {{ opt.label }}
-                      </option>
-                    </select>
-                    <p v-if="appointmentOptions.length === 0" class="mt-1 text-xs text-gray-500">
-                      No sessions available yet for this client.
-                    </p>
-                  </div>
                   <div class="mt-3 max-w-sm">
                     <label class="mb-1 block text-xs font-semibold tracking-wide text-gray-500 uppercase">
                       Note type
@@ -1526,15 +1579,31 @@
                       the client.
                     </p>
                   </div>
-                  <span class="mt-3 inline-block text-primary-500 text-xs font-semibold uppercase">
-                    Current
-                  </span>
+                  <div class="mt-3">
+                    <span class="text-primary-500 text-xs font-semibold uppercase">Current</span>
+                    <div v-if="selectedAppointment" class="mt-1 flex flex-wrap items-center gap-1.5">
+                      <UBadge
+                        :color="new Date(selectedAppointment.startTime) > new Date() ? 'error' : 'neutral'"
+                        variant="subtle"
+                        size="sm"
+                      >
+                        {{ new Date(selectedAppointment.startTime) > new Date() ? 'Upcoming' : 'Draft' }}
+                      </UBadge>
+                      <UBadge
+                        :color="currentNoteKind === 'PSYCHOTHERAPY' ? 'secondary' : 'primary'"
+                        variant="subtle"
+                        size="sm"
+                      >
+                        {{ currentNoteKind === 'PSYCHOTHERAPY' ? 'Psychotherapy note' : 'Progress note' }}
+                      </UBadge>
+                    </div>
+                  </div>
                   <!-- {{ isEditingPrevious ? `Editing note from ${editingDate}` : currentNote.date }} -->
                   <!-- <p v-if="isEditingPrevious" class="text-xs text-amber-600"> -->
                   <!-- Changes will be saved as a new version • Reason required -->
                   <!-- </p> -->
                 </div>
-                <UButtonGroup v-if="!isEditingPreviousPanel">
+                <UButton v-if="!isEditingPreviousPanel" class="flex">
                   <UButton
                     :color="!isAbsent ? 'success' : 'neutral'"
                     :variant="!isAbsent ? 'solid' : 'outline'"
@@ -1551,7 +1620,7 @@
                     :disabled="!canMarkAttendance"
                     @click="isAbsent = true"
                   />
-                </UButtonGroup>
+                </UButton>
               </div>
 
               <NotesToolbar
@@ -1693,56 +1762,73 @@
                   </p>
                   <div
                     v-if="formPreviewData.score != null || formPreviewData.severity"
-                    class="flex flex-wrap gap-2 text-sm"
+                    class="flex flex-wrap items-center justify-between gap-2 text-sm"
                   >
-                    <span
-                      v-if="formPreviewData.score != null"
-                      class="font-medium text-gray-900 dark:text-white"
-                    >
-                      Score: {{ formPreviewData.score }}
-                    </span>
-                    <span v-if="formPreviewData.severity" :class="severityColor(selectedForm!)">
-                      {{ formPreviewData.severity }}
-                    </span>
-                  </div>
-                  <div v-if="formPreviewData.questions?.length" class="space-y-2">
-                    <div
-                      v-for="(q, i) in editableAnswers"
-                      :key="i"
-                      class="rounded-lg border border-gray-200 bg-gray-50 p-3 text-sm dark:border-gray-700 dark:bg-gray-800/80"
-                    >
-                      <p class="text-xs font-medium text-gray-500 dark:text-gray-400">{{ q.label }}</p>
-                      <input
-                        v-if="isEditingForm"
-                        v-model="q.answer"
-                        class="mt-1 w-full rounded border border-gray-300 bg-white px-2 py-1 text-gray-900 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100"
-                      />
-                      <p v-else class="mt-1 whitespace-pre-wrap text-gray-900 dark:text-gray-100">
-                        {{ q.answer || '—' }}
-                      </p>
-                    </div>
-                    <div class="mt-3 flex gap-2">
-                      <UButton
-                        v-if="!isEditingForm"
-                        label="Edit"
-                        size="xs"
-                        @click="isEditingForm = true"
-                      />
-                      <UButton
-                        v-if="isEditingForm"
-                        label="Save"
-                        size="xs"
-                        color="primary"
-                        @click="saveFormEdits"
-                      />
-                      <UButton
-                        v-if="isEditingForm"
-                        label="Cancel"
-                        size="xs"
-                        variant="ghost"
-                        @click="isEditingForm = false"
-                      />
+                    <div class="flex flex-wrap items-center gap-2">
+                      <span
+                        v-if="formPreviewData.score != null"
+                        class="font-medium text-gray-900 dark:text-white"
+                      >
+                        Score: {{ formPreviewData.score }}
+                      </span>
+                      <span v-if="formPreviewData.severity" :class="severityColor(selectedForm!)">
+                        {{ formPreviewData.severity }}
+                      </span>
                     </div>
+                    <UButton
+                      v-if="!isEditingForm"
+                      label="Edit"
+                      size="xs"
+                      @click="isEditingForm = true"
+                    />
+                  </div>
+                  <div v-if="formPreviewData.questions?.length">
+                    <!-- Edit mode -->
+                    <FormEditPanel
+                      v-if="isEditingForm && selectedFormKey"
+                      :form-key="selectedFormKey"
+                      :client-id="client.id"
+                      :editable-answers="editableAnswers"
+                      @save="onFormEditSave"
+                      @cancel="isEditingForm = false"
+                    />
+
+                    <!-- Read-only mode -->
+                    <template v-else>
+                      <!-- Step tabs for application form -->
+                      <div v-if="selectedFormKey === 'application'" class="mb-3 flex gap-1 overflow-x-auto border-b border-gray-200 pb-2 dark:border-gray-700">
+                        <button
+                          v-for="(label, i) in viewerStepLabels"
+                          :key="i"
+                          type="button"
+                          class="shrink-0 rounded-md px-2 py-1 text-xs font-medium transition-colors"
+                          :class="
+                            viewerStep === i + 1
+                              ? 'bg-primary-100 text-primary-800 dark:bg-primary-900/40 dark:text-primary-200'
+                              : 'text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800'
+                          "
+                          @click="viewerStep = i + 1"
+                        >
+                          {{ label }}
+                        </button>
+                      </div>
+
+                      <div class="space-y-2">
+                        <div
+                          v-for="(q, i) in selectedFormKey === 'application' ? viewerStepAnswers : editableAnswers"
+                          :key="i"
+                          class="rounded-lg border border-gray-200 bg-gray-50 p-3 text-sm dark:border-gray-700 dark:bg-gray-800/80"
+                        >
+                          <p class="text-xs font-medium text-gray-500 dark:text-gray-400">{{ q.label }}</p>
+                          <p class="mt-1 whitespace-pre-wrap text-gray-900 dark:text-gray-100">
+                            {{ selectedFormKey === 'application' ? formatAppAnswer(q.answer) : (q.answer || '—') }}
+                          </p>
+                        </div>
+                      </div>
+                      <div class="mt-3 flex gap-2">
+                        <UButton label="Edit" size="xs" @click="isEditingForm = true" />
+                      </div>
+                    </template>
                   </div>
                   <p v-else class="text-sm text-gray-500 dark:text-gray-400">No answers yet.</p>
                 </div>
@@ -1851,7 +1937,7 @@
         <!-- Form options -->
         <div class="mb-5 flex flex-col gap-2">
           <button
-            v-for="form in forms"
+            v-for="form in forms.filter(f => f.label !== 'Application')"
             :key="form.label"
             @click="newFormModalSelection = form.label"
             class="flex items-center justify-between rounded-xl border px-4 py-3 text-left text-sm font-medium transition-colors"
diff --git a/app/composables/useApplicationOptions.ts b/app/composables/useApplicationOptions.ts
new file mode 100644
index 0000000..c85f18d
--- /dev/null
+++ b/app/composables/useApplicationOptions.ts
@@ -0,0 +1,57 @@
+// Shared options (gender, yes/no, custody, etc.)
+export function useApplicationOptions() {
+  const genderOptions = [
+    { label: 'Male', value: 'Male' },
+    { label: 'Female', value: 'Female' },
+    { label: 'Non-binary', value: 'Non-binary' },
+    { label: 'Prefer not to say', value: 'Prefer not to say' },
+    { label: 'Other', value: 'Other' },
+  ]
+  const yesNoOptions = [
+    { label: 'Yes', value: 'yes' },
+    { label: 'No', value: 'no' },
+  ]
+  const custodyOptions = [
+    { label: 'Mother', value: 'mother' },
+    { label: 'Father', value: 'father' },
+    { label: 'Joint', value: 'joint' },
+    { label: 'Other', value: 'other' },
+  ]
+  const caregiverOptions = [
+    { label: 'Mom', value: 'Mom' },
+    { label: 'Dad', value: 'Dad' },
+    { label: 'Both', value: 'Both' },
+    { label: 'Other', value: 'Other' },
+  ]
+  const siblingOptions = [
+    { label: 'Yes', value: 'yes' },
+    { label: 'No', value: 'no' },
+    { label: 'N/A', value: 'na' },
+  ]
+  const supportGroupOptions = [
+    { label: 'Adolescent child diagnosed with cancer', value: 'adolescent_child_diagnosed_with_cancer' },
+    { label: 'Adolescent sibling', value: 'adolescent_sibling' },
+    { label: 'Parent', value: 'parent' },
+    { label: 'No', value: 'no' },
+  ]
+  const referralOptions = [
+    { label: 'I have a therapist', value: 'have_therapist' },
+    { label: 'I need a referral', value: 'need_referral' },
+  ]
+  const insuranceOptions = [
+    { label: 'Yes, with mental health benefits', value: 'yes_with_mental_health_benefits' },
+    { label: 'Yes, without mental health benefits', value: 'yes_without_mental_health_benefits' },
+    { label: 'No insurance', value: 'no_insurance' },
+  ]
+
+  return {
+    genderOptions,
+    yesNoOptions,
+    custodyOptions,
+    caregiverOptions,
+    siblingOptions,
+    supportGroupOptions,
+    referralOptions,
+    insuranceOptions,
+  }
+}
\ No newline at end of file
diff --git a/prisma/seed.ts b/prisma/seed.ts
index 7c9387f..52a804f 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -14,143 +14,161 @@ async function seedForms(userId: string) {
   // 1. AppForm (Application)
   const appForm = await prisma.appForm.upsert({
     where: { userId },
-    update: {},
-    create: {
-      userId,
-      status: 'COMPLETE',
-      submittedAt: new Date(),
-    },
+    update: { status: 'COMPLETE', submittedAt: new Date() },
+    create: { userId, status: 'COMPLETE', submittedAt: new Date() },
   })
 
   await prisma.appQuestion.upsert({
     where: { formId: appForm.id },
-    update: {},
+    update: {
+      q01: 'wendy.builder@example.com',
+      q02: 'Wendy',
+      q03: 'Builder',
+      q04: '4165551234',
+      q05: 'Female',
+      q06: '1975-03-10',
+      q07: '123 Construction Ave|||Toronto|||ON|||M5H 2N2',
+      q08: 'Bob',
+      q09: 'Builder',
+      q10: '2010-06-15',
+      q11: 'Male',
+      q12: '123 Construction Ave|||Toronto|||ON|||M5H 2N2',
+      q13: 'Acute Lymphoblastic Leukemia (ALL)',
+      q14: '2024-01-10',
+      q15: JSON.stringify([
+        { firstName: 'Scoop', middleInitial: '', lastName: 'Builder', age: '10', relationship: 'Sibling' },
+      ]),
+      q16: JSON.stringify({ value: 'no', text: '' }),
+      q17: JSON.stringify({ values: ['joint'], other: '' }),
+      q18: 'yes',
+      q19: 'Wendy',
+      q20: 'Builder',
+      q21: '123 Construction Ave',
+      q22: 'Toronto',
+      q23: 'ON',
+      q24: 'M5H 2N2',
+      q25: 'wendy@bobthebuilder.com',
+      q26: 'Contractor',
+      q27: 'yes',
+      q28: 'Robert',
+      q29: 'Builder',
+      q30: '123 Construction Ave',
+      q31: 'Toronto',
+      q32: 'ON',
+      q33: 'M5H 2N2',
+      q34: 'robert@bobthebuilder.com',
+      q35: 'Construction Manager',
+      q36: JSON.stringify({ value: 'Mom', text: '' }),
+      q37: 'yes',
+      q38: 'yes',
+      q39: 'Wendy Builder (Mother)',
+      q40: 'Wendy Builder and Robert Builder',
+      q41: '6 months',
+      q42: 'no',
+      q43: '2 weeks initial admission, multiple shorter stays',
+      q44: 'no',
+      q45: JSON.stringify({ value: 'no', text: '' }),
+      q46: 'yes',
+      q47: JSON.stringify(['adolescent_child_diagnosed_with_cancer']),
+      q48: JSON.stringify({ firstName: 'Bob', middleInitial: '', lastName: 'Builder', age: '14', relationship: 'Self (Patient)' }),
+      q49: 'need_referral',
+      q50: 'yes_with_mental_health_benefits',
+    },
     create: {
       formId: appForm.id,
       userId,
-      q01: 'Bob',
-      q02: 'Builder',
-      q04: '1234567890',
+      q01: 'wendy.builder@example.com',
+      q02: 'Wendy',
+      q03: 'Builder',
+      q04: '4165551234',
+      q05: 'Female',
+      q06: '1975-03-10',
+      q07: '123 Construction Ave|||Toronto|||ON|||M5H 2N2',
+      q08: 'Bob',
+      q09: 'Builder',
+      q10: '2010-06-15',
+      q11: 'Male',
+      q12: '123 Construction Ave|||Toronto|||ON|||M5H 2N2',
+      q13: 'Acute Lymphoblastic Leukemia (ALL)',
+      q14: '2024-01-10',
+      q15: JSON.stringify([
+        { firstName: 'Scoop', middleInitial: '', lastName: 'Builder', age: '10', relationship: 'Sibling' },
+      ]),
+      q16: JSON.stringify({ value: 'no', text: '' }),
+      q17: JSON.stringify({ values: ['joint'], other: '' }),
+      q18: 'yes',
+      q19: 'Wendy',
+      q20: 'Builder',
+      q21: '123 Construction Ave',
+      q22: 'Toronto',
+      q23: 'ON',
+      q24: 'M5H 2N2',
+      q25: 'wendy@bobthebuilder.com',
+      q26: 'Contractor',
+      q27: 'yes',
+      q28: 'Robert',
+      q29: 'Builder',
+      q30: '123 Construction Ave',
+      q31: 'Toronto',
+      q32: 'ON',
+      q33: 'M5H 2N2',
+      q34: 'robert@bobthebuilder.com',
+      q35: 'Construction Manager',
+      q36: JSON.stringify({ value: 'Mom', text: '' }),
+      q37: 'yes',
+      q38: 'yes',
+      q39: 'Wendy Builder (Mother)',
+      q40: 'Wendy Builder and Robert Builder',
+      q41: '6 months',
+      q42: 'no',
+      q43: '2 weeks initial admission, multiple shorter stays',
+      q44: 'no',
+      q45: JSON.stringify({ value: 'no', text: '' }),
+      q46: 'yes',
+      q47: JSON.stringify(['adolescent_child_diagnosed_with_cancer']),
+      q48: JSON.stringify({ firstName: 'Bob', middleInitial: '', lastName: 'Builder', age: '14', relationship: 'Self (Patient)' }),
+      q49: 'need_referral',
+      q50: 'yes_with_mental_health_benefits',
     },
   })
 
   // 2. GAD-7
   const gadForm = await prisma.gadForm.create({
-    data: {
-      userId,
-      status: 'COMPLETE',
-      totalScore: 12,
-      severity: 'Moderate',
-      submittedAt: new Date(),
-    },
+    data: { userId, status: 'COMPLETE', totalScore: 12, severity: 'Moderate', submittedAt: new Date() },
   })
-
   await prisma.gadQuestion.create({
-    data: {
-      formId: gadForm.id,
-      userId,
-      g01: 2,
-      g02: 1,
-      g03: 2,
-      g04: 1,
-      g05: 2,
-      g06: 2,
-      g07: 2,
-      g08: 1,
-    },
+    data: { formId: gadForm.id, userId, g01: 2, g02: 1, g03: 2, g04: 1, g05: 2, g06: 2, g07: 2, g08: 1 },
   })
 
   // 3. PHQ-9
   const phqForm = await prisma.phqForm.create({
-    data: {
-      userId,
-      status: 'COMPLETE',
-      totalScore: 14,
-      severity: 'Moderate depression',
-      submittedAt: new Date(),
-    },
+    data: { userId, status: 'COMPLETE', totalScore: 14, severity: 'Moderate depression', submittedAt: new Date() },
   })
-
   await prisma.phqQuestion.create({
-    data: {
-      formId: phqForm.id,
-      userId,
-      q1: 2,
-      q2: 1,
-      q3: 2,
-      q4: 1,
-      q5: 2,
-      q6: 2,
-      q7: 2,
-      q8: 1,
-      q9: 1,
-      q10: 1,
-    },
+    data: { formId: phqForm.id, userId, q1: 2, q2: 1, q3: 2, q4: 1, q5: 2, q6: 2, q7: 2, q8: 1, q9: 1, q10: 1 },
   })
 
   // 4. PCL-5
   const pclForm = await prisma.pclForm.create({
-    data: {
-      userId,
-      status: 'COMPLETE',
-      totalScore: 45,
-      severity: 'Moderate',
-      submittedAt: new Date(),
-    },
+    data: { userId, status: 'COMPLETE', totalScore: 45, severity: 'Moderate', submittedAt: new Date() },
   })
-
   await prisma.pclQuestion.create({
     data: {
-      formId: pclForm.id,
-      userId,
-      q01: 3,
-      q02: 2,
-      q03: 3,
-      q04: 2,
-      q05: 2,
-      q06: 3,
-      q07: 2,
-      q08: 2,
-      q09: 2,
-      q10: 2,
-      q11: 2,
-      q12: 2,
-      q13: 2,
-      q14: 2,
-      q15: 2,
-      q16: 2,
-      q17: 2,
-      q18: 2,
-      q19: 2,
-      q20: 2,
+      formId: pclForm.id, userId,
+      q01: 3, q02: 2, q03: 3, q04: 2, q05: 2, q06: 3, q07: 2, q08: 2, q09: 2, q10: 2,
+      q11: 2, q12: 2, q13: 2, q14: 2, q15: 2, q16: 2, q17: 2, q18: 2, q19: 2, q20: 2,
     },
   })
 
   // 5. ACE
   const aceForm = await prisma.aceForm.create({
-    data: {
-      userId,
-      status: 'COMPLETE',
-      totalScore: 2,
-      severity: 'Low',
-      submittedAt: new Date(),
-    },
+    data: { userId, status: 'COMPLETE', totalScore: 2, severity: 'Low', submittedAt: new Date() },
   })
-
   await prisma.aceQuestion.create({
     data: {
-      formId: aceForm.id,
-      userId,
-      a01: 'Yes',
-      a02: 'Yes',
-      a03: 'No',
-      a04: 'No',
-      a05: 'No',
-      a06: 'No',
-      a07: 'No',
-      a08: 'No',
-      a09: 'No',
-      a10: 'No',
+      formId: aceForm.id, userId,
+      a01: 'Yes', a02: 'No', a03: 'No', a04: 'Yes', a05: 'Yes',
+      a06: 'Yes', a07: 'No', a08: 'Yes', a09: 'No', a10: 'No',
     },
   })
 }
@@ -187,34 +205,22 @@ async function seedApprovalWorkflowNotes(
 
   const now = new Date()
 
-  // 1. DRAFT progress note
   await prisma.sessionNote.create({
     data: {
-      clientId,
-      sessionName: 'Intake – initial session',
-      sessionNumber: 1,
-      kind: 'PROGRESS',
-      status: 'DRAFT',
-      content:
-        'Client arrived on time. Presenting concerns include sleep disruption and work stress. Draft — still gathering history.',
+      clientId, sessionName: 'Intake – initial session', sessionNumber: 1,
+      kind: 'PROGRESS', status: 'DRAFT',
+      content: 'Client arrived on time. Presenting concerns include sleep disruption and work stress. Draft — still gathering history.',
       attended: true,
     },
   })
 
-  // 2. CLINICIAN_SIGNED progress note
   const pendingNote = await prisma.sessionNote.create({
     data: {
-      clientId,
-      sessionName: 'Session 2 – CBT intro',
-      sessionNumber: 2,
-      kind: 'PROGRESS',
-      status: 'CLINICIAN_SIGNED',
-      content:
-        'Reviewed sleep-hygiene worksheet. Client reports mild improvement. Introduced cognitive-restructuring framework.',
+      clientId, sessionName: 'Session 2 – CBT intro', sessionNumber: 2,
+      kind: 'PROGRESS', status: 'CLINICIAN_SIGNED',
+      content: 'Reviewed sleep-hygiene worksheet. Client reports mild improvement. Introduced cognitive-restructuring framework.',
       attended: true,
-      clinicianSignedAt: now,
-      clinicianSignedById: clinicianUserId,
-      clinicianSignatureData: PLACEHOLDER_SIG,
+      clinicianSignedAt: now, clinicianSignedById: clinicianUserId, clinicianSignatureData: PLACEHOLDER_SIG,
     },
   })
 
@@ -223,64 +229,40 @@ async function seedApprovalWorkflowNotes(
       userId: adminUserId,
       type: 'NOTE_READY_FOR_APPROVAL',
       title: 'Note awaiting approval',
-      message:
-        'Carl Karl signed a progress note for Bob Builder. Please review and countersign.',
+      message: 'Carl Karl signed a progress note for Bob Builder. Please review and countersign.',
       sessionNoteId: pendingNote.id,
     },
   })
 
-  // 3. FULLY_APPROVED progress note
   await prisma.sessionNote.create({
     data: {
-      clientId,
-      sessionName: 'Session 3 – thought records',
-      sessionNumber: 3,
-      kind: 'PROGRESS',
-      status: 'FULLY_APPROVED',
-      content:
-        'Completed two thought-record examples in session. Client identified core belief patterns and committed to daily practice.',
+      clientId, sessionName: 'Session 3 – thought records', sessionNumber: 3,
+      kind: 'PROGRESS', status: 'FULLY_APPROVED',
+      content: 'Completed two thought-record examples in session. Client identified core belief patterns and committed to daily practice.',
       attended: true,
-      clinicianSignedAt: now,
-      clinicianSignedById: clinicianUserId,
-      clinicianSignatureData: PLACEHOLDER_SIG,
-      adminSignedAt: now,
-      adminSignedById: adminUserId,
-      adminSignatureData: PLACEHOLDER_SIG,
+      clinicianSignedAt: now, clinicianSignedById: clinicianUserId, clinicianSignatureData: PLACEHOLDER_SIG,
+      adminSignedAt: now, adminSignedById: adminUserId, adminSignatureData: PLACEHOLDER_SIG,
       adminApprovalNote: 'Reviewed — documentation meets clinic standard.',
     },
   })
 
-  // 4. PSYCHOTHERAPY draft
   await prisma.sessionNote.create({
     data: {
-      clientId,
-      sessionName: 'Session 3 – clinician process notes',
-      sessionNumber: 3,
-      kind: 'PSYCHOTHERAPY',
-      status: 'DRAFT',
-      content:
-        'Clinician-only process notes: countertransference observations, working hypotheses, and next-session targets.',
+      clientId, sessionName: 'Session 3 – clinician process notes', sessionNumber: 3,
+      kind: 'PSYCHOTHERAPY', status: 'DRAFT',
+      content: 'Clinician-only process notes: countertransference observations, working hypotheses, and next-session targets.',
       attended: true,
     },
   })
 
-  // 5. PSYCHOTHERAPY fully approved
   await prisma.sessionNote.create({
     data: {
-      clientId,
-      sessionName: 'Session 2 – clinician process notes',
-      sessionNumber: 2,
-      kind: 'PSYCHOTHERAPY',
-      status: 'FULLY_APPROVED',
-      content:
-        'Process notes: explored defense patterns around perfectionism. Plan to revisit in session 4.',
+      clientId, sessionName: 'Session 2 – clinician process notes', sessionNumber: 2,
+      kind: 'PSYCHOTHERAPY', status: 'FULLY_APPROVED',
+      content: 'Process notes: explored defense patterns around perfectionism. Plan to revisit in session 4.',
       attended: true,
-      clinicianSignedAt: now,
-      clinicianSignedById: clinicianUserId,
-      clinicianSignatureData: PLACEHOLDER_SIG,
-      adminSignedAt: now,
-      adminSignedById: adminUserId,
-      adminSignatureData: PLACEHOLDER_SIG,
+      clinicianSignedAt: now, clinicianSignedById: clinicianUserId, clinicianSignatureData: PLACEHOLDER_SIG,
+      adminSignedAt: now, adminSignedById: adminUserId, adminSignatureData: PLACEHOLDER_SIG,
       adminApprovalNote: 'Approved — psychotherapy note retained separately.',
     },
   })
@@ -297,39 +279,21 @@ async function main() {
   const alice = await prisma.user.upsert({
     where: { email: 'alice@a.com' },
     update: { role: 'ADMIN', name: 'Alice Wonderland' },
-    create: {
-      id: 'alice_id',
-      email: 'alice@a.com',
-      name: 'Alice Wonderland',
-      emailVerified: true,
-      role: 'ADMIN',
-    },
+    create: { id: 'alice_id', email: 'alice@a.com', name: 'Alice Wonderland', emailVerified: true, role: 'ADMIN' },
   })
   console.log('Seeded Admin: alice@a.com')
 
   const carl = await prisma.user.upsert({
     where: { email: 'carl@c.com' },
     update: { role: 'CLINICIAN', name: 'Carl Karl' },
-    create: {
-      id: 'carl_id',
-      email: 'carl@c.com',
-      name: 'Carl Karl',
-      emailVerified: true,
-      role: 'CLINICIAN',
-    },
+    create: { id: 'carl_id', email: 'carl@c.com', name: 'Carl Karl', emailVerified: true, role: 'CLINICIAN' },
   })
   console.log('Seeded Clinician: carl@c.com')
 
   const bob = await prisma.user.upsert({
     where: { email: 'bob@b.com' },
     update: { role: 'CLIENT', name: 'Bob Builder' },
-    create: {
-      id: 'bob_id',
-      email: 'bob@b.com',
-      name: 'Bob Builder',
-      emailVerified: true,
-      role: 'CLIENT',
-    },
+    create: { id: 'bob_id', email: 'bob@b.com', name: 'Bob Builder', emailVerified: true, role: 'CLIENT' },
   })
   console.log('Seeded Client: bob@b.com')
 
@@ -340,11 +304,5 @@ async function main() {
 }
 
 main()
-  .then(async () => {
-    await prisma.$disconnect()
-  })
-  .catch(async (e) => {
-    console.error(e)
-    await prisma.$disconnect()
-    process.exit(1)
-  })
\ No newline at end of file
+  .then(async () => { await prisma.$disconnect() })
+  .catch(async (e) => { console.error(e); await prisma.$disconnect(); process.exit(1) })
\ No newline at end of file
diff --git a/server/api/clients/[id]/forms/[formKey].get.ts b/server/api/clients/[id]/forms/[formKey].get.ts
index 9c2bb50..11f1186 100644
--- a/server/api/clients/[id]/forms/[formKey].get.ts
+++ b/server/api/clients/[id]/forms/[formKey].get.ts
@@ -115,7 +115,18 @@ export default defineEventHandler(async (event) => {
       if (!trimmed) return ''
       try {
         const parsed = JSON.parse(trimmed) as unknown
-        if (Array.isArray(parsed)) return parsed.join(', ')
+        if (Array.isArray(parsed)) {
+          return parsed.map((item: unknown) => {
+            if (item && typeof item === 'object') {
+              const r = item as Record<string, unknown>
+              if (typeof r.firstName === 'string') {
+                return [r.firstName, r.middleInitial, r.lastName, r.age ? `(age ${r.age})` : '', r.relationship].filter(Boolean).join(' ')
+              }
+              return Object.values(r).filter(Boolean).join(' ')
+            }
+            return String(item)
+          }).join(', ')
+        }
         if (parsed && typeof parsed === 'object') {
           const r = parsed as Record<string, unknown>
           if (Array.isArray(r.values)) {
@@ -194,6 +205,7 @@ export default defineEventHandler(async (event) => {
       questions,
       submitted: phqForm?.status === 'COMPLETE',
       score: phqForm?.totalScore,
+      severity: phqForm?.severity,
     }
   }
 
diff --git a/server/api/clients/[id]/forms/[formKey].patch.ts b/server/api/clients/[id]/forms/[formKey].patch.ts
index 0b77895..4992327 100644
--- a/server/api/clients/[id]/forms/[formKey].patch.ts
+++ b/server/api/clients/[id]/forms/[formKey].patch.ts
@@ -18,6 +18,14 @@ const GAD_OPTIONS: Record<string, number> = {
   'Nearly every day': 3,
 }
 
+const PCL_OPTIONS: Record<string, number> = {
+  'Not at all': 0,
+  'A little bit': 1,
+  'Moderately': 2,
+  'Quite a bit': 3,
+  'Extremely': 4,
+}
+
 function toInt(val: string, map: Record<string, number>): number | null {
   if (val in map) return map[val]!
   const n = parseInt(val)
@@ -56,12 +64,17 @@ export default defineEventHandler(async (event) => {
 
   // ── ACE ──────────────────────────────────────────────────
   if (formKey === 'ace') {
-    const form = await prisma.aceForm.findFirst({ where: { userId: clientUserId } })
+    const form = await prisma.aceForm.findFirst({ where: { userId: clientUserId }, orderBy: { id: 'desc' } })
     if (!form) throw createError({ statusCode: 404, statusMessage: 'Form not found' })
     const keys = ['a01','a02','a03','a04','a05','a06','a07','a08','a09','a10']
     const data: Record<string, string> = {}
     answers.forEach((a, i) => { if (keys[i]) data[keys[i]!] = a.answer })
     await prisma.aceQuestion.update({ where: { formId: form.id }, data })
+
+    // Recalculate score
+    const total = Object.values(data).filter(v => v === 'Yes').length
+    const severity = total === 0 ? 'No reported ACEs' : total <= 3 ? 'Low' : total <= 6 ? 'Moderate' : 'High'
+    await prisma.aceForm.update({ where: { id: form.id }, data: { totalScore: total, severity } })
     return { ok: true }
   }
 
@@ -73,6 +86,11 @@ export default defineEventHandler(async (event) => {
     const data: Record<string, number | null> = {}
     answers.forEach((a, i) => { if (keys[i]) data[keys[i]!] = toInt(a.answer, GAD_OPTIONS) })
     await prisma.gadQuestion.update({ where: { formId: form.id }, data })
+
+    // Recalculate score (g01-g07 only, g08 is difficulty)
+    const total = ['g01','g02','g03','g04','g05','g06','g07'].reduce((sum, k) => sum + (data[k] ?? 0), 0)
+    const severity = total <= 4 ? 'Minimal' : total <= 9 ? 'Mild' : total <= 14 ? 'Moderate' : 'Severe'
+    await prisma.gadForm.update({ where: { id: form.id }, data: { totalScore: total, severity } })
     return { ok: true }
   }
 
@@ -84,6 +102,11 @@ export default defineEventHandler(async (event) => {
     const data: Record<string, number | null> = {}
     answers.forEach((a, i) => { if (keys[i]) data[keys[i]!] = toInt(a.answer, PHQ_OPTIONS) })
     await prisma.phqQuestion.update({ where: { formId: form.id }, data })
+
+    // Recalculate score (q1-q9 only, q10 is difficulty)
+    const total = ['q1','q2','q3','q4','q5','q6','q7','q8','q9'].reduce((sum, k) => sum + (data[k] ?? 0), 0)
+    const severity = total <= 4 ? 'Minimal' : total <= 9 ? 'Mild' : total <= 14 ? 'Moderate depression' : total <= 19 ? 'Moderately severe depression' : 'Severe depression'
+    await prisma.phqForm.update({ where: { id: form.id }, data: { totalScore: total, severity } })
     return { ok: true }
   }
 
@@ -94,9 +117,14 @@ export default defineEventHandler(async (event) => {
     const data: Record<string, number | null> = {}
     answers.forEach((a, i) => {
       const key = `q${String(i + 1).padStart(2, '0')}`
-      data[key] = toInt(a.answer, {})
+      data[key] = toInt(a.answer, PCL_OPTIONS)
     })
     await prisma.pclQuestion.update({ where: { formId: form.id }, data })
+
+    // Recalculate score
+    const total = Object.values(data).reduce((sum, v) => sum + (v ?? 0), 0)
+    const severity = total <= 20 ? 'Minimal' : total <= 40 ? 'Mild' : total <= 60 ? 'Moderate' : 'Severe'
+    await prisma.pclForm.update({ where: { id: form.id }, data: { totalScore: total, severity } })
     return { ok: true }
   }
 
diff --git a/server/api/clients/[id]/forms/[formKey]/raw.get.ts b/server/api/clients/[id]/forms/[formKey]/raw.get.ts
new file mode 100644
index 0000000..5abb70e
--- /dev/null
+++ b/server/api/clients/[id]/forms/[formKey]/raw.get.ts
@@ -0,0 +1,41 @@
+// Returns raw db values for the application form
+import { requireUser } from '../../../../../utils/guard'
+import { assertStaffCanAccessClient } from '../../../../../utils/clinician-access'
+import { createError, defineEventHandler, getRouterParam } from 'h3'
+import { prisma } from '../../../../../utils/prisma'
+
+export default defineEventHandler(async (event) => {
+  requireUser(event)
+  const clientUserId = getRouterParam(event, 'id')
+  const formKey = getRouterParam(event, 'formKey')
+
+  if (!clientUserId || !formKey) {
+    throw createError({ statusCode: 400, statusMessage: 'Missing params' })
+  }
+  if (!event.context.isStaff) {
+    throw createError({ statusCode: 403, statusMessage: 'Staff only' })
+  }
+  await assertStaffCanAccessClient(event, clientUserId)
+
+  if (formKey !== 'application') {
+    throw createError({ statusCode: 400, statusMessage: 'Raw endpoint only supports application' })
+  }
+
+  const appForm = await prisma.appForm.findFirst({
+    where: { userId: clientUserId },
+    orderBy: { id: 'desc' },
+    include: { questions: true },
+  })
+
+  if (!appForm?.questions) return { answers: {} }
+
+  const q = appForm.questions
+  const answers: Record<string, string> = {}
+  for (let i = 1; i <= 50; i++) {
+    const key = `q${String(i).padStart(2, '0')}` as keyof typeof q
+    const val = q[key]
+    answers[key] = typeof val === 'string' ? val : ''
+  }
+
+  return { answers }
+})
\ No newline at end of file
diff --git a/server/utils/clinical-form-display.ts b/server/utils/clinical-form-display.ts
index 47e868a..0d4f97b 100644
--- a/server/utils/clinical-form-display.ts
+++ b/server/utils/clinical-form-display.ts
@@ -27,6 +27,29 @@ export const PHQ_LABELS = [
   'If you checked any problems, how difficult have they made it?',
 ]
 
+export const PCL_LABELS = [
+  'Repeated, disturbing, and unwanted memories of the stressful experience?',
+  'Repeated, disturbing dreams of the stressful experience?',
+  'Suddenly feeling or acting as if the stressful experience were actually happening again?',
+  'Feeling very upset when something reminded you of the stressful experience?',
+  'Having strong physical reactions when something reminded you of the stressful experience?',
+  'Avoiding memories, thoughts, or feelings related to the stressful experience?',
+  'Avoiding external reminders of the stressful experience?',
+  'Trouble remembering important parts of the stressful experience?',
+  'Having strong negative beliefs about yourself, other people, or the world?',
+  'Blaming yourself or someone else for the stressful experience or what happened after it?',
+  'Having strong negative feelings such as fear, horror, anger, guilt, or shame?',
+  'Loss of interest in activities that you used to enjoy?',
+  'Feeling distant or cut off from other people?',
+  'Trouble experiencing positive feelings?',
+  'Irritable behavior, angry outbursts, or acting aggressively?',
+  'Taking too many risks or doing things that could cause you harm?',
+  'Being "superalert" or watchful or on guard?',
+  'Feeling jumpy or easily startled?',
+  'Having difficulty concentrating?',
+  'Trouble falling or staying asleep?',
+]
+
 export const PHQ_OPTIONS: Record<number, string> = {
   0: 'Not at all',
   1: 'Several days',
@@ -41,6 +64,14 @@ export const GAD_OPTIONS: Record<number, string> = {
   3: 'Nearly every day',
 }
 
+export const PCL_OPTIONS: Record<number, string> = {
+  0: 'Not at all',
+  1: 'A little bit',
+  2: 'Moderately',
+  3: 'Quite a bit',
+  4: 'Extremely',
+}
+
 const ACE_QUESTIONS_TEXT = [
   'Did a parent or other adult in the household often swear at you, insult you, put you down, or humiliate you?',
   'Did a parent or other adult in the household often push, grab, slap, or throw something at you?',
@@ -136,7 +167,7 @@ export async function loadClinicalFormQuestions(
     const val = q[key]
     const numVal = typeof val === 'number' ? val : null
     if (numVal != null && numVal >= 0) {
-      questions.push({ label: `Item ${i}`, answer: String(numVal) })
+      questions.push({ label: `Item ${i}`, answer: PCL_OPTIONS[numVal] ?? String(numVal) })
     }
   }
   return questions

From 15003b9e82f3385b8dd93bb2e5f6c2ebfa6e61ef Mon Sep 17 00:00:00 2001
From: Devika <devikaviju@gmail.com>
Date: Sun, 26 Apr 2026 21:15:10 -0500
Subject: [PATCH 4/6] additional form viewer fixes

---
 app/components/FormEditPanel.vue              |  8 ++-
 app/components/Notes.vue                      |  2 +-
 app/pages/forms/pcl.vue                       | 28 ++++++--
 .../api/clients/[id]/forms/[formKey].get.ts   | 45 ++++++++++++-
 .../api/clients/[id]/forms/[formKey].patch.ts | 64 ++++++++++++++-----
 server/api/forms/pcl/save.post.ts             |  6 +-
 server/api/forms/phq/save.post.ts             |  7 +-
 7 files changed, 127 insertions(+), 33 deletions(-)

diff --git a/app/components/FormEditPanel.vue b/app/components/FormEditPanel.vue
index ec8746b..9e53131 100644
--- a/app/components/FormEditPanel.vue
+++ b/app/components/FormEditPanel.vue
@@ -83,7 +83,11 @@ function getQuestionOptions(index: number): string[] | null {
   if (props.formKey === 'ace') return ['Yes', 'No']
   if (props.formKey === 'gad') return index < 7 ? FREQUENCY_OPTIONS : DIFFICULTY_OPTIONS
   if (props.formKey === 'phq') return index < 9 ? FREQUENCY_OPTIONS : DIFFICULTY_OPTIONS
-  if (props.formKey === 'pcl') return PCL_OPTIONS
+  if (props.formKey === 'pcl') {
+    // worstEvent is a free-text field, not a radio group
+    if (localAnswers.value[index]?.label === 'Worst event') return null
+    return PCL_OPTIONS
+  }
   return null
 }
 
@@ -162,7 +166,7 @@ async function handleSave() {
               {{ opt }}
             </label>
           </div>
-          <UTextarea v-else v-model="q.answer" class="mt-1" :rows="2" autoresize />
+          <UTextarea v-else v-model="q.answer" class="mt-1 w-full" :rows="2" autoresize />
         </div>
       </div>
       <div class="mt-4 flex justify-end gap-2">
diff --git a/app/components/Notes.vue b/app/components/Notes.vue
index 9b3a2b5..85ec834 100644
--- a/app/components/Notes.vue
+++ b/app/components/Notes.vue
@@ -1977,4 +1977,4 @@
       </div>
     </div>
   </Teleport>
-</template>
+</template>
\ No newline at end of file
diff --git a/app/pages/forms/pcl.vue b/app/pages/forms/pcl.vue
index 2eb82ee..943cfed 100644
--- a/app/pages/forms/pcl.vue
+++ b/app/pages/forms/pcl.vue
@@ -58,11 +58,29 @@
   }
 
   function buildPayload() {
-    const body: Record<string, number | string | null> = { worstEvent: worstEvent.value }
-    responses.value.forEach((val, i) => {
-      body[`q${i + 1}`] = val === -1 ? null : val
-    })
-    return body
+    return {
+      worstEvent: worstEvent.value,
+      q01: responses.value[0],
+      q02: responses.value[1],
+      q03: responses.value[2],
+      q04: responses.value[3],
+      q05: responses.value[4],
+      q06: responses.value[5],
+      q07: responses.value[6],
+      q08: responses.value[7],
+      q09: responses.value[8],
+      q10: responses.value[9],
+      q11: responses.value[10],
+      q12: responses.value[11],
+      q13: responses.value[12],
+      q14: responses.value[13],
+      q15: responses.value[14],
+      q16: responses.value[15],
+      q17: responses.value[16],
+      q18: responses.value[17],
+      q19: responses.value[18],
+      q20: responses.value[19],
+    }
   }
 
   async function submitForm() {
diff --git a/server/api/clients/[id]/forms/[formKey].get.ts b/server/api/clients/[id]/forms/[formKey].get.ts
index 11f1186..ad5af96 100644
--- a/server/api/clients/[id]/forms/[formKey].get.ts
+++ b/server/api/clients/[id]/forms/[formKey].get.ts
@@ -187,6 +187,7 @@ export default defineEventHandler(async (event) => {
       formName: 'GAD-7',
       questions,
       submitted: gadForm?.status === 'COMPLETE',
+      submittedAt: gadForm?.submittedAt,
       score: gadForm?.totalScore,
       severity: gadForm?.severity,
     }
@@ -204,11 +205,13 @@ export default defineEventHandler(async (event) => {
       formName: 'PHQ-9',
       questions,
       submitted: phqForm?.status === 'COMPLETE',
+      submittedAt: phqForm?.submittedAt,
       score: phqForm?.totalScore,
       severity: phqForm?.severity,
     }
   }
 
+  // ── PCL-5 ─────────────────────────────────────────────────
   if (formKey === 'pcl') {
     const pclForm = await prisma.pclForm.findFirst({
       where: { userId: clientUserId },
@@ -221,7 +224,46 @@ export default defineEventHandler(async (event) => {
         (await prisma.pclQuestion.findFirst({ where: { formId: pclForm.id } })) ??
         (await prisma.pclQuestion.findFirst({ where: { userId: clientUserId } }))
     }
-    const questions = await loadClinicalFormQuestions(prisma, clientUserId, 'pcl')
+    let questions = await loadClinicalFormQuestions(prisma, clientUserId, 'pcl')
+
+    const OPTIONS = ['Not at all', 'A little bit', 'Moderately', 'Quite a bit', 'Extremely']
+
+    if (questions.length < 20 && pclForm) {  // ← was `< 0`, which is never true
+      const PCL5_QUESTIONS = [
+        'Repeated, disturbing, and unwanted memories of the stressful experience?',
+        'Repeated, disturbing dreams of the stressful experience?',
+        'Suddenly feeling or acting as if the stressful experience were actually happening again?',
+        'Feeling very upset when something reminded you of the stressful experience?',
+        'Having strong physical reactions when something reminded you of the stressful experience?',
+        'Avoiding memories, thoughts, or feelings related to the stressful experience?',
+        'Avoiding external reminders of the stressful experience?',
+        'Trouble remembering important parts of the stressful experience?',
+        'Having strong negative beliefs about yourself, other people, or the world?',
+        'Blaming yourself or someone else for the stressful experience or what happened after it?',
+        'Having strong negative feelings such as fear, horror, anger, guilt, or shame?',
+        'Loss of interest in activities that you used to enjoy?',
+        'Feeling distant or cut off from other people?',
+        'Trouble experiencing positive feelings?',
+        'Irritable behavior, angry outbursts, or acting aggressively?',
+        'Taking too many risks or doing things that could cause you harm?',
+        'Being "superalert" or watchful or on guard?',
+        'Feeling jumpy or easily startled?',
+        'Having difficulty concentrating?',
+        'Trouble falling or staying asleep?',
+      ]
+
+      questions = [
+        // worstEvent as the first question so it appears at the top
+        { label: 'Worst event', answer: q?.worstEvent ?? '' },
+        ...PCL5_QUESTIONS.map((label, i) => {
+          const key = `q${String(i + 1).padStart(2, '0')}` as keyof typeof q
+          const raw = q?.[key]
+          const answer = typeof raw === 'number' && raw >= 0 && raw <= 4 ? (OPTIONS[raw] ?? '') : ''
+          return { label, answer }
+        }),
+      ]
+    }
+
     let totalScore = pclForm?.totalScore ?? null
     if (q && totalScore == null) {
       totalScore = 0
@@ -248,6 +290,5 @@ export default defineEventHandler(async (event) => {
       severity,
     }
   }
-
   throw createError({ statusCode: 400, statusMessage: 'Invalid form key' })
 })
diff --git a/server/api/clients/[id]/forms/[formKey].patch.ts b/server/api/clients/[id]/forms/[formKey].patch.ts
index 4992327..c688ab7 100644
--- a/server/api/clients/[id]/forms/[formKey].patch.ts
+++ b/server/api/clients/[id]/forms/[formKey].patch.ts
@@ -11,6 +11,13 @@ const PHQ_OPTIONS: Record<string, number> = {
   'Nearly every day': 3,
 }
 
+const PHQ_DIFFICULTY_OPTIONS: Record<string, number> = {
+  'Not difficult at all': 0,
+  'Somewhat difficult': 1,
+  'Very difficult': 2,
+  'Extremely difficult': 3,
+}
+
 const GAD_OPTIONS: Record<string, number> = {
   'Not at all': 0,
   'Several days': 1,
@@ -100,8 +107,13 @@ export default defineEventHandler(async (event) => {
     if (!form) throw createError({ statusCode: 404, statusMessage: 'Form not found' })
     const keys = ['q1','q2','q3','q4','q5','q6','q7','q8','q9','q10']
     const data: Record<string, number | null> = {}
-    answers.forEach((a, i) => { if (keys[i]) data[keys[i]!] = toInt(a.answer, PHQ_OPTIONS) })
-    await prisma.phqQuestion.update({ where: { formId: form.id }, data })
+    answers.forEach((a, i) => {
+      if (!keys[i]) return
+      // q10 uses different options than q1-q9
+      const map = keys[i] === 'q10' ? PHQ_DIFFICULTY_OPTIONS : PHQ_OPTIONS
+      data[keys[i]!] = toInt(a.answer, map)
+    })
+      await prisma.phqQuestion.update({ where: { formId: form.id }, data })
 
     // Recalculate score (q1-q9 only, q10 is difficulty)
     const total = ['q1','q2','q3','q4','q5','q6','q7','q8','q9'].reduce((sum, k) => sum + (data[k] ?? 0), 0)
@@ -110,23 +122,41 @@ export default defineEventHandler(async (event) => {
     return { ok: true }
   }
 
-  // ── PCL-5 ─────────────────────────────────────────────────
-  if (formKey === 'pcl') {
-    const form = await prisma.pclForm.findFirst({ where: { userId: clientUserId }, orderBy: { id: 'desc' } })
-    if (!form) throw createError({ statusCode: 404, statusMessage: 'Form not found' })
-    const data: Record<string, number | null> = {}
-    answers.forEach((a, i) => {
-      const key = `q${String(i + 1).padStart(2, '0')}`
-      data[key] = toInt(a.answer, PCL_OPTIONS)
-    })
-    await prisma.pclQuestion.update({ where: { formId: form.id }, data })
+// ── PCL-5 ─────────────────────────────────────────────────
+if (formKey === 'pcl') {
+  const form = await prisma.pclForm.findFirst({ where: { userId: clientUserId }, orderBy: { id: 'desc' } })
+  if (!form) throw createError({ statusCode: 404, statusMessage: 'Form not found' })
 
-    // Recalculate score
-    const total = Object.values(data).reduce((sum, v) => sum + (v ?? 0), 0)
-    const severity = total <= 20 ? 'Minimal' : total <= 40 ? 'Mild' : total <= 60 ? 'Moderate' : 'Severe'
-    await prisma.pclForm.update({ where: { id: form.id }, data: { totalScore: total, severity } })
-    return { ok: true }
+  const worstEventAnswer = answers.find(a => a.label === 'Worst event')
+  const questionAnswers = answers.filter(a => a.label !== 'Worst event')
+
+  const data: Record<string, number | null | string> = {}
+
+  if (worstEventAnswer !== undefined) {
+    data.worstEvent = worstEventAnswer.answer
   }
 
+  questionAnswers.forEach((a, i) => {
+    const key = `q${String(i + 1).padStart(2, '0')}`
+    data[key] = toInt(a.answer, PCL_OPTIONS)
+  })
+
+  await prisma.pclQuestion.update({ where: { formId: form.id }, data })
+
+  // Recalculate score (only scored questions, not worstEvent)
+  const total = questionAnswers.reduce((sum, a) => sum + (PCL_OPTIONS[a.answer] ?? 0), 0)
+  const severity = total <= 20 ? 'Minimal' : total <= 40 ? 'Mild' : total <= 60 ? 'Moderate' : 'Severe'
+  await prisma.pclForm.update({
+    where: { id: form.id }, 
+    data: { 
+      totalScore: total, 
+      severity,
+      status: 'COMPLETE',      // ← add
+      submittedAt: new Date(), // ← add
+    } 
+  })
+  return { ok: true }
+}
+
   throw createError({ statusCode: 400, statusMessage: 'Invalid form key' })
 })
\ No newline at end of file
diff --git a/server/api/forms/pcl/save.post.ts b/server/api/forms/pcl/save.post.ts
index 319e1d8..1def41a 100644
--- a/server/api/forms/pcl/save.post.ts
+++ b/server/api/forms/pcl/save.post.ts
@@ -42,7 +42,7 @@ export default defineEventHandler(async (event) => {
 
   let form = await prisma.pclForm.findFirst({
     where: { userId },
-    orderBy: { id: 'asc' },
+    orderBy: { id: 'desc' },
   })
 
   if (!form) {
@@ -102,8 +102,8 @@ export default defineEventHandler(async (event) => {
   await prisma.pclForm.update({
     where: { id: form.id },
     data: {
-      status: 'IN_PROGRESS',
-      submittedAt: null,
+      status: 'COMPLETE',
+      submittedAt: new Date(),
       totalScore,
       severity,
     },
diff --git a/server/api/forms/phq/save.post.ts b/server/api/forms/phq/save.post.ts
index 9c2f9a4..94b484e 100644
--- a/server/api/forms/phq/save.post.ts
+++ b/server/api/forms/phq/save.post.ts
@@ -31,7 +31,7 @@ export default defineEventHandler(async (event) => {
 
   let form = await prisma.phqForm.findFirst({
     where: { userId },
-    orderBy: { id: 'asc' },
+    orderBy: { id: 'desc' },
   })
 
   if (!form) {
@@ -86,11 +86,12 @@ export default defineEventHandler(async (event) => {
     data,
   })
 
+  // save score
   await prisma.phqForm.update({
     where: { id: form.id },
     data: {
-      status: 'IN_PROGRESS',
-      submittedAt: null,
+      status: 'COMPLETE',      // ← was 'IN_PROGRESS'
+      submittedAt: new Date(), // ← was null
       totalScore,
       severity,
     },

From 6e0d8d331b55b01c87daaff3e1f44e885bfb9d2a Mon Sep 17 00:00:00 2001
From: Devika <devikaviju@gmail.com>
Date: Tue, 28 Apr 2026 14:30:08 -0500
Subject: [PATCH 5/6] additional form fixes

---
 app/components/FormEditPanel.vue              | 12 +++--
 app/components/Notes.vue                      | 54 +++++++++----------
 .../api/clients/[id]/forms/[formKey].patch.ts |  6 ++-
 server/utils/clinical-form-display.ts         | 23 +++++---
 4 files changed, 54 insertions(+), 41 deletions(-)

diff --git a/app/components/FormEditPanel.vue b/app/components/FormEditPanel.vue
index 9e53131..0a1c55a 100644
--- a/app/components/FormEditPanel.vue
+++ b/app/components/FormEditPanel.vue
@@ -105,6 +105,8 @@ async function handleSave() {
     isSaving.value = false
   }
 }
+
+defineExpose({ handleSave })
 </script>
 
 <template>
@@ -140,10 +142,10 @@ async function handleSave() {
             <UButton v-if="currentStep > 1" label="Previous" color="neutral" variant="soft" size="sm" @click="currentStep--" />
             <UButton v-if="currentStep < TOTAL_STEPS" label="Next" color="primary" variant="soft" size="sm" @click="currentStep++" />
           </div>
-          <div class="flex gap-2">
+          <!-- <div class="flex gap-2">
             <UButton label="Cancel" color="neutral" variant="ghost" size="sm" @click="emit('cancel')" />
-            <UButton label="Save" color="primary" size="sm" :loading="isSaving" @click="handleSave" />
-          </div>
+            <UButton labels="Save" color="primary" size="sm" :loading="isSaving" @click="handleSave" />
+          </div> -->
         </div>
       </template>
     </template>
@@ -169,10 +171,10 @@ async function handleSave() {
           <UTextarea v-else v-model="q.answer" class="mt-1 w-full" :rows="2" autoresize />
         </div>
       </div>
-      <div class="mt-4 flex justify-end gap-2">
+      <!-- <div class="mt-4 flex justify-end gap-2">
         <UButton label="Cancel" color="neutral" variant="ghost" size="sm" @click="emit('cancel')" />
         <UButton label="Save" color="primary" size="sm" :loading="isSaving" @click="handleSave" />
-      </div>
+      </div> -->
     </template>
   </div>
 </template>
\ No newline at end of file
diff --git a/app/components/Notes.vue b/app/components/Notes.vue
index 85ec834..178b430 100644
--- a/app/components/Notes.vue
+++ b/app/components/Notes.vue
@@ -138,6 +138,8 @@
   const localPreviousNotes = ref([...props.previousNotes])
   const localSessionNotes = ref<SessionNoteRow[]>([...props.sessionNotes])
 
+  const formEditPanelRef = ref<{ handleSave: () => void } | null>(null)
+
   watch(
     () => props.previousNotes,
     (v) => {
@@ -1743,28 +1745,31 @@
                   description="Try again or open the client profile to view form answers."
                 />
                 <div v-else-if="formPreviewData" class="space-y-3">
-                  <p
+                  <div
                     v-if="formPreviewData.submitted != null"
-                    class="text-xs text-gray-500 dark:text-gray-400"
+                    class="flex items-center justify-between text-xs text-gray-500 dark:text-gray-400"
                   >
-                    {{ formPreviewData.submitted ? 'Submitted' : 'Not submitted' }}
-                    <span
-                      v-if="formPreviewData.submittedAt || formPreviewData.completedAt"
-                      class="text-gray-400"
-                    >
-                      ·
-                      {{
-                        new Date(
-                          formPreviewData.completedAt ?? formPreviewData.submittedAt ?? ''
-                        ).toLocaleString('en-US')
-                      }}
+                    <span>
+                      {{ formPreviewData.submitted ? 'Submitted' : 'Not submitted' }}
+                      <span
+                        v-if="formPreviewData.submittedAt || formPreviewData.completedAt"
+                        class="text-gray-400"
+                      >
+                        ·
+                        {{
+                          new Date(
+                            formPreviewData.completedAt ?? formPreviewData.submittedAt ?? ''
+                          ).toLocaleString('en-US')
+                        }}
+                      </span>
                     </span>
-                  </p>
-                  <div
-                    v-if="formPreviewData.score != null || formPreviewData.severity"
-                    class="flex flex-wrap items-center justify-between gap-2 text-sm"
-                  >
-                    <div class="flex flex-wrap items-center gap-2">
+                    <div v-if="isEditingForm" class="flex items-center">
+                      <UButton label="Cancel" color="neutral" variant="soft" size="xs" @click="isEditingForm = false" />
+                      <UButton label="Save" color="primary" size="xs" @click="formEditPanelRef?.handleSave()" />
+                    </div>
+                    <UButton v-else label="Edit" size="xs" @click="isEditingForm = true" />
+                  </div>
+                    <div class="flex flex-wrap items-center gap-2 text-sm">
                       <span
                         v-if="formPreviewData.score != null"
                         class="font-medium text-gray-900 dark:text-white"
@@ -1775,17 +1780,11 @@
                         {{ formPreviewData.severity }}
                       </span>
                     </div>
-                    <UButton
-                      v-if="!isEditingForm"
-                      label="Edit"
-                      size="xs"
-                      @click="isEditingForm = true"
-                    />
-                  </div>
                   <div v-if="formPreviewData.questions?.length">
                     <!-- Edit mode -->
                     <FormEditPanel
                       v-if="isEditingForm && selectedFormKey"
+                      ref="formEditPanelRef"
                       :form-key="selectedFormKey"
                       :client-id="client.id"
                       :editable-answers="editableAnswers"
@@ -1825,9 +1824,6 @@
                           </p>
                         </div>
                       </div>
-                      <div class="mt-3 flex gap-2">
-                        <UButton label="Edit" size="xs" @click="isEditingForm = true" />
-                      </div>
                     </template>
                   </div>
                   <p v-else class="text-sm text-gray-500 dark:text-gray-400">No answers yet.</p>
diff --git a/server/api/clients/[id]/forms/[formKey].patch.ts b/server/api/clients/[id]/forms/[formKey].patch.ts
index c688ab7..392944c 100644
--- a/server/api/clients/[id]/forms/[formKey].patch.ts
+++ b/server/api/clients/[id]/forms/[formKey].patch.ts
@@ -91,7 +91,11 @@ export default defineEventHandler(async (event) => {
     if (!form) throw createError({ statusCode: 404, statusMessage: 'Form not found' })
     const keys = ['g01','g02','g03','g04','g05','g06','g07','g08']
     const data: Record<string, number | null> = {}
-    answers.forEach((a, i) => { if (keys[i]) data[keys[i]!] = toInt(a.answer, GAD_OPTIONS) })
+    answers.forEach((a, i) => {
+      if (!keys[i]) return
+      const map = keys[i] === 'g08' ? PHQ_DIFFICULTY_OPTIONS : GAD_OPTIONS
+      data[keys[i]!] = toInt(a.answer, map)
+    })
     await prisma.gadQuestion.update({ where: { formId: form.id }, data })
 
     // Recalculate score (g01-g07 only, g08 is difficulty)
diff --git a/server/utils/clinical-form-display.ts b/server/utils/clinical-form-display.ts
index 0d4f97b..4d68ce4 100644
--- a/server/utils/clinical-form-display.ts
+++ b/server/utils/clinical-form-display.ts
@@ -64,6 +64,13 @@ export const GAD_OPTIONS: Record<number, string> = {
   3: 'Nearly every day',
 }
 
+export const DIFFICULTY_OPTIONS: Record<number, string> = {
+  0: 'Not difficult at all',
+  1: 'Somewhat difficult',
+  2: 'Very difficult',
+  3: 'Extremely difficult',
+}
+
 export const PCL_OPTIONS: Record<number, string> = {
   0: 'Not at all',
   1: 'A little bit',
@@ -127,7 +134,9 @@ export async function loadClinicalFormQuestions(
     const answers = [q.g01, q.g02, q.g03, q.g04, q.g05, q.g06, q.g07, q.g08]
     return GAD_LABELS.slice(0, answers.length).map((label, i) => ({
       label,
-      answer: answers[i] != null ? (GAD_OPTIONS[answers[i] as number] ?? String(answers[i])) : '',
+      answer: answers[i] != null
+        ? ((i === 7 ? DIFFICULTY_OPTIONS : GAD_OPTIONS)[answers[i] as number] ?? String(answers[i]))
+        : '',
     }))
   }
 
@@ -145,7 +154,9 @@ export async function loadClinicalFormQuestions(
     const answers = [q.q1, q.q2, q.q3, q.q4, q.q5, q.q6, q.q7, q.q8, q.q9, q.q10]
     return PHQ_LABELS.slice(0, answers.length).map((label, i) => ({
       label,
-      answer: answers[i] != null ? (PHQ_OPTIONS[answers[i] as number] ?? String(answers[i])) : '',
+      answer: answers[i] != null
+        ? ((i === 9 ? DIFFICULTY_OPTIONS : PHQ_OPTIONS)[answers[i] as number] ?? String(answers[i]))
+        : '',
     }))
   }
 
@@ -161,14 +172,14 @@ export async function loadClinicalFormQuestions(
       (await prisma.pclQuestion.findFirst({ where: { userId } }))
   }
   if (!q) return []
-  const questions: ClinicalFormQuestionRow[] = []
+  const questions: ClinicalFormQuestionRow[] = [
+    { label: 'Worst event', answer: q.worstEvent ?? '' },
+  ]
   for (let i = 1; i <= 20; i++) {
     const key = `q${String(i).padStart(2, '0')}` as keyof typeof q
     const val = q[key]
     const numVal = typeof val === 'number' ? val : null
-    if (numVal != null && numVal >= 0) {
-      questions.push({ label: `Item ${i}`, answer: PCL_OPTIONS[numVal] ?? String(numVal) })
-    }
+    questions.push({ label: PCL_LABELS[i - 1] ?? `Item ${i}`, answer: numVal != null ? (PCL_OPTIONS[numVal] ?? String(numVal)) : '' })
   }
   return questions
 }

From b768190ff57d20464e9512032a2d4c4549c5b28c Mon Sep 17 00:00:00 2001
From: Devika <devikaviju@gmail.com>
Date: Wed, 29 Apr 2026 01:46:20 -0500
Subject: [PATCH 6/6] forms-fix

---
 server/api/admin/backfill-absences.post.ts        | 2 +-
 server/api/appointments/index.post.ts             | 2 +-
 server/api/session-notes/pending-approvals.get.ts | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/server/api/admin/backfill-absences.post.ts b/server/api/admin/backfill-absences.post.ts
index 4a39ae6..23b4777 100644
--- a/server/api/admin/backfill-absences.post.ts
+++ b/server/api/admin/backfill-absences.post.ts
@@ -22,7 +22,7 @@ export default defineEventHandler(async (event) => {
     const calendarAbsences = await prisma.sessionNote.count({
       where: {
         clientId: client.id,
-        attended: false,
+        attendanceStatus: 'no-show',
       },
     })
 
diff --git a/server/api/appointments/index.post.ts b/server/api/appointments/index.post.ts
index 4a1b91d..64df377 100644
--- a/server/api/appointments/index.post.ts
+++ b/server/api/appointments/index.post.ts
@@ -130,7 +130,7 @@ export default defineEventHandler(async (event) => {
           sessionName,
           sessionNumber,
           content: '',
-          attended: true,
+          attendanceStatus: 'show',
         },
       })
     }
diff --git a/server/api/session-notes/pending-approvals.get.ts b/server/api/session-notes/pending-approvals.get.ts
index 7409519..20e2198 100644
--- a/server/api/session-notes/pending-approvals.get.ts
+++ b/server/api/session-notes/pending-approvals.get.ts
@@ -15,7 +15,7 @@ export default defineEventHandler(async (event) => {
     typeof query.kind === 'string' ? query.kind.toUpperCase() : ''
   const kindFilter =
     kindParam === 'PROGRESS' || kindParam === 'PSYCHOTHERAPY'
-      ? { kind: kindParam }
+      ? { kind: kindParam as 'PROGRESS' | 'PSYCHOTHERAPY' }
       : {}
 
   const rows = await prisma.sessionNote.findMany({
@@ -55,7 +55,7 @@ export default defineEventHandler(async (event) => {
       kind: r.kind,
       status: r.status,
       content: r.content,
-      attended: r.attended,
+      attendanceStatus: r.attendanceStatus,
       appointmentId: r.appointmentId,
       appointmentStartTime: r.appointment?.startTime?.toISOString() ?? null,
       clinicianSignedAt: r.clinicianSignedAt?.toISOString() ?? null,