<plugin resizable="true">
	<grid rows="2" cols="2" vspacing="4" hspacing="4">
		<!-- correlation-graph -->
		<group ui:inject="GraphGroup" ipadding="0" text="labels.graphs.correlation" expand="true">
			<graph width.min="200" height.min="100" expand="true" fill="true">
				<origin hpos="0" vpos="0" visible="false"/>
				<axis id="time" min="-1.0 * :time" max="1.0 * :time" color="graph_sec" angle="0.0" log="false"/>
				<axis min="-1.05" max="1.05" color="graph_prim" angle="0.5" log="false"/>

				<mesh id="f" width="3"/>

				<marker id="w_t" color="red" basis="0" parallel="1"/>
				<marker id="w_v" color="red" basis="1" parallel="0"/>

				<marker id="b_t" color="green" basis="0" parallel="1"/>
				<marker id="b_v" color="green" basis="1" parallel="0"/>

				<marker id="s_t" color="yellow" basis="0" parallel="1"/>
				<marker id="s_v" color="yellow" basis="1" parallel="0"/>

				<text text="graph.axis.+phase" x="0" y="1" halign="1" valign="-1" color="green"/>
				<text text="graph.axis.-phase" x="0" y="-1" halign="1" valign="1" color="red"/>

				<text text="graph.axis.time" x="0" y="0" halign="-1" padding.r="16" valign="-1" color="graph_prim"/>
			</graph>
		</group>

		<!-- controls -->
		<group width.min="194" text="groups.controls">
			<grid spacing="4" rows="3" cols="3">
				<label text="labels.max_time"/>
				<label text="labels.metering.reactivity"/>
				<label text="labels.sel_time"/>

				<knob id="time" size="24"/>
				<knob id="react" size="24"/>
				<knob id="sel" size="24" scolor="balance" balance="0.5"/>

				<value id="time" sline="true"/>
				<value id="react" sline="true"/>
				<value id="sel" sline="true"/>
			</grid>
		</group>

		<cell cols="2">
			<group text="groups.monitoring">
				<hbox spacing="4">
					<grid spacing="4" rows="4" cols="5">
						<label text="labels.signal.phase" hfill="true" htext="-1"/>
						<label text="labels.delay:ms"/>
						<label text="labels.offset:samp"/>
						<label text="labels.distance:cm"/>
						<label text="labels.value"/>

						<label text="labels.values.best" color="green" hfill="true" htext="-1"/>
						<indicator id="b_t" format="+-f5.3!" tcolor="green"/>
						<indicator id="b_s" format="+-i4" tcolor="green"/>
						<indicator id="b_d" format="+-f5.1!" tcolor="green"/>
						<indicator id="b_v" format="+-f4.3!" tcolor="green"/>

						<label text="labels.values.selected" color="yellow" pad.r="6" hfill="true" htext="-1"/>
						<indicator id="s_t" format="+-f5.3!" tcolor="yellow"/>
						<indicator id="s_s" format="+-i4" tcolor="yellow"/>
						<indicator id="s_d" format="+-f5.1!" tcolor="yellow"/>
						<indicator id="s_v" format="+-f4.3!" tcolor="yellow"/>

						<label text="labels.values.worst" color="red" hfill="true" htext="-1"/>
						<indicator id="w_t" format="+-f5.3!" tcolor="red"/>
						<indicator id="w_s" format="+-i4" tcolor="red"/>
						<indicator id="w_d" format="+-f5.1!" tcolor="red"/>
						<indicator id="w_v" format="+-f4.3!" tcolor="red"/>
					</grid>
					<align pad.l="8" pad.r="6">
						<vbox>
							<label text="labels.reset"/>
							<button id="reset" size="32"/>
							<led id="reset" pad.t="6"/>
						</vbox>
					</align>
				</hbox>
			</group>
		</cell>
	</grid>
</plugin>
