Dashboard Layout Manager

Build a terminal dashboard application that displays system information using multiple layout techniques.

Requirements

Main Layout Structure

• Create a dashboard with a header at the top displaying the text "System Dashboard"
• Create a footer at the bottom displaying the text "Press 'q' to quit"
• The header must remain fixed at the top edge of the screen
• The footer must remain fixed at the bottom edge of the screen
• Between the header and footer, create a grid layout with 2 columns and 2 rows
• Grid columns should each take up 50% of the available width
• Grid rows should each take up 50% of the available height

Content Panels

The four grid cells should each contain a panel with text and styling:

1. Top-left cell: Display the text "CPU Status" with a blue background
2. Top-right cell: Display the text "Memory Metrics" with a green background
3. Bottom-left cell: Display the text "System Logs" with a yellow background
4. Bottom-right cell: Display the text "System Info" with a red background

Styling Requirements

• Each of the four panels must have 1 cell of padding on all sides (top, right, bottom, left)
• Each of the four panels must have a visible border
• The grid container should fill all available space between the header and footer

Interaction

• The application should respond to the 'q' key to quit

Testing

• The application runs without errors @test
• The header is visible at the top @test
• The footer is visible at the bottom @test
• All four panels are rendered @test

Implementation

@generates

API

from textual.app import App

class DashboardApp(App):
    """A dashboard application with multiple layout techniques."""
    pass

Dependencies { .dependencies }

textual { .dependency }

Provides the Text User Interface framework for building terminal applications.