import QtQuick
import Quickshell
import ZShell.Config
import ZShell.Services
import qs.Modules.Dashboard.Processes
import qs.Components
import qs.Services

Item {
	id: root

	readonly property var desktopEntries: DesktopEntries.applications.values.map(e => ({
				icon: e.icon,
				command: e.command
			}))

	implicitWidth: Tokens.sizes.dashboard.processesWidth
	implicitHeight: Tokens.sizes.dashboard.processesHeight

	ServiceRef {
		service: Processes
	}

	Connections {
		target: DesktopEntries.applications
		function onValuesChanged(): void {
			Processes.setDesktopEntries(root.desktopEntries);
		}
	}
	Component.onCompleted: Processes.setDesktopEntries(root.desktopEntries)

	ProcessesHeader {
		id: header

		anchors.top: parent.top
		anchors.left: parent.left
		anchors.right: parent.right

		headerHeight: Tokens.sizes.dashboard.processesHeaderHeight
		pList: processList
	}

	ProcessesList {
		id: processList

		anchors.top: header.bottom
		anchors.bottom: sysInfo.top
		anchors.left: parent.left
		anchors.right: parent.right
		anchors.topMargin: Tokens.spacing.small
		anchors.bottomMargin: Tokens.spacing.small

		columnHeader: header
		rowHeight: Tokens.sizes.dashboard.processesRowHeight
	}

	SystemInfo {
		id: sysInfo

		anchors.bottom: parent.bottom
		anchors.left: parent.left
		anchors.right: parent.right
	}
}