fix(allocations): expand grouped rows by default

apps/web/src/components/allocations/AllocationsClient.tsx

@@ -22,6 +22,13 @@ import { useViewPrefs } from "~/hooks/useViewPrefs.js";
 import { getPlanningEntryMutationId } from "~/lib/planningEntryIds.js";
 import { ALLOCATION_STATUS_BADGE as STATUS_BADGE } from "~/lib/status-styles.js";
 import { SuccessToast } from "~/components/ui/SuccessToast.js";
+import {
+  collapseAllAllocationGroups,
+  createInitialCollapsedAllocationGroups,
+  expandAllAllocationGroups,
+  toggleCollapsedAllocationGroup,
+  type CollapsedAllocationGroups,
+} from "./allocationGroupState.js";
 
 /** Left-border color by allocation status for instant visual scanning */
 const STATUS_LEFT_BORDER: Record<string, string> = {
@@ -190,7 +197,9 @@ export function AllocationsClient() {
     if (typeof window === "undefined") return "grouped";
     return (localStorage.getItem("capakraken:allocations:viewMode") as "grouped" | "flat") ?? "grouped";
   });
-  const [collapsedGroups, setCollapsedGroups] = useState<Set<string> | "all">("all");
+  const [collapsedGroups, setCollapsedGroups] = useState<CollapsedAllocationGroups>(
+    () => createInitialCollapsedAllocationGroups(),
+  );
   // Track expanded project sub-groups: key = "resourceId::projectId"
   const [expandedSubGroups, setExpandedSubGroups] = useState<Set<string>>(new Set());
 
@@ -293,26 +302,15 @@ export function AllocationsClient() {
   const groupIds = useMemo(() => groups.map((g) => g.resourceId), [groups]);
 
   const toggleGroup = useCallback((resourceId: string) => {
-    setCollapsedGroups((prev) => {
-      // "all" → expand just this one (materialize all IDs minus clicked)
-      if (prev === "all") {
-        const next = new Set(groupIds);
-        next.delete(resourceId);
-        return next;
-      }
-      const next = new Set(prev);
-      if (next.has(resourceId)) next.delete(resourceId);
-      else next.add(resourceId);
-      return next;
-    });
+    setCollapsedGroups((prev) => toggleCollapsedAllocationGroup(prev, groupIds, resourceId));
   }, [groupIds]);
 
   const collapseAll = useCallback(() => {
-    setCollapsedGroups("all");
+    setCollapsedGroups(collapseAllAllocationGroups());
   }, []);
 
   const expandAll = useCallback(() => {
-    setCollapsedGroups(new Set());
+    setCollapsedGroups(expandAllAllocationGroups());
   }, []);
 
   const toggleSubGroup = useCallback((resourceId: string, projectId: string) => {