futher client page updates

app/client/[token]/page.tsx

@@ -125,6 +125,10 @@ const TASK_TYPE_LABELS: Record<string, string> = {
   GENERAL: 'Task',
 };
 
+const SCROLL_KEY = 'client-portal-scroll';
+const QUEUE_KEY = 'client-portal-queue';
+const STATE_KEY = 'client-portal-state';
+
 function getLatestVersion(task: ClientTask): ClientVersion | undefined {
   return task.versions[0];
 }
@@ -174,6 +178,27 @@ export default function ClientPortalPage({
     });
   }, [params]);
 
+  useEffect(() => {
+    if (!loading) {
+      const savedState = sessionStorage.getItem(STATE_KEY);
+      if (savedState) {
+        sessionStorage.removeItem(STATE_KEY);
+        try {
+          const { statusFilter: sf, sortMode: sm } = JSON.parse(savedState);
+          if (sf !== undefined) setStatusFilter(sf);
+          if (sm !== undefined) setSortMode(sm);
+        } catch { /* ignore */ }
+      }
+      const saved = sessionStorage.getItem(SCROLL_KEY);
+      if (saved) {
+        sessionStorage.removeItem(SCROLL_KEY);
+        requestAnimationFrame(() => {
+          window.scrollTo(0, parseInt(saved, 10));
+        });
+      }
+    }
+  }, [loading]);
+
   const loadProject = (t: string) => {
     setLoading(true);
     setError(null);
@@ -298,6 +323,40 @@ export default function ClientPortalPage({
       return bDate.localeCompare(aDate);
     });
 
+  const getReviewQueue = (): Array<{ versionId: string; label: string }> => {
+    if (sortMode === 'recent') {
+      return filteredFlatItems
+        .map((item) => {
+          const ver = getLatestVersion(item.task);
+          return ver ? { versionId: ver.id, label: item.label } : null;
+        })
+        .filter((x): x is { versionId: string; label: string } => x !== null);
+    }
+    const queue: Array<{ versionId: string; label: string }> = [];
+    Object.entries(shotsByEpisode).forEach(([, epShots]) => {
+      epShots
+        .map((shot) => ({ ...shot, tasks: shot.tasks.filter(taskMatchesFilter) }))
+        .filter((shot) => shot.tasks.length > 0)
+        .forEach((shot) => {
+          shot.tasks.forEach((task) => {
+            const ver = getLatestVersion(task);
+            if (ver) queue.push({ versionId: ver.id, label: shot.shotCode });
+          });
+        });
+    });
+    filteredAssetTasks.forEach((task) => {
+      const ver = getLatestVersion(task);
+      if (ver) queue.push({ versionId: ver.id, label: task.asset?.assetCode ?? task.title });
+    });
+    return queue;
+  };
+
+  const handleReviewClick = () => {
+    sessionStorage.setItem(SCROLL_KEY, String(window.scrollY));
+    sessionStorage.setItem(QUEUE_KEY, JSON.stringify(getReviewQueue()));
+    sessionStorage.setItem(STATE_KEY, JSON.stringify({ statusFilter, sortMode }));
+  };
+
   return (
     <div className="min-h-screen bg-zinc-950 text-white">
       <header className="border-b border-zinc-800 bg-zinc-900">
@@ -498,6 +557,7 @@ export default function ClientPortalPage({
                     </div>
                     <Link
                       href={ver ? `/client/${token}/review/${ver.id}` : '#'}
+                      onClick={handleReviewClick}
                       className={cn(
                         'flex items-center gap-4 p-4 rounded-xl border transition-all group',
                         'bg-zinc-900 border-zinc-800 hover:border-zinc-600 hover:bg-zinc-800/70',
@@ -669,12 +729,8 @@ export default function ClientPortalPage({
                                 <Link
                                   key={task.id}
                                   href={ver ? `/client/${token}/review/${ver.id}` : '#'}
+                                  onClick={handleReviewClick}
                                   className={cn(
-                                    'flex items-center gap-4 p-4 rounded-xl border transition-all group',
-                                    'bg-zinc-900 border-zinc-800 hover:border-zinc-600 hover:bg-zinc-800/70',
-                                    !ver && 'pointer-events-none opacity-40',
-                                  )}
-                                >
                                   <div className="flex-1 min-w-0">
                                     <div className="flex items-center gap-1.5">
                                       <p className="text-sm font-medium text-white">
@@ -766,13 +822,8 @@ export default function ClientPortalPage({
                         <Link
                           key={task.id}
                           href={ver ? `/client/${token}/review/${ver.id}` : '#'}
-                          className={cn(
-                            'flex items-center gap-4 p-4 rounded-xl border transition-all group',
-                            'bg-zinc-900 border-zinc-800 hover:border-zinc-600 hover:bg-zinc-800/70',
-                            !ver && 'pointer-events-none opacity-40',
-                          )}
-                        >
-                          <Package className="h-4 w-4 text-zinc-500 shrink-0" />
+                          onClick={handleReviewClick}
+                          className={cn( className="h-4 w-4 text-zinc-500 shrink-0" />
                           <div className="min-w-[90px]">
                             <p className="font-mono font-semibold text-white text-sm">
                               {task.asset?.assetCode ?? TASK_TYPE_LABELS[task.type]}