refactor(base): rename baseId to pageId in client components

apps/client/src/features/base/components/grid/grid-container.tsx

@@ -37,7 +37,7 @@ type GridContainerProps = {
   properties: IBaseProperty[];
   onCellUpdate: (rowId: string, propertyId: string, value: unknown) => void;
   onAddRow?: () => void;
-  baseId?: string;
+  pageId?: string;
   onColumnReorder?: (columnId: string, overColumnId: string) => void;
   onResizeEnd?: () => void;
   onRowReorder?: (rowId: string, targetRowId: string, position: "above" | "below") => void;
@@ -51,7 +51,7 @@ export function GridContainer({
   properties,
   onCellUpdate,
   onAddRow,
-  baseId,
+  pageId,
   onColumnReorder,
   onResizeEnd,
   onRowReorder,
@@ -72,7 +72,7 @@ export function GridContainer({
   const closeRequestCounterRef = useRef(0);
 
   const { selectionCount, clear: clearSelection } = useRowSelection();
-  const { deleteSelected } = useDeleteSelectedRows(baseId ?? "");
+  const { deleteSelected } = useDeleteSelectedRows(pageId ?? "");
 
   useEffect(() => {
     const handleMouseDown = (e: MouseEvent) => {
@@ -134,7 +134,7 @@ export function GridContainer({
 
   useEffect(() => {
     const el = scrollRef.current;
-    if (!el || !baseId) return;
+    if (!el || !pageId) return;
     const handler = (e: KeyboardEvent) => {
       if (editingCell) return;
       const active = document.activeElement as HTMLElement | null;
@@ -154,13 +154,13 @@ export function GridContainer({
     };
     el.addEventListener("keydown", handler);
     return () => el.removeEventListener("keydown", handler);
-  }, [editingCell, selectionCount, clearSelection, deleteSelected, baseId]);
+  }, [editingCell, selectionCount, clearSelection, deleteSelected, pageId]);
 
   const gridTemplateColumns = useMemo(() => {
     const visibleColumns = table.getVisibleLeafColumns();
     const columnWidths = visibleColumns.map((col) => `${col.getSize()}px`);
-    return columnWidths.join(" ") + (baseId ? " 40px" : "");
-  }, [table, table.getState().columnSizing, table.getState().columnVisibility, table.getState().columnOrder, baseId]);
+    return columnWidths.join(" ") + (pageId ? " 40px" : "");
+  }, [table, table.getState().columnSizing, table.getState().columnVisibility, table.getState().columnOrder, pageId]);
 
   const totalHeight = virtualizer.getTotalSize();
 
@@ -252,7 +252,7 @@ export function GridContainer({
           >
             <GridHeader
               table={table}
-              baseId={baseId}
+              pageId={pageId}
               columnOrder={table.getState().columnOrder}
               columnVisibility={table.getState().columnVisibility}
               properties={properties}
@@ -298,7 +298,7 @@ export function GridContainer({
           )}
 
           <AddRowButton onClick={handleAddRow} />
-          {baseId && <SelectionActionBar baseId={baseId} />}
+          {pageId && <SelectionActionBar pageId={pageId} />}
         </div>
       </div>
     </DndContext>

apps/client/src/features/base/components/grid/grid-header.tsx

@@ -7,7 +7,7 @@ import classes from "@/features/base/styles/grid.module.css";
 
 type GridHeaderProps = {
   table: Table<IBaseRow>;
-  baseId?: string;
+  pageId?: string;
   // Passed explicitly to break memo when columns change
   // (table ref is stable from useReactTable, so memo won't fire without these)
   columnOrder: ColumnOrderState;
@@ -19,7 +19,7 @@ type GridHeaderProps = {
 
 export const GridHeader = memo(function GridHeader({
   table,
-  baseId,
+  pageId,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   columnOrder: _columnOrder,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -45,9 +45,9 @@ export const GridHeader = memo(function GridHeader({
           loadedRowIds={loadedRowIds}
         />
       ))}
-      {baseId && (
+      {pageId && (
         <CreatePropertyPopover
-          baseId={baseId}
+          pageId={pageId}
           properties={properties}
           onPropertyCreated={onPropertyCreated}
         />

apps/client/src/features/base/components/grid/selection-action-bar.tsx

@@ -7,15 +7,15 @@ import { useDeleteSelectedRows } from "@/features/base/hooks/use-delete-selected
 import classes from "@/features/base/styles/grid.module.css";
 
 type SelectionActionBarProps = {
-  baseId: string;
+  pageId: string;
 };
 
 export const SelectionActionBar = memo(function SelectionActionBar({
-  baseId,
+  pageId,
 }: SelectionActionBarProps) {
   const { t } = useTranslation();
   const { selectionCount, clear } = useRowSelection();
-  const { deleteSelected, isPending } = useDeleteSelectedRows(baseId);
+  const { deleteSelected, isPending } = useDeleteSelectedRows(pageId);
 
   const isOpen = selectionCount > 0;