Update app.py via AI Editor

app.py

@@ -364,8 +364,29 @@ def get_right_col_content(selected_type, store_data):
         ], className="mb-2")
     )
     controls.append(html.Hr())
-    # Make sure document-preview is always present and gets the correct preview content
-    controls.append(html.Div(id='document-preview', className="border p-3 mb-3"))
+    controls.append(
+        dbc.Card(
+            dbc.CardBody(
+                html.Div(
+                    id='document-preview',
+                    style={
+                        'height': 'calc(100vh - 260px)',
+                        'maxHeight': '740px',
+                        'overflowY': 'auto',
+                        'overflowX': 'auto',
+                        'padding': '8px'
+                    }
+                )
+            ),
+            style={
+                'marginBottom': '10px',
+                'height': 'calc(100vh - 260px)',
+                'maxHeight': '740px',
+                'minHeight': '320px',
+                'boxSizing': 'border-box'
+            }
+        )
+    )
     return dbc.Card(dbc.CardBody(controls))
 
 app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP], suppress_callback_exceptions=True)
@@ -385,24 +406,31 @@ app.layout = dbc.Container([
     dcc.Store(id='main-loader-trigger'),
     dbc.Row([
         dbc.Col(
-            html.H2(id='main-title', className="mt-3 mb-2", style={'textAlign': 'left', 'width':'100%'}),
-            width=10
-        ),
+            html.H2(id='main-title', className="mt-3 mb-2", style={'textAlign': 'center', 'width':'100%'}),
+            width=12
+        )
+    ], justify='center'),
+    dbc.Row([
         dbc.Col(
             dcc.Loading(
                 id="main-progress-dot",
                 type="dot",
                 children=html.Div(id="main-progress-dot-output"),
-                style={'marginTop': '18px'}
+                style={'display': 'flex', 'justifyContent': 'center', 'alignItems': 'center', 'height':'40px'}
             ),
-            width=2,
-            style={'textAlign':'right', 'marginBottom':'10px'}
+            width=12
         )
-    ]),
+    ], justify='center'),
     dbc.Row([
         dbc.Col(
             dbc.Card(
-                dbc.CardBody(get_left_col_content())
+                dbc.CardBody(get_left_col_content()),
+                style={
+                    'height': 'calc(100vh - 140px)',
+                    'maxHeight': '820px',
+                    'minHeight': '460px',
+                    'boxSizing': 'border-box'
+                }
             ),
             width=3
         ),
@@ -412,7 +440,7 @@ app.layout = dbc.Container([
             ]),
             width=9
         )
-    ])
+    ], align='start')
 ], fluid=True)
 
 @app.callback(
@@ -611,12 +639,10 @@ def unified_handler(contents_lists, n_clicks_generate_list, n_clicks_download, s
         t.join(timeout=60)
         generated_doc = result_holder.get('result', 'Error: No document generated.')
         set_generated_doc(selected_type, generated_doc)
-        # Always show preview after generation. Make sure preview uses the latest generated_doc variable.
         if selected_type in spreadsheet_types:
             preview = markdown_table_preview(generated_doc)
         else:
             preview = markdown_narrative_preview(generated_doc)
-        # Save generated doc to store-generated-doc so it can be previewed even after switching tabs.
         return stores + [file_list, uploaded_doc_name_shred, preview, generated_doc, dash.no_update, loader_trigger]
 
     if "btn-download" in trigger:
@@ -656,7 +682,6 @@ def unified_handler(contents_lists, n_clicks_generate_list, n_clicks_download, s
             download_data = dcc.send_bytes(content, filename=f"{selected_type}_output.md")
             return stores + [file_list, uploaded_doc_name_shred, dash.no_update, dash.no_update, download_data, loader_trigger]
 
-    # Always show the latest generated doc as preview if it exists in store or DB
     doc = prev_generated
     if not doc:
         doc = get_generated_doc(selected_type)
@@ -666,7 +691,6 @@ def unified_handler(contents_lists, n_clicks_generate_list, n_clicks_download, s
         else:
             preview = markdown_narrative_preview(doc)
     else:
-        # Show uploaded doc preview if no generated doc yet
         if selected_type == "Shred" and stores[0]:
             preview = markdown_table_preview(stores[0])
         elif selected_type in spreadsheet_types: