Coherence: one component per idea, one spelling per word, one truth per claim

Claude-Session: https://claude.ai/code/session_01Ms2FbjQy31TVf3CEvQhGM8

config/dot/quickshell/modules/settings/DockPage.qml

@@ -1,7 +1,7 @@
 // Dock.
 //
 // The pinned applications come first because they are what the Dock is; the
-// behaviour card below is how it gets out of the way. The dock timings used to
+// behavior card below is how it gets out of the way. The dock timings used to
 // be shown here as text -- "Instant", "250 ms" -- even though they were already
 // stored, mutable integers. They are controls now.
 
@@ -80,35 +80,18 @@ SettingsPage {
                 Repeater {
                     model: Quickshell.screens
 
-                    delegate: Rectangle {
+                    delegate: SettingsChip {
                         id: screenPill
 
                         required property var modelData
 
                         readonly property string screenName: String(screenPill.modelData.name ?? "")
-                        // An empty list means all, so every pill reads as on.
-                        readonly property bool on: Settings.dockScreens.length === 0
+
+                        text: screenPill.screenName
+                        // An empty list means all, so every chip reads as on.
+                        active: Settings.dockScreens.length === 0
                             || Settings.dockScreens.indexOf(screenPill.screenName) >= 0
-
-                        width: pillLabel.implicitWidth + 20
-                        height: 28
-                        radius: 8
-                        color: screenPill.on ? Theme.alpha(Theme.accent, 0.22)
-                                             : Theme.alpha(Theme.fg, 0.06)
-                        border.width: screenPill.on ? 1 : 0
-                        border.color: Theme.alpha(Theme.accent, 0.5)
-
-                        Text {
-                            id: pillLabel
-                            anchors.centerIn: parent
-                            text: screenPill.screenName
-                            color: screenPill.on ? Theme.fg : Theme.fgDim
-                            font.family: Theme.fontFamily
-                            font.pixelSize: Theme.fontSizeSmall
-                        }
-
-                        HoverHandler { cursorShape: Qt.PointingHandCursor }
-                        TapHandler { onTapped: root.toggleDockScreen(screenPill.screenName) }
+                        onClicked: root.toggleDockScreen(screenPill.screenName)
                     }
                 }
             }