From dc93f1c1fd7b67e2da5af2ffada732b9ddeb2d6a Mon Sep 17 00:00:00 2001
From: Kent Daleng <lolexplode@gmail.com>
Date: Sun, 17 Aug 2025 16:05:41 +0200
Subject: github wiki replacement / mkdocs-docs (#2147)

* Add wiki based on mkdocs

* wording fixes

* fix github bg color on narrow

* Fix left sidebar section headers being bigger than pages

* fix hover accent

* fix list rendering on fractional layout

* fix videos

* fix automatic full links

* remove redundant commented css

* improve dark mode contrast

* update pygments for better child node coloring

* update logo

* remove blank lines

* add systemd language hint

---------

Co-authored-by: Ivan Molodetskikh <yalterz@gmail.com>
---
 docs/wiki/img/RedrawState-dark.drawio.png          |   3 +
 docs/wiki/img/RedrawState-light.drawio.png         |   3 +
 docs/wiki/img/block-out-from-screencast.png        |   3 +
 docs/wiki/img/border-radius-clip.png               |   3 +
 docs/wiki/img/border.png                           |   3 +
 docs/wiki/img/clip-to-geometry.png                 |   3 +
 docs/wiki/img/different-corner-radius.png          |   3 +
 docs/wiki/img/focus-ring.png                       |   3 +
 docs/wiki/img/geometry-corner-radius.png           |   3 +
 docs/wiki/img/gradients-default.png                |   3 +
 docs/wiki/img/gradients-oklch.png                  |   3 +
 .../img/gradients-relative-to-workspace-view.png   |   3 +
 docs/wiki/img/layer-block-out-from-screencast.png  |   3 +
 docs/wiki/img/opacity-popup.png                    |   3 +
 .../wiki/img/simple-egl-border-with-background.png |   3 +
 .../img/simple-egl-border-without-background.png   |   3 +
 docs/wiki/img/struts.png                           |   3 +
 docs/wiki/img/workspaces-dark.drawio.svg           | 442 +++++++++++++++++++++
 docs/wiki/img/workspaces-dark.png                  |   3 +
 docs/wiki/img/workspaces-light.drawio.svg          | 426 ++++++++++++++++++++
 docs/wiki/img/workspaces-light.png                 |   3 +
 21 files changed, 925 insertions(+)
 create mode 100644 docs/wiki/img/RedrawState-dark.drawio.png
 create mode 100644 docs/wiki/img/RedrawState-light.drawio.png
 create mode 100644 docs/wiki/img/block-out-from-screencast.png
 create mode 100644 docs/wiki/img/border-radius-clip.png
 create mode 100644 docs/wiki/img/border.png
 create mode 100644 docs/wiki/img/clip-to-geometry.png
 create mode 100644 docs/wiki/img/different-corner-radius.png
 create mode 100644 docs/wiki/img/focus-ring.png
 create mode 100644 docs/wiki/img/geometry-corner-radius.png
 create mode 100644 docs/wiki/img/gradients-default.png
 create mode 100644 docs/wiki/img/gradients-oklch.png
 create mode 100644 docs/wiki/img/gradients-relative-to-workspace-view.png
 create mode 100644 docs/wiki/img/layer-block-out-from-screencast.png
 create mode 100644 docs/wiki/img/opacity-popup.png
 create mode 100644 docs/wiki/img/simple-egl-border-with-background.png
 create mode 100644 docs/wiki/img/simple-egl-border-without-background.png
 create mode 100644 docs/wiki/img/struts.png
 create mode 100644 docs/wiki/img/workspaces-dark.drawio.svg
 create mode 100644 docs/wiki/img/workspaces-dark.png
 create mode 100644 docs/wiki/img/workspaces-light.drawio.svg
 create mode 100644 docs/wiki/img/workspaces-light.png

(limited to 'docs/wiki/img')

diff --git a/docs/wiki/img/RedrawState-dark.drawio.png b/docs/wiki/img/RedrawState-dark.drawio.png
new file mode 100644
index 00000000..806bc50d
--- /dev/null
+++ b/docs/wiki/img/RedrawState-dark.drawio.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d6053eb3d7dbc07ae4b03403a28819788be50ce56f1d3c109b755e50de14ad62
+size 97565
diff --git a/docs/wiki/img/RedrawState-light.drawio.png b/docs/wiki/img/RedrawState-light.drawio.png
new file mode 100644
index 00000000..62e5ed6b
--- /dev/null
+++ b/docs/wiki/img/RedrawState-light.drawio.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:546c4a452f964f07a8d7e100eb6a007fec856c784857c67d214727b62b14a75d
+size 86906
diff --git a/docs/wiki/img/block-out-from-screencast.png b/docs/wiki/img/block-out-from-screencast.png
new file mode 100644
index 00000000..043f457a
--- /dev/null
+++ b/docs/wiki/img/block-out-from-screencast.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:65b22b833dc0b05166b4b3403b1c6323315ca0885d4a75d2bbb68250a3855e96
+size 432355
diff --git a/docs/wiki/img/border-radius-clip.png b/docs/wiki/img/border-radius-clip.png
new file mode 100644
index 00000000..7c41fd72
--- /dev/null
+++ b/docs/wiki/img/border-radius-clip.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6246413f95e5aa2d63db3fc8bc7726e45af3d20a95ea8f66614f4d62fa7a6624
+size 34239
diff --git a/docs/wiki/img/border.png b/docs/wiki/img/border.png
new file mode 100644
index 00000000..bcaef097
--- /dev/null
+++ b/docs/wiki/img/border.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bc0f46cdc5fc56a483f56a052b934b02f915f8b95cce3a9309e2ce7bf02478d4
+size 2623
diff --git a/docs/wiki/img/clip-to-geometry.png b/docs/wiki/img/clip-to-geometry.png
new file mode 100644
index 00000000..1f57b013
--- /dev/null
+++ b/docs/wiki/img/clip-to-geometry.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:88ca1517153755ee64b3fae4e67eced1f83873026ad1ad35c44b85f31fa8171d
+size 33591
diff --git a/docs/wiki/img/different-corner-radius.png b/docs/wiki/img/different-corner-radius.png
new file mode 100644
index 00000000..936ec045
--- /dev/null
+++ b/docs/wiki/img/different-corner-radius.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:66eb4b989604a229c9413138f8de53d1038d9a2c6b2f40018e823b5589bdc941
+size 11266
diff --git a/docs/wiki/img/focus-ring.png b/docs/wiki/img/focus-ring.png
new file mode 100644
index 00000000..dc4b3049
--- /dev/null
+++ b/docs/wiki/img/focus-ring.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ee21b6ed445f069270a6b0023a0c15659ac62cf7c92721792a3e3781148f2394
+size 4608
diff --git a/docs/wiki/img/geometry-corner-radius.png b/docs/wiki/img/geometry-corner-radius.png
new file mode 100644
index 00000000..0cdee59d
--- /dev/null
+++ b/docs/wiki/img/geometry-corner-radius.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3ed3d553cae8948726ab03db3bf4ad9ef2dc9cf4593e24a96fad9d8820af949d
+size 25777
diff --git a/docs/wiki/img/gradients-default.png b/docs/wiki/img/gradients-default.png
new file mode 100644
index 00000000..22ca2293
--- /dev/null
+++ b/docs/wiki/img/gradients-default.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:164e445914282dc0e6e345f0b76ae59b617dfb8db6cf0c8b05cae51ed7d51b97
+size 31700
diff --git a/docs/wiki/img/gradients-oklch.png b/docs/wiki/img/gradients-oklch.png
new file mode 100644
index 00000000..ab255c51
--- /dev/null
+++ b/docs/wiki/img/gradients-oklch.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a3e4db583ac849ec3bd6c2312a84a16eaad810ebb7599cad3762a7dfc66e865b
+size 23180
diff --git a/docs/wiki/img/gradients-relative-to-workspace-view.png b/docs/wiki/img/gradients-relative-to-workspace-view.png
new file mode 100644
index 00000000..e17d27da
--- /dev/null
+++ b/docs/wiki/img/gradients-relative-to-workspace-view.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bb4e3e64bb0402b402b945b778c39b083512f7453d1503b789b63c8d6ff69330
+size 29540
diff --git a/docs/wiki/img/layer-block-out-from-screencast.png b/docs/wiki/img/layer-block-out-from-screencast.png
new file mode 100644
index 00000000..4456536f
--- /dev/null
+++ b/docs/wiki/img/layer-block-out-from-screencast.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1dcaa6ece8e8287081332604270fa17a66561e0d81fd190d665005b6359c0eac
+size 559823
diff --git a/docs/wiki/img/opacity-popup.png b/docs/wiki/img/opacity-popup.png
new file mode 100644
index 00000000..e5d920ca
--- /dev/null
+++ b/docs/wiki/img/opacity-popup.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d1e456ff87be58fcda542473dcbb5c5d63bef4f95b7e71bc1790de5e012f640d
+size 15837
diff --git a/docs/wiki/img/simple-egl-border-with-background.png b/docs/wiki/img/simple-egl-border-with-background.png
new file mode 100644
index 00000000..6bbbfe37
--- /dev/null
+++ b/docs/wiki/img/simple-egl-border-with-background.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:db034a4d42c382df3ff8aab1178f1978e1d7a20ff2318145c28a7f87e710eeaa
+size 4999
diff --git a/docs/wiki/img/simple-egl-border-without-background.png b/docs/wiki/img/simple-egl-border-without-background.png
new file mode 100644
index 00000000..08d5087f
--- /dev/null
+++ b/docs/wiki/img/simple-egl-border-without-background.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2623c4f1b11d82b0588893c87908b14337f42bd2ee328d17d1db74acf9c7bd17
+size 15729
diff --git a/docs/wiki/img/struts.png b/docs/wiki/img/struts.png
new file mode 100644
index 00000000..54cf2d9d
--- /dev/null
+++ b/docs/wiki/img/struts.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:32e84ae4c14683d07da42bea96a66fbb3427b11ba7619a98d3dc73d77c9f999c
+size 20959
diff --git a/docs/wiki/img/workspaces-dark.drawio.svg b/docs/wiki/img/workspaces-dark.drawio.svg
new file mode 100644
index 00000000..06690881
--- /dev/null
+++ b/docs/wiki/img/workspaces-dark.drawio.svg
@@ -0,0 +1,442 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Do not edit this file with editors other than draw.io -->
+
+<svg
+   version="1.1"
+   width="351.60999"
+   height="131"
+   viewBox="-0.5 -0.5 351.60999 131"
+   content="&lt;mxfile host=&quot;app.diagrams.net&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64; rv:136.0) Gecko/20100101 Firefox/136.0&quot; version=&quot;26.0.16&quot; scale=&quot;1&quot; border=&quot;0&quot;&gt;&#10;  &lt;diagram name=&quot;Page-1&quot; id=&quot;eeUwl5a5gwcnClCdA54p&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;589&quot; dy=&quot;403&quot; grid=&quot;1&quot; gridSize=&quot;5&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;1169&quot; pageHeight=&quot;827&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-21&quot; value=&quot;&quot; style=&quot;endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=1;entryDx=0;entryDy=0;strokeWidth=0.5;endSize=6;targetPerimeterSpacing=0;sourcePerimeterSpacing=0;curved=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; target=&quot;p8uehy9xxPkXcbn2s3VA-16&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;165&quot; y=&quot;268&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;205&quot; y=&quot;195&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-20&quot; value=&quot;&quot; style=&quot;endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0;entryDx=0;entryDy=0;strokeWidth=0.5;endSize=6;targetPerimeterSpacing=0;sourcePerimeterSpacing=0;curved=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; target=&quot;p8uehy9xxPkXcbn2s3VA-2&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;165&quot; y=&quot;243&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;185&quot; y=&quot;215&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-2&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;aspect=fixed;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;200&quot; y=&quot;190&quot; width=&quot;71.11&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-3&quot; value=&quot;&quot; style=&quot;sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#333333;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.devices.lcd_monitor;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;120&quot; y=&quot;240&quot; width=&quot;48.33&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-5&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;arcSize=4;absoluteArcSize=1;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;205&quot; y=&quot;195&quot; width=&quot;30&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-10&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;arcSize=4;absoluteArcSize=1;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;240&quot; y=&quot;195&quot; width=&quot;15&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-11&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;aspect=fixed;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;200&quot; y=&quot;235&quot; width=&quot;71.11&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-12&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;arcSize=4;absoluteArcSize=1;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;190&quot; y=&quot;240&quot; width=&quot;20&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-13&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;arcSize=4;absoluteArcSize=1;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;215&quot; y=&quot;240&quot; width=&quot;45&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-14&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;arcSize=4;absoluteArcSize=1;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;265&quot; y=&quot;240&quot; width=&quot;20&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-16&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;aspect=fixed;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;200&quot; y=&quot;280&quot; width=&quot;71.11&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-26&quot; value=&quot;&quot; style=&quot;endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=1;entryDx=0;entryDy=0;strokeWidth=0.5;endSize=6;targetPerimeterSpacing=0;sourcePerimeterSpacing=0;curved=0;&quot; edge=&quot;1&quot; target=&quot;p8uehy9xxPkXcbn2s3VA-36&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;365&quot; y=&quot;268&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;405&quot; y=&quot;195&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-27&quot; value=&quot;&quot; style=&quot;endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0;entryDx=0;entryDy=0;strokeWidth=0.5;endSize=6;targetPerimeterSpacing=0;sourcePerimeterSpacing=0;curved=0;&quot; edge=&quot;1&quot; target=&quot;p8uehy9xxPkXcbn2s3VA-28&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;365&quot; y=&quot;243&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;385&quot; y=&quot;215&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-28&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;aspect=fixed;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;400&quot; y=&quot;212.5&quot; width=&quot;71.11&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-29&quot; value=&quot;&quot; style=&quot;sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#333333;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.devices.lcd_monitor;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;320&quot; y=&quot;240&quot; width=&quot;48.33&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-36&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;aspect=fixed;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;400&quot; y=&quot;257.5&quot; width=&quot;71.11&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-22&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;arcSize=4;absoluteArcSize=1;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;445&quot; y=&quot;217.5&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-23&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;arcSize=4;absoluteArcSize=1;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;425&quot; y=&quot;217.5&quot; width=&quot;15&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-24&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;arcSize=4;absoluteArcSize=1;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;405&quot; y=&quot;217.5&quot; width=&quot;15&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;"
+   id="svg41"
+   sodipodi:docname="dark.drawio.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   inkscape:export-filename="workspaces-dark.png"
+   inkscape:export-xdpi="300"
+   inkscape:export-ydpi="300"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview41"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#000000"
+     inkscape:zoom="3.1065574"
+     inkscape:cx="131.65699"
+     inkscape:cy="112.98681"
+     inkscape:window-width="2509"
+     inkscape:window-height="1385"
+     inkscape:window-x="20"
+     inkscape:window-y="20"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg41" />
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath44">
+      <path
+         id="path44"
+         d="m 80.5,45.5 v 39 h 70.10938 v -39 z" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath45">
+      <path
+         id="path45"
+         d="m 80.5,45.5 v 39 h 70.10938 v -39 z" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath47">
+      <path
+         id="path47"
+         d="m 280.5,23 v 39 h 70.10938 V 23 Z" />
+    </clipPath>
+  </defs>
+  <g
+     id="g41"
+     transform="translate(-0.5)">
+    <g
+       data-cell-id="0"
+       id="g40">
+      <g
+         data-cell-id="1"
+         id="g39">
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-21"
+           id="g2">
+          <g
+             id="g1">
+            <path
+               d="m 45,78 35,52"
+               fill="none"
+               stroke="#000000"
+               style="stroke:#7f7f7f;stroke-opacity:1"
+               stroke-width="0.5"
+               stroke-miterlimit="10"
+               stroke-dasharray="1.5, 1.5"
+               pointer-events="stroke"
+               id="path1" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-20"
+           id="g4">
+          <g
+             id="g3">
+            <path
+               d="M 45,53 80,0"
+               fill="none"
+               stroke="#000000"
+               style="stroke:#7f7f7f;stroke-opacity:1"
+               stroke-width="0.5"
+               stroke-miterlimit="10"
+               stroke-dasharray="1.5, 1.5"
+               pointer-events="stroke"
+               id="path2" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-2"
+           id="g6">
+          <g
+             id="g5">
+            <rect
+               x="80"
+               y="0"
+               width="71.110001"
+               height="40"
+               fill="#ffffff"
+               style="fill:#000000;fill-opacity:1;stroke:#7f7f7f;stroke-opacity:1"
+               stroke="#000000"
+               pointer-events="all"
+               id="rect4" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-3"
+           id="g8">
+          <g
+             id="g7">
+            <rect
+               x="0"
+               y="50"
+               width="48.330002"
+               height="40"
+               fill="none"
+               stroke="none"
+               pointer-events="all"
+               id="rect6" />
+            <path
+               d="m 3.14,78.13 h 42.05 v -25 H 3.14 Z M 2.41,81.25 C 1.32,81.25 0,80.2 0,78.79 V 52.51 C 0,51.17 1.19,50 2.38,50 h 43.55 c 1.27,0 2.4,1.23 2.4,2.44 v 26.33 c 0,1.13 -0.91,2.48 -2.49,2.48 H 29.69 c -0.27,0.92 -0.51,1.86 -0.52,2.78 0,1.55 0.9,2.14 2.25,2.49 1.66,0.38 3.43,0.38 5.19,0.41 0.72,0 1.55,0.62 1.55,1.59 0,0.8 -0.73,1.48 -1.4,1.48 H 11.52 c -0.71,0 -1.48,-0.66 -1.48,-1.45 0,-0.9 0.65,-1.62 1.51,-1.62 2.06,-0.05 4.73,-0.01 6.27,-0.73 0.69,-0.32 1.29,-0.84 1.32,-1.97 0.06,-0.98 -0.23,-1.99 -0.49,-2.98 z"
+               fill="#333333"
+               style="fill:#7f7f7f;fill-opacity:1"
+               stroke="none"
+               pointer-events="all"
+               id="path6" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-5"
+           id="g10">
+          <g
+             id="g9">
+            <rect
+               x="85"
+               y="5"
+               width="30"
+               height="30"
+               rx="2"
+               ry="2"
+               fill="#f5f5f5"
+               style="fill:#1a1a1a;stroke:#959595"
+               stroke="#666666"
+               stroke-width="0.5"
+               pointer-events="all"
+               id="rect8" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-10"
+           id="g12">
+          <g
+             id="g11">
+            <rect
+               x="120"
+               y="5"
+               width="15"
+               height="30"
+               rx="2"
+               ry="2"
+               fill="#f5f5f5"
+               style="fill:#1a1a1a;stroke:#959595"
+               stroke="#666666"
+               stroke-width="0.5"
+               pointer-events="all"
+               id="rect10" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-11"
+           id="g14">
+          <g
+             id="g13">
+            <rect
+               x="80"
+               y="45"
+               width="71.110001"
+               height="40"
+               fill="#ffffff"
+               style="fill:#000000;fill-opacity:1;stroke:#7f7f7f;stroke-opacity:1"
+               stroke="#000000"
+               pointer-events="all"
+               id="rect12" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-12"
+           id="g16">
+          <g
+             id="g15">
+            <rect
+               x="70"
+               y="50"
+               width="20"
+               height="30"
+               rx="2"
+               ry="2"
+               fill="#f5f5f5"
+               style="fill:#1a1a1a;stroke:#959595"
+               stroke="#666666"
+               stroke-width="0.5"
+               pointer-events="all"
+               id="rect14"
+               clip-path="url(#clipPath45)" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-13"
+           id="g18">
+          <g
+             id="g17">
+            <rect
+               x="95"
+               y="50"
+               width="45"
+               height="30"
+               rx="2"
+               ry="2"
+               fill="#f5f5f5"
+               style="fill:#1a1a1a;stroke:#959595"
+               stroke="#666666"
+               stroke-width="0.5"
+               pointer-events="all"
+               id="rect16" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-14"
+           id="g20">
+          <g
+             id="g19">
+            <rect
+               x="145"
+               y="50"
+               width="20"
+               height="30"
+               rx="2"
+               ry="2"
+               fill="#f5f5f5"
+               style="fill:#1a1a1a;stroke:#959595"
+               stroke="#666666"
+               stroke-width="0.5"
+               pointer-events="all"
+               id="rect18"
+               clip-path="url(#clipPath44)" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-16"
+           id="g22">
+          <g
+             id="g21">
+            <rect
+               x="80"
+               y="90"
+               width="71.110001"
+               height="40"
+               fill="#ffffff"
+               style="fill:#000000;fill-opacity:1;stroke:#7f7f7f;stroke-opacity:1"
+               stroke="#000000"
+               pointer-events="all"
+               id="rect20" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-26"
+           id="g24">
+          <g
+             id="g23">
+            <path
+               d="m 245,78 35,29.5"
+               fill="none"
+               stroke="#000000"
+               style="stroke:#7f7f7f;stroke-opacity:1"
+               stroke-width="0.5"
+               stroke-miterlimit="10"
+               stroke-dasharray="1.5, 1.5"
+               pointer-events="stroke"
+               id="path22" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-27"
+           id="g26">
+          <g
+             id="g25">
+            <path
+               d="M 245,53 280,22.5"
+               fill="none"
+               stroke="#000000"
+               style="stroke:#7f7f7f;stroke-opacity:1"
+               stroke-width="0.5"
+               stroke-miterlimit="10"
+               stroke-dasharray="1.5, 1.5"
+               pointer-events="stroke"
+               id="path24" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-28"
+           id="g28">
+          <g
+             id="g27">
+            <rect
+               x="280"
+               y="22.5"
+               width="71.110001"
+               height="40"
+               fill="#ffffff"
+               style="fill:#000000;fill-opacity:1;stroke:#7f7f7f;stroke-opacity:1"
+               stroke="#000000"
+               pointer-events="all"
+               id="rect26" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-29"
+           id="g30">
+          <g
+             id="g29">
+            <rect
+               x="200"
+               y="50"
+               width="48.330002"
+               height="40"
+               fill="none"
+               stroke="none"
+               pointer-events="all"
+               id="rect28" />
+            <path
+               d="m 203.14,78.13 h 42.05 v -25 h -42.05 z m -0.73,3.12 C 201.32,81.25 200,80.2 200,78.79 V 52.51 c 0,-1.34 1.19,-2.51 2.38,-2.51 h 43.55 c 1.27,0 2.4,1.23 2.4,2.44 v 26.33 c 0,1.13 -0.91,2.48 -2.49,2.48 h -16.15 c -0.27,0.92 -0.51,1.86 -0.52,2.78 0,1.55 0.9,2.14 2.25,2.49 1.66,0.38 3.43,0.38 5.19,0.41 0.72,0 1.55,0.62 1.55,1.59 0,0.8 -0.73,1.48 -1.4,1.48 h -25.24 c -0.71,0 -1.48,-0.66 -1.48,-1.45 0,-0.9 0.65,-1.62 1.51,-1.62 2.06,-0.05 4.73,-0.01 6.27,-0.73 0.69,-0.32 1.29,-0.84 1.32,-1.97 0.06,-0.98 -0.23,-1.99 -0.49,-2.98 z"
+               fill="#333333"
+               style="fill:#7f7f7f;fill-opacity:1"
+               stroke="none"
+               pointer-events="all"
+               id="path28" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-36"
+           id="g32">
+          <g
+             id="g31">
+            <rect
+               x="280"
+               y="67.5"
+               width="71.110001"
+               height="40"
+               fill="#ffffff"
+               style="fill:#000000;fill-opacity:1;stroke:#7f7f7f;stroke-opacity:1"
+               stroke="#000000"
+               pointer-events="all"
+               id="rect30" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-22"
+           id="g34">
+          <g
+             id="g33">
+            <rect
+               x="325"
+               y="27.5"
+               width="40"
+               height="30"
+               rx="2"
+               ry="2"
+               fill="#f5f5f5"
+               style="fill:#1a1a1a;stroke:#959595"
+               stroke="#666666"
+               stroke-width="0.5"
+               pointer-events="all"
+               id="rect32"
+               clip-path="url(#clipPath47)" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-23"
+           id="g36">
+          <g
+             id="g35">
+            <rect
+               x="305"
+               y="27.5"
+               width="15"
+               height="30"
+               rx="2"
+               ry="2"
+               fill="#f5f5f5"
+               style="fill:#1a1a1a;stroke:#959595"
+               stroke="#666666"
+               stroke-width="0.5"
+               pointer-events="all"
+               id="rect34" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-24"
+           id="g38">
+          <g
+             id="g37">
+            <rect
+               x="285"
+               y="27.5"
+               width="15"
+               height="30"
+               rx="2"
+               ry="2"
+               fill="#f5f5f5"
+               style="fill:#1a1a1a;stroke:#959595"
+               stroke="#666666"
+               stroke-width="0.5"
+               pointer-events="all"
+               id="rect36" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+  <g
+     id="rect41"
+     transform="translate(-0.5)" />
+  <g
+     id="rect45"
+     transform="translate(-0.5)" />
+</svg>
diff --git a/docs/wiki/img/workspaces-dark.png b/docs/wiki/img/workspaces-dark.png
new file mode 100644
index 00000000..9ef15a2f
--- /dev/null
+++ b/docs/wiki/img/workspaces-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e387b2551923ebcf9a21e2e485c55195c817d64a3198bc8d38ee0808046b7a44
+size 16825
diff --git a/docs/wiki/img/workspaces-light.drawio.svg b/docs/wiki/img/workspaces-light.drawio.svg
new file mode 100644
index 00000000..9ace16b9
--- /dev/null
+++ b/docs/wiki/img/workspaces-light.drawio.svg
@@ -0,0 +1,426 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Do not edit this file with editors other than draw.io -->
+
+<svg
+   version="1.1"
+   width="351.60999"
+   height="131"
+   viewBox="-0.5 -0.5 351.60999 131"
+   content="&lt;mxfile host=&quot;app.diagrams.net&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64; rv:136.0) Gecko/20100101 Firefox/136.0&quot; version=&quot;26.0.16&quot;&gt;&#10;  &lt;diagram name=&quot;Page-1&quot; id=&quot;eeUwl5a5gwcnClCdA54p&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;589&quot; dy=&quot;403&quot; grid=&quot;1&quot; gridSize=&quot;5&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;1169&quot; pageHeight=&quot;827&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-21&quot; value=&quot;&quot; style=&quot;endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=1;entryDx=0;entryDy=0;strokeWidth=0.5;endSize=6;targetPerimeterSpacing=0;sourcePerimeterSpacing=0;curved=0;fillColor=#f5f5f5;strokeColor=#666666;&quot; edge=&quot;1&quot; parent=&quot;1&quot; target=&quot;p8uehy9xxPkXcbn2s3VA-16&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;165&quot; y=&quot;268&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;205&quot; y=&quot;195&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-20&quot; value=&quot;&quot; style=&quot;endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0;entryDx=0;entryDy=0;strokeWidth=0.5;endSize=6;targetPerimeterSpacing=0;sourcePerimeterSpacing=0;curved=0;fillColor=#f5f5f5;strokeColor=#666666;&quot; edge=&quot;1&quot; parent=&quot;1&quot; target=&quot;p8uehy9xxPkXcbn2s3VA-2&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;165&quot; y=&quot;243&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;185&quot; y=&quot;215&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-2&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;200&quot; y=&quot;190&quot; width=&quot;71.11&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-3&quot; value=&quot;&quot; style=&quot;sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#333333;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.devices.lcd_monitor;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;120&quot; y=&quot;240&quot; width=&quot;48.33&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-5&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;arcSize=4;absoluteArcSize=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;205&quot; y=&quot;195&quot; width=&quot;30&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-10&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;arcSize=4;absoluteArcSize=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;240&quot; y=&quot;195&quot; width=&quot;15&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-11&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;200&quot; y=&quot;235&quot; width=&quot;71.11&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-12&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;arcSize=4;absoluteArcSize=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;190&quot; y=&quot;240&quot; width=&quot;20&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-13&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;arcSize=4;absoluteArcSize=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;215&quot; y=&quot;240&quot; width=&quot;45&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-14&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;arcSize=4;absoluteArcSize=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;265&quot; y=&quot;240&quot; width=&quot;20&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-16&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;200&quot; y=&quot;280&quot; width=&quot;71.11&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-26&quot; value=&quot;&quot; style=&quot;endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=1;entryDx=0;entryDy=0;strokeWidth=0.5;endSize=6;targetPerimeterSpacing=0;sourcePerimeterSpacing=0;curved=0;fillColor=#f5f5f5;strokeColor=#666666;&quot; edge=&quot;1&quot; target=&quot;p8uehy9xxPkXcbn2s3VA-36&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;365&quot; y=&quot;268&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;405&quot; y=&quot;195&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-27&quot; value=&quot;&quot; style=&quot;endArrow=none;dashed=1;html=1;rounded=0;entryX=0;entryY=0;entryDx=0;entryDy=0;strokeWidth=0.5;endSize=6;targetPerimeterSpacing=0;sourcePerimeterSpacing=0;curved=0;fillColor=#f5f5f5;strokeColor=#666666;&quot; edge=&quot;1&quot; target=&quot;p8uehy9xxPkXcbn2s3VA-28&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;50&quot; height=&quot;50&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;365&quot; y=&quot;243&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;385&quot; y=&quot;215&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-28&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;400&quot; y=&quot;212.5&quot; width=&quot;71.11&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-29&quot; value=&quot;&quot; style=&quot;sketch=0;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#333333;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.devices.lcd_monitor;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;320&quot; y=&quot;240&quot; width=&quot;48.33&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-36&quot; value=&quot;&quot; style=&quot;rounded=0;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;400&quot; y=&quot;257.5&quot; width=&quot;71.11&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-22&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;arcSize=4;absoluteArcSize=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;445&quot; y=&quot;217.5&quot; width=&quot;40&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-23&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;arcSize=4;absoluteArcSize=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;425&quot; y=&quot;217.5&quot; width=&quot;15&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;p8uehy9xxPkXcbn2s3VA-24&quot; value=&quot;&quot; style=&quot;rounded=1;whiteSpace=wrap;html=1;strokeWidth=0.5;arcSize=4;absoluteArcSize=1;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;405&quot; y=&quot;217.5&quot; width=&quot;15&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;"
+   id="svg41"
+   sodipodi:docname="Untitled Diagram.drawio.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   inkscape:export-filename="workspaces-light.png"
+   inkscape:export-xdpi="300"
+   inkscape:export-ydpi="300"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview41"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="3.257908"
+     inkscape:cx="176.49363"
+     inkscape:cy="143.34352"
+     inkscape:window-width="2509"
+     inkscape:window-height="1385"
+     inkscape:window-x="20"
+     inkscape:window-y="20"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg41" />
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath43">
+      <path
+         id="path43"
+         style="fill:#f5f5f5"
+         d="m 80.5,45.5 v 39 h 70.10938 v -39 z" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath44">
+      <path
+         id="path44"
+         style="fill:#f5f5f5"
+         d="m 80.5,45.5 v 39 h 70.10938 v -39 z" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath46">
+      <path
+         id="path46"
+         style="fill:#f5f5f5"
+         d="m 280.5,23 v 39 h 70.10938 V 23 Z" />
+    </clipPath>
+  </defs>
+  <g
+     id="g41"
+     transform="translate(-0.5)">
+    <g
+       data-cell-id="0"
+       id="g40">
+      <g
+         data-cell-id="1"
+         id="g39">
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-21"
+           id="g2">
+          <g
+             id="g1">
+            <path
+               d="m 45,78 35,52"
+               fill="none"
+               stroke="#666666"
+               stroke-width="0.5"
+               stroke-miterlimit="10"
+               stroke-dasharray="1.5, 1.5"
+               pointer-events="stroke"
+               id="path1" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-20"
+           id="g4">
+          <g
+             id="g3">
+            <path
+               d="M 45,53 80,0"
+               fill="none"
+               stroke="#666666"
+               stroke-width="0.5"
+               stroke-miterlimit="10"
+               stroke-dasharray="1.5, 1.5"
+               pointer-events="stroke"
+               id="path2" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-2"
+           id="g6">
+          <g
+             id="g5">
+            <rect
+               x="80"
+               y="0"
+               width="71.110001"
+               height="40"
+               fill="#f5f5f5"
+               stroke="#666666"
+               pointer-events="all"
+               id="rect4" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-3"
+           id="g8">
+          <g
+             id="g7">
+            <rect
+               x="0"
+               y="50"
+               width="48.330002"
+               height="40"
+               fill="none"
+               stroke="none"
+               pointer-events="all"
+               id="rect6" />
+            <path
+               d="m 3.14,78.13 h 42.05 v -25 H 3.14 Z M 2.41,81.25 C 1.32,81.25 0,80.2 0,78.79 V 52.51 C 0,51.17 1.19,50 2.38,50 h 43.55 c 1.27,0 2.4,1.23 2.4,2.44 v 26.33 c 0,1.13 -0.91,2.48 -2.49,2.48 H 29.69 c -0.27,0.92 -0.51,1.86 -0.52,2.78 0,1.55 0.9,2.14 2.25,2.49 1.66,0.38 3.43,0.38 5.19,0.41 0.72,0 1.55,0.62 1.55,1.59 0,0.8 -0.73,1.48 -1.4,1.48 H 11.52 c -0.71,0 -1.48,-0.66 -1.48,-1.45 0,-0.9 0.65,-1.62 1.51,-1.62 2.06,-0.05 4.73,-0.01 6.27,-0.73 0.69,-0.32 1.29,-0.84 1.32,-1.97 0.06,-0.98 -0.23,-1.99 -0.49,-2.98 z"
+               fill="#333333"
+               stroke="none"
+               pointer-events="all"
+               id="path6" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-5"
+           id="g10">
+          <g
+             id="g9">
+            <rect
+               x="85"
+               y="5"
+               width="30"
+               height="30"
+               rx="2"
+               ry="2"
+               fill="#ffffff"
+               stroke="#000000"
+               stroke-width="0.5"
+               pointer-events="all"
+               id="rect8" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-10"
+           id="g12">
+          <g
+             id="g11">
+            <rect
+               x="120"
+               y="5"
+               width="15"
+               height="30"
+               rx="2"
+               ry="2"
+               fill="#ffffff"
+               stroke="#000000"
+               stroke-width="0.5"
+               pointer-events="all"
+               id="rect10" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-11"
+           id="g14">
+          <g
+             id="g13">
+            <rect
+               x="80"
+               y="45"
+               width="71.110001"
+               height="40"
+               fill="#f5f5f5"
+               stroke="#666666"
+               pointer-events="all"
+               id="rect12" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-12"
+           id="g16">
+          <g
+             id="g15">
+            <rect
+               x="70"
+               y="50"
+               width="20"
+               height="30"
+               rx="2"
+               ry="2"
+               fill="#ffffff"
+               stroke="#000000"
+               stroke-width="0.5"
+               pointer-events="all"
+               id="rect14"
+               clip-path="url(#clipPath44)" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-13"
+           id="g18">
+          <g
+             id="g17">
+            <rect
+               x="95"
+               y="50"
+               width="45"
+               height="30"
+               rx="2"
+               ry="2"
+               fill="#ffffff"
+               stroke="#000000"
+               stroke-width="0.5"
+               pointer-events="all"
+               id="rect16" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-14"
+           id="g20">
+          <g
+             id="g19">
+            <rect
+               x="145"
+               y="50"
+               width="20"
+               height="30"
+               rx="2"
+               ry="2"
+               fill="#ffffff"
+               stroke="#000000"
+               stroke-width="0.5"
+               pointer-events="all"
+               id="rect18"
+               clip-path="url(#clipPath43)" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-16"
+           id="g22">
+          <g
+             id="g21">
+            <rect
+               x="80"
+               y="90"
+               width="71.110001"
+               height="40"
+               fill="#f5f5f5"
+               stroke="#666666"
+               pointer-events="all"
+               id="rect20" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-26"
+           id="g24">
+          <g
+             id="g23">
+            <path
+               d="m 245,78 35,29.5"
+               fill="none"
+               stroke="#666666"
+               stroke-width="0.5"
+               stroke-miterlimit="10"
+               stroke-dasharray="1.5, 1.5"
+               pointer-events="stroke"
+               id="path22" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-27"
+           id="g26">
+          <g
+             id="g25">
+            <path
+               d="M 245,53 280,22.5"
+               fill="none"
+               stroke="#666666"
+               stroke-width="0.5"
+               stroke-miterlimit="10"
+               stroke-dasharray="1.5, 1.5"
+               pointer-events="stroke"
+               id="path24" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-28"
+           id="g28">
+          <g
+             id="g27">
+            <rect
+               x="280"
+               y="22.5"
+               width="71.110001"
+               height="40"
+               fill="#f5f5f5"
+               stroke="#666666"
+               pointer-events="all"
+               id="rect26" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-29"
+           id="g30">
+          <g
+             id="g29">
+            <rect
+               x="200"
+               y="50"
+               width="48.330002"
+               height="40"
+               fill="none"
+               stroke="none"
+               pointer-events="all"
+               id="rect28" />
+            <path
+               d="m 203.14,78.13 h 42.05 v -25 h -42.05 z m -0.73,3.12 C 201.32,81.25 200,80.2 200,78.79 V 52.51 c 0,-1.34 1.19,-2.51 2.38,-2.51 h 43.55 c 1.27,0 2.4,1.23 2.4,2.44 v 26.33 c 0,1.13 -0.91,2.48 -2.49,2.48 h -16.15 c -0.27,0.92 -0.51,1.86 -0.52,2.78 0,1.55 0.9,2.14 2.25,2.49 1.66,0.38 3.43,0.38 5.19,0.41 0.72,0 1.55,0.62 1.55,1.59 0,0.8 -0.73,1.48 -1.4,1.48 h -25.24 c -0.71,0 -1.48,-0.66 -1.48,-1.45 0,-0.9 0.65,-1.62 1.51,-1.62 2.06,-0.05 4.73,-0.01 6.27,-0.73 0.69,-0.32 1.29,-0.84 1.32,-1.97 0.06,-0.98 -0.23,-1.99 -0.49,-2.98 z"
+               fill="#333333"
+               stroke="none"
+               pointer-events="all"
+               id="path28" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-36"
+           id="g32">
+          <g
+             id="g31">
+            <rect
+               x="280"
+               y="67.5"
+               width="71.110001"
+               height="40"
+               fill="#f5f5f5"
+               stroke="#666666"
+               pointer-events="all"
+               id="rect30" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-22"
+           id="g34">
+          <g
+             id="g33">
+            <rect
+               x="325"
+               y="27.5"
+               width="40"
+               height="30"
+               rx="2"
+               ry="2"
+               fill="#ffffff"
+               stroke="#000000"
+               stroke-width="0.5"
+               pointer-events="all"
+               id="rect32"
+               clip-path="url(#clipPath46)" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-23"
+           id="g36">
+          <g
+             id="g35">
+            <rect
+               x="305"
+               y="27.5"
+               width="15"
+               height="30"
+               rx="2"
+               ry="2"
+               fill="#ffffff"
+               stroke="#000000"
+               stroke-width="0.5"
+               pointer-events="all"
+               id="rect34" />
+          </g>
+        </g>
+        <g
+           data-cell-id="p8uehy9xxPkXcbn2s3VA-24"
+           id="g38">
+          <g
+             id="g37">
+            <rect
+               x="285"
+               y="27.5"
+               width="15"
+               height="30"
+               rx="2"
+               ry="2"
+               fill="#ffffff"
+               stroke="#000000"
+               stroke-width="0.5"
+               pointer-events="all"
+               id="rect36" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+  <g
+     id="rect41"
+     transform="translate(-0.5)" />
+  <g
+     id="rect44"
+     transform="translate(-0.5)" />
+</svg>
diff --git a/docs/wiki/img/workspaces-light.png b/docs/wiki/img/workspaces-light.png
new file mode 100644
index 00000000..256c755f
--- /dev/null
+++ b/docs/wiki/img/workspaces-light.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bf088a6b2a4ba2f38b711a5057251a702f55d6c8fcbc8310d39ad4c75a2a0d38
+size 17357
-- 
cgit