Added setting for workspace names

Commons/Settings.qml

@@ -122,6 +122,7 @@ Singleton {
         property bool showActiveWindowIcon: true
         property bool alwaysShowBatteryPercentage: false
         property real backgroundOpacity: 1.0
+        property bool showWorkspaceNames: false
         property list<string> monitors: []
 
         // Widget configuration for modular bar system

Modules/Bar/Widgets/Workspace.qml

@@ -161,6 +161,21 @@ Item {
         Rectangle {
           id: workspacePill
           anchors.fill: parent
+
+          Loader {
+            anchors.centerIn: parent
+            active: Settings.data.bar.showWorkspaceNames 
+            sourceComponent: Component {
+              Text {
+                text: model.name.substring(0,2)
+                font.pointSize: Style.fontSizeXS * scaling
+                horizontalAlignment: Text.AlignHCenter
+                verticalAlignment: Text.AlignVCenter
+                wrapMode: Text.Wrap
+              }
+            }
+          }
+
           radius: {
             if (model.isFocused)
               return Math.round(12 * scaling)

Modules/SettingsPanel/Tabs/BarTab.qml

@@ -128,6 +128,15 @@ ColumnLayout {
                      }
         }
         
+        NToggle {
+          label: "Show Workspace Names"
+          description: "Show the workspace names on the workspace indicators"
+          checked: Settings.data.bar.showWorkspaceNames
+          onToggled: checked => {
+                       Settings.data.bar.showWorkspaceNames = checked
+                     }
+        }
+
         NDivider {
           Layout.fillWidth: true
           Layout.topMargin: Style.marginL * scaling