Spaces:
Build error
Build error
Update app.py
Browse files
app.py
CHANGED
|
@@ -127,7 +127,28 @@ def render_message(history):
|
|
| 127 |
|
| 128 |
return messages_html
|
| 129 |
|
| 130 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 131 |
|
| 132 |
with gr.Column(visible=True) as auth_view:
|
| 133 |
gr.Markdown("## P-MSQ Authorization")
|
|
|
|
| 127 |
|
| 128 |
return messages_html
|
| 129 |
|
| 130 |
+
js =
|
| 131 |
+
"""
|
| 132 |
+
function Scrolldown() {
|
| 133 |
+
let targetNode = document.querySelector('#chatbox-container');
|
| 134 |
+
|
| 135 |
+
if (!targetNode) {
|
| 136 |
+
console.error('Chat container not found');
|
| 137 |
+
return;
|
| 138 |
+
}
|
| 139 |
+
|
| 140 |
+
const config = { childList: true, subtree: true };
|
| 141 |
+
|
| 142 |
+
const callback = (mutationList, observer) => {
|
| 143 |
+
targetNode.scrollTop = targetNode.scrollHeight;
|
| 144 |
+
};
|
| 145 |
+
|
| 146 |
+
const observer = new MutationObserver(callback);
|
| 147 |
+
|
| 148 |
+
observer.observe(targetNode, config);
|
| 149 |
+
}
|
| 150 |
+
"""
|
| 151 |
+
with gr.Blocks(css=".chatbox {height: 400px; overflow-y: auto; border: 1px solid #262626; padding: 10px; background-color: #171717;}", js=js) as demo:
|
| 152 |
|
| 153 |
with gr.Column(visible=True) as auth_view:
|
| 154 |
gr.Markdown("## P-MSQ Authorization")
|