seb/dashfront
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

u

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

58
src/components/chat/ChatDrawer.jsx
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 }}> <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, ml: 1, flexShrink: 0 }}>
<Tooltip title={isVfsOpen ? 'Dateien schließen' : 'Dateien parallel öffnen'}> <IconButton
<IconButton size="small"
size="small" onClick={() => vfsAutomat.actions.toggleVfs()}
onClick={() => vfsAutomat.actions.toggleVfs()} aria-label="Dateien"
aria-label="Dateien" sx={{
sx={{ p: 0.5,
p: 0.5, color: isVfsOpen ? 'primary.main' : 'text.secondary',
color: isVfsOpen ? 'primary.main' : 'text.secondary', bgcolor: isVfsOpen ? 'action.selected' : 'transparent',
bgcolor: isVfsOpen ? 'action.selected' : 'transparent', borderRadius: 1.5,
borderRadius: 1.5, border: '1px solid',
border: '1px solid', borderColor: isVfsOpen ? 'primary.main' : 'transparent',
borderColor: isVfsOpen ? 'primary.main' : 'transparent', '&:hover': {
'&:hover': { color: 'primary.main',
color: 'primary.main', bgcolor: 'action.hover',
bgcolor: 'action.hover', },
}, }}
}} >
> <FolderOpenRoundedIcon sx={{ fontSize: 19 }} />
<FolderOpenRoundedIcon sx={{ fontSize: 19 }} /> </IconButton>
</IconButton>
</Tooltip>
<IconButton size="small" onClick={this.handleClose} aria-label="Chat schließen" sx={{ p: 0.5 }}> <IconButton size="small" onClick={this.handleClose} aria-label="Chat schließen" sx={{ p: 0.5 }}>
<CloseRoundedIcon fontSize="small" /> <CloseRoundedIcon fontSize="small" />
@@ -1070,15 +1068,15 @@ export default class ChatDrawer extends PureComponent {
messages={ messages={
streamingText && (!this.state.activeTurns || this.state.activeTurns.length === 0) streamingText && (!this.state.activeTurns || this.state.activeTurns.length === 0)
? [ ? [
...messages, ...messages,
{ {
id: 'streaming', id: 'streaming',
conversation_id: selectedConversationId, conversation_id: selectedConversationId,
role: 'assistant', role: 'assistant',
message: streamingText, message: streamingText,
streaming: true, streaming: true,
}, },
] ]
: messages : messages
} }
activeTurns={this.state.activeTurns} activeTurns={this.state.activeTurns}

58
src/components/tiles/ArticleTile.jsx
View File

@@ -17,11 +17,12 @@ import { BrandLabel } from '../brand';
import { thumb } from '../../api'; import { thumb } from '../../api';
import { import {
GREEN_BRIGHT, GREEN_BRIGHT,
ICE,
INK_STRONG, INK_STRONG,
SCRIM_LABEL, SCRIM_LABEL,
SCRIM_TILE, SCRIM_TILE,
TEXT_GLOW_DARK, TEXT_GLOW_DARK,
TEXT_GLOW_LIGHT, VEIL_MUTED,
WHITE, WHITE,
} from '../../colors'; } from '../../colors';
@@ -410,7 +411,6 @@ export class ArticleTile extends Tile {
{/* Row 1: Brand */} {/* Row 1: Brand */}
<Box <Box
sx={{ sx={{
height: 18,
minHeight: 18, minHeight: 18,
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
@@ -425,37 +425,53 @@ export class ArticleTile extends Tile {
spacing={0.5} spacing={0.5}
typographyProps={{ typographyProps={{
variant: 'caption', variant: 'caption',
noWrap: true,
sx: { sx: {
color: INK_STRONG, color: ICE,
fontWeight: 600, fontWeight: 600,
lineHeight: 1.2, lineHeight: 1.25,
px: '4px',
py: '2px', py: '2px',
textShadow: TEXT_GLOW_LIGHT, mx: '-2px',
overflow: 'visible',
textShadow: TEXT_GLOW_DARK,
}, },
}} }}
/> />
) : null} ) : null}
</Box> </Box>
{/* Rows 2 & 3: Name */} {/* Rows 2 & 3: Name inside transparent whitish band */}
<Typography <Box
variant="body2"
fontWeight={600}
sx={{ sx={{
color: INK_STRONG, mx: -1,
lineHeight: 1.2, px: 1,
height: '2.4em', py: '2px',
textShadow: TEXT_GLOW_LIGHT, my: 0.25,
display: '-webkit-box', bgcolor: VEIL_MUTED,
WebkitLineClamp: 2, backdropFilter: 'blur(4px)',
WebkitBoxOrient: 'vertical', WebkitBackdropFilter: 'blur(4px)',
overflow: 'hidden',
wordBreak: 'break-word',
}} }}
> >
{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 */} {/* Row 4: SKU */}
<Typography <Typography