fix(app): restore category selection when navigating back from task details page (#2164)

Co-authored-by: chasprowebdev <chasgarciaprowebdev@gmail.com>

Author: github-actions[bot]

apps/app/src/app/(app)/[orgId]/tasks/components/TasksByCategory.tsx

@@ -3,8 +3,8 @@
 import type { Member, Task, User } from '@db';
 import { ArrowLeft, Folder } from 'lucide-react';
 import Image from 'next/image';
-import { usePathname, useRouter } from 'next/navigation';
-import { useMemo, useState } from 'react';
+import { usePathname, useRouter, useSearchParams } from 'next/navigation';
+import { useMemo } from 'react';
 import { AutomationIndicator } from './AutomationIndicator';
 import { TaskStatusSelector } from './TaskStatusSelector';
 
@@ -62,7 +62,7 @@ const statusPalette = {
 export function TasksByCategory({ tasks, members, statusFilter }: TasksByCategoryProps) {
   const router = useRouter();
   const pathname = usePathname();
-  const [selectedCategory, setSelectedCategory] = useState<string | null>(null);
+  const searchParams = useSearchParams();
 
   // Group tasks by their first control, or "Uncategorized"
   const categories = useMemo(() => {
@@ -110,6 +110,13 @@ export function TasksByCategory({ tasks, members, statusFilter }: TasksByCategor
     return sortedCategories;
   }, [tasks]);
 
+  // Selected category from URL so it survives back navigation
+  const categoryFromUrl = searchParams.get('category');
+  const selectedCategory = useMemo(() => {
+    if (!categoryFromUrl) return null;
+    return categories.some((c) => c.id === categoryFromUrl) ? categoryFromUrl : null;
+  }, [categoryFromUrl, categories]);
+
   // Calculate stats for a category
   const getCategoryStats = (categoryTasks: Task[]) => {
     const total = categoryTasks.length;
@@ -129,7 +136,19 @@ export function TasksByCategory({ tasks, members, statusFilter }: TasksByCategor
   };
 
   const handleCategoryClick = (categoryId: string) => {
-    setSelectedCategory(selectedCategory === categoryId ? null : categoryId);
+    const next = selectedCategory === categoryId ? null : categoryId;
+    const params = new URLSearchParams(searchParams.toString());
+    if (next) params.set('category', next);
+    else params.delete('category');
+    const query = params.toString();
+    router.replace(query ? `${pathname}?${query}` : pathname);
+  };
+
+  const handleBackToCategories = () => {
+    const params = new URLSearchParams(searchParams.toString());
+    params.delete('category');
+    const query = params.toString();
+    router.replace(query ? `${pathname}?${query}` : pathname);
   };
 
   // If a category is selected, show only that category's tasks
@@ -212,7 +231,7 @@ export function TasksByCategory({ tasks, members, statusFilter }: TasksByCategor
       {/* Back button and category header */}
       <div className="flex items-center justify-between">
         <button
-          onClick={() => setSelectedCategory(null)}
+          onClick={handleBackToCategories}
           className="inline-flex items-center gap-2 rounded-sm border border-border/60 px-3 py-1.5 text-[11px] font-medium uppercase tracking-[0.18em] text-muted-foreground transition-colors hover:bg-muted/20 hover:text-foreground"
         >
           <ArrowLeft className="h-3 w-3" />