}
        }
    }
}
component Changelog {
    in-out property <[ChangeData]> changes_log: [];
    // TODO convert to a (Standard)ListView?
    ScrollView {
        preferred-width: 500px;
        VerticalBox {
            alignment: start;
            Text {
                text: "log";
            }
            for change in root.changes_log: ChangeEntry {
                hash: change.hash;
                author: change.author;
                timestamp: change.timestamp;
                message: change.message;

    in-out property <[ChangeData]> changes_log: [];

    in-out property <[ChangeData]> changes_log <=> log.changes_log;

            chs := ChannelsList {
                channels: [];
                active: 0;
            }
            // TODO convert to a (Standard)ListView?
            ScrollView {
                preferred-width: 500px;
                VerticalBox {
                    alignment: start;
                    Text {
                        text: "log";
                    }

            chs := ChannelsList { }

                    for change in root.changes_log: ChangeEntry {
                        hash: change.hash;
                        author: change.author;
                        timestamp: change.timestamp;
                        message: change.message;
                    }
                }
            }

            log := Changelog { }