modules/customers/src/web/list/controllers/use-list-customers-page.controller.ts

@@ -1,4 +1,5 @@
 import type { RightPanelMode } from "@repo/rdx-ui/hooks";
+import { useMemo } from "react";
 import { useSearchParams } from "react-router-dom";
 
 import { useCustomerSummaryPanelController } from "./use-customer-summary-panel.controller";
@@ -6,15 +7,38 @@ import { useListCustomersController } from "./use-list-customers.controller";
 
 export const useListCustomersPageController = () => {
   const listCtrl = useListCustomersController();
+
   const [searchParams] = useSearchParams();
 
-  const customerId = searchParams.get("customerId") ?? "";
+  // -----------------------------
-  const panelMode = (searchParams.get("panel") as RightPanelMode | null) ?? "view";
+  // URL → estado inicial (sync)
+  // -----------------------------
+  const initialPanelState = useMemo(() => {
+    const customerId = searchParams.get("customerId");
+    const panelMode = searchParams.get("panel") as RightPanelMode | null;
 
+    if (!customerId) {
+      return {
+        customerId: "",
+        mode: "view" as RightPanelMode,
+        open: false,
+      };
+    }
+
+    return {
+      customerId,
+      mode: panelMode ?? "view",
+      open: true,
+    };
+  }, [searchParams]);
+
+  // -----------------------------
+  // Controller con estado inicial
+  // -----------------------------
   const panelCtrl = useCustomerSummaryPanelController({
-    initialCustomerId: customerId,
+    initialCustomerId: initialPanelState.customerId,
-    initialMode: panelMode,
+    initialMode: initialPanelState.mode,
-    initialOpen: customerId !== "",
+    initialOpen: initialPanelState.open,
   });
 
   return {

modules/customers/src/web/list/controllers/use-list-customers.controller.ts

@@ -25,6 +25,12 @@ export const useListCustomersController = () => {
 
   const setSearchValue = (value: string) => {
     setSearch(value.trim().replace(/\s+/g, " "));
+    setPageIndex(0);
+  };
+
+  const setPageSizeValue = (value: number) => {
+    setPageSize(value);
+    setPageIndex(0);
   };
 
   return {
@@ -40,7 +46,7 @@ export const useListCustomersController = () => {
     pageIndex,
     pageSize,
     setPageIndex,
-    setPageSize,
+    setPageSize: setPageSizeValue,
 
     search,
     setSearchValue,