from taipy.gui import Gui
import psutil, time

# Data for live updates
data = {
    "cpu": [],
    "mem": [],
    "time": []
}

def update_data(state):
    data["cpu"].append(psutil.cpu_percent())
    data["mem"].append(psutil.virtual_memory().percent)
    data["time"].append(time.strftime("%H:%M:%S"))
    # Keep last 20 points
    data["cpu"] = data["cpu"][-20:]
    data["mem"] = data["mem"][-20:]
    data["time"] = data["time"][-20:]

# Layout
page = """
# 🖥️ System Monitor
## CPU Usage
<|{data['cpu']}|chart|type=lines|x={data['time']}|>

## Memory Usage
<|{data['mem']}|chart|type=lines|x={data['time']}|>
"""

gui = Gui(page)

if __name__ == "__main__":
    gui.run(port=8080, run_browser=False, use_reloader=False, on_change=update_data)