Merge pull request #734 from h2bagel/hassio-control-center-widget

Author: spiros132

hassio/ControlCenterWidget.qml

@@ -0,0 +1,64 @@
+import QtQuick
+import Quickshell
+import qs.Commons
+import qs.Widgets
+import qs.Services.UI
+
+NIconButtonHot {
+    id: root
+
+    property ShellScreen screen
+    property var pluginApi: null
+    property var main: pluginApi?.mainInstance ?? null
+
+    readonly property string status: {
+        if (!main || main.haToken === "")
+            return "Unconfigured";
+        if (main.authFailed)
+            return "AuthFailed";
+        if (main.authenticated)
+            return "Connected";
+        if (main.isReconnecting)
+            return "Disconnected";
+        return "Connecting";
+    }
+
+    icon: "smart-home"
+    colorFg: {
+        switch (status) {
+            case "Connected": return Color.mPrimary;
+            case "Connecting": return Color.mOnError;
+            case "Disconnected": return Color.mError;
+            case "AuthFailed": return Color.mError;
+            default: return Color.mOnSurfaceVariant;
+        }
+    }
+
+    tooltipText: {
+        switch (status) {
+            case "Connected": return pluginApi?.tr("widget.status_connected");
+            case "Connecting": return pluginApi?.tr("widget.status_connecting");
+            case "Disconnected": return pluginApi?.tr("widget.status_disconnected");
+            case "AuthFailed": return pluginApi?.tr("widget.status_auth_failed");
+            default: return pluginApi?.tr("widget.status_unconfigured");
+        }
+    }
+
+    onClicked: {
+        if (pluginApi)
+            pluginApi.togglePanel(screen);
+    }
+
+    onRightClicked: {
+        if (pluginApi && pluginApi.manifest)
+            BarService.openPluginSettings(screen, pluginApi.manifest);
+    }
+
+    SequentialAnimation on opacity {
+        running: status === "Connecting"
+        loops: Animation.Infinite
+
+        NumberAnimation { to: 0.4; duration: 600; easing.type: Easing.InOutSine }
+        NumberAnimation { to: 1.0; duration: 600; easing.type: Easing.InOutSine }
+    }
+}

hassio/README.md

@@ -85,6 +85,17 @@ Click the 🏠 icon in the bar to open the panel. The icon color reflects the co
 | Pulsing | Connecting / authenticating |
 | Error (red) | Disconnected |
 
+### Control Center Widget
+
+Click the 🏠 icon in the control center to open the panel. The icon color reflects the connection state:
+
+| Color | Meaning |
+|-------|---------|
+| Primary (accent) | Connected and authenticated |
+| Pulsing | Connecting / authenticating |
+| Error (red) | Disconnected |
+
+
 ### Panel - Entity List
 
 Shows your pinned entities. Each entity row displays:
@@ -116,6 +127,7 @@ hassio/
 ├── manifest.json       # Plugin metadata
 ├── Main.qml            # WebSocket service, entity state, reconnect logic
 ├── BarWidget.qml       # Bar icon with connection status
+├── ControlCenterWidget.qml # Controlcenter Icon with connection status
 ├── Panel.qml           # Main panel - entity list and browser switcher
 ├── BrowserView.qml     # Entity browser with search and pin controls
 ├── Settings.qml        # URL and token configuration
@@ -169,4 +181,4 @@ MIT
 
 ## Author
 
-**Pozzoo** - [github.com/Pozzoo](https://github.com/Pozzoo)
+**Pozzoo** - [github.com/Pozzoo](https://github.com/Pozzoo)

hassio/manifest.json

@@ -1,7 +1,7 @@
 {
   "id": "hassio",
   "name": "Home Assistant",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "minNoctaliaVersion": "3.6.0",
   "author": "Pozzoo",
   "license": "MIT",
@@ -12,7 +12,8 @@
     "main": "Main.qml",
     "barWidget": "BarWidget.qml",
     "panel": "Panel.qml",
-    "settings": "Settings.qml"
+    "settings": "Settings.qml",
+    "controlCenterWidget": "ControlCenterWidget.qml"
   },
   "dependencies": {
     "plugins": []
@@ -24,4 +25,4 @@
       "entities": []
     }
   }
-}
+}