Update app.py via AI Editor

app.py

@@ -54,6 +54,31 @@ def get_right_col_content(selected_type):
         type="dot",
         children=[html.Div(id="loading-output")]
     ))
+    # Show upload box for SHRED only
+    if selected_type == "Shred":
+        controls.append(
+            html.Div([
+                dcc.Upload(
+                    id='upload-document',
+                    children=html.Div([
+                        'Drag and Drop or ',
+                        html.A('Select Files')
+                    ]),
+                    style={
+                        'width': '100%',
+                        'height': '60px',
+                        'lineHeight': '60px',
+                        'borderWidth': '1px',
+                        'borderStyle': 'dashed',
+                        'borderRadius': '5px',
+                        'textAlign': 'center',
+                        'margin': '10px 0'
+                    },
+                    multiple=True
+                ),
+                file_list_component()
+            ])
+        )
     controls.append(
         dbc.Row([
             dbc.Col(
@@ -104,13 +129,37 @@ def get_right_col_content(selected_type):
 def get_left_col_content():
     chat_card = dbc.Card(
         dbc.CardBody([
-            html.H5("AI Chat", className="mb-2"),
+            html.H5("Maiko Chat", className="mb-2"),
             dcc.Loading(
                 id="chat-loading",
                 type="dot",
                 children=[
-                    dbc.Input(id="chat-input", type="text", placeholder="Chat with AI to update document...", className="mb-2", style={'whiteSpace':'pre-wrap'}),
-                    dbc.Button("Send", id="btn-send-chat", color="primary", className="mb-3"),
+                    dcc.Textarea(
+                        id="chat-input",
+                        placeholder="Chat with AI to update document...",
+                        className="mb-2",
+                        style={
+                            'whiteSpace':'pre-wrap',
+                            'width': '100%',
+                            'minHeight': '100px',
+                            'maxHeight': '300px',
+                            'resize': 'vertical',
+                            'overflowY': 'auto'
+                        },
+                        rows=5,
+                        autoFocus=False,
+                        wrap='soft'
+                    ),
+                    dbc.Row([
+                        dbc.Col(
+                            dbc.Button("Send", id="btn-send-chat", color="primary", className="mb-3 w-100"),
+                            width=6
+                        ),
+                        dbc.Col(
+                            dbc.Button("Clear Chat", id="btn-clear-chat", color="secondary", className="mb-3 w-100"),
+                            width=6
+                        ),
+                    ], className="g-1 mb-2"),
                     html.Div(id="chat-output")
                 ]
             )
@@ -118,29 +167,10 @@ def get_left_col_content():
         className="mt-4"
     )
     return [
-        html.H4("Proposal Documents", className="mt-3 mb-4"),
+        html.H4("Proposal Writer", className="mt-3 mb-4"),
         html.Div([
             html.Div(className="blinking-dot", style={'margin':'0 auto','width':'16px','height':'16px'}),
         ], style={'textAlign':'center', 'marginBottom':'10px'}),
-        dcc.Upload(
-            id='upload-document',
-            children=html.Div([
-                'Drag and Drop or ',
-                html.A('Select Files')
-            ]),
-            style={
-                'width': '100%',
-                'height': '60px',
-                'lineHeight': '60px',
-                'borderWidth': '1px',
-                'borderStyle': 'dashed',
-                'borderRadius': '5px',
-                'textAlign': 'center',
-                'margin': '10px 0'
-            },
-            multiple=True
-        ),
-        file_list_component(),
         html.Hr(),
         html.Div(
             id='doc-type-buttons'
@@ -519,12 +549,19 @@ Now, generate the {document_type}:
     Output('chat-output', 'children'),
     Output('document-preview', 'children', allow_duplicate=True),
     Input('btn-send-chat', 'n_clicks'),
+    Input('btn-clear-chat', 'n_clicks'),
     State('chat-input', 'value'),
     State('selected-doc-type', 'data'),
     prevent_initial_call=True
 )
-def update_document_via_chat(n_clicks, chat_input, selected_doc_type):
+def update_document_via_chat(btn_send, btn_clear, chat_input, selected_doc_type):
     global current_document, document_type
+    ctx = callback_context
+    if not ctx.triggered:
+        raise dash.exceptions.PreventUpdate
+    trigger_id = ctx.triggered[0]['prop_id'].split('.')[0]
+    if trigger_id == 'btn-clear-chat':
+        return "", dash.no_update
     if not chat_input or current_document is None:
         raise dash.exceptions.PreventUpdate