Add vertical scrolling

Dockerfile

@@ -1,28 +1,18 @@
-FROM python:3.11
+FROM python:3.12
+COPY --from=ghcr.io/astral-sh/uv:0.4.20 /uv /bin/uv
 
 # Set up a new user named "user" with user ID 1000
 RUN useradd -m -u 1000 user
+ENV PATH="/home/user/.local/bin:$PATH"
+ENV UV_SYSTEM_PYTHON=1
 
-# Switch to the "user" user
-USER user
-
-# Set home to the user's home directory
-ENV HOME=/home/user \
-	PATH=/home/user/.local/bin:$PATH
-
-# Set the working directory to the user's home directory
-WORKDIR $HOME/app
-
-# Try and run pip command after setting the user with `USER user` to avoid permission issues with Python
-RUN pip install --no-cache-dir --upgrade pip
+WORKDIR /app
 
-# Copy the current directory contents into the container at $HOME/app setting the owner to the user
-COPY --chown=user . $HOME/app
+COPY --chown=user ./requirements.txt requirements.txt
+RUN uv pip install -r requirements.txt
 
-COPY --chown=user requirements.txt .
-
-RUN pip install --no-cache-dir --upgrade -r requirements.txt
-
-COPY --chown=user app.py .
+COPY --chown=user . /app
+# Switch to the "user" user
+USER user
 
-ENTRYPOINT ["solara", "run", "app.py", "--host=0.0.0.0", "--port", "7860"]
+CMD ["solara", "run", "app.py", "--host", "0.0.0.0", "--port", "7860"]

app.py

@@ -286,7 +286,8 @@ def Page():
     
             result = solara.lab.use_task(result, dependencies=[user_message_count])  # type: ignore
             
-            with ChatBox(style={"background-color":"transparent!important","flex-grow":"1","position": "fixed", "bottom": "10rem", "width": "50%"}):
+            #with ChatBox(style={"background-color":"transparent!important","flex-grow":"1","position": "fixed", "bottom": "10rem", "width": "50%"}):
+            with ChatBox(style={"position": "fixed", "overflow-y": "scroll","scrollbar-width": "none", "-ms-overflow-style": "none", "top": "4.5rem", "bottom": "10rem", "width": "50%"}):
                 for item in messages.value:
                     with ChatMessage(
                         user=item["role"] == "user",