Use not

src/panels/light/strategies/light-view-strategy.ts

@@ -45,6 +45,16 @@ const processAreasForLight = (
     }
 
     if (areaCards.length > 0) {
+      // Visibility condition: any light is on
+      const anyOnCondition = {
+        condition: "or" as const,
+        conditions: areaLights.map((entityId) => ({
+          condition: "state" as const,
+          entity: entityId,
+          state: "on",
+        })),
+      };
+
       cards.push({
         heading_style: "subtitle",
         type: "heading",
@@ -53,6 +63,38 @@ const processAreasForLight = (
           action: "navigate",
           navigation_path: `/home/areas-${area.area_id}`,
         },
+        badges: [
+          {
+            type: "button",
+            icon: "mdi:power",
+            tap_action: {
+              action: "perform-action",
+              perform_action: "light.turn_on",
+              target: {
+                area_id: area.area_id,
+              },
+            },
+            visibility: [
+              {
+                condition: "not",
+                conditions: [anyOnCondition],
+              },
+            ],
+          },
+          {
+            type: "button",
+            icon: "mdi:power",
+            color: "orange",
+            tap_action: {
+              action: "perform-action",
+              perform_action: "light.turn_off",
+              target: {
+                area_id: area.area_id,
+              },
+            },
+            visibility: [anyOnCondition],
+          },
+        ] satisfies LovelaceCardConfig[],
       });
       cards.push(...areaCards);
     }