- Layout improvements for the Chat client

eveai_chat_client/static/assets/vue-components/ProgressTracker.vue

@@ -3,7 +3,8 @@
     <div v-if="shouldShowFullTracker" class="progress-tracker" :class="{ 
         'expanded': isExpanded, 
         'completed': isCompleted && !hasError, 
-        'error': error || hasError
+        'error': error || hasError,
+        'input-area': isInInputArea
     }">
         <div 
             class="progress-header" 
@@ -106,6 +107,10 @@ export default {
         isLatestAiMessage: {
             type: Boolean,
             default: false
+        },
+        isInInputArea: {
+            type: Boolean,
+            default: false
         }
     },
     emits: ['specialist-complete', 'specialist-error'],
@@ -590,8 +595,8 @@ export default {
 }
 
 .working-animation-only {
-    width: 24px;
-    height: 24px;
+    width: 50px;
+    height: 50px;
     /* Evie working animatie styling */
 }
 
@@ -604,4 +609,11 @@ export default {
     font-size: 13px;
     border: 1px solid #f44336;
 }
+
+/* Input area specific styling */
+
+
+.progress-tracker.input-area .progress-title {
+    justify-content: flex-start;
+}
 </style>