fix: remove nested scrolling in chat/result views

Remove overflow:auto and maxHeight from all inner containers
(assistantMessage, widgetContainer, json, jsonPre) so content
flows flat within the outer scroll context. Browser handles
scrolling naturally.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: abossard

README.md

@@ -43,29 +43,6 @@ All deep-dive guides now live under `docs/` for easier discovery:
 - **[Publishing Guide](docs/KBA_PUBLISHING.md)** – How to publish KBAs to different KB systems
 
 
-### DSPy Prompt Tuning Playground
-
-> **NEW:** Interactive Jupyter notebook series teaching prompt optimization with DSPy
-
-- **[Playground README](notebooks/README.md)** – Setup, learning path, and task catalog
-
-#### Quick start
-
-```bash
-source .venv/bin/activate
-pip install -r notebooks/requirements.txt
-cd notebooks && jupyter lab
-```
-
-Open `00_introduction.ipynb` and follow the 8-notebook learning path. The notebooks automatically discover available models from your `.env` LiteLLM config — no hardcoded API keys needed.
-
-#### What's inside
-
-- **8 notebooks** organized by learning concept (Grokking Simplicity, Philosophy of Software Design)
-- **20 LLM tasks** across 4 tiers (Basics → Reasoning → Composition → Agentic)
-- **ipywidgets** for interactive model selection, optimization controls, and prompt diff viewing
-- **Plotly charts** for model comparison, optimization progress, and ROI calculation
-- Uses the same `LITELLM_MODEL` / `LITELLM_FALLBACK_MODELS` env vars as the backend
 
 
 ## 5-minute quick start (TL;DR)

frontend/src/features/workbench/ConversationPanel.jsx

@@ -66,7 +66,6 @@ const useStyles = makeStyles({
     padding: '10px 14px',
     borderRadius: '12px 12px 12px 2px',
     maxWidth: '90%',
-    overflow: 'auto',
   },
   toolCallMessage: {
     alignSelf: 'flex-start',

frontend/src/features/workbench/RunConversationModal.jsx

@@ -81,7 +81,6 @@ const useStyles = makeStyles({
     padding: '10px 14px',
     borderRadius: '12px 12px 12px 2px',
     maxWidth: '95%',
-    overflow: 'auto',
   },
   toolCallMessage: {
     alignSelf: 'flex-start',

frontend/src/features/workbench/SchemaRenderer.jsx

@@ -170,9 +170,8 @@ const useStyles = makeStyles({
     padding: tokens.spacingHorizontalM,
     borderRadius: tokens.borderRadiusMedium,
     fontSize: tokens.fontSizeBase200,
-    overflow: 'auto',
-    maxHeight: '200px',
     fontFamily: 'monospace',
+    whiteSpace: 'pre-wrap',
   },
 })
 

frontend/src/features/workbench/toolRenders.jsx

@@ -18,7 +18,6 @@ const useStyles = makeStyles({
   widgetContainer: {
     margin: '8px 0',
     maxWidth: '100%',
-    overflow: 'auto',
   },
   table: {
     width: '100%',
@@ -77,8 +76,6 @@ const useStyles = makeStyles({
     borderRadius: '6px',
     fontFamily: 'monospace',
     fontSize: '12px',
-    overflow: 'auto',
-    maxHeight: '400px',
     whiteSpace: 'pre-wrap',
   },
   markdown: {