Add vertical scrollbar

app.py

@@ -4,6 +4,18 @@ import random
 from typing import List
 from typing_extensions import TypedDict
 
+@solara.component
+def GithubAvatar(name: str, handle: str, img: str):
+    with solara.v.Html(tag="a", attributes={"href": f"https://github.com/{handle}/", "target": "_blank"}):
+        with solara.v.ListItem(class_="pa-0"):
+            with solara.v.ListItemAvatar(color="grey darken-3"):
+                solara.v.Img(
+                    class_="elevation-6",
+                    src=img,
+                )
+            with solara.v.ListItemContent():
+                solara.v.ListItemTitle(children=["By " + name])
+
 # Streamed response emulator
 def response_generator():
     response = random.choice(
@@ -36,8 +48,15 @@ def Page():
     title = "StreamBot"
     with solara.Head():
         solara.Title(f"{title}")
-    with solara.Column(align="center"):
+    with solara.Sidebar():
         solara.Markdown(f"#{title}")
+        GithubAvatar(
+            "Alonso Silva Allende",
+            "alonsosilvaallende",
+            "https://avatars.githubusercontent.com/u/30263736?v=4",
+        )
+
+    with solara.Column(align="center"):
 
         user_message_count = len([m for m in messages.value if m["role"] == "user"])
 
@@ -59,7 +78,7 @@ def Page():
         result = solara.lab.use_task(result, dependencies=[user_message_count])  # type: ignore
 
         with solara.Column(align="center"):
-            with solara.lab.ChatBox(style={"position": "fixed", "bottom": "10rem", "width": "70%"}):
+            with solara.lab.ChatBox(style={"position": "fixed", "overflow-y": "scroll", "scrollbar-width": "none", "-ms-overflow-style": "none", "top": "4.5rem", "bottom": "10rem", "width": "60%"}):
                 for item in messages.value:
                     with solara.lab.ChatMessage(
                         user=item["role"] == "user",
@@ -68,4 +87,4 @@ def Page():
                         border_radius="20px",
                     ):
                         solara.Markdown(item["content"])
-            solara.lab.ChatInput(send_callback=send, style={"position": "fixed", "bottom": "3rem", "width": "70%"})
+            solara.lab.ChatInput(send_callback=send, style={"position": "fixed", "bottom": "3rem", "width": "60%"})