Fix Gradio UI components and update Dockerfile with proper system dependencies

Dockerfile

@@ -21,6 +21,7 @@ RUN apt-get update && apt-get install -y \
     libsm6 \
     libxext6 \
     ffmpeg \
+    xvfb \
     && rm -rf /var/lib/apt/lists/*
 
 # Set working directory
@@ -30,7 +31,7 @@ WORKDIR /app
 COPY requirements.txt .
 RUN pip install --no-cache-dir -r requirements.txt
 
-# Install Playwright browsers
+# Install Playwright browsers and dependencies
 RUN playwright install chromium
 RUN playwright install-deps
 
@@ -43,9 +44,17 @@ ENV GRADIO_SERVER_PORT=7861
 ENV GRADIO_ANALYTICS_ENABLED=false
 ENV GRADIO_ALLOW_FLAGGING=false
 ENV GRADIO_QUEUE_ENABLED=false
+ENV DISPLAY=:99
+
+# Create a non-root user
+RUN useradd -m -u 1000 user && \
+    chown -R user:user /app
+
+# Switch to non-root user
+USER user
 
 # Expose the port
 EXPOSE 7861
 
-# Run the application
-CMD ["python", "app.py"] 
+# Run the application with Xvfb
+CMD Xvfb :99 -screen 0 1280x1024x24 > /dev/null 2>&1 & python app.py 

owl/webapp.py

@@ -1145,7 +1145,7 @@ def create_ui():
             with gr.Tabs():  # Set conversation record as the default selected tab
                 with gr.TabItem("Conversation Record"):
                     # Add conversation record display area
-                    with gr.Box():
+                    with gr.Column():
                         log_display2 = gr.Markdown(
                             value="No conversation records yet.",
                             elem_classes="log-display",