---
id: ATS-PFM-CSH-002
scope: CAP-PFM-CSH-002
product_area: platform
module: console-shell
revision: 2
status: proposed
approved_by: null
approved_at: null
source_sha:
  react-console: baf6dae382d6f41dce976c7f848667ccc37e076f
  services-platform: ad3f6a6582843008ed0f5a17b131878d15829af1
scenarios:
  - id: ATS-PFM-CSH-002-01
    title: Default and standard layouts provide the two page widths
    level: unit
    proves:
      - BR-CAP-PFM-CSH-002-01
    preconditions: The layout receives no width choice or the standard choice.
    steps: Render both variants.
    expected: >-
      The default occupies the available workspace; the standard variant uses a centered inner
      column with a maximum width.
    negative: false
    data_needs: Representative page content.
    bound_to:
      - >-
        react-console:components/console/__tests__/page-layout.test.tsx#fills the workspace when no
        width is given
      - >-
        react-console:components/console/__tests__/page-layout.test.tsx#centers a standard page in a
        capped inner column, with the page's classes on that column
    provenance: test
    source: >-
      react-console:components/console/__tests__/page-layout.test.tsx#fills the workspace when no
      width is given
  - id: ATS-PFM-CSH-002-02
    title: The enumerated configuration and operational screens adopt the intended widths
    level: unit
    proves:
      - BR-CAP-PFM-CSH-002-03
    preconditions: 'The configuration lists, Tasks and field editor are available for inspection.'
    steps: Inspect the root layout used by each enumerated screen.
    expected: The listed configuration screens select standard; Tasks and the field editor select full.
    negative: false
    data_needs: The page-layout adoption source fixtures.
    bound_to: []
    provenance: proposed
    source: 'react-console:docs/page-layouts.md#Defaults'
  - id: ATS-PFM-CSH-002-03
    title: Designer entry and departure restore navigation space
    level: browser
    proves:
      - BR-CAP-PFM-CSH-002-05
    preconditions: Navigation begins expanded.
    steps: 'Enter the contact form designer, then navigate to the contacts list.'
    expected: Navigation collapses for the designer and expands after departure.
    negative: false
    data_needs: A mock workspace with the designer available.
    bound_to: []
    provenance: proposed
    source: 'react-console:docs/page-layouts.md#Pages that collapse the sidebar'
  - id: ATS-PFM-CSH-002-04
    title: Folding navigation changes available space without breaking centering
    level: browser
    proves:
      - BR-CAP-PFM-CSH-002-06
    preconditions: 'The viewport is 1,920 pixels wide.'
    steps: Open Contact Types and a full-width page; fold navigation by button and keyboard.
    expected: Contact Types remains centered and the full-width page uses the additional space.
    negative: false
    data_needs: Mock pages in both layout variants.
    bound_to: []
    provenance: proposed
    source: 'react-console:docs/page-layouts.md#Pages that collapse the sidebar'
evidence:
  - >-
    react-console at baf6dae: components/console/{page-layout,collapse-sidebar,console-shell}.tsx,
    components/ui/sidebar.tsx, lib/layout/page-width.ts, docs/page-layouts.md,
    components/console/__tests__/page-layout*.ts*, e2e/layout/page-layouts.spec.ts.
---

# Fit the page to the available workspace — acceptance

## Coverage

The table separates scenarios with test bindings from proposed proof. A binding records a static examination of the test; it does not record a passing product test run.

| Rule | Acceptance scenario |
|---|---|
| `BR-CAP-PFM-CSH-002-01` | `ATS-PFM-CSH-002-01` (bound) |
| `BR-CAP-PFM-CSH-002-03` | `ATS-PFM-CSH-002-02` (proposed) |
| `BR-CAP-PFM-CSH-002-05` | `ATS-PFM-CSH-002-03` (proposed) |
| `BR-CAP-PFM-CSH-002-06` | `ATS-PFM-CSH-002-04` (proposed) |
| `BR-CAP-PFM-CSH-002-07` | no scenario: `FND-PFM-CSH-021` |