feat: split the bar in two on DP-3

DP-3 is rotated, so a bar there is 1080px wide rather than 1920, and one bar
holding every module was too crowded. Status sits on top now, the desktop
itself along the bottom: workspaces on the left, open windows on the right.
Both bars are one waybar process reading one stylesheet, because waybar takes
a top-level array of bars, so the two cannot drift apart.

Presentation mode is the statusctl-backed module the DP-1 bar already runs,
rather than the wb-idle module written for this bar. It talks to files under
XDG_RUNTIME_DIR instead of to quickshell, so it keeps working while the shell
is down, and it already emits a state class, so the glyphs are simply dropped
and the icon chosen in CSS. wb-idle and its module are gone.

The module needs a format of one space. It defaults to "{text}", statusctl
emits an empty text, and waybar draws no widget at all for a custom module
whose formatted output is empty: not an empty pill, no pill. That is the same
trap the launcher hit, and it cost a wrong diagnosis on the way: a min-height
was added first on the theory that the pill was collapsing, which was treating
a symptom of a widget that did not exist. A forced red background proved it
was never drawn at all.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

2 files changed, 38 insertions, 12 deletions

diff --git a/styles/modules.css b/styles/modules.css
index 9cc3f5e..4d3d38e 100644
--- a/styles/modules.css
+++ b/styles/modules.css
@@ -174,7 +174,29 @@
 	border-radius: 8px;
 }
 
-#image.idle {
+/* Presentation mode. statusctl emits the state as a class and an empty text,
+ * so the icon is chosen here rather than by a format string.
+ *
+ * `down` is not `off`: the state file is missing, so the mode cannot be read
+ * at all. It draws a warning rather than the off icon, because a watcher that
+ * has died should not look like a mode that is simply not on. */
+#custom-presentation {
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: 18px 18px;
 	padding: 2px 10px;
 	min-width: 22px;
+	min-height: 18px;
+}
+
+#custom-presentation.deactivated {
+	background-image: url("@ICONS@/categories/22/preferences-desktop-screensaver.svg");
+}
+
+#custom-presentation.activated {
+	background-image: url("@ICONS@/mimetypes/22/x-office-presentation.svg");
+}
+
+#custom-presentation.down {
+	background-image: url("@ICONS@/status/22/dialog-warning.svg");
 }
diff --git a/styles/pills.css b/styles/pills.css
index 515f053..40c6629 100644
--- a/styles/pills.css
+++ b/styles/pills.css
@@ -21,7 +21,7 @@
 #custom-privacy_dots,
 #volume,
 #tray,
-#image.idle,
+#custom-presentation,
 #image.lang {
 	background: @main-bg;
 	color: @main-fg;
@@ -40,7 +40,7 @@
 #custom-privacy_dots:hover,
 #volume:hover,
 #tray:hover,
-#image.idle:hover,
+#custom-presentation:hover,
 #image.lang:hover {
 	background: @hover-bg;
 	color: @hover-fg;
@@ -53,15 +53,11 @@
  * pill of each, so adding a module to a cluster means editing one rule.
  */
 
-/* Left: launcher | date time | workspaces | vm dots */
-#image.launcher {
-	margin-left: 6px;
-	margin-right: 6px;
-}
-
+/* Top bar, left: date time | vm dots */
 #clock.date {
 	border-radius: 14px 0 0 14px;
 	padding-right: 8px;
+	margin-left: 6px;
 }
 
 #clock.time {
@@ -70,9 +66,16 @@
 	margin-right: 6px;
 }
 
+/* Top bar, centre: the launcher stands alone. */
+#image.launcher {
+	margin-left: 6px;
+	margin-right: 6px;
+}
+
+/* Bottom bar, left: the workspace strip. */
 #workspaces {
 	padding: 2px 6px;
-	margin-right: 6px;
+	margin-left: 6px;
 }
 
 /* Right: privacy | volume | tray | presentation | language */
@@ -88,7 +91,7 @@
 	margin-right: 6px;
 }
 
-#image.idle {
+#custom-presentation {
 	margin-right: 6px;
 }
 
@@ -96,7 +99,8 @@
 	margin-right: 6px;
 }
 
-/* Center: the taskbar is one pill holding a row of buttons. */
+/* Bottom bar, right: the taskbar is one pill holding a row of buttons. */
 #taskbar {
 	padding: 2px 6px;
+	margin-right: 6px;
 }