krypto/kaizen-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: krypto:10ece6d72f0adb1f74308a9c328705236ca944e8
Branches Tags
krypto:main
...
compare: krypto:dea379e237a13b2f62a39679dbb35922b7a9dc1d
Branches Tags
krypto:main

2 commits
10ece6d72f ... dea379e237

Author SHA1 Message Date
Bruno Deanoz
dea379e237 fix: increase message spacing from 16dp to 24dp 2026-06-23 01:02:47 +02:00
Bruno Deanoz
0ade063b34 feat: improve message action buttons — larger, visible, subtle background 
Buttons: 30dp→34dp with squircle shape (KaizenShapes.sm), subtle tinted
background (dark: white 4%, light: black 2.5%), icons 16→17dp. Tint alpha
raised from 0.35→0.50 (copy/regenerate/volume) and 0.6→0.70 (delete) so
buttons are actually visible in both light and dark mode. Spacing 2→4dp
between buttons, top padding 4→6dp.
 2026-06-23 01:02:07 +02:00
2 changed files with 16 additions and 14 deletions
Show stats Expand all files Collapse all files

28
app/src/main/java/dev/kaizen/app/chat/ChatComponents.kt
View file

@ -395,12 +395,12 @@ fun MessageRow(
}
if (!message.streaming) {
Row(
Modifier.padding(top = 4.dp, end = 4.dp),
horizontalArrangement = Arrangement.spacedBy(2.dp),
Modifier.padding(top = 6.dp, end = 4.dp),
horizontalArrangement = Arrangement.spacedBy(4.dp),
) {
MessageActionButton(
icon = if (copied) KaizenIcons.Check else KaizenIcons.Copy,
tint = if (copied) Color(0xFF10B981) else cs.onSurfaceVariant.copy(alpha = 0.35f),
tint = if (copied) Color(0xFF10B981) else cs.onSurfaceVariant.copy(alpha = 0.50f),
) {
haptics.tick()
copied = true
@ -411,7 +411,7 @@ fun MessageRow(
}
}
onDelete?.let { del ->
MessageActionButton(KaizenIcons.Trash, Color(0xFFEF4444).copy(alpha = 0.6f)) {
MessageActionButton(KaizenIcons.Trash, Color(0xFFEF4444).copy(alpha = 0.70f)) {
haptics.tick(); del(message.wireId)
}
}
@ -448,12 +448,12 @@ fun MessageRow(
}
if (!message.streaming && !message.thinking && message.content.isNotBlank()) {
Row(
Modifier.padding(start = 38.dp, top = 4.dp),
horizontalArrangement = Arrangement.spacedBy(2.dp),
Modifier.padding(start = 38.dp, top = 6.dp),
horizontalArrangement = Arrangement.spacedBy(4.dp),
) {
MessageActionButton(
icon = if (copied) KaizenIcons.Check else KaizenIcons.Copy,
tint = if (copied) Color(0xFF10B981) else cs.onSurfaceVariant.copy(alpha = 0.35f),
tint = if (copied) Color(0xFF10B981) else cs.onSurfaceVariant.copy(alpha = 0.50f),
) {
haptics.tick()
copied = true
@ -466,18 +466,18 @@ fun MessageRow(
onReadAloud?.let { readAloud ->
MessageActionButton(
icon = KaizenIcons.Volume2,
tint = if (isPlayingTts) accent.primary else cs.onSurfaceVariant.copy(alpha = 0.35f),
tint = if (isPlayingTts) accent.primary else cs.onSurfaceVariant.copy(alpha = 0.50f),
) {
haptics.tick(); readAloud(message.content)
}
}
onRegenerate?.let { regen ->
MessageActionButton(KaizenIcons.RefreshCw, cs.onSurfaceVariant.copy(alpha = 0.35f)) {
MessageActionButton(KaizenIcons.RefreshCw, cs.onSurfaceVariant.copy(alpha = 0.50f)) {
haptics.tick(); regen(message.wireId)
}
}
onDelete?.let { del ->
MessageActionButton(KaizenIcons.Trash, Color(0xFFEF4444).copy(alpha = 0.6f)) {
MessageActionButton(KaizenIcons.Trash, Color(0xFFEF4444).copy(alpha = 0.70f)) {
haptics.tick(); del(message.wireId)
}
}
@ -489,14 +489,16 @@ fun MessageRow(
@Composable
private fun MessageActionButton(icon: ImageVector, tint: Color, onClick: () -> Unit) {
val isDark = isSystemInDarkTheme()
Box(
Modifier
.size(30.dp)
.clip(KaizenShapes.circle)
.size(34.dp)
.clip(KaizenShapes.sm)
.background(if (isDark) Color(0x0AFFFFFF) else Color(0x06000000))
.clickable(onClick = onClick),
contentAlignment = Alignment.Center,
) {
Icon(icon, null, tint = tint, modifier = Modifier.size(16.dp))
Icon(icon, null, tint = tint, modifier = Modifier.size(17.dp))
}
}

2
app/src/main/java/dev/kaizen/app/chat/ChatScreen.kt
View file

@ -761,7 +761,7 @@ fun ChatScreen(
start = 16.dp,
end = 16.dp
),
verticalArrangement = Arrangement.spacedBy(16.dp),
verticalArrangement = Arrangement.spacedBy(24.dp),
) {
items(messages, key = { it.id }) { message ->
MessageRow(