Update app.py via AI Editor

app.py

@@ -174,37 +174,47 @@ def left_navbar_static():
         html.Ul(id="chat-history-list", style={"listStyle": "none", "paddingLeft": "0"}),
     ], style={"padding": "1rem", "backgroundColor": "#f8f9fa", "height": "100vh", "overflowY": "auto"})
 
+def chat_box_card():
+    return dbc.Card(
+        dbc.CardBody([
+            html.Div(id="chat-window", style={
+                "height": "60vh",
+                "overflowY": "auto",
+                "display": "flex",
+                "flexDirection": "column",
+                "justifyContent": "flex-end",
+                "backgroundColor": "#fff",
+                "padding": "0.5rem",
+                "borderRadius": "0.5rem"
+            })
+        ]),
+        className="mt-3"
+    )
+
+def user_input_card():
+    return dbc.Card(
+        dbc.CardBody([
+            html.Div([
+                dcc.Textarea(
+                    id="user-input",
+                    placeholder="Type your question...",
+                    style={"width": "100%", "height": "60px", "resize": "vertical", "wordWrap": "break-word"},
+                    wrap="soft",
+                    maxLength=1000
+                ),
+                html.Div([
+                    dbc.Button("Send", id="send-btn", color="primary", className="mt-2 me-2", style={"minWidth": "100px"}),
+                    dbc.Button("New Chat", id="new-chat-btn", color="secondary", className="mt-2", style={"minWidth": "110px"}),
+                ], style={"float": "right", "display": "flex", "gap": "0.5rem"}),
+            ], style={"marginTop": "1rem"}),
+            html.Div(id="error-message", style={"color": "#bb2124", "marginTop": "0.5rem"}),
+        ])
+    )
+
 def right_main_static():
     return html.Div([
-        dbc.Card([
-            dbc.CardBody([
-                html.Div(id="chat-window", style={
-                    "height": "60vh",
-                    "overflowY": "auto",
-                    "display": "flex",
-                    "flexDirection": "column",
-                    "justifyContent": "flex-end",
-                    "backgroundColor": "#fff",
-                    "padding": "0.5rem",
-                    "borderRadius": "0.5rem"
-                }),
-                html.Div([
-                    dcc.Textarea(
-                        id="user-input",
-                        placeholder="Type your question...",
-                        style={"width": "100%", "height": "60px", "resize": "vertical", "wordWrap": "break-word"},
-                        wrap="soft",
-                        maxLength=1000,
-                        autoFocus=True
-                    ),
-                    html.Div([
-                        dbc.Button("Send", id="send-btn", color="primary", className="mt-2 me-2", style={"minWidth": "100px"}),
-                        dbc.Button("New Chat", id="new-chat-btn", color="secondary", className="mt-2", style={"minWidth": "110px"}),
-                    ], style={"float": "right", "display": "flex", "gap": "0.5rem"}),
-                ], style={"marginTop": "1rem"}),
-                html.Div(id="error-message", style={"color": "#bb2124", "marginTop": "0.5rem"}),
-            ])
-        ], className="mt-3"),
+        chat_box_card(),
+        user_input_card(),
         dcc.Loading(id="loading", type="default", fullscreen=False, style={"position": "absolute", "top": "5%", "left": "50%"}),
         dcc.Interval(id="stream-interval", interval=400, n_intervals=0, disabled=True, max_intervals=1000)
     ], style={"padding": "1rem", "backgroundColor": "#fff", "height": "100vh", "overflowY": "auto"})
@@ -430,27 +440,6 @@ def main_callback(session_id, send_clicks, file_contents, new_chat_clicks, strea
             return upload_cards, chat_history_items, chat_cards, error, (not state.get("streaming", False)), 0, ""
         return upload_cards, chat_history_items, chat_cards, error, (not state.get("streaming", False)), 0, user_input or ""
 
-# Clientside callback for pressing Enter to send
-app.clientside_callback(
-    """
-    function(n_clicks) {
-        var ta = document.getElementById('user-input');
-        if (ta) {
-            ta.addEventListener('keydown', function(e) {
-                if (e.key === 'Enter' && !e.shiftKey) {
-                    e.preventDefault();
-                    var sendBtn = document.getElementById('send-btn');
-                    if(sendBtn){sendBtn.click();}
-                }
-            }, {once: true});
-        }
-        return window.dash_clientside.no_update;
-    }
-    """,
-    Output('user-input', 'value'),
-    [Input('send-btn', 'n_clicks')]
-)
-
 @app_flask.after_request
 def set_session_cookie(resp):
     sid = flask_request.cookies.get("asktricare_session_id")