{
  "context": "Evaluates whether the entrypoint uses React 18's root rendering and strict-mode patterns to build the shell from the provided config. Checks focus on using React DOM APIs, JSX composition, and event wiring to satisfy the spec's shell behavior.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Concurrent root",
      "description": "Uses ReactDOM.createRoot on the resolved container (defaulting to element with id \"root\") and renders the tree through that root rather than legacy ReactDOM.render.",
      "max_score": 35
    },
    {
      "name": "Strict wrapper",
      "description": "Wraps the rendered App shell with React.StrictMode so the tree is mounted through the strict-mode boundary provided by React.",
      "max_score": 15
    },
    {
      "name": "Props-driven shell",
      "description": "Builds the App shell as a React component that consumes AppShellConfig props to render brand, tagline, and optional status badge without bypassing React rendering.",
      "max_score": 20
    },
    {
      "name": "Nav rendering",
      "description": "Maps config.links into JSX anchor elements with keys and hrefs, highlighting active items via React state/props instead of manual DOM mutation.",
      "max_score": 15
    },
    {
      "name": "Action handler",
      "description": "Attaches the primary action's onClick callback to a React button element and binds the disabled attribute to the disablePrimary flag using React props/state.",
      "max_score": 15
    }
  ]
}