terminal-log-lego.js

/**
 * TERMINAL & LOG CONTAINER
 * Bottom container split 50/50: Terminal (top) and Activity Log (bottom)
 */

let isTerminalLogInitialized = false;

/**
 * Initialize Terminal & Log container
 */
function initTerminalLogContainer() {
  if (isTerminalLogInitialized) {
    console.log('TERMINAL/LOG: Already initialized, just showing');
    showTerminalLog();
    return;
  }

  console.log('TERMINAL/LOG: Initializing container...');
  
  // Find the bottom container
  const container = document.querySelector('.lego-container[data-position="bottom"]');
  if (!container) {
    console.error('TERMINAL/LOG: Container not found');
    return;
  }

  // Clear existing content and create structure
  container.innerHTML = `
    <div class="terminal-log-split">
      <div class="terminal-panel">
        <div class="panel-header">TERMINAL</div>
        <div class="terminal-content" id="terminal-content">
          <div class="terminal-line">$ <span class="terminal-prompt">horus ready</span></div>
          <div class="terminal-line">$ <span class="terminal-cursor">_</span></div>
        </div>
      </div>
      <div class="log-panel">
        <div class="panel-header">ACTIVITY LOG</div>
        <div class="log-content" id="log-content">
          <!-- Log entries will be added dynamically -->
        </div>
      </div>
    </div>
  `;

  isTerminalLogInitialized = true;
  console.log('TERMINAL/LOG: Initialized successfully');
}

/**
 * Show terminal/log (scroll to bottom)
 */
function showTerminalLog() {
  if (!isTerminalLogInitialized) {
    initTerminalLogContainer();
    return;
  }
  
  const terminalContent = document.getElementById('terminal-content');
  const logContent = document.getElementById('log-content');
  
  if (terminalContent) {
    terminalContent.scrollTop = terminalContent.scrollHeight;
  }
  if (logContent) {
    logContent.scrollTop = logContent.scrollHeight;
  }
  
  console.log('TERMINAL/LOG: Showing container');
}

/**
 * Hide terminal/log (doesn't need cleanup)
 */
function hideTerminalLog() {
  console.log('TERMINAL/LOG: Hiding container');
}

/**
 * Add terminal output (for future use)
 */
function addTerminalOutput(command, output) {
  const terminalContent = document.getElementById('terminal-content');
  if (!terminalContent || !isTerminalLogInitialized) return;
  
  // Remove cursor from last line
  const lastLine = terminalContent.querySelector('.terminal-line:last-child');
  if (lastLine) {
    lastLine.innerHTML = lastLine.innerHTML.replace('_', '');
  }
  
  // Add command line
  const commandLine = document.createElement('div');
  commandLine.className = 'terminal-line';
  commandLine.innerHTML = `$ <span class="terminal-command">${command}</span>`;
  terminalContent.appendChild(commandLine);
  
  // Add output if provided
  if (output) {
    const outputLine = document.createElement('div');
    outputLine.className = 'terminal-line terminal-output';
    outputLine.textContent = output;
    terminalContent.appendChild(outputLine);
  }
  
  // Add new prompt with cursor
  const promptLine = document.createElement('div');
  promptLine.className = 'terminal-line';
  promptLine.innerHTML = `$ <span class="terminal-cursor">_</span>`;
  terminalContent.appendChild(promptLine);
  
  // Auto-scroll
  terminalContent.scrollTop = terminalContent.scrollHeight;
}

/**
 * Add log entry (for future use)
 */
function addLogEntry(action, message) {
  const logContent = document.getElementById('log-content');
  if (!logContent || !isTerminalLogInitialized) return;
  
  // Format time as AM/PM
  const now = new Date();
  const hours = now.getHours();
  const minutes = now.getMinutes();
  const seconds = now.getSeconds();
  const ampm = hours >= 12 ? 'PM' : 'AM';
  const hours12 = hours % 12 || 12;
  const time = `${hours12}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')} ${ampm}`;
  
  const entry = document.createElement('div');
  entry.className = 'log-entry';
  entry.innerHTML = `
    <span class="log-time">${time}</span>
    <span class="log-action">${action}</span>
    <span class="log-message">${message}</span>
  `;
  
  logContent.appendChild(entry);
  
  // Auto-scroll
  logContent.scrollTop = logContent.scrollHeight;
}

// Export functions for use in main script
if (typeof window !== 'undefined') {
  window.TerminalLogContainer = {
    init: initTerminalLogContainer,
    show: showTerminalLog,
    hide: hideTerminalLog,
    addTerminalOutput: addTerminalOutput,
    addLogEntry: addLogEntry,
    isInitialized: () => isTerminalLogInitialized
  };
}