/** PO Workbench 2×2 shell grid tokens (production layout; not mock data). */

/** One of four panes in the PO Workbench CSS grid (row-major). */
export type PoWorkbenchGridRegionId =
  | "searchCriteria"
  | "searchResults"
  | "detailsHeader"
  | "details";

/** Desktop: 35% search / 65% detail. */
export const PO_WORKBENCH_GRID_TEMPLATE_COLUMNS =
  "minmax(0, 35%) minmax(0, 65%)";

/** Top row auto height; bottom row fills remaining space. */
export const PO_WORKBENCH_GRID_TEMPLATE_ROWS = "auto minmax(0, 1fr)";

/** Row-major auto-placement order for the 2×2 grid. */
export const PO_WORKBENCH_GRID_REGION_ORDER: readonly PoWorkbenchGridRegionId[] =
  [
    "searchCriteria",
    "detailsHeader",
    "searchResults",
    "details",
  ] as const;

/** @deprecated Use {@link PO_WORKBENCH_GRID_TEMPLATE_COLUMNS}. */
export const WORKBENCH_GRID_TEMPLATE_COLUMNS = PO_WORKBENCH_GRID_TEMPLATE_COLUMNS;

/** @deprecated Use {@link PO_WORKBENCH_GRID_TEMPLATE_ROWS}. */
export const WORKBENCH_GRID_TEMPLATE_ROWS = PO_WORKBENCH_GRID_TEMPLATE_ROWS;

/** @deprecated Use {@link PoWorkbenchGridRegionId}. */
export type WorkbenchGridRegionId = PoWorkbenchGridRegionId;