Tracy: polished panel

src/Tracy/EventPanel.php

@@ -23,7 +23,7 @@ public function getTab(): string
 		$totalCount = count($this->dispatcher->getEvents()); // @phpcs:ignore
 		$handledCount = $this->handledCount(); // @phpcs:ignore
 		$totalTime = $this->countTotalTime(); // @phpcs:ignore
-		$totalTime = ($totalTime > 0 ? ' / ' . number_format($totalTime * 1000, 1, '.', ' ') . ' ms' : ''); // @phpcs:ignore
+		$totalTime = number_format($totalTime * 1000, 1, '.', ' ') . ' ms'; // @phpcs:ignore
 
 		ob_start();
 		require __DIR__ . '/templates/tab.phtml';

src/Tracy/templates/panel.phtml

@@ -1,5 +1,4 @@
 <?php
-
 /** @var EventInfo[] $events */
 /** @var array<string,callable> $listeners */
 /** @var int $handledCount */
@@ -8,7 +7,6 @@
 
 use Contributte\EventDispatcher\Diagnostics\EventInfo;
 use Tracy\Dumper;
-
 ?>
 <style>
 	#tracy-debug .event-name, #tracy-debug .listener-name {
@@ -54,8 +52,8 @@ use Tracy\Dumper;
 		<?php endif; ?>
 
 		<div style="margin-top: 2px;">
-			Listeners
-			<table>
+			<h2>Listeners</h2>
+			<table style="margin-top: 0">
 				<tr>
 					<th>Event</th>
 					<th>Listeners</th>
@@ -65,7 +63,8 @@ use Tracy\Dumper;
 					<?php foreach ($listen as $i => $handler): ?>
 						<tr>
 							<?php if ($i === 0): ?>
-								<td rowspan="<?= count($listen) ?>"><code class="event-name"><?= $eventName ?></code>
+								<td rowspan="<?= count($listen) ?>">
+									<code class="event-name"><?= $eventName ?></code>
 								</td>
 							<?php endif; ?>
 							<td class="listener-name">
@@ -80,7 +79,9 @@ use Tracy\Dumper;
 				<?php endforeach; ?>
 			</table>
 
-			<?= Dumper::toHtml($listeners, [Dumper::COLLAPSE => true]); ?>
+			<div style="margin-top: var(--tracy-space);">
+				<?= Dumper::toHtml($listeners, [Dumper::COLLAPSE => true]); ?>
+			</div>
 		</div>
 	</div>
 </div>

src/Tracy/templates/tab.phtml

@@ -4,8 +4,9 @@
 /** @var string $totalTime */
 ?>
 <span title="Events">
-	<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-		<path d="M306.838 390.739c15.868-16.306 15.868-42.731 0-59.037-20.521-21.116-30.643-48.417-30.705-76.124 0.062-27.77 10.183-55.039 30.705-76.186 15.868-16.337 15.868-42.764 0-59.069-7.934-8.184-18.272-12.275-28.706-12.275-10.371 0-20.804 4.029-28.738 12.213-36.266 37.297-54.633 86.433-54.57 135.317-0.062 48.792 18.305 97.927 54.57 135.161C265.262 407.045 290.97 407.045 306.838 390.739zM149.093 33.14200000000005c-8.121-8.309-18.68-12.463-29.3-12.463-10.558 0-21.179 4.154-29.237 12.463C30.8 94.49099999999999 0.751 175.144 0.813 255.57799999999997 0.751 335.919 30.8 416.728 90.494 478.015c16.181 16.618 42.356 16.618 58.537 0 16.118-16.587 16.118-43.513 0-60.067-43.7-44.98-65.44-103.456-65.44-162.368s21.74-117.449 65.44-162.368C165.149 76.56100000000004 165.149 49.63499999999999 149.093 33.14200000000005zM513.031 359.847c57.351 0 103.956-46.574 103.956-103.956 0-57.382-46.605-103.955-103.956-103.955-57.381 0-103.956 46.573-103.956 103.955C409.076 313.273 455.65 359.847 513.031 359.847zM933.539 33.76700000000005c-16.181-16.618-42.355-16.618-58.475 0-16.181 16.587-16.181 43.513 0 60.068 43.668 44.918 65.409 103.456 65.409 162.368 0 58.85-21.805 117.387-65.473 162.306-16.117 16.618-16.117 43.575 0.062 60.068 8.059 8.309 18.616 12.463 29.237 12.463 10.558 0 21.178-4.154 29.236-12.463 59.726-61.287 89.774-142.096 89.649-222.437C1023.313 175.86199999999997 993.264 95.053 933.539 33.76700000000005zM513.281 442.873L513.281 442.873c-26.489 0.062-53.04-6.466-77.091-19.429L235.057 959.59h95.209l54.819-63.973h255.891l53.977 63.973h95.272L589.124 423.569C565.384 436.345 539.395 442.873 513.281 442.873zM512.656 473.517L577.004 703.7H449.059L512.656 473.517zM385.086 831.645l63.974-63.973h127.944l63.974 63.973H385.086zM717.194 121.04200000000003c-15.868 16.306-15.868 42.731 0 59.037 20.491 21.116 30.611 48.511 30.674 76.124-0.062 27.77-10.183 55.102-30.674 76.187-15.868 16.336-15.868 42.763 0 59.068 7.871 8.184 18.242 12.213 28.737 12.213 10.309 0 20.741-4.029 28.675-12.213 36.298-37.234 54.665-86.433 54.54-135.255 0.125-48.792-18.181-97.927-54.54-135.161C758.801 104.73599999999999 733.062 104.73599999999999 717.194 121.04200000000003z"/>
+	<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" version="1.1">
+		<path d="M 244.500 109.031 C 234.826 112.758, 228.557 119.836, 225.444 130.545 C 221.108 145.459, 228.672 160.840, 243.732 167.735 C 248.528 169.930, 250.211 170.185, 257.352 169.791 C 267.097 169.253, 273.655 166.338, 279.383 159.997 C 289.409 148.901, 290.429 132.751, 281.889 120.339 C 273.880 108.699, 257.903 103.866, 244.500 109.031 M 243.230 210.778 C 239.804 221.106, 237 230.075, 237 230.708 C 237 231.817, 254.829 248, 256.050 248 C 257.243 248, 274.509 232.706, 274.823 231.371 C 275.001 230.616, 272.310 221.449, 268.843 210.999 L 262.539 192 256 192 L 249.461 192 243.230 210.778 M 228.489 255.207 C 226.636 260.185, 221 277.565, 221 278.302 C 221 278.803, 224.713 275.925, 229.250 271.908 C 233.787 267.891, 237.927 264.245, 238.448 263.804 C 239.006 263.334, 237.976 261.527, 235.948 259.420 C 231.534 254.832, 229.133 253.476, 228.489 255.207 M 277.562 258.050 C 275.019 260.394, 273.064 262.612, 273.219 262.977 C 273.761 264.259, 291 279.140, 291 278.326 C 291 276.842, 283.770 255.521, 282.969 254.643 C 282.539 254.172, 280.106 255.705, 277.562 258.050 M 239.420 291.602 C 230.664 299.083, 223.104 305.576, 222.620 306.032 C 222.137 306.487, 229.449 310.718, 238.870 315.435 L 256 324.011 273.130 315.435 C 282.551 310.718, 289.863 306.488, 289.380 306.034 C 284.724 301.668, 256.579 278, 256.042 278 C 255.656 278, 248.176 284.121, 239.420 291.602 M 205.474 324.241 C 203.787 328.754, 196 352.562, 196 353.205 C 196 353.638, 203.875 350.063, 213.500 345.260 C 223.125 340.456, 231 336.287, 231 335.995 C 231 335.702, 225.362 332.655, 218.472 329.223 C 209.796 324.901, 205.799 323.369, 205.474 324.241 M 293.250 329.331 C 286.512 332.703, 281 335.702, 281 335.994 C 281 336.287, 288.875 340.456, 298.500 345.260 C 308.125 350.063, 316 353.657, 316 353.248 C 316 351.970, 306.785 324.536, 306.125 323.849 C 305.781 323.491, 299.988 325.958, 293.250 329.331 M 230.642 360.612 C 216.969 367.489, 205.944 373.246, 206.142 373.405 C 207.566 374.553, 254.961 396.001, 256.079 396.004 C 257.226 396.008, 304.595 374.524, 305.859 373.427 C 306.181 373.148, 256.377 347.925, 255.758 348.054 C 255.616 348.083, 244.314 353.735, 230.642 360.612 M 176.265 411.675 C 171.744 425.262, 168.202 436.536, 168.394 436.727 C 168.845 437.178, 229.997 408.661, 229.995 408 C 229.994 407.572, 190.247 389.074, 185.992 387.522 C 184.797 387.086, 182.780 392.095, 176.265 411.675 M 303.739 397.801 C 291.221 403.582, 281.096 408.428, 281.239 408.570 C 282.016 409.340, 343.556 437.741, 343.849 437.465 C 344.267 437.070, 327.935 388.764, 327.089 387.895 C 326.765 387.562, 316.258 392.020, 303.739 397.801 M 226.295 434.258 L 198.091 447.500 227.045 447.765 C 242.970 447.911, 269.042 447.911, 284.983 447.765 L 313.966 447.500 285.733 434.241 C 270.205 426.949, 256.825 420.990, 256 420.999 C 255.175 421.008, 241.808 426.975, 226.295 434.258 M 128 480 L 128 491 256 491 L 384 491 384 480 L 384 469 256 469 L 128 469 128 480" stroke="none" fill="#f8dc97" fill-rule="evenodd"/>
+		<path d="M 239 0.463 C 238.175 0.659, 234.125 1.358, 230 2.016 C 225.875 2.674, 217.775 4.727, 212 6.579 C 161.478 22.777, 125.235 67.816, 117.913 123.500 C 116.368 135.254, 117.355 157.817, 119.903 169 C 126.075 196.080, 137.563 216.711, 157.628 236.750 C 163.824 242.937, 169.480 247.981, 170.197 247.957 C 170.914 247.934, 174.226 244.238, 177.557 239.743 L 183.614 231.571 173.488 221.535 C 151.624 199.867, 140.621 175.528, 139.342 146 C 137.846 111.480, 150.887 77.993, 175.411 53.377 C 199.348 29.351, 226.665 19.475, 262.163 22.012 C 292.785 24.200, 315.416 33.890, 335.959 53.608 C 346.703 63.920, 353.549 73.115, 359.873 85.726 C 379.324 124.514, 376.855 168.766, 353.256 204.341 C 350.644 208.278, 343.940 216.040, 338.358 221.588 L 328.210 231.676 334.355 239.792 C 337.735 244.256, 341.086 247.929, 341.803 247.954 C 342.520 247.979, 348.179 242.937, 354.378 236.750 C 374.865 216.301, 386.566 194.890, 392.663 166.695 C 395.148 155.199, 395.176 125.979, 392.713 113.798 C 382.364 62.618, 347.354 21.938, 300.500 6.650 C 285.773 1.844, 279.455 0.895, 259.500 0.491 C 249.050 0.279, 239.825 0.267, 239 0.463 M 236.500 44.469 C 200.549 52.675, 174.240 77.206, 163.306 112.718 C 160.804 120.841, 160.601 122.813, 160.601 139 C 160.601 155.190, 160.804 157.158, 163.307 165.288 C 167.353 178.427, 176.782 195.935, 182.646 201.195 C 184.452 202.815, 184.889 202.565, 192.518 195.553 L 200.500 188.217 198.260 185.358 C 193.472 179.247, 187.993 169.149, 185.314 161.500 C 182.707 154.057, 182.517 152.455, 182.580 138.500 C 182.642 124.876, 182.892 122.824, 185.306 116.129 C 192.872 95.142, 208.538 78.330, 227.836 70.489 C 267.688 54.295, 312.713 75.276, 326.574 116.500 C 328.665 122.717, 329.370 127.064, 329.736 136 C 330.451 153.418, 326.948 165.973, 317.391 180.251 C 314.426 184.681, 312.033 188.575, 312.073 188.903 C 312.113 189.231, 315.599 192.507, 319.820 196.181 C 327.125 202.541, 327.585 202.782, 329.369 201.181 C 335.218 195.935, 344.652 178.411, 348.693 165.288 C 351.196 157.158, 351.399 155.190, 351.399 139 C 351.399 122.781, 351.199 120.852, 348.674 112.647 C 338.148 78.448, 314.208 55.241, 279.248 45.347 C 271.411 43.129, 244.768 42.582, 236.500 44.469 M 243.294 86.534 C 240.430 87.306, 236.437 88.626, 234.419 89.469 C 228.176 92.078, 218.163 99.870, 214.045 105.324 C 195.593 129.763, 199.467 162.086, 223.104 180.916 L 228.709 185.380 185.021 316.440 L 141.334 447.500 123.667 447.773 L 106 448.046 106 480.023 L 106 512 256 512 L 406 512 406 480.023 L 406 448.046 388.333 447.773 L 370.666 447.500 326.937 316.314 L 283.208 185.128 287.182 182.374 C 296.083 176.206, 304.340 164.529, 307.600 153.500 C 309.882 145.782, 309.941 131.434, 307.720 124.230 C 299.115 96.315, 270.070 79.321, 243.294 86.534 M 244.500 109.031 C 234.826 112.758, 228.557 119.836, 225.444 130.545 C 221.108 145.459, 228.672 160.840, 243.732 167.735 C 248.528 169.930, 250.211 170.185, 257.352 169.791 C 267.097 169.253, 273.655 166.338, 279.383 159.997 C 289.409 148.901, 290.429 132.751, 281.889 120.339 C 273.880 108.699, 257.903 103.866, 244.500 109.031 M 243.230 210.778 C 239.804 221.106, 237 230.075, 237 230.708 C 237 231.817, 254.829 248, 256.050 248 C 257.243 248, 274.509 232.706, 274.823 231.371 C 275.001 230.616, 272.310 221.449, 268.843 210.999 L 262.539 192 256 192 L 249.461 192 243.230 210.778 M 228.489 255.207 C 226.636 260.185, 221 277.565, 221 278.302 C 221 278.803, 224.713 275.925, 229.250 271.908 C 233.787 267.891, 237.927 264.245, 238.448 263.804 C 239.006 263.334, 237.976 261.527, 235.948 259.420 C 231.534 254.832, 229.133 253.476, 228.489 255.207 M 277.562 258.050 C 275.019 260.394, 273.064 262.612, 273.219 262.977 C 273.761 264.259, 291 279.140, 291 278.326 C 291 276.842, 283.770 255.521, 282.969 254.643 C 282.539 254.172, 280.106 255.705, 277.562 258.050 M 239.420 291.602 C 230.664 299.083, 223.104 305.576, 222.620 306.032 C 222.137 306.487, 229.449 310.718, 238.870 315.435 L 256 324.011 273.130 315.435 C 282.551 310.718, 289.863 306.488, 289.380 306.034 C 284.724 301.668, 256.579 278, 256.042 278 C 255.656 278, 248.176 284.121, 239.420 291.602 M 205.474 324.241 C 203.787 328.754, 196 352.562, 196 353.205 C 196 353.638, 203.875 350.063, 213.500 345.260 C 223.125 340.456, 231 336.287, 231 335.995 C 231 335.702, 225.362 332.655, 218.472 329.223 C 209.796 324.901, 205.799 323.369, 205.474 324.241 M 293.250 329.331 C 286.512 332.703, 281 335.702, 281 335.994 C 281 336.287, 288.875 340.456, 298.500 345.260 C 308.125 350.063, 316 353.657, 316 353.248 C 316 351.970, 306.785 324.536, 306.125 323.849 C 305.781 323.491, 299.988 325.958, 293.250 329.331 M 230.642 360.612 C 216.969 367.489, 205.944 373.246, 206.142 373.405 C 207.566 374.553, 254.961 396.001, 256.079 396.004 C 257.226 396.008, 304.595 374.524, 305.859 373.427 C 306.181 373.148, 256.377 347.925, 255.758 348.054 C 255.616 348.083, 244.314 353.735, 230.642 360.612 M 176.265 411.675 C 171.744 425.262, 168.202 436.536, 168.394 436.727 C 168.845 437.178, 229.997 408.661, 229.995 408 C 229.994 407.572, 190.247 389.074, 185.992 387.522 C 184.797 387.086, 182.780 392.095, 176.265 411.675 M 303.739 397.801 C 291.221 403.582, 281.096 408.428, 281.239 408.570 C 282.016 409.340, 343.556 437.741, 343.849 437.465 C 344.267 437.070, 327.935 388.764, 327.089 387.895 C 326.765 387.562, 316.258 392.020, 303.739 397.801 M 226.295 434.258 L 198.091 447.500 227.045 447.765 C 242.970 447.911, 269.042 447.911, 284.983 447.765 L 313.966 447.500 285.733 434.241 C 270.205 426.949, 256.825 420.990, 256 420.999 C 255.175 421.008, 241.808 426.975, 226.295 434.258 M 128 480 L 128 491 256 491 L 384 491 384 480 L 384 469 256 469 L 128 469 128 480" stroke="none" fill="#2c2624" fill-rule="evenodd"/>
 	</svg>
-	<span class="tracy-label"><?= $handledCount ?> (<?= $totalCount ?>) e <?= $totalTime ?></span>
+	<span class="tracy-label"><strong><?= $handledCount ?></strong> / <?= $totalCount ?> / <?= $totalTime ?></span>
 </span>