Update app.py

app.py

@@ -861,14 +861,119 @@ with gr.Blocks(css=css) as demo:
         category_chart = gr.Plot(value=initial_plot)
     
     # Make detailed scorecard tab visible by default
-    # Initialize with StarCoder2 data
+    # Initialize with StarCoder2 data - don't use the update_detailed_scorecard function directly for initialization
     default_model = "StarCoder2"
-    initial_scorecard_data = update_detailed_scorecard(default_model, category_choices)
+    if default_model in models:
+        selected_categories = sort_categories(category_choices)
+        metadata_html = create_metadata_card(models[default_model]['metadata'])
+        overall_summary_html = create_overall_summary(models[default_model], selected_categories)
+        combined_header = metadata_html + overall_summary_html
+        
+        # Prepare the initial data for the detailed view (similar to update_detailed_scorecard but without gr.update())
+        model = default_model
+        all_cards_content = "<div class='container'>"
+        total_yes = 0
+        total_no = 0
+        total_na = 0
+        has_non_na = False
+        
+        for category_name in selected_categories:
+            if category_name in models[model]['scores']:
+                category_data = models[model]['scores'][category_name]
+                card_content = f"<div class='card'><div class='card-title'>{category_name}</div>"
+                card_content += create_category_summary(category_data)
+                
+                sorted_sections = sorted(category_data.items(), 
+                                      key=lambda x: float(re.match(r'^(\d+\.?\d*)', x[0]).group(1)))
+                
+                category_yes = 0
+                category_no = 0
+                category_na = 0
+                
+                for section, details in sorted_sections:
+                    status = details['status']
+                    if status != 'N/A':
+                        has_non_na = True
+                    sources = details.get('sources', [])
+                    questions = details.get('questions', {})
+                    
+                    section_class = "section-na" if status == "N/A" else "section-active"
+                    status_class = status.lower()
+                    status_icon = "●" if status == "Yes" else "○" if status == "N/A" else "×"
+                    
+                    card_content += f"<div class='section {section_class}'>"
+                    card_content += f"<div class='section-header'><h3>{section}</h3>"
+                    card_content += f"<span class='status-badge {status_class}'>{status_icon} {status}</span></div>"
+                    
+                    if sources:
+                        card_content += create_source_html(sources)
+                    
+                    if questions:
+                        yes_count = sum(1 for v in questions.values() if v)
+                        total_count = len(questions)
+                        
+                        card_content += "<details class='question-accordion'>"
+                        if status == "N/A":
+                            card_content += f"<summary>View {total_count} N/A items</summary>"
+                        else:
+                            card_content += f"<summary>View details ({yes_count}/{total_count} completed)</summary>"
+                        
+                        card_content += "<div class='questions'>"
+                        for question, is_checked in questions.items():
+                            if status == "N/A":
+                                style_class = "na"
+                                icon = "○"
+                                category_na += 1
+                                total_na += 1
+                            else:
+                                if is_checked:
+                                    style_class = "checked"
+                                    icon = "✓"
+                                    category_yes += 1
+                                    total_yes += 1
+                                else:
+                                    style_class = "unchecked"
+                                    icon = "✗"
+                                    category_no += 1
+                                    total_no += 1
+                            
+                            card_content += f"<div class='question-item {style_class}'>{icon} {question}</div>"
+                        card_content += "</div></details>"
+                    
+                    card_content += "</div>"
+                
+                if category_yes + category_no > 0:
+                    category_score = category_yes / (category_yes + category_no) * 100
+                    card_content += f"<div class='category-score'>Completion Score Breakdown: {category_score:.2f}% Yes: {category_yes}, No: {category_no}, N/A: {category_na}</div>"
+                elif category_na > 0:
+                    card_content += f"<div class='category-score'>Completion Score Breakdown: N/A (All {category_na} items not applicable)</div>"
+                
+                card_content += "</div>"
+                all_cards_content += card_content
+
+        all_cards_content += "</div>"
+        
+        # Create total score
+        if not has_non_na:
+            total_score_text = "No applicable scores (all items N/A)"
+        elif total_yes + total_no > 0:
+            total_score = total_yes / (total_yes + total_no) * 100
+            total_score_text = f"Total Score: {total_score:.2f}% (Yes: {total_yes}, No: {total_no}, N/A: {total_na})"
+        else:
+            total_score_text = "No applicable scores (all items N/A)"
+        
+        initial_metadata = combined_header
+        initial_cards = all_cards_content
+        initial_score = total_score_text
+    else:
+        initial_metadata = "Please select a model to view details."
+        initial_cards = ""
+        initial_score = ""
     
     with gr.Column(visible=True) as detailed_scorecard_tab:
-        model_metadata = gr.HTML(value=initial_scorecard_data[0], visible=True)
-        all_category_cards = gr.HTML(value=initial_scorecard_data[1], visible=True)
-        total_score = gr.Markdown(value=initial_scorecard_data[2], visible=True)
+        model_metadata = gr.HTML(value=initial_metadata)
+        all_category_cards = gr.HTML(value=initial_cards, visible=True if default_model in models else False)
+        total_score = gr.Markdown(value=initial_score, visible=True if default_model in models else False)
 
     def update_dashboard(tab, selected_models, selected_model, selected_categories):
         # Default visibility states