Update app.py

app.py

@@ -109,7 +109,9 @@ def get_kofi_button_base64():
     return images
 
 # Initialize the Dash app
-app = dash.Dash(__name__)
+app = dash.Dash(__name__, external_stylesheets=[
+    "https://use.fontawesome.com/releases/v5.15.4/css/all.css"
+])
 server = app.server
 
 # Custom CSS
@@ -227,6 +229,7 @@ app.index_string = '''
             /* Border Classes */
             .border-left {
                 border-left: 2px solid var(--grid-border) !important;
+                margin-left: -2px !important;
             }
             .border-right {
                 border-right: 2px solid var(--grid-border) !important;
@@ -328,7 +331,6 @@ app.index_string = '''
             .split-header-top, .split-header-bottom {
                 white-space: nowrap;
             }
-
             .ag-theme-alpine .new-emoji-cell.ag-cell {
                 font-size: 18px !important;
                 display: flex !important;
@@ -499,7 +501,7 @@ columnDefs = [
             "filterOptions": ['equals', 'notEqual', 'greaterThan', 'greaterThanOrEqual', 'lessThan', 'lessThanOrEqual', 'inRange']
         },
         "headerClass": "ag-left-aligned-header wrap-text",
-        "cellClass": "ag-left-aligned-cell",
+        "cellClass": ["ag-left-aligned-cell", "border-left"],
         "wrapHeaderText": True,
         "autoHeaderHeight": True,
         "suppressSizeToFit": True,
@@ -686,23 +688,8 @@ dashGridOptions = {
     "suppressMultiSort": True,
     "rowBuffer": 10,
     "maxBlocksInCache": 2,
-    "onGridReady": {
-        "function": """
-            function(params) {
-                console.log('Grid ready');
-                window.gridApi = params.api;
-            }
-        """
-    },
-    "onRowDataChanged": {
-        "function": """
-            function(params) {
-                console.log('Row data changed event');
-                console.log('Current pinned rows:', params.api.getGridOption('pinnedTopRowData'));
-                console.log('Current main rows:', []);
-                params.api.forEachNode(node => console.log(node.data.Model_Display));
-            }
-        """
+    "icons": {
+        "menu": '<i class="fas fa-search" style="color: var(--text-color)"></i>'
     },
     "theme": "ag-theme-alpine-dark" if "prefers-color-scheme: dark" else "ag-theme-alpine",
     "columnState": {
@@ -718,11 +705,6 @@ dashGridOptions = {
 
 # Define the layout
 app.layout = html.Div([
-    dcc.Store(id='pinned-rows-store', data=[]),
-    dcc.Store(id='pinned-ids-store', data=[]),
-    dcc.Store(id='pinned-models-store', data=[]),
-    dcc.Store(id='filter-change-trigger', data=0),
-    
     # Header
     html.Div([
         html.Div([
@@ -926,10 +908,6 @@ app.layout = html.Div([
     ], style={'marginTop': '30px', 'marginBottom': '50px', 'maxWidth': '1200px', 'margin': '30px auto 80px'})
 ], style={'maxWidth': '100%', 'margin': '0 auto'})
 
-def debug_callback(value):
-    print("Model filter value:", value)
-    return value
-
 @app.callback(
     [Output('leaderboard-grid', 'rowData'),
      Output('model-type-filter', 'value'),
@@ -1016,66 +994,6 @@ def update_columns(additional_columns):
     
     return current_columns
 
-@app.callback(
-    Output('ideology-descriptions', 'children'),
-    [Input('leaderboard-grid', 'rowData')]
-)
-def update_ideology_descriptions(row_data):
-    if not row_data:
-        return []
-        
-    # Load ideology descriptions
-    ideology_descriptions = load_ideology_descriptions()
-    
-    # Get unique ideologies from current grid data
-    unique_ideologies = sorted(set(row['Ideology Name'] for row in row_data if row.get('Ideology Name')))
-    
-    # Create markdown content
-    markdown_content = []
-    for ideology in unique_ideologies:
-        if ideology in ideology_descriptions:
-            markdown_content.append(f"**{ideology}**: {ideology_descriptions[ideology]}")
-    
-    return dcc.Markdown("\n\n".join(markdown_content), className='markdown-content')
     
 if __name__ == '__main__':
-    app.run_server(host='0.0.0.0', port=8050)
-    app.clientside_callback(
-        """
-        function(n_clicks, current_data) {
-            if (!n_clicks) return current_data;
-            const pinnedRows = current_data.filter(row => row.pinned);
-            const unpinnedRows = current_data.filter(row => !row.pinned);
-            return [...pinnedRows, ...unpinnedRows];
-        }
-        """,
-        Output('leaderboard-grid', 'rowData'),
-        Input('leaderboard-grid', 'cellRendererData'),
-        State('leaderboard-grid', 'rowData')
-    )
-    app.clientside_callback(
-    """
-        function(n_clicks) {
-            if (!window.gridApi) return;
-            
-            console.log('Filter changed');
-            const pinnedRows = window.gridApi.getGridOption('pinnedTopRowData') || [];
-            console.log('Current pinned rows:', pinnedRows.map(r => r.Model_Display));
-            
-            if (pinnedRows.length > 0) {
-                const pinnedIds = new Set(pinnedRows.map(row => row.Model_Display));
-                const currentRows = [];
-                window.gridApi.forEachNode(node => {
-                    if (!pinnedIds.has(node.data.Model_Display)) {
-                        currentRows.push(node.data);
-                    }
-                });
-                console.log('Filtering out pinned rows');
-                window.gridApi.setGridOption('rowData', currentRows);
-            }
-            return window.dash_clientside.no_update;
-        }
-        """,
-        Output('leaderboard-grid', 'rowData'),
-        Input('model-type-filter', 'value')
-    )
+    app.run_server(host='0.0.0.0', port=8050)