Skip to content

Commit 17d15f3

Browse files
committed
feat(chat): disable animations for messages transitioning from streaming to improve user experience
1 parent c11c8f8 commit 17d15f3

2 files changed

Lines changed: 14 additions & 1 deletion

File tree

apps/electron-desktop/renderer/src/ui/chat/ChatTranscript.module.css

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,15 @@
8888
}
8989
}
9090

91+
/* Skip entry animation for messages that just transitioned from streaming */
92+
.UiChatRow--noAnim {
93+
animation: none;
94+
}
95+
96+
.UiChatRow--noAnim :global(.UiChatText) {
97+
animation: none;
98+
}
99+
91100
@media (prefers-reduced-motion: reduce) {
92101
.UiChatRow {
93102
animation: none;

apps/electron-desktop/renderer/src/ui/chat/components/AssistantMessage.module.css

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,13 +36,17 @@
3636
line-height: 1.6;
3737
font-size: 16px;
3838
color: #fff;
39-
animation: chatTextFadeIn 450ms cubic-bezier(0.16, 1, 0.3, 1) 80ms both;
4039
}
4140

4241
.UiChatBubble-stream {
4342
opacity: 0.9;
4443
}
4544

45+
/* Streaming text appears immediately — no fade-in delay */
46+
.UiChatBubble-stream :global(.UiChatText) {
47+
animation: none;
48+
}
49+
4650
.UiChatTypingDots {
4751
display: inline-flex;
4852
align-items: center;

0 commit comments

Comments
 (0)