Judge Panel Layout Comparison

📊 Component Visibility Configuration

✅ format-info

✅ participant-selection

✅ other-heat-scores

✅ criteria-input-grid

✅ final-calculated-score

✅ figures-card

✅ diversity-validation

✅ latest-scores

✅ figure-history

✅ submit-button

Result: Complete judge interface with all 10 components

✅ participant-selection

✅ final-calculated-score

✅ submit-button

Result: Streamlined interface with only 3 essential components

Database Storage: Layout configurations are stored in events.scoring_layout_config JSON column

PHP Conditions: Each judge panel section checks the configuration:

<?php if (!$scoring_layout_config || ($scoring_layout_config['component-name'] ?? true)): ?>
    <!-- Component HTML here -->
<?php endif; ?>

JavaScript Enhancement: Additional client-side show/hide for dynamic control
Graceful Degradation: If no config exists, all components are shown (default behavior)

Reduced HTML Size: Hidden components aren't rendered at all (server-side hiding)
Faster Loading: Less DOM elements means faster page rendering
Focused UX: Judges see only what's relevant for their event type
Bandwidth Savings: Minimal layouts use significantly less data