Fix duplicated hidden areas when reordering areas in the areas dashboard editor (#55424 )

Ignore YAML dashboard update event on first load (#55430 )
Show blueprint usage count as text on narrow screens (#55427 )
2026-10-29 09:04:22 +00:00 · 2026-10-29 09:37:33 +01:00 · 2026-10-29 09:28:05 +01:00 · 2026-10-29 08:34:42 +02:00 · 2026-10-29 08:30:43 +02:00 · 2026-10-29 08:17:31 +02:00
14 changed files with 628 additions and 414 deletions
@@ -78,8 +78,8 @@
    "@mdi/svg": "7.4.47",
    "@replit/codemirror-indentation-markers": "6.5.3",
    "@swc/helpers": "0.5.23",
-    "@tsparticles/engine": "4.4.0",
-    "@tsparticles/preset-links": "4.4.0",
+    "@tsparticles/engine": "4.5.0",
+    "@tsparticles/preset-links": "4.5.0",
    "@versatiles/style": "7.0.1",
    "@vibrant/color": "4.0.4",
    "@vvo/tzdb": "6.201.1",
@@ -154,7 +154,7 @@
    "@playwright/test": "1.64.1",
    "@rsdoctor/rspack-plugin": "1.6.5",
    "@rspack/core": "2.2.9",
-    "@rspack/dev-server": "2.2.1",
+    "@rspack/dev-server": "2.2.2",
    "@types/babel__plugin-transform-runtime": "7.9.5",
    "@types/chromecast-caf-receiver": "7.0.1",
    "@types/chromecast-caf-sender": "1.0.11",
@@ -295,11 +295,11 @@ importers:
        specifier: 0.5.23
        version: 0.5.23
      '@tsparticles/engine':
-        specifier: 4.4.0
-        version: 4.4.0
+        specifier: 4.5.0
+        version: 4.5.0
      '@tsparticles/preset-links':
-        specifier: 4.4.0
-        version: 4.4.0
+        specifier: 4.5.0
+        version: 4.5.0
      '@versatiles/style':
        specifier: 7.0.1
        version: 7.0.1([email protected])
@@ -518,8 +518,8 @@ importers:
        specifier: 2.2.9
        version: 2.2.9(@swc/[email protected])
      '@rspack/dev-server':
-        specifier: 2.2.1
-        version: 2.2.1(@rspack/[email protected](@swc/[email protected]))
+        specifier: 2.2.2
+        version: 2.2.2(@rspack/[email protected](@swc/[email protected]))
      '@types/babel__plugin-transform-runtime':
        specifier: 7.9.5
        version: 7.9.5
@@ -2990,8 +2990,8 @@ packages:
      '@swc/helpers':
        optional: true

-  '@rspack/[email protected].3':
-    resolution: {integrity: sha512-GxnGj9jy76G3eCPyZei81fwKLAMLZaPEEqFz1/QDYquhwi/qYZX5fekFJ1XVpuwxGEK9KSX3hxZylfwrs4cmLA==}
+  '@rspack/[email protected].6':
+    resolution: {integrity: sha512-Rcx7dlDZQ9ddUJGuutFvnSeAKl+ZOc1fnC3htibs8yew3zMD9VgvSUe4MAwEn94Gb390l5heA+s/j5KhoSG5MQ==}
    engines: {node: ^20.19.0 || >=22.12.0}
    peerDependencies:
      '@rspack/core': ^2.0.0
@@ -2999,8 +2999,8 @@ packages:
      '@rspack/core':
        optional: true

-  '@rspack/[email protected].1':
-    resolution: {integrity: sha512-Il8HbYGK3rH5rM0XmUOsOGZVw69BKRpBZ61P28Fy8ry35CtfniDBWtbo/rvJtIT/sK0qwijmNrhF498ltsV+uA==}
+  '@rspack/[email protected].2':
+    resolution: {integrity: sha512-pK4V9YJW8dkfjy6WYJ2T6DrPkcIn2yjA1HiaU146141j8UCxHok5lsplyqudLzerOhvwqMrNFmnsuXLnFbfn4Q==}
    engines: {node: ^20.19.0 || >=22.12.0}
    peerDependencies:
      '@rspack/core': ^2.0.0
@@ -3156,85 +3156,85 @@ packages:
    resolution: {integrity: sha512-/67zpWDBLV+oYAEL682s1ktXL0HgqX76f6gaVGkGnVZlBbm1zd0v4Bz8MFF2GGhoX9rvfq3KSQHubFHwa6w6/Q==}
    engines: {node: '>=12'}

-  '@tsparticles/animation-utils@4.4.0':
-    resolution: {integrity: sha512-yl4iE9SSuJ2n8B096t/vn4bWN+wWIkDm11OfTsIM3/64bJLB/5T92n6iOm/XLC3r6g8M8XuDi6ntTnpOcwsGxg==}
+  '@tsparticles/animation-utils@4.5.0':
+    resolution: {integrity: sha512-jIcPbhaA7X9gIEzUOsw63Vn7558ZLRbPeAodfzvIEo+VYhmnKOCrnf7e91THZ2XoFYjRQkkOt94uJfT8bma1TQ==}
    peerDependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/basic@4.4.0':
-    resolution: {integrity: sha512-lTbKBPzab0alPy+4Wm/xehrVpT1FrpEMaQcTU2eTV0c0G++5/kOINEWkC7GL7/cHovycukxB+tOMYVT54bSprA==}
+  '@tsparticles/basic@4.5.0':
+    resolution: {integrity: sha512-4yZucXSWNeHh5NXjJ1is4aiq1Fi8hW5gBTrlWbIm7JcqBjUxNkYCqdLKvOCR/5bnToqjtezBJWlArwBdbzuU6w==}

-  '@tsparticles/canvas-utils@4.4.0':
-    resolution: {integrity: sha512-3zVr95OZ05BExgVYNT8WPqA/wFp83TiEJo66rZCZ/nZd1Ny8UCYLMKBcbUPBvGS2GB87UMK8+ygleZnlFhGTtw==}
+  '@tsparticles/canvas-utils@4.5.0':
+    resolution: {integrity: sha512-Yu/lxI9DzJvcvXSLlqEc7j/1B9f3A/Wa2yK6R+fn3ysDmf4CUVdjOiwa5Y65LlvvSpZMfBLbPoIgkwnCSbYaow==}
    peerDependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/engine@4.4.0':
-    resolution: {integrity: sha512-zUDykZ7qBqHYMXr6NveXg51kBlvfaQKMmWkMJ8nT7fC4dXdNayb1+TxOfAoqH9/U/u0Eyr0YE+72ai/ymS0uww==}
+  '@tsparticles/engine@4.5.0':
+    resolution: {integrity: sha512-ClhG2dxDU7HUAqCHGQZLgyIQRJFhuuCFCnNowSB9znuoNrxSeln4UKVBbRRv/994Eoi5OHuHuGaK9iw6ZeT21g==}

-  '@tsparticles/interaction-particles-links@4.4.0':
-    resolution: {integrity: sha512-n2OkzB8BjQkzFrtiVq8O42/Tf+/Psng+K71MhJDI+czkwLo3PdmG51MCsy2w9ywCvGwWci2nwxMQ1qZL7nPONg==}
+  '@tsparticles/interaction-particles-links@4.5.0':
+    resolution: {integrity: sha512-L6F7eJdFVn3JsulaKrIwnl52rE9EazfMrNIUpa829PRoi/30BPOmRP469EKjdv3mntiwjUXgWFx8NDj+iQkJgw==}
    peerDependencies:
-      '@tsparticles/engine': 4.4.0
-      '@tsparticles/plugin-interactivity': 4.4.0
+      '@tsparticles/engine': 4.5.0
+      '@tsparticles/plugin-interactivity': 4.5.0

-  '@tsparticles/plugin-blend@4.4.0':
-    resolution: {integrity: sha512-X/SG2WIasgHqA+fLZFu6MMv3z5VY5uX4VIfKjXz1qxZjEjn0w4kzZrbtZBxXxRKdrm8Dg8Qu2mmBokNZ8Bny3g==}
+  '@tsparticles/plugin-blend@4.5.0':
+    resolution: {integrity: sha512-iTy4OajUDyDHyYVh2NaUZjKwzrjFfiGLiWl1I04dli417Ecmwfq/pU6leX/SIARVAqdvaeZOwFg4YmIN+zvv6w==}
    peerDependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/plugin-hex-color@4.4.0':
-    resolution: {integrity: sha512-sbRW6fi/YOS/hvFi6GCQiKI2zMCrmydrhlzqWyw2UUyg4Rr3FviQbIC2VRZrMc30Cm6kSkR3SovXIFDpZzO94Q==}
+  '@tsparticles/plugin-hex-color@4.5.0':
+    resolution: {integrity: sha512-yO3Rw27rR4ZpJo8IuBp0br1GXaju7iUl4u8zVD8WNcig7bbgoZqzhFhofgQYY9UPLVLyG1dnn8aODsk5Rq0X2g==}
    peerDependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/plugin-hsl-color@4.4.0':
-    resolution: {integrity: sha512-nw/7cGoU99y8veeYD7yA7ygNyrGr461V9xx+ed+jrj0LyXQbLF3d/r78ovMseoHxm4SWa9pmtoQxS3fBHIgecw==}
+  '@tsparticles/plugin-hsl-color@4.5.0':
+    resolution: {integrity: sha512-6AyFRVVXyHb4NrytzwKoCIUhSD/ZXIIr1av2z7cNgaLJCZ00qrur/G7FJhK1XUBNR4DV6/hYhP9ohSfrEhdZ+Q==}
    peerDependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/plugin-interactivity@4.4.0':
-    resolution: {integrity: sha512-jquoxlT4ra1Mc4glVlIfPubmchyIq5IZ25RdnvAop1uuc+6tu4N1zq5SSeyRO8MhJ94xevsNe6ozjmqvZ9CzKA==}
+  '@tsparticles/plugin-interactivity@4.5.0':
+    resolution: {integrity: sha512-Ydxd29SRldhjbvf5IIhu5NIfCAW2LdqSk6aN60zJb6AupV+wxztJ4/e4JL1t0ymj9992iQSVD9nQql4yzbdOwA==}
    peerDependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/plugin-move@4.4.0':
-    resolution: {integrity: sha512-o05YP6bWxljbxmsQoqbay8sn4GtHIiTQZhZmcIyxJw/q+oSCNKHWALElSAqa1H7Dp/7ltnmd4rH4pgbQtHnfEw==}
+  '@tsparticles/plugin-move@4.5.0':
+    resolution: {integrity: sha512-0lkYVygqc30SqBiuviI900fBKPHkJJyuZVpUBSolGSTz7J1P49PXKqy1az6f+ub42SZxFcGOChtQ5vwpZSh0Gg==}
    peerDependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/plugin-rgb-color@4.4.0':
-    resolution: {integrity: sha512-s7YlsrcjndVLiOgKNPQaPcEQmmZeZqHec0lpSbt8BgR2pQmjFvCMSzHDA/aaqZ6JX8iVqvj+bT8uqT5XQDq70Q==}
+  '@tsparticles/plugin-rgb-color@4.5.0':
+    resolution: {integrity: sha512-DBhtOO82K2kLaFginNEGfgfKoSXycj0eJzCHp2kSQ0HjKkpwINdK2nFh2QXfsYfjP1fQbLaIu3CuJG/VmjkDvw==}
    peerDependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/preset-links@4.4.0':
-    resolution: {integrity: sha512-skdPsg/3AgBFtv0vrn20KrPGbIa0AdZw812Avg86BW7NqVGeX3JLyowZbFRQTPU13CcUo9YXCeJccoZv6FovOw==}
+  '@tsparticles/preset-links@4.5.0':
+    resolution: {integrity: sha512-Itwr6ECwf3ORiroUvLAwwg8O66IT3tQ2CFdml6A0u3ze1kfBmL9JT/u9UYG4QFICT0qjE86pkXpFRv8NwWLkBw==}

-  '@tsparticles/shape-circle@4.4.0':
-    resolution: {integrity: sha512-pCdCenLohHwaeeuMCw9bh1icGB+CKwBYx67L5dTBw6aig7LRvL+Kd1PKClJTgXkx8Mb1Xb7KLNmSYgh/ABRtEQ==}
+  '@tsparticles/shape-circle@4.5.0':
+    resolution: {integrity: sha512-6fyvghJFvUMokKIQU6p7KKwcX3pTnp6gizj/occVTnar8AxxOlXNjK1J019etwnqdLbSWU/E7Qdt7y4zCTPD1A==}
    peerDependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/updater-opacity@4.4.0':
-    resolution: {integrity: sha512-StQAExNqeOHANRAMXHdaKKEBD1DrRwBZ3TQF6DPtERtoElj8BvMlPHq38W0TSzfvR0lFP91p2Pzo5txVzVJ3Gg==}
+  '@tsparticles/updater-opacity@4.5.0':
+    resolution: {integrity: sha512-808wb6KUe1wYzth/hJBMzcLDsApmES4FHOavoulyQmSJdWfiNED4LjoX2MNJg4ry56wtg9IXS7qa8XaqdekQYA==}
    peerDependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/updater-out-modes@4.4.0':
-    resolution: {integrity: sha512-IzHaYhOVI6mBFqub1ivd/5UMkvn5Pb/j9xS8edT7XeSNYqO3UeomLJci0KE6Xsm+4K/kBLGbCRW5+Tf+kV4E0g==}
+  '@tsparticles/updater-out-modes@4.5.0':
+    resolution: {integrity: sha512-fOzj/2nUtwPK7A+1WN+EnQZtLPBI8++hxkgOHr+RIEGo2d9K4qOgoIxI1zpa6WHt9fSXCk4rWsjENpc++pB+JQ==}
    peerDependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/updater-paint@4.4.0':
-    resolution: {integrity: sha512-v7liuaT9BwHsd1hCfJF2d93M2gD3lSfsfIfKjPihAYo73hS43Wq7Cf1F0yjEiR3yXryRGH1QmYYdhonKAvyDKw==}
+  '@tsparticles/updater-paint@4.5.0':
+    resolution: {integrity: sha512-BJK3De1UZW01uyIk5AJVW4ex2ejEfoU5Vqw512Ox/kGipx3qXsaROTbh/9+NbqMtRyDtYuDc5PgGWIWTyYb7TQ==}
    peerDependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/updater-size@4.4.0':
-    resolution: {integrity: sha512-Qq8QjC0MMjlaHjtpWUROSqe14eKVphq92n0VR4/d4WY+pnSG1U1VJzF43Kyfb4IyV06b29F0TUROIG7Ivqk36g==}
+  '@tsparticles/updater-size@4.5.0':
+    resolution: {integrity: sha512-42AZGbnWUmIL7giRaerPauYHaX2Agx482+8dq3hBYvvc0vM4Pks/fhpaKtTCAGG4CJb3fvaiyRrF7T75CQVAdQ==}
    peerDependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

  '@tufjs/[email protected]':
    resolution: {integrity: sha512-yVtV8zsdo8qFHe+/3kw81dSLyF7D576A5cCFCi4X7B39tWT7SekaEFUnvnWJHz+9qO7qJTah1JbrDjWKqFtdWA==}
@@ -10675,14 +10675,14 @@ snapshots:
    optionalDependencies:
      '@swc/helpers': 0.5.23

-  '@rspack/[email protected].3(@rspack/[email protected](@swc/[email protected]))':
+  '@rspack/[email protected].6(@rspack/[email protected](@swc/[email protected]))':
    optionalDependencies:
      '@rspack/core': 2.2.9(@swc/[email protected])

-  '@rspack/[email protected].1(@rspack/[email protected](@swc/[email protected]))':
+  '@rspack/[email protected].2(@rspack/[email protected](@swc/[email protected]))':
    dependencies:
      '@rspack/core': 2.2.9(@swc/[email protected])
-      '@rspack/dev-middleware': 2.0.3(@rspack/[email protected](@swc/[email protected]))
+      '@rspack/dev-middleware': 2.0.6(@rspack/[email protected](@swc/[email protected]))

  '@rspack/[email protected]': {}

@@ -10844,88 +10844,88 @@ snapshots:
      magic-string: 0.30.21
      string.prototype.matchall: 4.0.12

-  '@tsparticles/animation-utils@4.4.0(@tsparticles/engine@4.4.0)':
+  '@tsparticles/animation-utils@4.5.0(@tsparticles/engine@4.5.0)':
    dependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/basic@4.4.0':
+  '@tsparticles/basic@4.5.0':
    dependencies:
-      '@tsparticles/engine': 4.4.0
-      '@tsparticles/plugin-blend': 4.4.0(@tsparticles/engine@4.4.0)
-      '@tsparticles/plugin-hex-color': 4.4.0(@tsparticles/engine@4.4.0)
-      '@tsparticles/plugin-hsl-color': 4.4.0(@tsparticles/engine@4.4.0)
-      '@tsparticles/plugin-move': 4.4.0(@tsparticles/engine@4.4.0)
-      '@tsparticles/plugin-rgb-color': 4.4.0(@tsparticles/engine@4.4.0)
-      '@tsparticles/shape-circle': 4.4.0(@tsparticles/engine@4.4.0)
-      '@tsparticles/updater-opacity': 4.4.0(@tsparticles/engine@4.4.0)
-      '@tsparticles/updater-out-modes': 4.4.0(@tsparticles/engine@4.4.0)
-      '@tsparticles/updater-paint': 4.4.0(@tsparticles/engine@4.4.0)
-      '@tsparticles/updater-size': 4.4.0(@tsparticles/engine@4.4.0)
+      '@tsparticles/engine': 4.5.0
+      '@tsparticles/plugin-blend': 4.5.0(@tsparticles/engine@4.5.0)
+      '@tsparticles/plugin-hex-color': 4.5.0(@tsparticles/engine@4.5.0)
+      '@tsparticles/plugin-hsl-color': 4.5.0(@tsparticles/engine@4.5.0)
+      '@tsparticles/plugin-move': 4.5.0(@tsparticles/engine@4.5.0)
+      '@tsparticles/plugin-rgb-color': 4.5.0(@tsparticles/engine@4.5.0)
+      '@tsparticles/shape-circle': 4.5.0(@tsparticles/engine@4.5.0)
+      '@tsparticles/updater-opacity': 4.5.0(@tsparticles/engine@4.5.0)
+      '@tsparticles/updater-out-modes': 4.5.0(@tsparticles/engine@4.5.0)
+      '@tsparticles/updater-paint': 4.5.0(@tsparticles/engine@4.5.0)
+      '@tsparticles/updater-size': 4.5.0(@tsparticles/engine@4.5.0)

-  '@tsparticles/canvas-utils@4.4.0(@tsparticles/engine@4.4.0)':
+  '@tsparticles/canvas-utils@4.5.0(@tsparticles/engine@4.5.0)':
    dependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/engine@4.4.0': {}
+  '@tsparticles/engine@4.5.0': {}

-  '@tsparticles/interaction-particles-links@4.4.0(@tsparticles/engine@4.4.0)(@tsparticles/plugin-interactivity@4.4.0(@tsparticles/engine@4.4.0))':
+  '@tsparticles/interaction-particles-links@4.5.0(@tsparticles/engine@4.5.0)(@tsparticles/plugin-interactivity@4.5.0(@tsparticles/engine@4.5.0))':
    dependencies:
-      '@tsparticles/canvas-utils': 4.4.0(@tsparticles/engine@4.4.0)
-      '@tsparticles/engine': 4.4.0
-      '@tsparticles/plugin-interactivity': 4.4.0(@tsparticles/engine@4.4.0)
+      '@tsparticles/canvas-utils': 4.5.0(@tsparticles/engine@4.5.0)
+      '@tsparticles/engine': 4.5.0
+      '@tsparticles/plugin-interactivity': 4.5.0(@tsparticles/engine@4.5.0)

-  '@tsparticles/plugin-blend@4.4.0(@tsparticles/engine@4.4.0)':
+  '@tsparticles/plugin-blend@4.5.0(@tsparticles/engine@4.5.0)':
    dependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/plugin-hex-color@4.4.0(@tsparticles/engine@4.4.0)':
+  '@tsparticles/plugin-hex-color@4.5.0(@tsparticles/engine@4.5.0)':
    dependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/plugin-hsl-color@4.4.0(@tsparticles/engine@4.4.0)':
+  '@tsparticles/plugin-hsl-color@4.5.0(@tsparticles/engine@4.5.0)':
    dependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/plugin-interactivity@4.4.0(@tsparticles/engine@4.4.0)':
+  '@tsparticles/plugin-interactivity@4.5.0(@tsparticles/engine@4.5.0)':
    dependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/plugin-move@4.4.0(@tsparticles/engine@4.4.0)':
+  '@tsparticles/plugin-move@4.5.0(@tsparticles/engine@4.5.0)':
    dependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/plugin-rgb-color@4.4.0(@tsparticles/engine@4.4.0)':
+  '@tsparticles/plugin-rgb-color@4.5.0(@tsparticles/engine@4.5.0)':
    dependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/preset-links@4.4.0':
+  '@tsparticles/preset-links@4.5.0':
    dependencies:
-      '@tsparticles/basic': 4.4.0
-      '@tsparticles/engine': 4.4.0
-      '@tsparticles/interaction-particles-links': 4.4.0(@tsparticles/engine@4.4.0)(@tsparticles/plugin-interactivity@4.4.0(@tsparticles/engine@4.4.0))
-      '@tsparticles/plugin-interactivity': 4.4.0(@tsparticles/engine@4.4.0)
+      '@tsparticles/basic': 4.5.0
+      '@tsparticles/engine': 4.5.0
+      '@tsparticles/interaction-particles-links': 4.5.0(@tsparticles/engine@4.5.0)(@tsparticles/plugin-interactivity@4.5.0(@tsparticles/engine@4.5.0))
+      '@tsparticles/plugin-interactivity': 4.5.0(@tsparticles/engine@4.5.0)

-  '@tsparticles/shape-circle@4.4.0(@tsparticles/engine@4.4.0)':
+  '@tsparticles/shape-circle@4.5.0(@tsparticles/engine@4.5.0)':
    dependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/updater-opacity@4.4.0(@tsparticles/engine@4.4.0)':
+  '@tsparticles/updater-opacity@4.5.0(@tsparticles/engine@4.5.0)':
    dependencies:
-      '@tsparticles/animation-utils': 4.4.0(@tsparticles/engine@4.4.0)
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/animation-utils': 4.5.0(@tsparticles/engine@4.5.0)
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/updater-out-modes@4.4.0(@tsparticles/engine@4.4.0)':
+  '@tsparticles/updater-out-modes@4.5.0(@tsparticles/engine@4.5.0)':
    dependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/updater-paint@4.4.0(@tsparticles/engine@4.4.0)':
+  '@tsparticles/updater-paint@4.5.0(@tsparticles/engine@4.5.0)':
    dependencies:
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/engine': 4.5.0

-  '@tsparticles/updater-size@4.4.0(@tsparticles/engine@4.4.0)':
+  '@tsparticles/updater-size@4.5.0(@tsparticles/engine@4.5.0)':
    dependencies:
-      '@tsparticles/animation-utils': 4.4.0(@tsparticles/engine@4.4.0)
-      '@tsparticles/engine': 4.4.0
+      '@tsparticles/animation-utils': 4.5.0(@tsparticles/engine@4.5.0)
+      '@tsparticles/engine': 4.5.0

  '@tufjs/[email protected]': {}

@@ -29,9 +29,9 @@ import type {
 } from "../../common/translations/localize";
 import { formattersContext, registriesContext } from "../../data/context";
 import type { HomeAssistantFormatters, ValueChangedEvent } from "../../types";
+import "../chips/ha-assist-chip";
 import "../chips/ha-chip-set";
 import "../chips/ha-input-chip";
-import "../ha-button";
 import "../ha-button-toggle-group";
 import "../ha-combo-box-item";
 import "../ha-generic-picker";
@@ -121,8 +121,6 @@ export class HaEntityNamePicker extends LitElement {

  @query("ha-generic-picker") private _picker?: HaGenericPicker;

-  @query("ha-button.add") private _addButton?: HTMLElement;
-
  private _editIndex?: number;

  connectedCallback(): void {
@@ -161,7 +159,7 @@ export class HaEntityNamePicker extends LitElement {
    return html`
      <div class="container">
        <div class="header">
-          ${this.label ? html`<label id="label">${this.label}</label>` : nothing}
+          ${this.label ? html`<label>${this.label}</label>` : nothing}
          ${
            this.allowCustom
              ? html`
@@ -266,9 +264,7 @@ export class HaEntityNamePicker extends LitElement {
            handle-selector="button.primary.action"
            filter=".add"
          >
-            <ha-chip-set
-              aria-labelledby=${ifDefined(this.label ? "label" : undefined)}
-            >
+            <ha-chip-set>
              ${repeat(
                this._items,
                (item) => item,
@@ -294,16 +290,22 @@ export class HaEntityNamePicker extends LitElement {
                  `;
                }
              )}
-              <ha-button
-                class="add"
-                size="s"
-                appearance="filled"
-                .disabled=${this.disabled}
-                @click=${this._addItem}
-              >
-                <ha-svg-icon slot="start" .path=${mdiPlus}></ha-svg-icon>
-                ${this._localize("ui.common.add")}
-              </ha-button>
+              ${
+                this.disabled
+                  ? nothing
+                  : html`
+                      <ha-assist-chip
+                        @click=${this._addItem}
+                        .disabled=${this.disabled}
+                        label=${this._localize(
+                          "ui.components.entity.entity-name-picker.add"
+                        )}
+                        class="add"
+                      >
+                        <ha-svg-icon slot="icon" .path=${mdiPlus}></ha-svg-icon>
+                      </ha-assist-chip>
+                    `
+              }
            </ha-chip-set>
          </ha-sortable>
          ${this._renderRestoreButton()}
@@ -371,10 +373,6 @@ export class HaEntityNamePicker extends LitElement {
    const idx = parseInt((ev.target as HTMLElement).dataset.idx || "", 10);
    value.splice(idx, 1);
    this._setValue(value);
-    if (!value.length) {
-      await this.updateComplete;
-      this._addButton?.focus();
-    }
  }

  private _pickerValueChanged(ev: ValueChangedEvent<string>): void {
@@ -631,7 +629,7 @@ export class HaEntityNamePicker extends LitElement {

    label {
      display: block;
-      font-weight: var(--ha-font-weight-medium);
+      font-weight: 500;
    }

    .content {
@@ -724,8 +722,7 @@ export class HaEntityNamePicker extends LitElement {

    ha-input-helper-text {
      display: block;
-      padding: 0;
-      margin: var(--ha-space-1) 0 0;
+      margin: var(--ha-space-2) 0 0;
    }
  `;
 }
@@ -245,15 +245,15 @@ export class HaAreasFloorsDisplayEditor extends LitElement {
    const newOrder: string[] = [];

    for (const floorId of floorIds) {
+      const isOnFloor = (areaId: string) =>
+        (this._areas[areaId]?.floor_id ?? UNASSIGNED_FLOOR) === floorId;
      if ((currentFloorId ?? UNASSIGNED_FLOOR) === floorId) {
-        newHidden.push(...(value.hidden ?? []));
+        // Reordering returns the hidden areas of every floor, not just this one
+        newHidden.push(...(value.hidden ?? []).filter(isOnFloor));
        newOrder.push(...(value.order ?? []));
        continue;
      }
-      const hidden = oldHidden.filter((areaId) => {
-        const id = this._areas[areaId]?.floor_id ?? UNASSIGNED_FLOOR;
-        return id === floorId;
-      });
+      const hidden = oldHidden.filter(isOnFloor);
      if (hidden?.length) {
        newHidden.push(...hidden);
      }
@@ -1,9 +1,7 @@
 import type { ContextType } from "@lit/context";
-import { mdiPlus } from "@mdi/js";
 import type { RenderItemFunction } from "@lit-labs/virtualizer/virtualize";
 import { css, html, LitElement, nothing } from "lit";
-import { customElement, property, query, state } from "lit/decorators";
-import { ifDefined } from "lit/directives/if-defined";
+import { customElement, property, state } from "lit/decorators";
 import { repeat } from "lit/directives/repeat";
 import { styleMap } from "lit/directives/style-map";
 import memoizeOne from "memoize-one";
@@ -28,10 +26,6 @@ import "./chips/ha-input-chip";
 import "./ha-combo-box-item";
 import "./ha-domain-icon";
 import "./ha-generic-picker";
-import type { HaGenericPicker } from "./ha-generic-picker";
-import "./ha-button";
-import "./ha-svg-icon";
-import "./ha-input-helper-text";
 import type {
  PickerComboBoxItem,
  PickerComboBoxSearchFn,
@@ -88,8 +82,6 @@ export class HaEntityTypePicker extends LitElement {
  @consume({ context: statesContext, subscribe: true })
  private _states?: ContextType<typeof statesContext>;

-  @query("ha-generic-picker") private _picker?: HaGenericPicker;
-
  private _titlesLoaded = false;

  protected willUpdate() {
@@ -245,13 +237,40 @@ export class HaEntityTypePicker extends LitElement {
    const localize = this._i18n?.localize;
    const value = this.value ?? [];
    const chipLabels = localize ? this._chipLabels(localize, value) : undefined;
-    const addLabel = localize?.("ui.common.add");
+
    return html`
-      ${this.label ? html`<label id="label">${this.label}</label>` : nothing}
+      ${this.label ? html`<label>${this.label}</label>` : nothing}
+      ${
+        value.length && chipLabels
+          ? html`
+              <ha-chip-set>
+                ${repeat(
+                  value,
+                  (key) => key,
+                  (key) => {
+                    const label = chipLabels.get(key)!;
+                    return html`
+                      <ha-input-chip
+                        data-key=${key}
+                        .label=${label}
+                        .disabled=${this.disabled}
+                        @remove=${this._removeItem}
+                        selected
+                      >
+                        ${this._renderIcon(key, "icon")} ${label}
+                      </ha-input-chip>
+                    `;
+                  }
+                )}
+              </ha-chip-set>
+            `
+          : nothing
+      }
      <ha-generic-picker
-        .label=${this.label}
+        .helper=${this.helper}
        .disabled=${this.disabled}
        .value=${""}
+        .addButtonLabel=${localize?.("ui.components.entity-type-picker.add")}
        .getItems=${this._getItems}
        .rowRenderer=${this._rowRenderer}
        .searchFn=${this._searchFn}
@@ -259,53 +278,10 @@ export class HaEntityTypePicker extends LitElement {
        .emptyLabel=${localize?.("ui.components.entity-type-picker.no_types")}
        no-sort
        @value-changed=${this._itemAdded}
-      >
-        <ha-chip-set
-          slot="field"
-          aria-labelledby=${ifDefined(this.label ? "label" : undefined)}
-        >
-          ${repeat(
-            value,
-            (key) => key,
-            (key) => {
-              const label = chipLabels?.get(key) ?? key;
-              return html`
-                <ha-input-chip
-                  data-key=${key}
-                  .label=${label}
-                  .disabled=${this.disabled}
-                  @remove=${this._removeItem}
-                  selected
-                >
-                  ${this._renderIcon(key, "icon")} ${label}
-                </ha-input-chip>
-              `;
-            }
-          )}
-          <ha-button
-            size="s"
-            appearance="filled"
-            .disabled=${this.disabled}
-            @click=${this._openPicker}
-          >
-            <ha-svg-icon slot="start" .path=${mdiPlus}></ha-svg-icon>
-            ${addLabel}
-          </ha-button>
-        </ha-chip-set>
-      </ha-generic-picker>
-      ${
-        this.helper
-          ? html`<ha-input-helper-text>${this.helper}</ha-input-helper-text>`
-          : nothing
-      }
+      ></ha-generic-picker>
    `;
  }

-  private _openPicker(ev: Event) {
-    ev.stopPropagation();
-    this._picker?.open();
-  }
-
  private _itemAdded(ev: CustomEvent<{ value?: string }>) {
    ev.stopPropagation();
    const key = ev.detail.value;
@@ -344,15 +320,7 @@ export class HaEntityTypePicker extends LitElement {
      width: 100%;
    }
    ha-chip-set {
-      background-color: var(--mdc-text-field-fill-color);
-      border-bottom: 1px solid var(--ha-color-border-neutral-normal);
-      border-top-right-radius: var(--ha-border-radius-sm);
-      border-top-left-radius: var(--ha-border-radius-sm);
-      padding: var(--ha-space-3);
-    }
-    ha-input-helper-text {
-      padding: 0;
-      margin-top: var(--ha-space-1);
+      padding: var(--ha-space-2) 0;
    }
  `;
 }
@@ -1,28 +1,26 @@
-import { mdiDragHorizontalVariant, mdiPlus } from "@mdi/js";
+import { mdiDragHorizontalVariant } from "@mdi/js";
 import { LitElement, css, html, nothing } from "lit";
-import { customElement, property, query, state } from "lit/decorators";
-import { ifDefined } from "lit/directives/if-defined";
+import { customElement, property, state } from "lit/decorators";
 import { repeat } from "lit/directives/repeat";
 import memoizeOne from "memoize-one";
 import { consume } from "../../common/decorators/consume";
 import { ensureArray } from "../../common/array/ensure-array";
+import { transform } from "../../common/decorators/transform";
 import { fireEvent } from "../../common/dom/fire_event";
 import { caseInsensitiveStringCompare } from "../../common/string/compare";
 import { internationalizationContext } from "../../data/context";
 import type { SelectOption, SelectSelector } from "../../data/selector";
+import type { FrontendLocaleData } from "../../data/translation";
 import type { HomeAssistantInternationalization } from "../../types";
 import "../chips/ha-chip-set";
 import "../chips/ha-input-chip";
 import "../ha-checkbox";
 import "../ha-dropdown-item";
 import "../ha-generic-picker";
-import type { HaGenericPicker } from "../ha-generic-picker";
-import "../ha-button";
 import "../ha-input-helper-text";
 import "../ha-select";
 import "../ha-select-box";
 import "../ha-sortable";
-import "../ha-svg-icon";
 import "../radio/ha-radio-group";
 import "../radio/ha-radio-option";

@@ -30,7 +28,10 @@ import "../radio/ha-radio-option";
 export class HaSelectSelector extends LitElement {
  @state()
  @consume({ context: internationalizationContext, subscribe: true })
-  private _i18n!: HomeAssistantInternationalization;
+  @transform<HomeAssistantInternationalization, FrontendLocaleData>({
+    transformer: ({ locale }) => locale,
+  })
+  private _locale!: FrontendLocaleData;

  @property({ attribute: false }) public selector!: SelectSelector;

@@ -47,8 +48,6 @@ export class HaSelectSelector extends LitElement {

  @property({ type: Boolean }) public required = true;

-  @query("ha-generic-picker") private _picker?: HaGenericPicker;
-
  private _itemMoved(ev: CustomEvent): void {
    ev.stopPropagation();
    const { oldIndex, newIndex } = ev.detail;
@@ -84,11 +83,7 @@ export class HaSelectSelector extends LitElement {

    if (this.selector.select?.sort) {
      options.sort((a, b) =>
-        caseInsensitiveStringCompare(
-          a.label,
-          b.label,
-          this._i18n.locale.language
-        )
+        caseInsensitiveStringCompare(a.label, b.label, this._locale.language)
      );
    }

@@ -163,80 +158,67 @@ export class HaSelectSelector extends LitElement {
      const value =
        !this.value || this.value === "" ? [] : ensureArray(this.value);

-      const addLabel = this._i18n.localize("ui.common.add");
-
      return html`
        ${
-          this.label
-            ? html`<span id="label" class="label chips-label"
-                >${this.label}</span
-              >`
+          value?.length
+            ? html`
+                <ha-sortable
+                  no-style
+                  .disabled=${!this.selector.select.reorder}
+                  @item-moved=${this._itemMoved}
+                  handle-selector="button.primary.action"
+                >
+                  <ha-chip-set>
+                    ${repeat(
+                      value,
+                      (item) => item,
+                      (item, idx) => {
+                        const label =
+                          options.find((option) => option.value === item)
+                            ?.label || item;
+                        return html`
+                          <ha-input-chip
+                            .idx=${idx}
+                            @remove=${this._removeItem}
+                            .label=${label}
+                            .title=${label}
+                            selected
+                          >
+                            ${
+                              this.selector.select?.reorder
+                                ? html`
+                                    <ha-svg-icon
+                                      slot="icon"
+                                      .path=${mdiDragHorizontalVariant}
+                                    ></ha-svg-icon>
+                                  `
+                                : nothing
+                            }
+                            ${
+                              options.find((option) => option.value === item)
+                                ?.label || item
+                            }
+                          </ha-input-chip>
+                        `;
+                      }
+                    )}
+                  </ha-chip-set>
+                </ha-sortable>
+              `
            : nothing
        }
+
        <ha-generic-picker
          no-sort
-          .label=${this.label}
+          .helper=${this.helper}
          .disabled=${this.disabled}
          .required=${this.required && !value.length}
          .value=${""}
+          .addButtonLabel=${this.label}
          .getItems=${this._getItems(options, value, true)}
          .allowCustomValue=${this.selector.select.custom_value ?? false}
          @value-changed=${this._comboBoxValueChanged}
-        >
-          <ha-sortable
-            slot="field"
-            no-style
-            .disabled=${!this.selector.select.reorder}
-            @item-moved=${this._itemMoved}
-            draggable-selector="ha-input-chip"
-            handle-selector="button.primary.action"
-          >
-            <ha-chip-set
-              aria-labelledby=${ifDefined(this.label ? "label" : undefined)}
-            >
-              ${repeat(
-                value,
-                (item) => item,
-                (item, idx) => {
-                  const label =
-                    options.find((option) => option.value === item)?.label ||
-                    item;
-                  return html`
-                    <ha-input-chip
-                      .idx=${idx}
-                      @remove=${this._removeItem}
-                      .label=${label}
-                      .title=${label}
-                      selected
-                    >
-                      ${
-                        this.selector.select?.reorder
-                          ? html`
-                              <ha-svg-icon
-                                slot="icon"
-                                .path=${mdiDragHorizontalVariant}
-                              ></ha-svg-icon>
-                            `
-                          : nothing
-                      }
-                      ${label}
-                    </ha-input-chip>
-                  `;
-                }
-              )}
-              <ha-button
-                size="s"
-                appearance="filled"
-                .disabled=${this.disabled}
-                @click=${this._openPicker}
-              >
-                <ha-svg-icon slot="start" .path=${mdiPlus}></ha-svg-icon>
-                ${addLabel}
-              </ha-button>
-            </ha-chip-set>
-          </ha-sortable>
-        </ha-generic-picker>
-        ${this._renderHelper()}
+        ></ha-generic-picker>
      `;
    }

@@ -281,11 +263,6 @@ export class HaSelectSelector extends LitElement {
      : "";
  }

-  private _openPicker(ev: Event) {
-    ev.stopPropagation();
-    this._picker?.open();
-  }
-
  private _getOptions = memoizeOne(
    (selector: SelectSelector) =>
      selector.select?.options?.map((option) =>
@@ -426,32 +403,19 @@ export class HaSelectSelector extends LitElement {
    ha-dropdown-item[disabled] {
      --mdc-theme-text-primary-on-background: var(--disabled-text-color);
    }
+    ha-chip-set {
+      padding: 8px 0;
+    }
+
    .label {
      display: block;
      margin: 0 0 8px;
    }

-    .chips-label {
-      font-weight: var(--ha-font-weight-medium);
-    }
-
-    ha-sortable ha-chip-set {
-      background-color: var(--mdc-text-field-fill-color);
-      border-bottom: 1px solid var(--ha-color-border-neutral-normal);
-      border-top-right-radius: var(--ha-border-radius-sm);
-      border-top-left-radius: var(--ha-border-radius-sm);
-      padding: var(--ha-space-3);
-    }
-
    ha-select-box + ha-input-helper-text {
      margin-top: 4px;
    }

-    ha-generic-picker + ha-input-helper-text {
-      padding: 0;
-      margin-top: 4px;
-    }
-
    .checkbox-list ha-input-helper-text {
      padding: 0;
      margin-top: 4px;
@@ -98,8 +98,9 @@ export class HaUnitOfMeasurementSelector extends LitElement {
      return;
    }

-    if (this.required && units.length === 1 && units[0] !== null) {
-      // Preselect the only allowed unit
+    if (units.length === 1 && units[0] !== null) {
+      // Preselect the only allowed unit; "no unit" is not allowed either, so
+      // this also applies to an optional field
      fireEvent(this, "value-changed", { value: units[0] });
    }
  }
@@ -9,7 +9,7 @@ import {
  mdiShareVariant,
 } from "@mdi/js";
 import type { CSSResultGroup, PropertyValues, TemplateResult } from "lit";
-import { LitElement, html } from "lit";
+import { LitElement, html, nothing } from "lit";
 import { customElement, property, query, state } from "lit/decorators";
 import memoizeOne from "memoize-one";
 import { DataTableSettingsController } from "../../../common/controllers/data-table-settings-controller";
@@ -27,6 +27,7 @@ import { extractSearchParam } from "../../../common/url/search-params";
 import { hasRejectedItems } from "../../../common/util/promise-all-settled-results";
 import type {
  DataTableColumnContainer,
+  DataTableColumnData,
  RowClickedEvent,
  SelectionChangedEvent,
 } from "../../../components/data-table/ha-data-table";
@@ -191,30 +192,16 @@ class HaBlueprintOverview extends LitElement {

  private _columns = memoizeOne(
    (
-      localize: LocalizeFunc
-    ): DataTableColumnContainer<BlueprintMetaDataPath> => ({
-      name: {
-        title: localize("ui.panel.config.blueprint.overview.headers.name"),
-        main: true,
-        sortable: true,
-        filterable: true,
-        direction: "asc",
-        flex: 2,
-      },
-      translated_type: {
-        title: localize("ui.panel.config.blueprint.overview.headers.type"),
-        sortable: true,
-        filterable: true,
-        groupable: true,
-        urlName: "type",
-      },
-      path: {
+      localize: LocalizeFunc,
+      narrow: boolean
+    ): DataTableColumnContainer<BlueprintMetaDataPath> => {
+      const path: DataTableColumnData<BlueprintMetaDataPath> = {
        title: localize("ui.panel.config.blueprint.overview.headers.file_name"),
        sortable: true,
        filterable: true,
        flex: 2,
-      },
-      usage_count: {
+      };
+      const usageCount: DataTableColumnData<BlueprintMetaDataPath> = {
        title: localize(
          "ui.panel.config.blueprint.overview.headers.usage_count"
        ),
@@ -225,6 +212,14 @@ class HaBlueprintOverview extends LitElement {
        maxWidth: "90px",
        template: (blueprint) => {
          const count = blueprint.usageCount ?? 0;
+          if (narrow) {
+            if (blueprint.error) {
+              return nothing;
+            }
+            return localize("ui.panel.config.blueprint.overview.used_count", {
+              count,
+            });
+          }
          return html`
            <ha-assist-chip
              filled
@@ -243,78 +238,98 @@ class HaBlueprintOverview extends LitElement {
            ></ha-assist-chip>
          `;
        },
-      },
-      fullpath: {
-        title: "fullpath",
-        hidden: true,
-      },
-      actions: {
-        lastFixed: true,
-        title: "",
-        label: this.hass.localize("ui.panel.config.generic.headers.actions"),
-        type: "overflow-menu",
-        showNarrow: true,
-        template: (blueprint) =>
-          blueprint.error
-            ? html`<ha-svg-icon
-                style="color: var(--error-color); display: block; margin-inline-end: 12px; margin-inline-start: auto;"
-                .path=${mdiAlertCircle}
-              ></ha-svg-icon>`
-            : html`
-                <ha-icon-overflow-menu
-                  narrow
-                  .items=${[
-                    {
-                      path: mdiPlus,
-                      label: this.hass.localize(
-                        `ui.panel.config.blueprint.overview.create_${blueprint.type}`
-                      ),
-                      action: () => this._createNew(blueprint),
-                    },
-                    {
-                      path: mdiEye,
-                      label: this.hass.localize(
-                        `ui.panel.config.blueprint.overview.view_${blueprint.domain}`
-                      ),
-                      action: () => this._showUsed(blueprint),
-                    },
-                    {
-                      path: mdiShareVariant,
-                      disabled: !blueprint.source_url,
-                      label: this.hass.localize(
-                        blueprint.source_url
-                          ? "ui.panel.config.blueprint.overview.share_blueprint"
-                          : "ui.panel.config.blueprint.overview.share_blueprint_no_url"
-                      ),
-                      action: () => this._share(blueprint),
-                    },
-                    {
-                      path: mdiDownload,
-                      disabled: !blueprint.source_url,
-                      label: this.hass.localize(
-                        blueprint.source_url
-                          ? "ui.panel.config.blueprint.overview.re_import_blueprint"
-                          : "ui.panel.config.blueprint.overview.re_import_blueprint_no_url"
-                      ),
-                      action: () => this._reImport(blueprint),
-                    },
-                    {
-                      divider: true,
-                    },
-                    {
-                      label: this.hass.localize(
-                        "ui.panel.config.blueprint.overview.delete_blueprint"
-                      ),
-                      path: mdiDelete,
-                      action: () => this._delete(blueprint),
-                      warning: true,
-                    },
-                  ]}
-                >
-                </ha-icon-overflow-menu>
-              `,
-      },
-    })
+      };
+      return {
+        name: {
+          title: localize("ui.panel.config.blueprint.overview.headers.name"),
+          main: true,
+          sortable: true,
+          filterable: true,
+          direction: "asc",
+          flex: 2,
+        },
+        translated_type: {
+          title: localize("ui.panel.config.blueprint.overview.headers.type"),
+          sortable: true,
+          filterable: true,
+          groupable: true,
+          urlName: "type",
+        },
+        ...(narrow
+          ? { usage_count: usageCount, path }
+          : { path, usage_count: usageCount }),
+        fullpath: {
+          title: "fullpath",
+          hidden: true,
+        },
+        actions: {
+          lastFixed: true,
+          title: "",
+          label: this.hass.localize("ui.panel.config.generic.headers.actions"),
+          type: "overflow-menu",
+          showNarrow: true,
+          template: (blueprint) =>
+            blueprint.error
+              ? html`<ha-svg-icon
+                  style="color: var(--error-color); display: block; margin-inline-end: 12px; margin-inline-start: auto;"
+                  .path=${mdiAlertCircle}
+                ></ha-svg-icon>`
+              : html`
+                  <ha-icon-overflow-menu
+                    narrow
+                    .items=${[
+                      {
+                        path: mdiPlus,
+                        label: this.hass.localize(
+                          `ui.panel.config.blueprint.overview.create_${blueprint.type}`
+                        ),
+                        action: () => this._createNew(blueprint),
+                      },
+                      {
+                        path: mdiEye,
+                        label: this.hass.localize(
+                          `ui.panel.config.blueprint.overview.view_${blueprint.domain}`
+                        ),
+                        action: () => this._showUsed(blueprint),
+                      },
+                      {
+                        path: mdiShareVariant,
+                        disabled: !blueprint.source_url,
+                        label: this.hass.localize(
+                          blueprint.source_url
+                            ? "ui.panel.config.blueprint.overview.share_blueprint"
+                            : "ui.panel.config.blueprint.overview.share_blueprint_no_url"
+                        ),
+                        action: () => this._share(blueprint),
+                      },
+                      {
+                        path: mdiDownload,
+                        disabled: !blueprint.source_url,
+                        label: this.hass.localize(
+                          blueprint.source_url
+                            ? "ui.panel.config.blueprint.overview.re_import_blueprint"
+                            : "ui.panel.config.blueprint.overview.re_import_blueprint_no_url"
+                        ),
+                        action: () => this._reImport(blueprint),
+                      },
+                      {
+                        divider: true,
+                      },
+                      {
+                        label: this.hass.localize(
+                          "ui.panel.config.blueprint.overview.delete_blueprint"
+                        ),
+                        path: mdiDelete,
+                        action: () => this._delete(blueprint),
+                        warning: true,
+                      },
+                    ]}
+                  >
+                  </ha-icon-overflow-menu>
+                `,
+        },
+      };
+    }
  );

  public connectedCallback() {
@@ -373,7 +388,7 @@ class HaBlueprintOverview extends LitElement {
        back-path="/config"
        .route=${this.route}
        .tabs=${configSections.automations}
-        .columns=${this._columns(this.hass.localize)}
+        .columns=${this._columns(this.hass.localize, this.narrow)}
        .data=${this._processedBlueprints(
          this.blueprints,
          this.hass.localize,
@@ -310,11 +310,11 @@ class HuiEntitiesCard extends LitElement implements LovelaceCard {
        position: relative;
      }

-      #states > div:first-child > hui-section-row::part(divider) {
+      #states:first-child > div:first-child > hui-section-row::part(divider) {
        display: none;
      }

-      #states > div:first-child > hui-section-row::part(label) {
+      #states:first-child > div:first-child > hui-section-row::part(label) {
        margin-top: 0;
      }

@@ -319,7 +319,7 @@ export class LovelacePanel extends LitElement {
      // Refreshing a YAML config can trigger an update event. We will ignore
      // all update events while fetching the config and for 2 seconds after the config is back.
      // We ignore because we already have the latest config.
-      if (this.lovelace && this.lovelace.mode === "yaml") {
+      if (confMode === "yaml") {
        this._ignoreNextUpdateEvent = true;
      }

@@ -367,7 +367,7 @@ export class LovelacePanel extends LitElement {
    } finally {
      this._loading = false;
      // Ignore updates for another 2 seconds.
-      if (this.lovelace && this.lovelace.mode === "yaml") {
+      if (confMode === "yaml") {
        setTimeout(() => {
          this._ignoreNextUpdateEvent = false;
        }, 2000);
@@ -92,16 +92,22 @@ export const filterUnavailableBatteryEntities = (
    return states[entityId]?.state === "unavailable";
  });

-const computeBatteryTileCard = (
+const computeMaintenanceTileCard = (
+  states: HomeAssistant["states"],
  entities: HomeAssistant["entities"],
  entityId: string
 ): TileCardConfig => {
-  const entity = entities[entityId];
-  const deviceId = entity?.device_id;
+  const deviceId = entities[entityId]?.device_id;
+  if (!deviceId) {
+    return { type: "tile", entity: entityId, name: { type: "entity" } };
+  }
+  const isProblem = states[entityId]?.attributes?.device_class === "problem";
  return {
    type: "tile",
    entity: entityId,
-    name: { type: deviceId ? "device" : "entity" },
+    name: isProblem
+      ? [{ type: "device" }, { type: "entity" }]
+      : { type: "device" },
  };
 };

@@ -130,7 +136,9 @@ const processAreasForBattery = (
    const areaCards: LovelaceCardConfig[] = [];

    for (const entityId of areaBatteryEntities) {
-      areaCards.push(computeBatteryTileCard(hass.entities, entityId));
+      areaCards.push(
+        computeMaintenanceTileCard(hass.states, hass.entities, entityId)
+      );
    }

    if (areaCards.length > 0) {
@@ -170,7 +178,9 @@ const processUnassignedEntities = (
  const cards: LovelaceCardConfig[] = [];

  for (const entityId of unassignedEntities) {
-    cards.push(computeBatteryTileCard(hass.entities, entityId));
+    cards.push(
+      computeMaintenanceTileCard(hass.states, hass.entities, entityId)
+    );
  }

  return cards;
@@ -857,6 +857,7 @@
          },
          "mode_composed": "Composed",
          "mode_custom": "Custom",
+          "add": "Add",
          "search": "Search name",
          "custom_name": "Custom name",
          "no_more_parts": "Nothing left to add",
@@ -943,6 +944,7 @@
        "collapse": "Collapse"
      },
      "entity-type-picker": {
+        "add": "Add type",
        "no_types": "No types available"
      },
      "subpage-data-table": {
@@ -6718,6 +6720,7 @@
              "script": "scripts"
            },
            "error": "{path} could not be loaded",
+            "used_count": "{count, plural,\n  =0 {Not in use}\n  one {Used once}\n  other {Used {count} times}\n}",
            "blueprint_in_use_title": "This blueprint is in use and cannot be deleted",
            "blueprint_in_use_text": "Please remove all below {type} that use this blueprint before deleting it. {list}",
            "blueprint_in_use_view_automation": "View automations",
@@ -0,0 +1,184 @@
+import { ContextProvider } from "@lit/context";
+import {
+  afterEach,
+  beforeAll,
+  beforeEach,
+  describe,
+  expect,
+  it,
+  vi,
+} from "vitest";
+import "../../src/components/ha-areas-floors-display-editor";
+import type {
+  AreasFloorsDisplayValue,
+  HaAreasFloorsDisplayEditor,
+} from "../../src/components/ha-areas-floors-display-editor";
+import type { HaItemDisplayEditor } from "../../src/components/ha-items-display-editor";
+import {
+  areasContext,
+  floorsContext,
+  internationalizationContext,
+} from "../../src/data/context";
+import type {
+  HomeAssistant,
+  HomeAssistantInternationalization,
+} from "../../src/types";
+
+beforeAll(() => {
+  // jsdom's ElementInternals lacks the validity API used by the webawesome
+  // buttons that render inside the items editor.
+  const internalsProto = window.ElementInternals.prototype as any;
+  internalsProto.setValidity = vi.fn();
+  internalsProto.setFormValue = vi.fn();
+  Object.defineProperty(internalsProto, "validity", {
+    get: () => ({ valid: true }),
+    configurable: true,
+  });
+});
+
+class MockResizeObserver {
+  observe = vi.fn();
+
+  unobserve = vi.fn();
+
+  disconnect = vi.fn();
+}
+
+const UNASSIGNED_FLOOR = "__unassigned__";
+
+const FLOORS = {
+  floor_a: { floor_id: "floor_a", name: "A", level: 0 },
+  floor_b: { floor_id: "floor_b", name: "B", level: 1 },
+} as unknown as HomeAssistant["floors"];
+
+const area = (areaId: string, floorId: string | null) => ({
+  area_id: areaId,
+  name: areaId,
+  floor_id: floorId,
+  icon: null,
+});
+
+const AREAS = Object.fromEntries(
+  [
+    area("a1", "floor_a"),
+    area("a2", "floor_a"),
+    area("a3", "floor_a"),
+    area("b1", "floor_b"),
+    area("b2", "floor_b"),
+    area("b3", "floor_b"),
+    area("u1", null),
+    area("u2", null),
+  ].map((entry) => [entry.area_id, entry])
+) as unknown as HomeAssistant["areas"];
+
+describe("ha-areas-floors-display-editor", () => {
+  let host: HTMLDivElement | undefined;
+
+  beforeEach(() => {
+    vi.stubGlobal("ResizeObserver", MockResizeObserver);
+  });
+
+  afterEach(() => {
+    host?.remove();
+    host = undefined;
+    vi.unstubAllGlobals();
+  });
+
+  const mount = async (
+    value: AreasFloorsDisplayValue
+  ): Promise<HaAreasFloorsDisplayEditor> => {
+    host = document.createElement("div");
+    document.body.appendChild(host);
+    new ContextProvider(host, {
+      context: internationalizationContext,
+      initialValue: {
+        localize: (key: string) => key,
+      } as unknown as HomeAssistantInternationalization,
+    });
+    new ContextProvider(host, { context: areasContext, initialValue: AREAS });
+    new ContextProvider(host, { context: floorsContext, initialValue: FLOORS });
+    const el = document.createElement(
+      "ha-areas-floors-display-editor"
+    ) as HaAreasFloorsDisplayEditor;
+    el.value = value;
+    host.appendChild(el);
+    await el.updateComplete;
+    return el;
+  };
+
+  // Drags the first visible area of a floor below the second one and returns
+  // the configuration the editor emits.
+  const reorderFirstTwo = async (
+    el: HaAreasFloorsDisplayEditor,
+    floorId: string
+  ): Promise<AreasFloorsDisplayValue> => {
+    const editor = Array.from(
+      el.shadowRoot!.querySelectorAll("ha-items-display-editor")
+    ).find(
+      (child) =>
+        (child as HaItemDisplayEditor & { floorId: string }).floorId === floorId
+    )!;
+    await editor.updateComplete;
+    const emitted: AreasFloorsDisplayValue[] = [];
+    el.addEventListener(
+      "value-changed",
+      (ev) => emitted.push((ev as CustomEvent).detail.value),
+      { once: true }
+    );
+    editor.shadowRoot!.querySelector("ha-sortable")!.dispatchEvent(
+      new CustomEvent("item-moved", {
+        detail: { oldIndex: 0, newIndex: 1 },
+        bubbles: true,
+        composed: true,
+      })
+    );
+    expect(emitted).toHaveLength(1);
+    return emitted[0];
+  };
+
+  it.each([
+    {
+      name: "hidden area on another floor",
+      floorId: "floor_a",
+      value: {
+        areas_display: { hidden: ["b1"], order: ["b3", "b2"] },
+      },
+      expected: {
+        hidden: ["b1"],
+        order: ["a2", "a1", "a3", "b3", "b2"],
+      },
+    },
+    {
+      name: "hidden areas on the reordered and another floor",
+      floorId: "floor_a",
+      value: { areas_display: { hidden: ["a3", "b1"] } },
+      expected: { hidden: ["a3", "b1"], order: ["a2", "a1"] },
+    },
+    {
+      name: "reordering areas without a floor",
+      floorId: UNASSIGNED_FLOOR,
+      value: { areas_display: { hidden: ["b1"] } },
+      expected: { hidden: ["b1"], order: ["u2", "u1"] },
+    },
+    {
+      name: "no hidden areas",
+      floorId: "floor_b",
+      value: {},
+      expected: { order: ["b2", "b1", "b3"] },
+    },
+  ])(
+    "keeps hidden areas unchanged when reordering: $name",
+    async ({ floorId, value, expected }) => {
+      const el = await mount(value);
+
+      const first = await reorderFirstTwo(el, floorId);
+      expect(first.areas_display).toEqual(expected);
+
+      // Saving and reordering again must not grow the hidden list
+      el.value = first;
+      await el.updateComplete;
+      const second = await reorderFirstTwo(el, floorId);
+      expect(second.areas_display?.hidden).toEqual(expected.hidden);
+    }
+  );
+});
@@ -2,8 +2,13 @@ import { describe, expect, it } from "vitest";
 import {
  filterLowBatteryEntities,
  filterProblemEntities,
+  MaintenanceViewStrategy,
 } from "../../../../src/panels/maintenance/strategies/maintenance-view-strategy";
-import { mockEntity } from "../../../common/entity/context/context-mock";
+import {
+  mockDevice,
+  mockEntity,
+} from "../../../common/entity/context/context-mock";
+import type { LovelaceSectionConfig } from "../../../../src/data/lovelace/config/section";
 import { createMockEntityState, createMockHass } from "../../../fixtures/hass";

 describe("filterLowBatteryEntities", () => {
@@ -209,3 +214,70 @@ describe("filterProblemEntities", () => {
    ).toEqual(["binary_sensor.has_problem"]);
  });
 });
+
+describe("MaintenanceViewStrategy.generate", () => {
+  it("names problem tiles after the device and the entity", async () => {
+    const hass = createMockHass(
+      {
+        "sensor.microwave_battery": createMockEntityState(
+          "sensor.microwave_battery",
+          "80",
+          { device_class: "battery" }
+        ),
+        "binary_sensor.microwave_overheating": createMockEntityState(
+          "binary_sensor.microwave_overheating",
+          "off",
+          { device_class: "problem" }
+        ),
+        "binary_sensor.standalone_problem": createMockEntityState(
+          "binary_sensor.standalone_problem",
+          "off",
+          { device_class: "problem" }
+        ),
+      },
+      {
+        devices: {
+          microwave: mockDevice({ id: "microwave", name: "Microwave" }),
+        },
+        entities: {
+          "sensor.microwave_battery": mockEntity({
+            entity_id: "sensor.microwave_battery",
+            device_id: "microwave",
+          }),
+          "binary_sensor.microwave_overheating": mockEntity({
+            entity_id: "binary_sensor.microwave_overheating",
+            device_id: "microwave",
+          }),
+          "binary_sensor.standalone_problem": mockEntity({
+            entity_id: "binary_sensor.standalone_problem",
+          }),
+        },
+      }
+    );
+
+    const view = await MaintenanceViewStrategy.generate(
+      { type: "maintenance" },
+      hass
+    );
+
+    const section = view.sections?.[0] as LovelaceSectionConfig;
+
+    expect(section.cards?.slice(1)).toEqual([
+      {
+        type: "tile",
+        entity: "sensor.microwave_battery",
+        name: { type: "device" },
+      },
+      {
+        type: "tile",
+        entity: "binary_sensor.microwave_overheating",
+        name: [{ type: "device" }, { type: "entity" }],
+      },
+      {
+        type: "tile",
+        entity: "binary_sensor.standalone_problem",
+        name: { type: "entity" },
+      },
+    ]);
+  });
+});
Author	SHA1	Message	Date
Tristan Cartledge	d43e1ef4cc	Fix duplicated hidden areas when reordering areas in the areas dashboard editor (#55424 )	2026-10-29 09:37:33 +01:00
Petar Petrov	f699019994	Ignore YAML dashboard update event on first load (#55430 )	2026-10-29 09:28:05 +01:00
Daan Vervacke	fe90b0339d	Show blueprint usage count as text on narrow screens (#55427 ) * Show blueprint usage count as text on narrow screens * Show the blueprint usage count before the path on narrow screens * Name the blueprint usage column and skip it for broken blueprints	2026-10-29 08:34:42 +02:00
renovate[bot]	3b5ba802f6	Update dependency @rspack/dev-server to v2.2.2 (#55429 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2026-10-29 08:30:43 +02:00
JonathanandXyolyp	b0c6e7f564	Preselect the only allowed unit also in an optional unit selector (#55417 ) Co-authored-by: Xyolyp <[email protected]>	2026-10-29 08:17:31 +02:00
renovate[bot]	658a23724e	Update tsparticles to v4.5.0 (#55428 ) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>	2026-10-29 08:00:52 +02:00
Maarten Lakerveld	f859183628	Name maintenance problem tiles after the device and the entity (#55420 ) Problem binary sensors were added to the maintenance view using the battery tile builder, which names every tile after its device. A device with several problem sensors (overheating, overvoltage, ...) then showed identical tiles. Problem tiles now use a device plus entity name; the entity part is dropped automatically when the sensor has no name of its own, so single-sensor devices still read as just the device name. Battery tiles keep the device-only name. Fixes home-assistant/frontend#55413	2026-10-28 20:42:19 +01:00
Paul Bottein	53dc14f413	Keep the section row divider under the entities card header (#55415 )	2026-10-28 19:42:41 +01:00