From 405ddb326c3bb48dbc90ded40846babf43f4c752 Mon Sep 17 00:00:00 2001
From: MarconLP <13001502+MarconLP@users.noreply.github.com>
Date: Fri, 27 Feb 2026 14:50:17 +0100
Subject: [PATCH 1/3] feat: allow editing additional perf feedback

---
 .../migration.sql                             |   2 +
 prisma/schema.prisma                          |   1 +
 src/components/PerformanceProgramPanel.tsx    | 139 +++++++++++++++---
 src/routes/employee.$employeeId.tsx           |  34 +++++
 4 files changed, 158 insertions(+), 18 deletions(-)
 create mode 100644 prisma/migrations/20260227000000_add_updated_at_to_performance_program_feedback/migration.sql

diff --git a/prisma/migrations/20260227000000_add_updated_at_to_performance_program_feedback/migration.sql b/prisma/migrations/20260227000000_add_updated_at_to_performance_program_feedback/migration.sql
new file mode 100644
index 00000000..fd6ac49d
--- /dev/null
+++ b/prisma/migrations/20260227000000_add_updated_at_to_performance_program_feedback/migration.sql
@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "PerformanceProgramFeedback" ADD COLUMN "updatedAt" TIMESTAMP(3);
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 8eb2a888..b42784e0 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -323,6 +323,7 @@ model PerformanceProgramFeedback {
   givenBy       User               @relation("FeedbackGivenBy", fields: [givenByUserId], references: [id])
   files         File[]
   createdAt     DateTime           @default(now())
+  updatedAt     DateTime?
 }
 
 model CommissionBonus {
diff --git a/src/components/PerformanceProgramPanel.tsx b/src/components/PerformanceProgramPanel.tsx
index 9aeb081d..d46cbd07 100644
--- a/src/components/PerformanceProgramPanel.tsx
+++ b/src/components/PerformanceProgramPanel.tsx
@@ -1,6 +1,13 @@
 import { memo, useState } from 'react'
-import { Eye, File as FileIcon, MessageSquare, X } from 'lucide-react'
+import {
+  Check,
+  Eye,
+  File as FileIcon,
+  MessageSquare,
+  X,
+} from 'lucide-react'
 import { Button } from '@/components/ui/button'
+import { Textarea } from '@/components/ui/textarea'
 import {
   Tooltip,
   TooltipContent,
@@ -11,9 +18,11 @@ import { createToast } from 'vercel-toast'
 import { useServerFn } from '@tanstack/react-start'
 import {
   resolvePerformanceProgram,
+  updateProgramFeedback,
   getProofFileUrl,
   deleteProofFile,
 } from '@/routes/employee.$employeeId'
+import { useSession } from '@/lib/auth-client'
 import { PerformanceProgramChecklistItem } from './PerformanceProgramChecklistItem'
 import { InlineProofImage, isImageFile } from './InlineProofImage'
 import { FeedbackInput } from './FeedbackInput'
@@ -121,8 +130,17 @@ export function PerformanceProgramPanel({
   reportingChain = [],
 }: PerformanceProgramPanelProps) {
   const [isResolving, setIsResolving] = useState(false)
+  const [editingFeedbackId, setEditingFeedbackId] = useState<string | null>(
+    null,
+  )
+  const [editingText, setEditingText] = useState('')
+  const [isSavingEdit, setIsSavingEdit] = useState(false)
+
+  const { data: session } = useSession()
+  const currentUserId = session?.user?.id
 
   const resolveProgram = useServerFn(resolvePerformanceProgram)
+  const editFeedback = useServerFn(updateProgramFeedback)
   const getFileUrl = useServerFn(getProofFileUrl)
   const deleteFile = useServerFn(deleteProofFile)
 
@@ -188,6 +206,41 @@ export function PerformanceProgramPanel({
     }
   }
 
+  const handleStartEdit = (feedbackId: string, currentText: string) => {
+    setEditingFeedbackId(feedbackId)
+    setEditingText(currentText)
+  }
+
+  const handleCancelEdit = () => {
+    setEditingFeedbackId(null)
+    setEditingText('')
+  }
+
+  const handleSaveEdit = async () => {
+    if (!editingFeedbackId || !editingText.trim()) return
+
+    setIsSavingEdit(true)
+    try {
+      await editFeedback({
+        data: {
+          feedbackId: editingFeedbackId,
+          feedback: editingText.trim(),
+        },
+      })
+      createToast('Feedback updated', { timeout: 3000 })
+      setEditingFeedbackId(null)
+      setEditingText('')
+      onUpdate()
+    } catch (error) {
+      createToast(
+        error instanceof Error ? error.message : 'Failed to update feedback',
+        { timeout: 3000 },
+      )
+    } finally {
+      setIsSavingEdit(false)
+    }
+  }
+
   if (!program) {
     return null
   }
@@ -289,10 +342,14 @@ export function PerformanceProgramPanel({
               const nonImageFiles = feedback.files.filter(
                 (f) => !isImageFile(f.fileName, f.mimeType),
               )
+              const canEdit =
+                program.status === 'ACTIVE' &&
+                feedback.givenBy.id === currentUserId
+              const isEditing = editingFeedbackId === feedback.id
               return (
                 <div
                   key={feedback.id}
-                  className="flex flex-col gap-2 rounded border border-gray-200 bg-gray-50/50 px-3 py-2"
+                  className="group/feedback flex flex-col gap-2 rounded border border-gray-200 bg-gray-50/50 px-3 py-2"
                 >
                   <div className="flex items-center gap-2">
                     <MessageSquare className="h-4 w-4 shrink-0 text-gray-500" />
@@ -302,24 +359,70 @@ export function PerformanceProgramPanel({
                     <span className="shrink-0 text-sm whitespace-nowrap text-gray-500">
                       {new Date(feedback.createdAt).toLocaleDateString()}
                     </span>
-                    {nonImageFiles.length > 0 && (
-                      <div className="ml-auto flex shrink-0 items-center gap-1">
-                        {nonImageFiles.map((file) => (
-                          <FeedbackFileChip
-                            key={file.id}
-                            file={file}
-                            isActive={program.status === 'ACTIVE'}
-                            onDownload={handleDownloadFile}
-                            onDelete={handleDeleteFile}
-                          />
-                        ))}
-                      </div>
+                    {feedback.updatedAt && (
+                      <span className="shrink-0 text-xs text-gray-400 italic">
+                        (edited)
+                      </span>
                     )}
+                    <div className="ml-auto flex shrink-0 items-center gap-1">
+                      {nonImageFiles.map((file) => (
+                        <FeedbackFileChip
+                          key={file.id}
+                          file={file}
+                          isActive={program.status === 'ACTIVE'}
+                          onDownload={handleDownloadFile}
+                          onDelete={handleDeleteFile}
+                        />
+                      ))}
+                      {canEdit && !isEditing && (
+                        <button
+                          type="button"
+                          className="shrink-0 text-xs text-gray-400 hover:text-gray-600"
+                          onClick={() =>
+                            handleStartEdit(feedback.id, feedback.feedback)
+                          }
+                        >
+                          Edit
+                        </button>
+                      )}
+                    </div>
                   </div>
-                  {feedback.feedback && (
-                    <p className="text-sm whitespace-pre-line text-gray-700">
-                      {feedback.feedback}
-                    </p>
+                  {isEditing ? (
+                    <div className="space-y-1.5">
+                      <Textarea
+                        value={editingText}
+                        onChange={(e) => setEditingText(e.target.value)}
+                        rows={3}
+                        className="w-full resize-none text-sm"
+                        autoFocus
+                      />
+                      <div className="flex items-center gap-1.5">
+                        <Button
+                          size="sm"
+                          className="h-7 gap-1 px-2 text-xs"
+                          onClick={handleSaveEdit}
+                          disabled={isSavingEdit || !editingText.trim()}
+                        >
+                          <Check className="h-3.5 w-3.5" />
+                          {isSavingEdit ? 'Saving...' : 'Save'}
+                        </Button>
+                        <Button
+                          variant="ghost"
+                          size="sm"
+                          className="h-7 px-2 text-xs"
+                          onClick={handleCancelEdit}
+                          disabled={isSavingEdit}
+                        >
+                          Cancel
+                        </Button>
+                      </div>
+                    </div>
+                  ) : (
+                    feedback.feedback && (
+                      <p className="text-sm whitespace-pre-line text-gray-700">
+                        {feedback.feedback}
+                      </p>
+                    )
                   )}
                   {imageFiles.length > 0 && (
                     <div className="flex flex-wrap gap-2">
diff --git a/src/routes/employee.$employeeId.tsx b/src/routes/employee.$employeeId.tsx
index 61b44edb..61c25f0a 100644
--- a/src/routes/employee.$employeeId.tsx
+++ b/src/routes/employee.$employeeId.tsx
@@ -829,6 +829,40 @@ export const addProgramFeedback = createInternalFn({
     return feedback
   })
 
+export const updateProgramFeedback = createInternalFn({
+  method: 'POST',
+})
+  .inputValidator((d: { feedbackId: string; feedback: string }) => d)
+  .handler(async ({ data, context }) => {
+    const existing = await prisma.performanceProgramFeedback.findUnique({
+      where: { id: data.feedbackId },
+      include: { program: true },
+    })
+
+    if (!existing) {
+      throw new Error('Feedback not found')
+    }
+
+    if (existing.program.status !== 'ACTIVE') {
+      throw new Error('Cannot edit feedback on a resolved program')
+    }
+
+    // Only the author can edit their own feedback
+    if (existing.givenByUserId !== context.user.id) {
+      throw new Error('Unauthorized')
+    }
+
+    const updated = await prisma.performanceProgramFeedback.update({
+      where: { id: data.feedbackId },
+      data: {
+        feedback: data.feedback,
+        updatedAt: new Date(),
+      },
+    })
+
+    return updated
+  })
+
 export const resolvePerformanceProgram = createInternalFn({
   method: 'POST',
 })

From fcda23c2e63970b91be45faab570cd73fdc8f44b Mon Sep 17 00:00:00 2001
From: MarconLP <13001502+MarconLP@users.noreply.github.com>
Date: Fri, 27 Feb 2026 14:52:39 +0100
Subject: [PATCH 2/3] fix

---
 src/components/PerformanceProgramPanel.tsx | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/components/PerformanceProgramPanel.tsx b/src/components/PerformanceProgramPanel.tsx
index d46cbd07..b60b8ed2 100644
--- a/src/components/PerformanceProgramPanel.tsx
+++ b/src/components/PerformanceProgramPanel.tsx
@@ -1,11 +1,5 @@
 import { memo, useState } from 'react'
-import {
-  Check,
-  Eye,
-  File as FileIcon,
-  MessageSquare,
-  X,
-} from 'lucide-react'
+import { Check, Eye, File as FileIcon, MessageSquare, X } from 'lucide-react'
 import { Button } from '@/components/ui/button'
 import { Textarea } from '@/components/ui/textarea'
 import {

From 9914ec34ce484bf03354a6703e5ed53dec5a66e2 Mon Sep 17 00:00:00 2001
From: MarconLP <13001502+MarconLP@users.noreply.github.com>
Date: Fri, 27 Feb 2026 14:54:05 +0100
Subject: [PATCH 3/3] fix

---
 src/components/PerformanceProgramPanel.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/PerformanceProgramPanel.tsx b/src/components/PerformanceProgramPanel.tsx
index b60b8ed2..3ae8b0d2 100644
--- a/src/components/PerformanceProgramPanel.tsx
+++ b/src/components/PerformanceProgramPanel.tsx
@@ -1,5 +1,5 @@
 import { memo, useState } from 'react'
-import { Check, Eye, File as FileIcon, MessageSquare, X } from 'lucide-react'
+import { Eye, File as FileIcon, MessageSquare, X } from 'lucide-react'
 import { Button } from '@/components/ui/button'
 import { Textarea } from '@/components/ui/textarea'
 import {
@@ -343,7 +343,7 @@ export function PerformanceProgramPanel({
               return (
                 <div
                   key={feedback.id}
-                  className="group/feedback flex flex-col gap-2 rounded border border-gray-200 bg-gray-50/50 px-3 py-2"
+                  className="flex flex-col gap-2 rounded border border-gray-200 bg-gray-50/50 px-3 py-2"
                 >
                   <div className="flex items-center gap-2">
                     <MessageSquare className="h-4 w-4 shrink-0 text-gray-500" />
@@ -397,7 +397,6 @@ export function PerformanceProgramPanel({
                           onClick={handleSaveEdit}
                           disabled={isSavingEdit || !editingText.trim()}
                         >
-                          <Check className="h-3.5 w-3.5" />
                           {isSavingEdit ? 'Saving...' : 'Save'}
                         </Button>
                         <Button