BE-705: Move the entities table view onto the table endpoint

apps/hash-frontend/src/components/grid/grid.tsx

@@ -10,7 +10,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 
 import { gridRowHeight } from "@local/hash-isomorphic-utils/data-grid";
 
-import { getCellHorizontalPadding } from "./utils";
+import { getCellHorizontalPadding, gridHeaderBaseFont } from "./utils";
 import { ColumnFilterMenu } from "./utils/column-filter-menu";
 import {
   ConversionMenu,
@@ -136,8 +136,6 @@ const gridHeaderHeight = 42;
 
 export const gridHeaderHeightWithBorder = gridHeaderHeight + 1;
 
-export const gridHeaderBaseFont = "600 14px Inter";
-
 export const gridHorizontalScrollbarHeight = 17;
 
 export const Grid = <

apps/hash-frontend/src/components/grid/utils.ts

@@ -2,6 +2,9 @@ import { getMiddleCenterBias, GridCellKind } from "@glideapps/glide-data-grid";
 
 import type { CustomCell, DrawArgs, Theme } from "@glideapps/glide-data-grid";
 
+/** The font a grid draws its column headers in. */
+export const gridHeaderBaseFont = "600 14px Inter";
+
 /**
  * @returns vertical center of a grid cell, relative to the visible grid area
  */

apps/hash-frontend/src/graphql/queries/knowledge/entity.queries.ts

@@ -39,6 +39,12 @@ export const summarizeEntitiesQuery = gql`
   }
 `;
 
+export const queryEntitiesTableQuery = gql`
+  query queryEntitiesTable($request: QueryEntitiesTableParams!) {
+    queryEntitiesTable(request: $request)
+  }
+`;
+
 export const updateEntityMutation = gql`
   mutation updateEntity($entityUpdate: EntityUpdateDefinition!) {
     # This is a scalar, which has no selection.

apps/hash-frontend/src/pages/entities.page.tsx

@@ -195,6 +195,13 @@ const EntitiesPage: NextPageWithLayout = () => {
     return {};
   }, [router]);
 
+  // A stable identity — the column list feeds the table query hook's
+  // processing effect, which a fresh array on every render would re-run.
+  const hideColumns = useMemo(
+    () => (entityTypeId ? ["entityTypes" as const] : []),
+    [entityTypeId],
+  );
+
   const { latestEntityTypes } = useLatestEntityTypesOptional({
     includeArchived: true,
   });
@@ -345,7 +352,7 @@ const EntitiesPage: NextPageWithLayout = () => {
         <EntitiesVisualizer
           entityTypeBaseUrl={entityTypeBaseUrl}
           entityTypeId={entityTypeId}
-          hideColumns={entityTypeId ? ["entityTypes"] : []}
+          hideColumns={hideColumns}
         />
       </Container>
     </>