feature/structured-ui-output

[wcollins]

✨ Feature: UI Dashboard Enhancements

📒 Summary

Enhanced the torero UI dashboard with comprehensive output formatting, including a tabbed interface, ANSI color support, and improved visualization capabilities for execution results.

🔧 Changes

JavaScript Enhancements (opt/torero-ui/torero_ui/static/js/dashboard.js)

• Implemented formatOpenTofuOutput() function for parsing and formatting OpenTofu command outputs
• Added tabbed interface with five views: Console, State, Outputs, Timing, and Raw Data
• Integrated ANSI color parsing for terminal-style output display
• Added state file visualization with JSON syntax highlighting
• Implemented timing analysis for resource creation/modification tracking
• Added output variables extraction and display functionality
• Enhanced error handling and fallback mechanisms for malformed outputs

CSS Styling (opt/torero-ui/torero_ui/static/css/dashboard.css)

• Implemented styles for tabbed navigation interface
• Added ANSI color classes for terminal output emulation
• Styled JSON viewers for state and output visualization
• Added responsive design elements for better mobile support
• Implemented custom scrollbars and overflow handling
• Added animation and transition effects for improved UX

🧪 Testing

• Tested with various OpenTofu command outputs (plan, apply, destroy)
• Verified ANSI color rendering across different terminal outputs
• Validated JSON parsing and syntax highlighting for state files
• Tested tab switching and content preservation
• Verified responsive design on multiple screen sizes
• Tested error handling with malformed outputs