bugfixes

web/src/components/ChatPanel.vue

@@ -653,10 +653,10 @@ onUnmounted(() => {
         v-if="isAgentProcessing"
         slot="send-icon"
         @click.stop="stopAgent"
-        style="display:flex;align-items:center;justify-content:center;width:100%;height:100%"
+        class="stop-btn"
       >
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20">
-          <rect x="4" y="4" width="16" height="16" rx="2" fill="#f23645"/>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18">
+          <rect x="4" y="4" width="16" height="16" rx="2" fill="currentColor"/>
         </svg>
       </div>
     </vue-advanced-chat>
@@ -664,6 +664,30 @@ onUnmounted(() => {
 </template>
 
 <style scoped>
+.stop-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: #f23645;
+  border-radius: 6px;
+  transition: color 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
+  cursor: pointer;
+}
+
+.stop-btn:hover {
+  color: #ff4d5e;
+  transform: scale(1.1);
+  box-shadow: 0 0 8px rgba(242, 54, 69, 0.4);
+}
+
+.stop-btn:active {
+  color: #c41e2e;
+  transform: scale(0.92);
+  box-shadow: 0 0 4px rgba(242, 54, 69, 0.2);
+}
+
 .chat-container {
   height: 100% !important;
   display: flex;