Use different headers for closed datasets

app/backend/data_page.py

@@ -44,6 +44,23 @@ def get_closed_dataset():
     return closed_list
 
 
+def get_dataset_url_name(field_name):
+    """Convert field name to proper URL format for closed datasets"""
+    # Handle field names like "ClosedDataset 2 (German Legal Sentences)"
+    if field_name.startswith("ClosedDataset "):
+        # Extract the number and format it as ClosedDataset_X
+        if "(" in field_name:
+            # Extract number from "ClosedDataset 2 (description)" -> "2"
+            number_part = field_name.split("ClosedDataset ")[1].split(" ")[0]
+            return f"ClosedDataset_{number_part}"
+        else:
+            # Handle cases where it might already be in the right format or no parentheses
+            return field_name.replace(" ", "_")
+    
+    # Return original field_name for open datasets
+    return field_name
+
+
 def convert_df_to_csv(df):
     output = io.StringIO()
     df.to_csv(output, index=False)
@@ -71,8 +88,8 @@ def _get_dataset_columns(group_name, column_list, avg_column):
     # For individual dataset pages (not sections), group datasets by open/closed
     if not is_section(group_name) and dataset_columns:
         # Separate open and closed datasets
-        open_datasets = [d for d in dataset_columns if not d.startswith('_')]
-        closed_datasets = [d for d in dataset_columns if d.startswith('_')]
+        open_datasets = [d for d in dataset_columns if not d.startswith('_') and not d.startswith('ClosedDataset ')]
+        closed_datasets = [d for d in dataset_columns if d.startswith('_') or d.startswith('ClosedDataset ')]
         
         grouped_columns = []
         
@@ -145,12 +162,12 @@ def _get_dataset_columns(group_name, column_list, avg_column):
                                     const fieldName = params.column.colId;
 
                                     const link = document.createElement('a');
-                                    link.href = 'https://huggingface.co/datasets/embedding-benchmark/' + fieldName;
+                                    link.href = 'https://huggingface.co/datasets/embedding-benchmark/' + '{get_dataset_url_name(column)}';
                                     link.target = '_blank';
                                     link.style.color = 'white';
                                     link.style.textDecoration = 'underline';
                                     link.style.cursor = 'pointer';
-                                    link.textContent = columnName;
+                                    link.textContent = '{column}';
 
                                     link.addEventListener('click', function(e) {{
                                         e.stopPropagation();
@@ -171,12 +188,12 @@ def _get_dataset_columns(group_name, column_list, avg_column):
         return grouped_columns
     else:
         # For section pages, return columns without grouping (original behavior)
-        return [{'headerName': column if "Average" not in column else column.replace("Average", "").strip().capitalize(),
+        return [{'headerName': column if column.startswith('_') and "Average" not in column else (column if "Average" not in column else column.replace("Average", "").strip().capitalize()),
                'field': column,
                'headerStyle': HEADER_STYLE,
                'cellStyle': CELL_STYLE,
-               "headerTooltip": column if "Average" not in column else column.replace("Average",
-                                                                                      "").strip().capitalize(),
+               "headerTooltip": column if column.startswith('_') and "Average" not in column else (column if "Average" not in column else column.replace("Average",
+                                                                                      "").strip().capitalize()),
                'headerComponent': JsCode(f"""
                    class DatasetHeaderRenderer {{
                        init(params) {{
@@ -188,12 +205,13 @@ def _get_dataset_columns(group_name, column_list, avg_column):
                                this.eGui.textContent = columnName;
                            }} else {{
                                const link = document.createElement('a');
-                               link.href = 'https://huggingface.co/datasets/embedding-benchmark/' + fieldName;
+                               link.href = 'https://huggingface.co/datasets/embedding-benchmark/' + '{get_dataset_url_name(column)}';
                                link.target = '_blank';
                                link.style.color = 'white';
                                link.style.textDecoration = 'underline';
                                link.style.cursor = 'pointer';
-                               link.textContent = columnName;
+                               
+                               link.textContent = '{column}';
 
                                link.addEventListener('click', function(e) {{
                                    e.stopPropagation();