move status messages to live feed and clean up UI

templates/index.html

@@ -702,11 +702,6 @@
                     </div>
 
                     <button type="submit" id="submit-button" class="action-button">Initiate Synthesis</button>
-
-                    <div id="loading-indicator"
-                        style="display: none; text-align: center; font-size: 0.7rem; color: var(--chlorophyll);">
-                        <i class="fas fa-spinner fa-spin"></i> PREPARING SEQUENCE...
-                    </div>
                 </div>
 
                 <div class="glass-panel pulse-feed">
@@ -758,7 +753,6 @@
     <script>
         const form = document.getElementById('video-form');
         const submitButton = document.getElementById('submit-button');
-        const loadingIndicator = document.getElementById('loading-indicator');
         const progressArea = document.getElementById('progress-area');
         const progressMessage = document.getElementById('progress-message');
         const thinkingHeader = document.getElementById('thinking-header');
@@ -851,9 +845,11 @@
                 return;
             }
 
-            loadingIndicator.style.display = 'block';
             submitButton.disabled = true;
-            submitButton.textContent = 'Synthesis Underway...';
+            submitButton.textContent = 'Synthesis Active';
+
+            thinkingHeader.innerHTML = "> PREPARING SEQUENCE...<br>> INITIATING HANDSHAKE...";
+            thinkingHeader.scrollTop = thinkingHeader.scrollHeight;
 
             const formData = new FormData(form);
             try {
@@ -861,7 +857,8 @@
                 const result = await res.json();
                 if (result.status === 'processing_started') {
                     currentRequestId = result.request_id;
-                    thinkingHeader.innerHTML = "> Handshake established...<br>> Core systems active.";
+                    thinkingHeader.innerHTML += "<br>> Handshake established.<br>> Core systems active.";
+                    thinkingHeader.scrollTop = thinkingHeader.scrollHeight;
                     progressArea.style.display = 'block';
                     if (progressInterval) clearInterval(progressInterval);
                     progressInterval = setInterval(pollProgress, POLLING_INTERVAL);
@@ -869,8 +866,8 @@
                     throw new Error(result.message);
                 }
             } catch (err) {
-                loadingIndicator.style.display = 'none';
-                showMessage('error', `Synthesis Failed: ${err.message}`);
+                thinkingHeader.innerHTML += `<br>><span style="color: var(--error-color);"> SYNTHESIS FAILED: ${err.message}</span>`;
+                thinkingHeader.scrollTop = thinkingHeader.scrollHeight;
                 submitButton.disabled = false;
                 submitButton.textContent = 'Initiate Synthesis';
             }
@@ -914,7 +911,6 @@
         }
 
         function completeHub(result) {
-            loadingIndicator.style.display = 'none';
             submitButton.disabled = false;
             submitButton.textContent = 'Initiate Synthesis';
 
@@ -998,7 +994,7 @@
                             instructionOnedrive.style.display = 'none';
                             btnOnedrive.style.display = 'none';
                             statusOnedrive.style.display = 'block';
-                            statusOnedrive.innerHTML = '<i class="fab fa-microsoft"></i> <i class="fas fa-check-circle"></i> Linked to OneDrive';
+                            statusOnedrive.innerHTML = '<i class="fab fa-windows"></i> Linked to OneDrive';
                             statusOnedrive.style.fontSize = '0.9rem';
                             projectSelectionOnedrive.style.display = 'block';
                             fetchOneDriveProjects(sData.access_token);
@@ -1007,7 +1003,7 @@
                 }
             } catch (err) {
                 btnOnedrive.disabled = false;
-                btnOnedrive.innerHTML = '<i class="fab fa-microsoft"></i> Retry Link';
+                btnOnedrive.innerHTML = '<i class="fab fa-windows"></i> Retry Link';
             }
         });
 
@@ -1035,7 +1031,7 @@
         function resetOneDriveLogin() {
             eraseCookie('velocity_onedrive_token');
             btnOnedrive.style.display = 'block';
-            btnOnedrive.innerHTML = '<i class="fab fa-microsoft"></i> Connect OneDrive';
+            btnOnedrive.innerHTML = '<i class="fab fa-windows"></i> Connect OneDrive';
             btnOnedrive.disabled = false;
             statusOnedrive.style.display = 'none';
             projectSelectionOnedrive.style.display = 'none';
@@ -1051,7 +1047,7 @@
                 document.getElementById('onedrive_access_token').value = cachedToken;
                 projectSelectionOnedrive.style.display = 'block';
                 fetchOneDriveProjects(cachedToken).then(() => {
-                    statusOnedrive.innerHTML = '<i class="fab fa-microsoft"></i> <i class="fas fa-check-circle"></i> Linked to OneDrive';
+                    statusOnedrive.innerHTML = '<i class="fab fa-windows"></i> Linked to OneDrive';
                     statusOnedrive.style.fontSize = '0.9rem';
                 });
             }