Update app.py

app.py

@@ -66,20 +66,28 @@ app.layout = dbc.Container([
                 },
                 multiple=True
             ),
-            html.Div(id='file-list'),
+            html.Div([
+                html.H5("Uploaded Files"),
+                dbc.ListGroup(id='file-list')
+            ], className="mt-3"),
             html.Hr(),
             html.Div([
                 dbc.Button(
                     matrix_type,
-                    id=f'btn-{matrix_type.lower().replace(" ", "-")}',
-                    color="primary",
-                    className="mb-2 w-100",
-                    style={'overflow': 'hidden', 'text-overflow': 'ellipsis', 'white-space': 'nowrap'}
+                    id={'type': 'matrix-button', 'index': matrix_type},
+                    color="link",
+                    className="mb-2 w-100 text-left",
+                    style={
+                        'textAlign': 'left',
+                        'textDecoration': 'none',
+                        'padding': '0.375rem 0.75rem',
+                        'transition': 'background-color 0.3s'
+                    }
                 ) for matrix_type in matrix_types.keys()
-            ])
+            ], className="left-buttons-container")
         ], width=3),
         dbc.Col([
-            html.Div(style={"height": "20px"}),  # Added small gap
+            html.Div(style={"height": "20px"}),  # Small gap
             dcc.Loading(
                 id="loading-indicator",
                 type="dot",
@@ -89,7 +97,7 @@ app.layout = dbc.Container([
             dbc.Button("Download Matrix", id="btn-download", color="success", className="mt-3"),
             dcc.Download(id="download-matrix"),
             html.Hr(),
-            html.Div(style={"height": "20px"}),  # Added small gap
+            html.Div(style={"height": "20px"}),  # Small gap
             dcc.Loading(
                 id="chat-loading",
                 type="dot",
@@ -100,7 +108,10 @@ app.layout = dbc.Container([
                 ]
             )
         ], width=9)
-    ])
+    ]),
+    html.Div(id='uploaded-files-state', style={'display': 'none'}),
+    dcc.Store(id='matrix-type-store'),
+    html.Div(id='matrix-button-clicks', style={'display': 'none'})
 ], fluid=True)
 
 def parse_file_content(contents, filename):