1 files changed, 34 insertions, 0 deletions

diff --git a/renderer/src/styles/globals.css b/renderer/src/styles/globals.css
index 03c7443..7a8ae45 100644
--- a/renderer/src/styles/globals.css
+++ b/renderer/src/styles/globals.css
@@ -490,6 +490,40 @@ html[data-theme="light"] .session-rename-input {
 .message.loading {
   color: var(--text-secondary);
   font-style: italic;
+  animation: thinking-pulse 1.8s ease-in-out infinite;
+}
+
+/* Flex row so the activity text and cancel × sit on one line */
+.message.loading .message-content {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  white-space: normal;
+}
+
+/* Cancel × button inside the Thinking bubble */
+.loading-cancel-x {
+  background: transparent;
+  border: none;
+  color: var(--text-secondary);
+  cursor: pointer;
+  font-size: 16px;
+  line-height: 1;
+  padding: 0 2px;
+  opacity: 0.45;
+  flex-shrink: 0;
+  font-family: inherit;
+  transition: opacity 0.15s, color 0.15s;
+}
+
+.loading-cancel-x:hover {
+  opacity: 1;
+  color: var(--text-primary);
+}
+
+@keyframes thinking-pulse {
+  0%, 100% { opacity: 0.55; }
+  50%       { opacity: 1;    }
 }
 
 .chat-input {