fix(ui): keep workspace CSV previews within the tab height

Co-Authored-By: Paperclip <noreply@paperclip.ing>

ui/src/components/task-side-panel/TaskAttachmentPanel.tsx

@@ -64,7 +64,7 @@ export function TextAttachmentPreview({ title, text, markdown, downloadUrl, csv
         </Button>
       </header>
       <div className={csv && !raw ? "flex min-h-0 flex-1 flex-col overflow-hidden" : "min-h-0 flex-1 overflow-auto p-4"}>
-        {text.length === 0 ? <p className="text-sm text-muted-foreground">File is empty.</p>
+        {text.length === 0 ? <p className="p-4 text-sm text-muted-foreground">File is empty.</p>
           : csv && !raw ? <CsvPreview text={text} title={title} />
           : markdown && !raw ? <MarkdownBody mediaMode="reference">{text}</MarkdownBody>
           : <pre className="whitespace-pre-wrap break-words font-mono text-sm" aria-label={`${title} raw text`}>{text}</pre>}

ui/src/components/task-side-panel/TaskWorkspaceFilePanel.tsx

@@ -90,7 +90,7 @@ export function TaskWorkspaceFilePanel({
           ) : null}
         </div>
       </header>
-      <div className="min-h-0 flex-1 overflow-hidden">
+      <div className="flex min-h-0 flex-1 flex-col overflow-hidden">
         <div className="sr-only" aria-live="polite">{announcement}</div>
         <FileViewerBody
           previewMode={previewMode}