This commit is contained in:
seb
2026-10-07 14:01:34 +02:00
parent 8f46e59f08
commit ee2056a159
2 changed files with 65 additions and 51 deletions

View File

@@ -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}

View File

@@ -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