{
  "app_name": "BMI Calculator",
  "pages": [
    {
      "page_id": "bmi_calculator",
      "page_title": "BMI Calculator",
      "route_path": "/",
      "route_params": [],
      "image_indices": [],
      "description": "Single-page BMI Calculator application. Contains the following sections: (1) BMI Input Form at the top with a Metric/Imperial toggle (radio buttons or segmented control, default Metric), height input field (numeric, label changes based on unit: cm for metric, feet and inches for imperial, placeholder with example value), weight input field (numeric, label changes based on unit: kg for metric, lbs for imperial, placeholder with example value), a prominent 'Calculate BMI' button (disabled when inputs are invalid), and a 'Clear' button to reset the form. Real-time validation with inline error messages for out-of-range or non-numeric values. (2) BMI Result Display section that appears after calculation showing: large BMI value (1 decimal place), category name with color-coded badge (Underweight=#3498db blue, Normal=#2ecc71 green, Overweight=#f39c12 orange, Obese=#e74c3c red), a visual BMI scale/gauge bar with a marker indicating where the user's BMI falls, health information text describing the category, and a disclaimer about consulting healthcare professionals. Also includes a reference table showing all BMI category ranges. (3) Calculation History section below the result, displaying a list/table of past calculations in reverse chronological order with columns: Date/Time, Height (with unit), Weight (with unit), BMI Value, Category (color-coded). Limited to last 50 entries. Includes a 'Clear History' button that triggers a confirmation dialog (modal) before deleting all history. Empty state message shown when no history exists. (4) BMI Information collapsible section at the bottom explaining the BMI formula, category ranges table, limitations of BMI, and measurement guidelines. Clicking 'Clear History' opens a confirmation modal with 'Are you sure?' message and Cancel/Confirm buttons.",
      "navigates_to": []
    }
  ],
  "shared_state": [
    {
      "key": "unitSystem",
      "type": "'metric' | 'imperial'",
      "initial_value": "'metric'",
      "description": "Selected measurement unit system that persists during the session and affects input labels, placeholders, and conversion logic"
    },
    {
      "key": "calculationHistory",
      "type": "Array<{ id: string; height: number; weight: number; heightUnit: string; weightUnit: string; bmiValue: number; bmiCategory: string; timestamp: string }>",
      "initial_value": "[]",
      "description": "Session-persisted list of all BMI calculations performed, stored in localStorage for persistence across page reloads"
    }
  ],
  "default_route": "bmi_calculator",
  "design_system": {
    "theme_mode": "light",
    "density": "comfortable",
    "color_primary": "#2ecc71",
    "color_success": "#2ecc71",
    "color_warning": "#f39c12",
    "color_error": "#e74c3c",
    "color_bg_container": "#ffffff",
    "color_bg_layout": "#f0f4f8",
    "color_text": "#2c3e50",
    "color_border": "#dce1e6",
    "font_family": "Inter, -apple-system, sans-serif",
    "font_size_base": 14,
    "border_radius": 8,
    "component_overrides": {}
  }
}