diff --git a/public/index.html b/public/index.html
index 9c34e3b..bcc6a74 100644
--- a/public/index.html
+++ b/public/index.html
@@ -690,6 +690,66 @@
min-width: 120px;
font-weight: bold;
}
+
+ /* Terminal Cursor Blink */
+ @keyframes cursor-blink {
+ 0%, 49% { opacity: 1; }
+ 50%, 100% { opacity: 0; }
+ }
+
+ .terminal-cursor::after {
+ content: '▋';
+ animation: cursor-blink 1s step-end infinite;
+ color: var(--terminal-green);
+ }
+
+ /* Hover effects for execution items */
+ .execution-item {
+ transition: all 0.2s ease;
+ cursor: pointer;
+ }
+
+ .execution-item:hover {
+ background: #001a00;
+ border-left-width: 5px;
+ transform: translateX(3px);
+ }
+
+ .worker-item:hover {
+ background: #001a00;
+ border-left-width: 5px;
+ }
+
+ .workflow-item:hover {
+ background: #001a00;
+ border-left-width: 5px;
+ }
+
+ /* Loading pulse effect */
+ .loading {
+ animation: loading-pulse 1.5s ease-in-out infinite;
+ }
+
+ @keyframes loading-pulse {
+ 0%, 100% { opacity: 0.6; }
+ 50% { opacity: 1; }
+ }
+
+ /* Success/Error message animations */
+ @keyframes slide-in {
+ from {
+ opacity: 0;
+ transform: translateY(-10px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+ }
+
+ .log-entry {
+ animation: slide-in 0.3s ease-out;
+ }
@@ -1498,6 +1558,77 @@
loadExecutions();
}
+ // Terminal beep sound (Web Audio API)
+ function terminalBeep(type = 'success') {
+ try {
+ const audioContext = new (window.AudioContext || window.webkitAudioContext)();
+ const oscillator = audioContext.createOscillator();
+ const gainNode = audioContext.createGain();
+
+ oscillator.connect(gainNode);
+ gainNode.connect(audioContext.destination);
+
+ // Different tones for different events
+ if (type === 'success') {
+ oscillator.frequency.value = 800; // Higher pitch for success
+ } else if (type === 'error') {
+ oscillator.frequency.value = 200; // Lower pitch for errors
+ } else {
+ oscillator.frequency.value = 440; // Standard A note
+ }
+
+ oscillator.type = 'sine';
+ gainNode.gain.setValueAtTime(0.1, audioContext.currentTime);
+ gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.1);
+
+ oscillator.start(audioContext.currentTime);
+ oscillator.stop(audioContext.currentTime + 0.1);
+ } catch (error) {
+ // Silently fail if Web Audio API not supported
+ }
+ }
+
+ // Show terminal notification
+ function showTerminalNotification(message, type = 'info') {
+ const notification = document.createElement('div');
+ notification.style.cssText = `
+ position: fixed;
+ top: 80px;
+ right: 20px;
+ background: #001a00;
+ border: 2px solid var(--terminal-green);
+ color: var(--terminal-green);
+ padding: 15px 20px;
+ font-family: var(--font-mono);
+ z-index: 10000;
+ animation: slide-in 0.3s ease-out;
+ box-shadow: 0 0 20px rgba(0, 255, 65, 0.3);
+ `;
+
+ if (type === 'error') {
+ notification.style.borderColor = '#ff4444';
+ notification.style.color = '#ff4444';
+ message = '✗ ' + message;
+ } else if (type === 'success') {
+ message = '✓ ' + message;
+ } else {
+ message = 'ℹ ' + message;
+ }
+
+ notification.textContent = message;
+ document.body.appendChild(notification);
+
+ // Play beep
+ terminalBeep(type);
+
+ // Remove after 3 seconds
+ setTimeout(() => {
+ notification.style.opacity = '0';
+ notification.style.transition = 'opacity 0.5s';
+ setTimeout(() => notification.remove(), 500);
+ }, 3000);
+ }
+
function connectWebSocket() {
const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
ws = new WebSocket(`${protocol}//${window.location.host}`);
@@ -1516,6 +1647,13 @@
console.log(`Error: ${data.stderr}`);
}
+ // Show terminal notification
+ if (data.success) {
+ showTerminalNotification('Command completed successfully', 'success');
+ } else {
+ showTerminalNotification('Command execution failed', 'error');
+ }
+
// If viewing execution details, refresh that specific execution
const executionModal = document.getElementById('viewExecutionModal');
if (executionModal && executionModal.classList.contains('show')) {