houseplan-card/demo/smoke_light_badges.mjs

// Правило владельца (2026-08-06): жёлтая подложка всегда означает «работает
// сейчас». В glow-режиме световое пятно ДОПОЛНЯЕТ её, но не заменяет. RGB
// лампы по-прежнему красит только пятно/эффект, не значок и не рамку.
import { launch, checkAll, finish } from './serve.mjs';
const { page, browser } = await launch();
const out = await page.evaluate(async () => {
  const o = {};
  const c = window.__card;
  const sr = () => c.shadowRoot || c.renderRoot;
  const settleMode = async () => {
    const started = performance.now();
    do { await new Promise((resolve) => requestAnimationFrame(resolve)); }
    while (c._modeTransitionBusy && performance.now() - started < 1500);
    await c.updateComplete;
  };
  const setFill = async (mode) => {
    const cfg = JSON.parse(JSON.stringify(c._serverCfg));
    const f1 = cfg.spaces.find((s) => s.id === 'f1');
    f1.settings = { ...(f1.settings || {}), fill_mode: mode };
    c._serverCfg = cfg; c._cfgEpoch++; c._regSignature = '';
    c._maybeRebuildDevices(); c.requestUpdate(); await c.updateComplete;
    await new Promise((r) => setTimeout(r, 80));
  };
  const lamp = c._devices.find((x) => x.id === 'd_lamp');
  const kettle = c._devices.find((x) => x.id === 'd_kettle'); // розетка/чайник
  // зажигаем лампу с RGB и розетку
  c.hass = { ...c.hass, states: { ...c.hass.states,
    [lamp.primary]: { ...c.hass.states[lamp.primary], state: 'on',
      attributes: { ...(c.hass.states[lamp.primary]?.attributes || {}), rgb_color: [255, 120, 40] } },
    [kettle.primary]: { ...c.hass.states[kettle.primary], state: 'on' } } };
  const devEl = (id) => {
    // надёжнее по индексу в списке devs: ищем по позиции через _pos
    const d = c._devices.find((x) => x.id === id);
    const v = c._viewOr(c._baseVb());
    const p = c._pos(d);
    const left = (((p.x - v.x) / v.w) * 100).toFixed(0);
    return [...sr().querySelectorAll('.dev')].find((e) => Math.abs(parseFloat(e.style.left) - left) < 1.5);
  };

  // --- режим light: горящая RGB-лампа ЖЁЛТАЯ, без rgb-класса --------------
  await setFill('light');
  let le = devEl('d_lamp');
  o.litLampYellowInLightMode = !!le && le.classList.contains('on') && !le.classList.contains('rgb');
  o.morphInLightMode = le?.querySelector('ha-icon')?.getAttribute('icon')?.includes('lightbulb') ?? false;

  // --- режим glow: и лампа, и розетка жёлтые; пятно остаётся --------------
  await setFill('glow');
  le = devEl('d_lamp');
  const ke = devEl('d_kettle');
  o.litLampYellowInGlow = !!le && le.classList.contains('on') && !le.classList.contains('rgb');
  o.glowSpotPresent = !!sr().querySelector('.stage svg radialGradient, .stage svg [id*=glow]');
  o.socketStaysYellowInGlow = !!ke && ke.classList.contains('on');
  o.morphInGlow = le?.querySelector('ha-icon')?.getAttribute('icon')?.includes('lightbulb') ?? false;

  // --- редакторы используют ту же жёлтую подложку независимо от слоя glow --
  c._setMode('devices'); await settleMode();
  le = devEl('d_lamp');
  o.devicesEditorLampYellow = !!le && le.classList.contains('on');
  o.devicesEditorHasGlow = !!sr().querySelector('.stage svg radialGradient, .stage svg [id*=glow]');
  c._setMode('plan'); await settleMode();
  // ИМЕННО лампа (mutation-проверка аудита HP-1521-01: розетка тоже on и
  // удовлетворяла бы поиску «любой .dev.on», пряча регресс самой лампы)
  le = devEl('d_lamp');
  o.planEditorLampYellow = !!le && le.classList.contains('on'); // слой скрыт — жёлтый вернулся
  o.planEditorKettleStillOn = !!devEl('d_kettle')?.classList.contains('on');
  o.planEditorNoGlow = !sr().querySelector('.stage svg radialGradient, .stage svg [id*=glow]');
  c._setMode('view'); await settleMode();

  // --- выключенная лампа тёмная в обоих режимах ---------------------------
  c.hass = { ...c.hass, states: { ...c.hass.states,
    [lamp.primary]: { ...c.hass.states[lamp.primary], state: 'off' } } };
  c.requestUpdate(); await c.updateComplete;
  le = devEl('d_lamp');
  o.offLampDarkInGlow = !!le && !le.classList.contains('on');
  await setFill('light');
  le = devEl('d_lamp');
  o.offLampDarkInLightMode = !!le && !le.classList.contains('on');
  return o;
});
await finish(browser, checkAll(out));