From ee2056a1598bba8f3ae57f68cdd6657fdd572403 Mon Sep 17 00:00:00 2001
From: seb <sebgreenbus@gmail.com>
Date: Wed, 7 Oct 2026 14:01:34 +0200
Subject: [PATCH] u

---
 src/components/chat/ChatDrawer.jsx   | 58 ++++++++++++++--------------
 src/components/tiles/ArticleTile.jsx | 58 ++++++++++++++++++----------
 2 files changed, 65 insertions(+), 51 deletions(-)

diff --git a/src/components/chat/ChatDrawer.jsx b/src/components/chat/ChatDrawer.jsx
index bda050e..3e5ba77 100644
--- a/src/components/chat/ChatDrawer.jsx
+++ b/src/components/chat/ChatDrawer.jsx
@@ -893,27 +893,25 @@ export default class ChatDrawer extends PureComponent {
           )}
 
           <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, ml: 1, flexShrink: 0 }}>
-            <Tooltip title={isVfsOpen ? 'Dateien schließen' : 'Dateien parallel öffnen'}>
-              <IconButton
-                size="small"
-                onClick={() => vfsAutomat.actions.toggleVfs()}
-                aria-label="Dateien"
-                sx={{
-                  p: 0.5,
-                  color: isVfsOpen ? 'primary.main' : 'text.secondary',
-                  bgcolor: isVfsOpen ? 'action.selected' : 'transparent',
-                  borderRadius: 1.5,
-                  border: '1px solid',
-                  borderColor: isVfsOpen ? 'primary.main' : 'transparent',
-                  '&:hover': {
-                    color: 'primary.main',
-                    bgcolor: 'action.hover',
-                  },
-                }}
-              >
-                <FolderOpenRoundedIcon sx={{ fontSize: 19 }} />
-              </IconButton>
-            </Tooltip>
+            <IconButton
+              size="small"
+              onClick={() => vfsAutomat.actions.toggleVfs()}
+              aria-label="Dateien"
+              sx={{
+                p: 0.5,
+                color: isVfsOpen ? 'primary.main' : 'text.secondary',
+                bgcolor: isVfsOpen ? 'action.selected' : 'transparent',
+                borderRadius: 1.5,
+                border: '1px solid',
+                borderColor: isVfsOpen ? 'primary.main' : 'transparent',
+                '&:hover': {
+                  color: 'primary.main',
+                  bgcolor: 'action.hover',
+                },
+              }}
+            >
+              <FolderOpenRoundedIcon sx={{ fontSize: 19 }} />
+            </IconButton>
 
             <IconButton size="small" onClick={this.handleClose} aria-label="Chat schließen" sx={{ p: 0.5 }}>
               <CloseRoundedIcon fontSize="small" />
@@ -1070,15 +1068,15 @@ export default class ChatDrawer extends PureComponent {
             messages={
               streamingText && (!this.state.activeTurns || this.state.activeTurns.length === 0)
                 ? [
-                    ...messages,
-                    {
-                      id: 'streaming',
-                      conversation_id: selectedConversationId,
-                      role: 'assistant',
-                      message: streamingText,
-                      streaming: true,
-                    },
-                  ]
+                  ...messages,
+                  {
+                    id: 'streaming',
+                    conversation_id: selectedConversationId,
+                    role: 'assistant',
+                    message: streamingText,
+                    streaming: true,
+                  },
+                ]
                 : messages
             }
             activeTurns={this.state.activeTurns}
diff --git a/src/components/tiles/ArticleTile.jsx b/src/components/tiles/ArticleTile.jsx
index cdea611..f887983 100644
--- a/src/components/tiles/ArticleTile.jsx
+++ b/src/components/tiles/ArticleTile.jsx
@@ -17,11 +17,12 @@ import { BrandLabel } from '../brand';
 import { thumb } from '../../api';
 import {
   GREEN_BRIGHT,
+  ICE,
   INK_STRONG,
   SCRIM_LABEL,
   SCRIM_TILE,
   TEXT_GLOW_DARK,
-  TEXT_GLOW_LIGHT,
+  VEIL_MUTED,
   WHITE,
 } from '../../colors';
 
@@ -410,7 +411,6 @@ export class ArticleTile extends Tile {
           {/* Row 1: Brand */}
           <Box
             sx={{
-              height: 18,
               minHeight: 18,
               display: 'flex',
               alignItems: 'center',
@@ -425,37 +425,53 @@ export class ArticleTile extends Tile {
                 spacing={0.5}
                 typographyProps={{
                   variant: 'caption',
-                  noWrap: true,
                   sx: {
-                    color: INK_STRONG,
+                    color: ICE,
                     fontWeight: 600,
-                    lineHeight: 1.2,
+                    lineHeight: 1.25,
+                    px: '4px',
                     py: '2px',
-                    textShadow: TEXT_GLOW_LIGHT,
+                    mx: '-2px',
+                    overflow: 'visible',
+                    textShadow: TEXT_GLOW_DARK,
                   },
                 }}
               />
             ) : null}
           </Box>
 
-          {/* Rows 2 & 3: Name */}
-          <Typography
-            variant="body2"
-            fontWeight={600}
+          {/* Rows 2 & 3: Name inside transparent whitish band */}
+          <Box
             sx={{
-              color: INK_STRONG,
-              lineHeight: 1.2,
-              height: '2.4em',
-              textShadow: TEXT_GLOW_LIGHT,
-              display: '-webkit-box',
-              WebkitLineClamp: 2,
-              WebkitBoxOrient: 'vertical',
-              overflow: 'hidden',
-              wordBreak: 'break-word',
+              mx: -1,
+              px: 1,
+              py: '2px',
+              my: 0.25,
+              bgcolor: VEIL_MUTED,
+              backdropFilter: 'blur(4px)',
+              WebkitBackdropFilter: 'blur(4px)',
             }}
           >
-            {label || article?.name?.trim() || '\u00A0'}
-          </Typography>
+            <Typography
+              variant="body2"
+              fontWeight={650}
+              sx={{
+                color: INK_STRONG,
+                lineHeight: 1.2,
+                height: '2.4em',
+                px: '4px',
+                mx: '-4px',
+                textShadow: '0 0 3px rgba(255, 255, 255, 0.9), 0 0 6px rgba(255, 255, 255, 0.7)',
+                display: '-webkit-box',
+                WebkitLineClamp: 2,
+                WebkitBoxOrient: 'vertical',
+                overflow: 'hidden',
+                wordBreak: 'break-word',
+              }}
+            >
+              {label || article?.name?.trim() || '\u00A0'}
+            </Typography>
+          </Box>
 
           {/* Row 4: SKU */}
           <Typography