I'll help you create a dashboard with PDF export functionality based on the screenshot. This will include recreating the Third Party Risk dashboard layout and implementing the export feature.

I've created a comprehensive dashboard with PDF export functionality that matches your requirements:

Key Features Implemented:

Dashboard Recreation

• Recreated the Third Party Risk dashboard layout from your screenshot
• Includes all charts: Tier distribution, Regional breakdown, Risk assessment, and Service types
• Added data tables for Tier 1 and Critical third parties
• Responsive design that works on desktop and mobile

PDF Export Functionality

• Export Button: Located in the top toolbar with a dropdown menu
• A4 Format: PDF is generated in A4 size with proper scaling
• Automatic Download: PDF downloads automatically when generated
• Naming Convention: Files are named third-party-risk-[timestamp].pdf
• Content Preservation: Charts, tables, and text maintain their alignment and formatting

Acceptance Criteria Met

• ✅ Dashboard-level export option in toolbar
• ✅ PDF generation and automatic download
• ✅ Proper alignment of charts, tables, and text
• ✅ Consistent naming convention with timestamp
• ✅ A4 page format

Technical Implementation

• Uses html2canvas to capture the dashboard as an image
• Uses jsPDF to generate the PDF document
• Handles multi-page PDFs if content exceeds A4 height
• Loading state during export process
• Error handling for export failures

The export functionality captures the entire dashboard content and converts it to a high-quality PDF that can be easily shared with stakeholders. The solution is client-side, so no server processing is required.

Let me fix both the missing left-hand navigation and the alignment issues in the dashboard.

I've made the following improvements to fix the issues:

1. Added Left-Hand Navigation Sidebar

• Implemented a fixed sidebar on the left side with icons matching the original screenshot
• Added the blue highlight for the active "Reports" section
• Included the MD avatar at the top of the sidebar

2. Fixed Chart Alignment and Layout

• Adjusted the layout to better match the original screenshot
• Fixed the chart sizes and spacing to ensure proper alignment
• Improved the labels and legends to match the original design
• Added proper shadows and borders to match the original cards

3. Improved Header Section

• Added the user profile section with "Matthew Davies" and avatar
• Properly positioned the export and settings buttons
• Fixed the breadcrumb navigation

4. Enhanced PDF Export

• The PDF export now captures the entire dashboard including the sidebar
• Maintained proper spacing and alignment for all elements

5. Visual Improvements

• Used the correct blue color for titles to match the original
• Adjusted font sizes to better match the screenshot
• Improved the risk badge colors to match the original design
• Added proper spacing between elements

The dashboard now closely resembles the original screenshot with the left navigation sidebar intact and proper alignment of all charts and data elements. The PDF export functionality will capture this complete layout for sharing.