updated client review page

app/client/[token]/review/[versionId]/page.tsx

@@ -26,7 +26,10 @@ import {
   MessageSquare,
   Send,
   Clock,
+  ChevronLeft,
   ChevronRight,
+  Copy,
+  Check,
 } from "lucide-react";
 import { useReviewStore } from "@/hooks/use-review-player";
 import { ReviewPasswordGate } from "@/components/clients/ReviewPasswordGate";
@@ -103,6 +106,8 @@ export default function ClientReviewPage({
   const [submittingApproval, setSubmittingApproval] = useState(false);
   const [currentApprovalStatus, setCurrentApprovalStatus] = useState("PENDING_REVIEW");
   const [nextReview, setNextReview] = useState<{ versionId: string; label: string } | null>(null);
+  const [prevReview, setPrevReview] = useState<{ versionId: string; label: string } | null>(null);
+  const [copiedTaskName, setCopiedTaskName] = useState(false);
 
   const playerRef = useRef<ReviewPlayerRef>(null);
   const { toast } = useToast();
@@ -119,12 +124,14 @@ export default function ClientReviewPage({
     if (!versionId) return;
     try {
       const queueJson = sessionStorage.getItem(QUEUE_KEY);
-      if (!queueJson) { setNextReview(null); return; }
+      if (!queueJson) { setNextReview(null); setPrevReview(null); return; }
       const queue: Array<{ versionId: string; label: string }> = JSON.parse(queueJson);
       const idx = queue.findIndex((item) => item.versionId === versionId);
       setNextReview(idx >= 0 && idx < queue.length - 1 ? queue[idx + 1] : null);
+      setPrevReview(idx > 0 ? queue[idx - 1] : null);
     } catch {
       setNextReview(null);
+      setPrevReview(null);
     }
   }, [versionId]);
 
@@ -285,6 +292,7 @@ export default function ClientReviewPage({
                 version.task?.shot?.shotCode ??
                 version.task?.asset?.assetCode ??
                 null;
+              const taskName = version.task?.title ?? null;
               return (
                 <>
                   <span className="text-xs text-zinc-500 hidden sm:block">{project?.code}</span>
@@ -294,6 +302,28 @@ export default function ClientReviewPage({
                       <span className="font-mono font-semibold">{contextCode}</span>
                     </>
                   )}
+                  {taskName && (
+                    <>
+                      <span className="text-zinc-600">/</span>
+                      <span className="font-mono text-sm text-zinc-300 truncate hidden sm:block">{taskName}</span>
+                      <button
+                        onClick={() => {
+                          navigator.clipboard.writeText(taskName).then(() => {
+                            setCopiedTaskName(true);
+                            setTimeout(() => setCopiedTaskName(false), 1500);
+                          });
+                        }}
+                        className="shrink-0 p-0.5 rounded text-zinc-500 hover:text-zinc-300 transition-colors"
+                        title="Copy task name"
+                      >
+                        {copiedTaskName ? (
+                          <Check className="h-3 w-3 text-emerald-400" />
+                        ) : (
+                          <Copy className="h-3 w-3" />
+                        )}
+                      </button>
+                    </>
+                  )}
                 </>
               );
             })()}
@@ -320,6 +350,19 @@ export default function ClientReviewPage({
 
         {/* Row 2 on mobile / inline on desktop: decision buttons */}
         <div className="flex items-center gap-2 shrink-0">
+          {prevReview && (
+            <>
+              <Link
+                href={`/client/${token}/review/${prevReview.versionId}`}
+                className="inline-flex items-center gap-1 text-sm font-medium text-zinc-300 hover:text-white transition-colors shrink-0"
+              >
+                <ChevronLeft className="h-4 w-4" />
+                Prev
+                <span className="font-mono text-xs text-zinc-500 hidden sm:inline">{prevReview.label}</span>
+              </Link>
+              <div className="h-6 w-px bg-zinc-700" />
+            </>
+          )}
           <Button
             size="sm"
             variant="outline"