Merge pull request #20 from KelvinTegelaar/dev

[pull] dev from KelvinTegelaar:dev

Author: pull[bot]

src/components/CippComponents/CippAddTestReportDrawer.jsx

@@ -261,7 +261,10 @@ export const CippAddTestReportDrawer = ({
                     label="Name"
                     name="name"
                     formControl={formControl}
-                    validators={{ required: 'Name is required' }}
+                    validators={{
+                      required: 'Name is required',
+                      maxLength: { value: 256, message: 'Name must be 256 characters or fewer' },
+                    }}
                   />
                 </Grid>
                 <Grid size={12}>

src/components/CippComponents/CippAlertSnoozeDialog.jsx

@@ -19,7 +19,6 @@ const SNOOZE_OPTIONS = [
   { value: '7', label: 'Snooze for 7 days' },
   { value: '14', label: 'Snooze for 14 days' },
   { value: '30', label: 'Snooze for 30 days' },
-  { value: '-1', label: 'Snooze forever' },
 ]
 
 export const CippAlertSnoozeDialog = ({

src/components/ReportBuilder/ReportBuilderPDF.js

@@ -52,7 +52,6 @@ const createStyles = (brandColor) =>
       alignSelf: 'flex-start',
     },
     mainTitle: {
-      fontSize: 48,
       fontWeight: 'bold',
       color: '#1A202C',
       lineHeight: 1.1,
@@ -130,6 +129,8 @@ const createStyles = (brandColor) =>
       fontWeight: 'bold',
       color: '#1A202C',
       marginBottom: 8,
+      paddingTop: 4,
+      paddingBottom: 4,
     },
     pageSubtitle: { fontSize: 11, color: '#4A5568', fontWeight: 'normal' },
     headerLogo: { height: 30 },
@@ -143,6 +144,8 @@ const createStyles = (brandColor) =>
       fontWeight: 'bold',
       color: brandColor,
       marginBottom: 12,
+      paddingTop: 4,
+      paddingBottom: 4,
       pageBreakAfter: 'avoid',
       breakAfter: 'avoid',
       orphans: 3,
@@ -261,20 +264,26 @@ const createStyles = (brandColor) =>
       color: '#1A202C',
       marginTop: 10,
       marginBottom: 6,
+      paddingTop: 4,
+      paddingBottom: 2,
     },
     heading2: {
       fontSize: 14,
       fontWeight: 'bold',
       color: brandColor,
       marginTop: 8,
       marginBottom: 5,
+      paddingTop: 4,
+      paddingBottom: 2,
     },
     heading3: {
       fontSize: 12,
       fontWeight: 'bold',
       color: '#2D3748',
       marginTop: 6,
       marginBottom: 4,
+      paddingTop: 3,
+      paddingBottom: 2,
     },
 
     /* ── Code ──────────────────────────────────────────── */
@@ -616,6 +625,10 @@ export const ReportBuilderDocument = ({
   const reportName = templateName || 'Report'
   const safeBlocks = blocks || []
 
+  // Dynamic cover title: shrink font for long names, truncate beyond 50 chars
+  const coverTitle = reportName.length > 50 ? reportName.slice(0, 47) + '...' : reportName
+  const coverTitleFontSize = coverTitle.length <= 20 ? 48 : coverTitle.length <= 35 ? 36 : 28
+
   return (
     <Document>
       {/* ── Cover Page ── */}
@@ -631,13 +644,13 @@ export const ReportBuilderDocument = ({
 
         <View style={s.coverHero}>
           <Text style={s.coverLabel}>ASSESSMENT REPORT</Text>
-          <Text style={s.mainTitle}>
-            {reportName.toUpperCase().split(' ').slice(0, -1).join(' ') || reportName.toUpperCase()}
-            {reportName.split(' ').length > 1 ? (
+          <Text style={{ ...s.mainTitle, fontSize: coverTitleFontSize }}>
+            {coverTitle.toUpperCase().split(' ').slice(0, -1).join(' ') || coverTitle.toUpperCase()}
+            {coverTitle.split(' ').length > 1 ? (
               <>
                 {'\n'}
                 <Text style={s.titleAccent}>
-                  {reportName.toUpperCase().split(' ').slice(-1)[0]}
+                  {coverTitle.toUpperCase().split(' ').slice(-1)[0]}
                 </Text>
               </>
             ) : null}

src/pages/tools/report-builder/builder/index.js

@@ -1532,7 +1532,10 @@ const Page = () => {
               name="templateName"
               label="Template Name"
               formControl={saveForm}
-              validators={{ required: 'Template name is required' }}
+              validators={{
+                required: 'Template name is required',
+                maxLength: { value: 256, message: 'Template name must be 256 characters or fewer' },
+              }}
             />
             <CippApiResults apiObject={saveTemplateCall} />
           </Stack>