From 544832756d167faed760f6c451b6febd209ad2e3 Mon Sep 17 00:00:00 2001
From: HomeAssistant Azure <hello@home-assistant.io>
Date: Sun, 14 Jun 2020 00:32:29 +0000
Subject: [PATCH 01/30] [ci skip] Translation update

---
 translations/frontend/ca.json      | 28 ++++++++++++++++----------
 translations/frontend/de.json      | 19 +++++++++++++-----
 translations/frontend/fr.json      | 20 +++++++++++++------
 translations/frontend/ko.json      | 14 ++++++++++---
 translations/frontend/pl.json      | 23 ++++++++++++++++++++-
 translations/frontend/ru.json      | 12 +++++++++--
 translations/frontend/sv.json      | 32 ++++++++++++++++++++++--------
 translations/frontend/zh-Hant.json | 14 ++++++++++---
 8 files changed, 124 insertions(+), 38 deletions(-)

diff --git a/translations/frontend/ca.json b/translations/frontend/ca.json
index e9639977d4..82ab650b24 100644
--- a/translations/frontend/ca.json
+++ b/translations/frontend/ca.json
@@ -483,7 +483,7 @@
             "menu": "Menú",
             "next": "Següent",
             "no": "No",
-            "overflow_menu": "Menú de desbordament",
+            "overflow_menu": "Menú desbordament",
             "previous": "Anterior",
             "refresh": "Actualitza",
             "save": "Desa",
@@ -694,10 +694,10 @@
             },
             "zha_device_info": {
                 "buttons": {
-                    "add": "Afegir dispositius",
+                    "add": "Afegeix dispositius a través d'aquest dispositiu",
                     "reconfigure": "Reconfigurar dispositiu",
                     "remove": "Eliminar dispositiu",
-                    "zigbee_information": "Informació Zigbee"
+                    "zigbee_information": "Signatura Zigbee del dispositiu"
                 },
                 "confirmations": {
                     "remove": "Estàs segur que vols eliminar el dispositiu?"
@@ -717,7 +717,7 @@
                 "unknown": "Desconeguda",
                 "zha_device_card": {
                     "area_picker_label": "Àrea",
-                    "device_name_placeholder": "Nom donat per l'usuari",
+                    "device_name_placeholder": "Canvia el nom del dispositiu",
                     "update_name_button": "Actualitzar Nom"
                 }
             }
@@ -1375,7 +1375,7 @@
                     "built_using": "Creat utilitzant",
                     "caption": "Informació",
                     "custom_uis": "Interfícies d'usuari personalitzades:",
-                    "description": "Informació sobre la instal·lació de Home Assistant",
+                    "description": "Informació de la instal·lació de Home Assistant",
                     "developed_by": "Desenvolupat per un munt de gent fantàstica.",
                     "documentation": "Documentació",
                     "frontend": "frontend-ui",
@@ -1660,11 +1660,11 @@
                             "core": "Actualitza ubicació i personalitzacions",
                             "group": "Actualitza grups",
                             "heading": "Tornant a carregar la configuració",
-                            "input_boolean": "Torna a carregar booleans d’entrada",
-                            "input_datetime": "Torna a carregar les hores de la data d'entrada",
-                            "input_number": "Recarregar números d'entrada",
-                            "input_select": "Actualitza l'entrada selecciona",
-                            "input_text": "Recarregar textos d'entrada",
+                            "input_boolean": "Actualitza entrades booleanes",
+                            "input_datetime": "Actualitza entrades de data i hora",
+                            "input_number": "Actualitza entrades numèriques",
+                            "input_select": "Actualitza entrades de selecció",
+                            "input_text": "Actualitza entrades de text",
                             "introduction": "Algunes parts de Home Assistant es poden actualitzar sense necessitat reiniciar-lo. Si prems actualitza s'esborrarà la configuració YAML actual i se'n carregarà la nova.",
                             "person": "Actualitza persones",
                             "scene": "Actualitza escenes",
@@ -1728,8 +1728,11 @@
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "Els dispositius apareixeran aquí un cop descoberts.",
                         "discovery_text": "Els dispositius descoberts apareixeran aquí. Segueix les instruccions del/s teu/s dispositiu/s i posa el dispositiu/s en mode d'emparellament.",
                         "header": "Domòtica amb Zigbee - Afegir dispositius",
+                        "no_devices_found": "No s'han trobat dispositius, assegura't que estiguin en mode vinculació i manten-los desperts mentre estiguin intentant ser descoberts.",
+                        "pairing_mode": "Assegura't que els dispositiu estiguin en mode vinculació. Consulta les instruccions del dispositiu per saber com fer-ho.",
                         "search_again": "Torna a cercar",
                         "spinner": "S'estan cercant dispositius ZHA Zigbee..."
                     },
@@ -1737,6 +1740,7 @@
                         "caption": "Afegeix dispositius",
                         "description": "Afegeix dispositius a la xarxa Zigbee"
                     },
+                    "button": "Configura",
                     "caption": "ZHA",
                     "cluster_attributes": {
                         "attributes_of_cluster": "Atributs del clúster seleccionat",
@@ -1815,6 +1819,9 @@
                         "header": "Gestió de la xarxa",
                         "introduction": "Comandes que afecten tota la xarxa"
                     },
+                    "network": {
+                        "caption": "Xarxa"
+                    },
                     "node_management": {
                         "header": "Gestió del dispositiu",
                         "help_node_dropdown": "Selecciona un dispositiu per visualitzar-ne les opcions (per dispositiu).",
@@ -1854,6 +1861,7 @@
                     "no_zones_created_yet": "Sembla que encara no has creat cap zona."
                 },
                 "zwave": {
+                    "button": "Configura",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "Índex",
diff --git a/translations/frontend/de.json b/translations/frontend/de.json
index d3888be2aa..1df2ac3dba 100644
--- a/translations/frontend/de.json
+++ b/translations/frontend/de.json
@@ -693,10 +693,10 @@
             },
             "zha_device_info": {
                 "buttons": {
-                    "add": "Geräte hinzufügen",
+                    "add": "Geräte über dieses Gerät hinzufügen",
                     "reconfigure": "Gerät neu konfigurieren",
                     "remove": "Gerät entfernen",
-                    "zigbee_information": "ZigBee-Informationen"
+                    "zigbee_information": "ZigBee-Gerätesignatur"
                 },
                 "confirmations": {
                     "remove": "Möchtest du das Gerät wirklich entfernen?"
@@ -716,7 +716,7 @@
                 "unknown": "Unbekannt",
                 "zha_device_card": {
                     "area_picker_label": "Bereich",
-                    "device_name_placeholder": "Benutzerdefinierter Name",
+                    "device_name_placeholder": "Gerätename ändern",
                     "update_name_button": "Aktualisierung Name"
                 }
             }
@@ -1722,8 +1722,11 @@
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "Geräte werden hier angezeigt sobald sie erkannt worden sind.",
                         "discovery_text": "Erkannte Geräte werden hier angezeigt. Befolgen Sie die Anweisungen für Ihr Gerät und versetzen Sie das Gerät in den Pairing-Modus.",
                         "header": "Zigbee Home Automation - Geräte hinzufügen",
+                        "no_devices_found": "Es wurde keine Geräte erkannt, stelle sicher das sie sich im Pairing Modus befinden und halte sie Aktiv solange die Erkennung läuft,",
+                        "pairing_mode": "Stellen Sie sicher, dass sich Ihre Geräte im Pairing-Modus befinden. Überprüfen Sie dazu die Anweisungen Ihres Geräts.",
                         "search_again": "Erneut suchen",
                         "spinner": "Suche nach ZHA Zigbee Geräten..."
                     },
@@ -1731,6 +1734,7 @@
                         "caption": "Geräte hinzufügen",
                         "description": "Gerät dem Zigbee-Netzwerk hinzufügen."
                     },
+                    "button": "Konfigurieren",
                     "caption": "ZHA",
                     "cluster_attributes": {
                         "attributes_of_cluster": "Attribute des ausgewählten Clusters",
@@ -1809,6 +1813,9 @@
                         "header": "Netzwerkverwaltung",
                         "introduction": "Befehle, die das gesamte Netzwerk betreffen"
                     },
+                    "network": {
+                        "caption": "Netzwerk"
+                    },
                     "node_management": {
                         "header": "Geräteverwaltung",
                         "help_node_dropdown": "Wähle ein Gerät aus, um die Geräteoptionen anzuzeigen.",
@@ -1848,6 +1855,7 @@
                     "no_zones_created_yet": "Es sieht so aus, als hättest Du noch keine Zonen erstellt."
                 },
                 "zwave": {
+                    "button": "Konfigurieren",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "Index",
@@ -1905,7 +1913,8 @@
                         "header": "OZW Log",
                         "introduction": "Schauen Sie das Protokoll an. 0 ist das Minimum (lädt das gesamte Protokoll) und 1000 ist das Maximum. Beim Laden wird ein statisches Protokoll angezeigt und das Ende wird automatisch mit der zuletzt angegebenen Anzahl von Zeilen des Protokolls aktualisiert.",
                         "last_log_lines": "Anzahl der letzten Logzeilen",
-                        "load": "Laden"
+                        "load": "Laden",
+                        "tail": "Ende"
                     },
                     "services": {
                         "add_node": "Knoten hinzufügen",
@@ -2352,7 +2361,7 @@
                     "entity_non_numeric": "Die Entität ist nicht-numerisch: {entity}",
                     "entity_not_found": "Entität nicht verfügbar: {entity}",
                     "entity_unavailable": "{entity} ist derzeit nicht verfügbar",
-                    "starting": "Home Assistant beginnt, vielleicht ist noch nicht alles verfügbar"
+                    "starting": "Home Assistant startet gerade, eventuell ist noch nicht alles verfügbar"
                 }
             },
             "mailbox": {
diff --git a/translations/frontend/fr.json b/translations/frontend/fr.json
index 3c1a91add7..0f347f9f84 100644
--- a/translations/frontend/fr.json
+++ b/translations/frontend/fr.json
@@ -308,12 +308,12 @@
             "lightning-rainy": "Orage / Pluie",
             "partlycloudy": "Partiellement nuageux",
             "pouring": "Averses",
-            "rainy": "Pluie",
-            "snowy": "Neige",
-            "snowy-rainy": "Neige / Pluie",
-            "sunny": "Soleil",
-            "windy": "Vent",
-            "windy-variant": "Vent"
+            "rainy": "Pluvieux",
+            "snowy": "Neigeux",
+            "snowy-rainy": "Neigeux, pluvieux",
+            "sunny": "Ensoleillé",
+            "windy": "Venteux",
+            "windy-variant": "Venteux"
         },
         "zwave": {
             "default": {
@@ -1728,8 +1728,11 @@
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "Les appareils s'afficheront ici une fois découverts.",
                         "discovery_text": "Les appareils découverts apparaîtront ici. Suivez les instructions pour votre / vos appareil(s) et placez-le(s) en mode de couplage.",
                         "header": "Zigbee Home Automation - Ajout de périphériques",
+                        "no_devices_found": "Aucun appareil n'a été trouvé, assurez-vous qu'ils sont en mode d'appairage et gardez-les éveillés pendant que la découverte est en cours",
+                        "pairing_mode": "Assurez-vous que vos appareils sont en mode d'appairage. Consultez les instructions de votre appareil pour savoir comment procéder.",
                         "search_again": "Rechercher à nouveau",
                         "spinner": "Recherche de périphériques ZHA Zigbee ..."
                     },
@@ -1737,6 +1740,7 @@
                         "caption": "Ajouter des appareils",
                         "description": "Ajouter des appareils au réseau Zigbee"
                     },
+                    "button": "Configurer",
                     "caption": "ZHA",
                     "cluster_attributes": {
                         "attributes_of_cluster": "Attributs du cluster sélectionné",
@@ -1815,6 +1819,9 @@
                         "header": "Gestion du réseau",
                         "introduction": "Commandes qui affectent l'ensemble du réseau"
                     },
+                    "network": {
+                        "caption": "Réseau"
+                    },
                     "node_management": {
                         "header": "Gestion des appareils",
                         "help_node_dropdown": "Sélectionnez un périphérique pour afficher les options par périphérique.",
@@ -1854,6 +1861,7 @@
                     "no_zones_created_yet": "Il semble que vous n'ayez pas encore créé de zones."
                 },
                 "zwave": {
+                    "button": "Configurer",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "Index",
diff --git a/translations/frontend/ko.json b/translations/frontend/ko.json
index ffb4a9299c..6637d720b1 100644
--- a/translations/frontend/ko.json
+++ b/translations/frontend/ko.json
@@ -694,10 +694,10 @@
             },
             "zha_device_info": {
                 "buttons": {
-                    "add": "기기 추가",
+                    "add": "이 기기를 통해 기기 추가",
                     "reconfigure": "기기 재설정",
                     "remove": "기기 제거",
-                    "zigbee_information": "Zigbee 정보"
+                    "zigbee_information": "Zigbee 기기 서명"
                 },
                 "confirmations": {
                     "remove": "이 기기를 제거하시겠습니까?"
@@ -717,7 +717,7 @@
                 "unknown": "알 수 없슴",
                 "zha_device_card": {
                     "area_picker_label": "영역",
-                    "device_name_placeholder": "사용자 지정 이름",
+                    "device_name_placeholder": "기기 이름 변경",
                     "update_name_button": "이름 업데이트"
                 }
             }
@@ -1728,8 +1728,11 @@
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "기기가 발견되면 여기에 표시됩니다.",
                         "discovery_text": "발견된 기기가 여기에 표시됩니다. 기기의 설명서를 참고하여 기기를 페어링 모드로 설정해주세요.",
                         "header": "Zigbee Home Automation - 기기 추가",
+                        "no_devices_found": "발견된 기기가 없습니다. 기기를 검색하는 동안 기기가 페어링 모드 상태이고 절전모드가 해제되어있는지 확인해주세요.",
+                        "pairing_mode": "기기가 페어링 모드인지 확인해주세요. 기기의 페어링 모드 설정 방법은 기기의 설명서를 참조해주세요.",
                         "search_again": "다시 검색",
                         "spinner": "ZHA Zigbee 기기를 찾고있습니다..."
                     },
@@ -1737,6 +1740,7 @@
                         "caption": "기기 추가",
                         "description": "Zigbee 네트워크에 기기를 추가합니다"
                     },
+                    "button": "설정",
                     "caption": "ZHA",
                     "cluster_attributes": {
                         "attributes_of_cluster": "선택된 클러스터의 속성",
@@ -1815,6 +1819,9 @@
                         "header": "네트워크 관리",
                         "introduction": "전체 네트워크에 영향을 미치는 명령"
                     },
+                    "network": {
+                        "caption": "네트워크"
+                    },
                     "node_management": {
                         "header": "기기 관리",
                         "help_node_dropdown": "기기별 옵션을 보려면 기기를 선택해주세요.",
@@ -1854,6 +1861,7 @@
                     "no_zones_created_yet": "아직 설정한 지역이 없는 것 같습니다."
                 },
                 "zwave": {
+                    "button": "설정",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "색인",
diff --git a/translations/frontend/pl.json b/translations/frontend/pl.json
index 7bd461cc15..ed29cd2644 100644
--- a/translations/frontend/pl.json
+++ b/translations/frontend/pl.json
@@ -195,7 +195,7 @@
             "off": "wyłączony"
         },
         "configurator": {
-            "configure": "Skonfiguruj",
+            "configure": "Konfiguruj",
             "configured": "skonfigurowany"
         },
         "cover": {
@@ -480,8 +480,10 @@
             "delete": "Usuń",
             "error_required": "To pole jest wymagane",
             "loading": "Ładowanie",
+            "menu": "Menu",
             "next": "Dalej",
             "no": "Nie",
+            "overflow_menu": "Menu",
             "previous": "Poprzedni",
             "refresh": "Odśwież",
             "save": "Zapisz",
@@ -911,6 +913,8 @@
                         "introduction": "Użyj automatyzacji, aby ożywić swój dom",
                         "load_error_not_editable": "Tylko automatyzacje zdefiniowane w pliku automations.yaml są edytowalne.",
                         "load_error_unknown": "Wystąpił błąd podczas ładowania automatyzacji ({err_no}).",
+                        "move_down": "Przesuń w dół",
+                        "move_up": "Przesuń w górę",
                         "save": "Zapisz",
                         "triggers": {
                             "add": "Dodaj wyzwalacz",
@@ -1369,7 +1373,9 @@
                 },
                 "info": {
                     "built_using": "Zbudowany przy użyciu",
+                    "caption": "Informacje",
                     "custom_uis": "Niestandardowe interfejsy użytkownika:",
+                    "description": "Informacje o instalacji Home Assistanta",
                     "developed_by": "Opracowany przez grono wspaniałych ludzi.",
                     "documentation": "Dokumentacja",
                     "frontend": "frontend-ui",
@@ -1457,7 +1463,9 @@
                 },
                 "introduction": "Tutaj możesz skonfigurować Home Assistanta i jego komponenty. Nie wszystkie opcje można konfigurować z interfejsu użytkownika, ale pracujemy nad tym.",
                 "logs": {
+                    "caption": "Logi",
                     "clear": "Wyczyść",
+                    "description": "Wyświetlanie logów Home Assistanta",
                     "details": "Szczegóły loga ({level})",
                     "load_full_log": "Załaduj cały log Home Assistanta",
                     "loading_log": "Ładowanie loga błędów…",
@@ -1652,6 +1660,11 @@
                             "core": "Lokalizacja i dostosowywanie",
                             "group": "Grupy",
                             "heading": "Ponowne wczytanie konfiguracji",
+                            "input_boolean": "Pomocnicy typu przełącznik",
+                            "input_datetime": "Wczytaj",
+                            "input_number": "Pomocnicy typu numer",
+                            "input_select": "Pomocnicy typu pole wyboru",
+                            "input_text": "Pomocnicy typu tekst",
                             "introduction": "Niektóre fragmenty konfiguracji można przeładować bez ponownego uruchamiania. Poniższe przyciski pozwalają na ponowne wczytanie konfiguracji.",
                             "person": "Osoby",
                             "scene": "Sceny",
@@ -1715,8 +1728,11 @@
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "Urządzenia pojawią się tutaj, jak tylko zostaną wykryte.",
                         "discovery_text": "Wykryte urządzenia pojawią się tutaj. Postępuj zgodnie z instrukcjami dla urządzeń, by wprowadzić je w tryb parowania.",
                         "header": "Zigbee Home Automation - dodaj urządzenia",
+                        "no_devices_found": "Nie znaleziono urządzeń, upewnij się, że są w trybie parowania i nie są w trybie uśpienia podczas wykrywania.",
+                        "pairing_mode": "Upewnij się, że urządzenie jest w trybie parowania. Zapoznaj się z instrukcją obsługi urządzenia, by dowiedzieć się, jak to zrobić.",
                         "search_again": "Szukaj ponownie",
                         "spinner": "Wyszukiwanie urządzeń ZHA Zigbee..."
                     },
@@ -1724,6 +1740,7 @@
                         "caption": "Dodaj urządzenia",
                         "description": "Dodaj urządzenia do sieci Zigbee"
                     },
+                    "button": "Konfiguruj",
                     "caption": "ZHA",
                     "cluster_attributes": {
                         "attributes_of_cluster": "Atrybuty wybranego klastra",
@@ -1802,6 +1819,9 @@
                         "header": "Zarządzanie siecią",
                         "introduction": "Polecenia, które wpływają na całą sieć"
                     },
+                    "network": {
+                        "caption": "Sieć"
+                    },
                     "node_management": {
                         "header": "Zarządzanie urządzeniami",
                         "help_node_dropdown": "Wybierz urządzenie, aby wyświetlić jego opcje.",
@@ -1841,6 +1861,7 @@
                     "no_zones_created_yet": "Wygląda na to, że nie utworzyłeś jeszcze żadnych stref."
                 },
                 "zwave": {
+                    "button": "Konfiguruj",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "Indeks",
diff --git a/translations/frontend/ru.json b/translations/frontend/ru.json
index 5786d3205b..de84616e68 100644
--- a/translations/frontend/ru.json
+++ b/translations/frontend/ru.json
@@ -694,10 +694,10 @@
             },
             "zha_device_info": {
                 "buttons": {
-                    "add": "Добавить устройства",
+                    "add": "Добавить устройства через это устройство",
                     "reconfigure": "Перенастроить устройство",
                     "remove": "Удалить устройство",
-                    "zigbee_information": "Информация о Zigbee"
+                    "zigbee_information": "Подпись устройства Zigbee"
                 },
                 "confirmations": {
                     "remove": "Вы уверены, что хотите удалить это устройство?"
@@ -1728,8 +1728,11 @@
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "Устройства появятся здесь, когда будут обнаружены.",
                         "discovery_text": "Здесь будут отображаться обнаруженные устройства. Следуйте инструкциям для Вашего устройства, чтобы включить режим сопряжения.",
                         "header": "Zigbee Home Automation",
+                        "no_devices_found": "Устройства не найдены, убедитесь, что они находятся в режиме сопряжения, и держите их активными во время обнаружения.",
+                        "pairing_mode": "Убедитесь, что подключаемые устройства находятся в режиме сопряжения. Чтобы узнать, как активировать режим сопряжения, ознакомьтесь с инструкциями для Вашего устройства.",
                         "search_again": "Повторный поиск",
                         "spinner": "Поиск Zigbee устройств..."
                     },
@@ -1737,6 +1740,7 @@
                         "caption": "Добавить устройства",
                         "description": "Добавить устройства в сеть Zigbee"
                     },
+                    "button": "Настроить",
                     "caption": "Zigbee Home Automation",
                     "cluster_attributes": {
                         "attributes_of_cluster": "Атрибуты выбранного кластера",
@@ -1815,6 +1819,9 @@
                         "header": "Управление сетью",
                         "introduction": "Команды, которые влияют на всю сеть"
                     },
+                    "network": {
+                        "caption": "Сеть"
+                    },
                     "node_management": {
                         "header": "Управление устройством",
                         "help_node_dropdown": "Выберите устройство для просмотра индивидуальных параметров.",
@@ -1854,6 +1861,7 @@
                     "no_zones_created_yet": "У Вас еще нет добавленных зон."
                 },
                 "zwave": {
+                    "button": "Настроить",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "Индекс",
diff --git a/translations/frontend/sv.json b/translations/frontend/sv.json
index 10d8332153..c4c592d00f 100644
--- a/translations/frontend/sv.json
+++ b/translations/frontend/sv.json
@@ -694,7 +694,7 @@
             },
             "zha_device_info": {
                 "buttons": {
-                    "add": "Lägg till enheter",
+                    "add": "Lägg till enheter via den här enheten",
                     "reconfigure": "Konfigurera om enheten",
                     "remove": "Ta bort enhet",
                     "zigbee_information": "Zigbee-information"
@@ -717,7 +717,7 @@
                 "unknown": "Okänd",
                 "zha_device_card": {
                     "area_picker_label": "Område",
-                    "device_name_placeholder": "Användarnamn",
+                    "device_name_placeholder": "Ändra enhetsnamn",
                     "update_name_button": "Uppdatera namn"
                 }
             }
@@ -744,7 +744,7 @@
             "connection_lost": "Anslutning tappad. Ansluter igen...",
             "service_call_failed": "Misslyckades med att anropa tjänsten {service}.",
             "started": "Home Assistant har startat!",
-            "starting": "Home Assistant startar, allt är inte tillgängligt tills uppstarten är klar.",
+            "starting": "Home Assistant startar, allt är inte tillgängligt förrän uppstarten är klar.",
             "triggered": "Utlöst {name}"
         },
         "panel": {
@@ -1013,7 +1013,7 @@
                     "picker": {
                         "add_automation": "Lägg till automatisering",
                         "delete_automation": "Radera automation",
-                        "delete_confirm": "Är du säker på att du vill radera denna automatiseringen?",
+                        "delete_confirm": "Är du säker på att du vill radera denna automatisering?",
                         "edit_automation": "Redigera automation",
                         "header": "Automatiseringseditor",
                         "headers": {
@@ -1373,7 +1373,9 @@
                 },
                 "info": {
                     "built_using": "Byggt med",
+                    "caption": "Info",
                     "custom_uis": "Anpassade användargränssnitt:",
+                    "description": "Info om din Home Assistant installation",
                     "developed_by": "Utvecklad av ett gäng grymma människor.",
                     "documentation": "Dokumentation",
                     "frontend": "frontend-UI",
@@ -1461,7 +1463,9 @@
                 },
                 "introduction": "Här går det att konfigurera dina komponenter och Home Assistant. Det är inte möjligt att ställa in allt från användargränssnittet ännu, men vi jobbar på det.",
                 "logs": {
+                    "caption": "Loggar",
                     "clear": "Rensa",
+                    "description": "Visa Home Assistant loggarna",
                     "details": "Logginformation ({level})",
                     "load_full_log": "Ladda hela Home Assistant-loggen",
                     "loading_log": "Läser in fellogg ...",
@@ -1656,7 +1660,11 @@
                             "core": "Ladda om plats & anpassningar",
                             "group": "Ladda om grupper",
                             "heading": "YAML-konfiguration laddas om",
+                            "input_boolean": "Ladda om inmatning av booleska värden",
                             "input_datetime": "Ladda om inmatningsdatum/tid",
+                            "input_number": "Ladda om inmatningsnummer",
+                            "input_select": "Ladda om inmatningsväljare",
+                            "input_text": "Ladda om inmatningstext",
                             "introduction": "Vissa delar av Home Assistant kan laddas om utan att en omstart krävs. Att trycka på \"ladda om\" innebär att den nuvarande konfiguration inaktiveras och den nya laddas.",
                             "person": "Ladda om personer",
                             "scene": "Ladda om scenarier",
@@ -1716,12 +1724,15 @@
                             "system": "System"
                         }
                     },
-                    "users_privileges_note": "Denna användaren är under konstruktion. Denna använder kommer inte kunna administrera instansen via användargränssnittet. Vi granskar fortfarande alla API-slutpunkter för att försäkra att de korrekt begränsar åtkomst till administratörer."
+                    "users_privileges_note": "Användar gruppen är under konstruktion. Användaren kommer inte att kunna administrera instansen via användargränssnittet. Vi granskar fortfarande alla API-slutpunkter för att försäkra att de korrekt begränsar åtkomst till endast administratörer."
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "Enheterna kommer att dyka upp här när de upptäckts.",
                         "discovery_text": "Upptäckta enheter kommer dyka upp här. Följ instruktionerna för dina enheter och sätt dem i parningsläge.",
                         "header": "Zigbee Home Automation - Lägg till enheter",
+                        "no_devices_found": "Inga enheter hittade, se till att dom är i parningsläge och håll dom aktiva medans sökning sker.",
+                        "pairing_mode": "Se till att dina enheter är i parningsläge. Kontrollera instruktionerna för din enhet om hur du gör det.",
                         "search_again": "Sök Igen",
                         "spinner": "Söker efter ZHA Zigbee-enheter ..."
                     },
@@ -1729,6 +1740,7 @@
                         "caption": "Lägg till enheter",
                         "description": "Lägg till enheter till Zigbee-nätverket"
                     },
+                    "button": "Konfigurera",
                     "caption": "ZHA",
                     "cluster_attributes": {
                         "attributes_of_cluster": "Attribut för det valda klustret",
@@ -1807,6 +1819,9 @@
                         "header": "Nätverkshantering",
                         "introduction": "Kommandon som påverkar hela nätverket"
                     },
+                    "network": {
+                        "caption": "Nätverk"
+                    },
                     "node_management": {
                         "header": "Enhetshantering",
                         "help_node_dropdown": "Välj en enhet för att visa alternativ per enhet.",
@@ -1846,6 +1861,7 @@
                     "no_zones_created_yet": "Det verkar som om du inte har skapat några zoner ännu."
                 },
                 "zwave": {
+                    "button": "Konfigurera",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "Index",
@@ -1886,7 +1902,7 @@
                         "group": "Grupp",
                         "header": "Z-Wave nodhantering",
                         "introduction": "Kör Z-Wave-kommandon som påverkar en enda nod. Välj en nod för att se en lista över tillgängliga kommandon.",
-                        "max_associations": "Max antal assosiationer:",
+                        "max_associations": "Max antal associationer:",
                         "node_group_associations": "Nodgruppsassociationer",
                         "node_protection": "Nodskydd",
                         "node_to_control": "Nod att styra",
@@ -1911,7 +1927,7 @@
                         "add_node_secure": "Lägg till nod med säkerhet",
                         "cancel_command": "Avbryt kommandot",
                         "heal_network": "Reparera nätverk",
-                        "heal_node": "Läka nod",
+                        "heal_node": "Läke nod",
                         "node_info": "Nodinformation",
                         "print_node": "Skriv ut nod",
                         "refresh_entity": "Uppdatera entitet",
@@ -2351,7 +2367,7 @@
                     "entity_non_numeric": "Enheten är icke-numerisk: {entity}",
                     "entity_not_found": "Enheten är ej tillgänglig: {entity}",
                     "entity_unavailable": "{entity} är otillgänglig",
-                    "starting": "Home Assistant startar, allt är kanske är tillgängligt ännu"
+                    "starting": "Home Assistant startar, allt är kanske inte tillgängligt ännu"
                 }
             },
             "mailbox": {
diff --git a/translations/frontend/zh-Hant.json b/translations/frontend/zh-Hant.json
index 385567cb26..18810e1969 100644
--- a/translations/frontend/zh-Hant.json
+++ b/translations/frontend/zh-Hant.json
@@ -694,10 +694,10 @@
             },
             "zha_device_info": {
                 "buttons": {
-                    "add": "新增設備",
+                    "add": "透過此設備新增設備",
                     "reconfigure": "重新設定設備",
                     "remove": "移除設備",
-                    "zigbee_information": "Zigbee 資訊"
+                    "zigbee_information": "Zigbee 設備簽章"
                 },
                 "confirmations": {
                     "remove": "確定要移除此設備？"
@@ -717,7 +717,7 @@
                 "unknown": "未知",
                 "zha_device_card": {
                     "area_picker_label": "分區",
-                    "device_name_placeholder": "設備命名",
+                    "device_name_placeholder": "變更設備名稱",
                     "update_name_button": "更新名稱"
                 }
             }
@@ -1728,8 +1728,11 @@
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "於探索到設備後將顯示於此處。",
                         "discovery_text": "所發現的設備將會顯示於此。跟隨設備的指示並將其設定為配對模式。",
                         "header": "Zigbee 家庭自動化 - 新增設備",
+                        "no_devices_found": "找不到設備，請確定設備處於配對模式、並於探索時保成喚醒狀態。",
+                        "pairing_mode": "請確定設備處於配對模式中，參閱設備的手冊以了解如何進行操作。",
                         "search_again": "再次搜尋",
                         "spinner": "正在搜尋 ZHA Zigbee 設備..."
                     },
@@ -1737,6 +1740,7 @@
                         "caption": "新增設備",
                         "description": "新增設備至 Zigbee 網路"
                     },
+                    "button": "設定",
                     "caption": "ZHA",
                     "cluster_attributes": {
                         "attributes_of_cluster": "獲取所選叢集屬性。",
@@ -1815,6 +1819,9 @@
                         "header": "網路管理",
                         "introduction": "命令影響整個網路"
                     },
+                    "network": {
+                        "caption": "網路"
+                    },
                     "node_management": {
                         "header": "設備管理",
                         "help_node_dropdown": "選擇設備以檢視該設備選項。",
@@ -1854,6 +1861,7 @@
                     "no_zones_created_yet": "看起來您還沒有新增任何區域。"
                 },
                 "zwave": {
+                    "button": "設定",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "指數",

From c51c80bf477ac5cb2d7560b99698fd5ad80e1968 Mon Sep 17 00:00:00 2001
From: HomeAssistant Azure <hello@home-assistant.io>
Date: Mon, 15 Jun 2020 00:32:32 +0000
Subject: [PATCH 02/30] [ci skip] Translation update

---
 translations/frontend/es.json      |  5 +++++
 translations/frontend/fr.json      |  4 ++--
 translations/frontend/zh-Hans.json | 14 +++++++++++---
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/translations/frontend/es.json b/translations/frontend/es.json
index 17e21f29e6..5759c4c1dd 100644
--- a/translations/frontend/es.json
+++ b/translations/frontend/es.json
@@ -1737,6 +1737,7 @@
                         "caption": "Añadir dispositivos",
                         "description": "Añadir dispositivos a la red Zigbee"
                     },
+                    "button": "Configurar",
                     "caption": "ZHA",
                     "cluster_attributes": {
                         "attributes_of_cluster": "Atributos del clúster seleccionado",
@@ -1815,6 +1816,9 @@
                         "header": "Administración de la red",
                         "introduction": "Comandos que afectan a toda la red."
                     },
+                    "network": {
+                        "caption": "Red"
+                    },
                     "node_management": {
                         "header": "Administración de dispositivos",
                         "help_node_dropdown": "Selecciona un dispositivo para ver las opciones por dispositivo.",
@@ -1854,6 +1858,7 @@
                     "no_zones_created_yet": "Parece que aún no has creado ninguna zona."
                 },
                 "zwave": {
+                    "button": "Configurar",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "Índice",
diff --git a/translations/frontend/fr.json b/translations/frontend/fr.json
index 0f347f9f84..1290d30875 100644
--- a/translations/frontend/fr.json
+++ b/translations/frontend/fr.json
@@ -1657,7 +1657,7 @@
                     "section": {
                         "reloading": {
                             "automation": "Recharger les automatisations",
-                            "core": "Recharger l'emplacement et les personnalisations",
+                            "core": "Recharger les emplacements et personnalisations",
                             "group": "Recharger les groupes",
                             "heading": "Rechargement de la configuration",
                             "input_boolean": "Recharger les booléens d'entrée",
@@ -2342,7 +2342,7 @@
                     "refresh": "Actualiser",
                     "reload_resources": "Recharger les ressources"
                 },
-                "reload_lovelace": "Recharger Lovelace UI",
+                "reload_lovelace": "Recharger UI",
                 "reload_resources": {
                     "refresh_body": "Vous devez actualiser la page pour terminer le rechargement, voulez-vous actualiser maintenant?",
                     "refresh_header": "Voulez-vous vous rafraîchir ?"
diff --git a/translations/frontend/zh-Hans.json b/translations/frontend/zh-Hans.json
index 9a14d4687f..887e2dde88 100644
--- a/translations/frontend/zh-Hans.json
+++ b/translations/frontend/zh-Hans.json
@@ -694,10 +694,10 @@
             },
             "zha_device_info": {
                 "buttons": {
-                    "add": "添加设备",
+                    "add": "通过此设备添加设备",
                     "reconfigure": "重新配置设备",
                     "remove": "删除设备",
-                    "zigbee_information": "Zigbee 信息"
+                    "zigbee_information": "Zigbee 设备签名"
                 },
                 "confirmations": {
                     "remove": "您确定要删除此设备吗？"
@@ -717,7 +717,7 @@
                 "unknown": "未知",
                 "zha_device_card": {
                     "area_picker_label": "区域",
-                    "device_name_placeholder": "用户指定的名称",
+                    "device_name_placeholder": "更改设备名称",
                     "update_name_button": "更新名称"
                 }
             }
@@ -1728,8 +1728,11 @@
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "发现的设备会立即显示在这里。",
                         "discovery_text": "发现的设备将显示在此处。按照设备的说明进行操作，并将设备置于配对模式。",
                         "header": "Zigbee 家庭自动化 - 添加设备",
+                        "no_devices_found": "未发现设备。请确保设备处于配对模式，并且在搜索设备时保持唤醒。",
+                        "pairing_mode": "请确保您的设备处于配对模式。有关如何进入配对模式，请查阅设备说明书。",
                         "search_again": "再次搜索",
                         "spinner": "正在寻找ZHA Zigbee设备......"
                     },
@@ -1737,6 +1740,7 @@
                         "caption": "添加设备",
                         "description": "将设备添加到Zigbee网络"
                     },
+                    "button": "配置",
                     "caption": "ZHA",
                     "cluster_attributes": {
                         "attributes_of_cluster": "所选集群的属性",
@@ -1815,6 +1819,9 @@
                         "header": "网络管理",
                         "introduction": "影响整个网络的命令"
                     },
+                    "network": {
+                        "caption": "网络"
+                    },
                     "node_management": {
                         "header": "设备管理",
                         "help_node_dropdown": "选择一个设备以查看每个设备的选项。",
@@ -1854,6 +1861,7 @@
                     "no_zones_created_yet": "您还没有建立地点。"
                 },
                 "zwave": {
+                    "button": "配置",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "指数",

From d6c85719c9ba894ae592ffcff9a870240f0708f1 Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <balloob@gmail.com>
Date: Sun, 14 Jun 2020 21:08:10 -0700
Subject: [PATCH 03/30] Fix preload Roboto on older devices (#6165)

---
 src/html/_preload_roboto.html.template | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/html/_preload_roboto.html.template b/src/html/_preload_roboto.html.template
index 6ac777eb8e..53431bb914 100644
--- a/src/html/_preload_roboto.html.template
+++ b/src/html/_preload_roboto.html.template
@@ -2,7 +2,7 @@
       if (navigator.userAgent.indexOf("Android") === -1 &&
           navigator.userAgent.indexOf("CrOS") === -1) {
         function _pf(src, type) {
-          const el = document.createElement("link");
+          var el = document.createElement("link");
           el.rel = "preload";
           el.as = "font";
           el.type = "font/woff2";

From f53f81dbc4d6e4f610e7529688aee1c558ae771e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Lov=C3=A9n?= <thomasloven@gmail.com>
Date: Mon, 15 Jun 2020 16:17:07 +0200
Subject: [PATCH 04/30] Fix translation in device options (#6172)

---
 .../device-registry-detail/dialog-device-registry-detail.ts     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/dialogs/device-registry-detail/dialog-device-registry-detail.ts b/src/dialogs/device-registry-detail/dialog-device-registry-detail.ts
index 592299c605..5758c8f3a0 100644
--- a/src/dialogs/device-registry-detail/dialog-device-registry-detail.ts
+++ b/src/dialogs/device-registry-detail/dialog-device-registry-detail.ts
@@ -66,7 +66,7 @@ class DialogDeviceRegistryDetail extends LitElement {
             <paper-input
               .value=${this._nameByUser}
               @value-changed=${this._nameChanged}
-              .label=${this.hass.localize("ui.dialogs.devices.name")}
+              .label=${this.hass.localize("ui.panel.config.devices.name")}
               .placeholder=${device.name || ""}
               .disabled=${this._submitting}
             ></paper-input>

From 8c0c0592e29b11a70bfcbda88887e8099215cf73 Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <balloob@gmail.com>
Date: Mon, 15 Jun 2020 07:18:58 -0700
Subject: [PATCH 05/30] Move Jinja directives to own script block (#6166)

---
 src/html/index.html.template | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/html/index.html.template b/src/html/index.html.template
index d61595003c..93b146d5a5 100644
--- a/src/html/index.html.template
+++ b/src/html/index.html.template
@@ -58,12 +58,13 @@
       window.customPanelJS = "<%= latestCustomPanelJS %>";
       window.latestJS = true;
     </script>
+    <script>
     {% for extra_module in extra_modules -%}
-    <script type="module" crossorigin="use-credentials" src="{{ extra_module }}"></script>
+    import("{{ extra_module }}");
     {% endfor -%}
+    </script>
 
     <script>
-      (function() {
         if (!window.latestJS) {
           window.customPanelJS = "<%= es5CustomPanelJS %>";
 
@@ -79,11 +80,14 @@
             _ls("<%= es5CoreJS %>");
             _ls("<%= es5AppJS %>");
           <% } %>
-          {% for extra_script in extra_js_es5 -%}
-          _ls("{{ extra_script }}");
-          {% endfor -%}
         }
-      })();
+    </script>
+    <script>
+      if (!window.latestJS) {
+        {% for extra_script in extra_js_es5 -%}
+        _ls("{{ extra_script }}");
+        {% endfor -%}
+      }
     </script>
 
     {% for extra_url in extra_urls -%}

From 256b64b6b3442f1b0851fc21dffbaa0856e4ffe5 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Tue, 16 Jun 2020 00:41:21 +0200
Subject: [PATCH 06/30] Remove filtering for attribute hidden (#6171)

---
 src/panels/config/automation/ha-config-automation.ts | 4 +---
 src/panels/config/scene/ha-config-scene.ts           | 3 +--
 src/panels/config/script/ha-config-script.ts         | 3 +--
 3 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/panels/config/automation/ha-config-automation.ts b/src/panels/config/automation/ha-config-automation.ts
index 8ee8267f0b..3ae487499f 100644
--- a/src/panels/config/automation/ha-config-automation.ts
+++ b/src/panels/config/automation/ha-config-automation.ts
@@ -54,9 +54,7 @@ class HaConfigAutomation extends HassRouterPage {
   private _getAutomations = memoizeOne(
     (states: HassEntities): AutomationEntity[] => {
       return Object.values(states).filter(
-        (entity) =>
-          computeStateDomain(entity) === "automation" &&
-          !entity.attributes.hidden
+        (entity) => computeStateDomain(entity) === "automation"
       ) as AutomationEntity[];
     }
   );
diff --git a/src/panels/config/scene/ha-config-scene.ts b/src/panels/config/scene/ha-config-scene.ts
index 1ac455b676..ab3b61dadb 100644
--- a/src/panels/config/scene/ha-config-scene.ts
+++ b/src/panels/config/scene/ha-config-scene.ts
@@ -53,8 +53,7 @@ class HaConfigScene extends HassRouterPage {
 
   private _getScenes = memoizeOne((states: HassEntities): SceneEntity[] => {
     return Object.values(states).filter(
-      (entity) =>
-        computeStateDomain(entity) === "scene" && !entity.attributes.hidden
+      (entity) => computeStateDomain(entity) === "scene"
     ) as SceneEntity[];
   });
 
diff --git a/src/panels/config/script/ha-config-script.ts b/src/panels/config/script/ha-config-script.ts
index 0f3ba479bf..0782ece4b3 100644
--- a/src/panels/config/script/ha-config-script.ts
+++ b/src/panels/config/script/ha-config-script.ts
@@ -53,8 +53,7 @@ class HaConfigScript extends HassRouterPage {
 
   private _getScripts = memoizeOne((states: HassEntities): ScriptEntity[] => {
     return Object.values(states).filter(
-      (entity) =>
-        computeStateDomain(entity) === "script" && !entity.attributes.hidden
+      (entity) => computeStateDomain(entity) === "script"
     ) as ScriptEntity[];
   });
 

From 4e17875011b4df7eaf8d354e1cba54add68ef7a3 Mon Sep 17 00:00:00 2001
From: HomeAssistant Azure <hello@home-assistant.io>
Date: Tue, 16 Jun 2020 00:32:24 +0000
Subject: [PATCH 07/30] [ci skip] Translation update

---
 translations/frontend/es.json |   3 +
 translations/frontend/it.json |  14 +-
 translations/frontend/nb.json |  14 +-
 translations/frontend/nl.json |  44 ++-
 translations/frontend/vi.json | 622 ++++++++++++++++++++++++++++++++--
 5 files changed, 660 insertions(+), 37 deletions(-)

diff --git a/translations/frontend/es.json b/translations/frontend/es.json
index 5759c4c1dd..c10daa63dc 100644
--- a/translations/frontend/es.json
+++ b/translations/frontend/es.json
@@ -1728,8 +1728,11 @@
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "Los dispositivos aparecerán aquí una vez descubiertos.",
                         "discovery_text": "Los dispositivos detectados aparecerán aquí. Ponlos en modo emparejamiento siguiendo sus instrucciones.",
                         "header": "Domótica Zigbee - Añadir dispositivos",
+                        "no_devices_found": "No se encontraron dispositivos, asegúrate de que están en modo de emparejamiento y mantenlos despiertos mientras el descubrimiento se está ejecutando.",
+                        "pairing_mode": "Asegúrate de que tus dispositivos están en modo de emparejamiento. Consulta las instrucciones de tu dispositivo sobre cómo hacerlo.",
                         "search_again": "Buscar de nuevo",
                         "spinner": "Buscando dispositivos ZHA Zigbee...."
                     },
diff --git a/translations/frontend/it.json b/translations/frontend/it.json
index 800f058369..dbc85d95c2 100644
--- a/translations/frontend/it.json
+++ b/translations/frontend/it.json
@@ -694,10 +694,10 @@
             },
             "zha_device_info": {
                 "buttons": {
-                    "add": "Aggiungi dispositivi",
+                    "add": "Aggiungi dispositivi tramite questo dispositivo",
                     "reconfigure": "Riconfigura dispositivo",
                     "remove": "Rimuovi dispositivo",
-                    "zigbee_information": "Informazioni Zigbee"
+                    "zigbee_information": "Firma del dispositivo Zigbee"
                 },
                 "confirmations": {
                     "remove": "Sei sicuro di voler rimuovere il dispositivo?"
@@ -717,7 +717,7 @@
                 "unknown": "Sconosciuto",
                 "zha_device_card": {
                     "area_picker_label": "Area",
-                    "device_name_placeholder": "Nome assegnato dall'utente",
+                    "device_name_placeholder": "Cambia il nome del dispositivo",
                     "update_name_button": "Aggiorna nome"
                 }
             }
@@ -1728,8 +1728,11 @@
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "I dispositivi verranno visualizzati qui una volta scoperti.",
                         "discovery_text": "I dispositivi rilevati verranno visualizzati qui. Seguire le istruzioni per il / i dispositivo / i e posizionare il / i dispositivo / i in modalità accoppiamento.",
                         "header": "Zigbee Home Automation - Aggiungi dispositivi",
+                        "no_devices_found": "Nessun dispositivo trovato, assicurati che siano in modalità di associazione e tienili svegli mentre la scansione è in esecuzione.",
+                        "pairing_mode": "Assicurati che i tuoi dispositivi siano in modalità di associazione. Controlla le istruzioni del tuo dispositivo su come eseguire questa operazione.",
                         "search_again": "Cerca di nuovo",
                         "spinner": "Ricerca di dispositivi ZHA Zigbee ..."
                     },
@@ -1737,6 +1740,7 @@
                         "caption": "Aggiungi dispositivi",
                         "description": "Aggiungi dispositivi alla rete Zigbee"
                     },
+                    "button": "Configura",
                     "caption": "ZHA",
                     "cluster_attributes": {
                         "attributes_of_cluster": "Attributi del cluster selezionato",
@@ -1815,6 +1819,9 @@
                         "header": "Gestione della rete",
                         "introduction": "Comandi che influiscono sull'intera rete"
                     },
+                    "network": {
+                        "caption": "Rete"
+                    },
                     "node_management": {
                         "header": "Gestione dei dispositivi",
                         "help_node_dropdown": "Selezionare un dispositivo per visualizzare le opzioni per dispositivo.",
@@ -1854,6 +1861,7 @@
                     "no_zones_created_yet": "Sembra che tu non abbia ancora creato nessuna zona."
                 },
                 "zwave": {
+                    "button": "Configura",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "Indice",
diff --git a/translations/frontend/nb.json b/translations/frontend/nb.json
index a1bb3ed50a..4b64241be8 100644
--- a/translations/frontend/nb.json
+++ b/translations/frontend/nb.json
@@ -694,10 +694,10 @@
             },
             "zha_device_info": {
                 "buttons": {
-                    "add": "Legg til enheter",
+                    "add": "Legg til enheter via denne enheten",
                     "reconfigure": "Rekonfigurer enhet",
                     "remove": "Fjern enhet",
-                    "zigbee_information": "Zigbee informasjon"
+                    "zigbee_information": "Zigbee-enhetssignatur"
                 },
                 "confirmations": {
                     "remove": "Er du sikker på at du vil fjerne enheten?"
@@ -717,7 +717,7 @@
                 "unknown": "Ukjent",
                 "zha_device_card": {
                     "area_picker_label": "Område",
-                    "device_name_placeholder": "Brukers navn",
+                    "device_name_placeholder": "Endre enhetsnavn",
                     "update_name_button": "Oppdater navn"
                 }
             }
@@ -1728,8 +1728,11 @@
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "Enheter vises her når de er oppdaget.",
                         "discovery_text": "Oppdagede enheter vises her. Følg instruksjonene for enheten(e) og sett enheten(e) i paringsmodus.",
                         "header": "Zigbee Home Automation - Legg til enheter",
+                        "no_devices_found": "Ingen enheter er funnet, sørg for at de er i paringsmodus og holde dem våken mens du oppdager kjører.",
+                        "pairing_mode": "Kontroller at enhetene er i paringsmodus. Sjekk instruksjonene til enheten om hvordan du gjør dette.",
                         "search_again": "Søk på nytt",
                         "spinner": "Søker etter ZHA Zigbee-enheter..."
                     },
@@ -1737,6 +1740,7 @@
                         "caption": "Legg til enheter",
                         "description": "Legg til enheter i Zigbee-nettverket"
                     },
+                    "button": "Konfigurer",
                     "caption": "",
                     "cluster_attributes": {
                         "attributes_of_cluster": "Attributter for den valgte klyngen",
@@ -1815,6 +1819,9 @@
                         "header": "Nettverksadministrasjon",
                         "introduction": "Kommandoer som påvirker hele nettverket"
                     },
+                    "network": {
+                        "caption": "Nettverk"
+                    },
                     "node_management": {
                         "header": "Enhetshåndtering",
                         "help_node_dropdown": "Velg en enhet for å vise alternativer per enhet.",
@@ -1854,6 +1861,7 @@
                     "no_zones_created_yet": "Det ser ikke ut som du har opprettet noen soner enda"
                 },
                 "zwave": {
+                    "button": "Konfigurer",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "Indeks",
diff --git a/translations/frontend/nl.json b/translations/frontend/nl.json
index a4e068b061..a65fdfb0f1 100644
--- a/translations/frontend/nl.json
+++ b/translations/frontend/nl.json
@@ -478,9 +478,12 @@
             "cancel": "Annuleren",
             "close": "Sluiten",
             "delete": "Verwijderen",
+            "error_required": "Verplicht",
             "loading": "Bezig met laden",
+            "menu": "Menu",
             "next": "Volgende",
             "no": "Nee",
+            "overflow_menu": "Overloopmenu",
             "previous": "Vorige",
             "refresh": "Vernieuwen",
             "save": "Opslaan",
@@ -691,10 +694,10 @@
             },
             "zha_device_info": {
                 "buttons": {
-                    "add": "Apparaten toevoegen",
+                    "add": "Apparaten toevoegen via dit apparaat",
                     "reconfigure": "Apparaat opnieuw configureren",
                     "remove": "Verwijder apparaat",
-                    "zigbee_information": "Zigbee Informatie"
+                    "zigbee_information": "Zigbee-apparaathandtekening"
                 },
                 "confirmations": {
                     "remove": "Weet je zeker dat je het apparaat wilt verwijderen?"
@@ -714,7 +717,7 @@
                 "unknown": "Onbekend",
                 "zha_device_card": {
                     "area_picker_label": "Gebied",
-                    "device_name_placeholder": "Door gebruiker ingegeven naam",
+                    "device_name_placeholder": "Wijzig apparaatnaam",
                     "update_name_button": "Naam bijwerken"
                 }
             }
@@ -740,6 +743,8 @@
         "notification_toast": {
             "connection_lost": "Verbinding verbroken. Opnieuw verbinden...",
             "service_call_failed": "Kan service {service} niet aanroepen",
+            "started": "Home Assistant is gestart!",
+            "starting": "Home Assistant is aan het opstarten, nog niet alles is beschikbaar tot dit is voltooid.",
             "triggered": "Geactiveerd {name}"
         },
         "panel": {
@@ -908,6 +913,8 @@
                         "introduction": "Gebruik automatiseringen om je huis tot leven te brengen.",
                         "load_error_not_editable": "Alleen automatiseringen in automations.yaml kunnen worden bewerkt.",
                         "load_error_unknown": "Fout bij laden van automatisering ({err_no}).",
+                        "move_down": "Verplaats omlaag",
+                        "move_up": "Verplaats omhoog",
                         "save": "Opslaan",
                         "triggers": {
                             "add": "Trigger toevoegen",
@@ -1219,6 +1226,7 @@
                     "different_include": "Mogelijk via een domein, een glob of een andere include.",
                     "pick_attribute": "Kies een attribuut om te overschrijven",
                     "picker": {
+                        "entity": "Entiteit",
                         "header": "Aanpassingen",
                         "introduction": "Pas attributen per entiteit aan. Toegevoegde/gewijzigde aanpassingen worden onmiddellijk van kracht. Verwijderde aanpassingen worden van kracht wanneer de entiteit wordt bijgewerkt."
                     },
@@ -1365,7 +1373,9 @@
                 },
                 "info": {
                     "built_using": "Gebouwd met behulp van",
+                    "caption": "Info",
                     "custom_uis": "Aangepaste UI's:",
+                    "description": "Informatie over je Home Assistant installatie",
                     "developed_by": "Ontwikkeld door een stel geweldige mensen.",
                     "documentation": "Documentatie",
                     "frontend": "Frontend",
@@ -1453,7 +1463,9 @@
                 },
                 "introduction": "Hier kun je je componenten en Home Assistant configureren. Het is nog niet mogelijk om alles te configureren vanuit de interface, maar we werken er aan.",
                 "logs": {
+                    "caption": "Logboek",
                     "clear": "Wis",
+                    "description": "Home Assistant logboek bekijken",
                     "details": "Logboekdetails ({level})",
                     "load_full_log": "Laad volledige Home Assistant logboek",
                     "loading_log": "Foutenlogboek laden ...",
@@ -1706,10 +1718,12 @@
                             "name": "Naam",
                             "system": "Systeem"
                         }
-                    }
+                    },
+                    "users_privileges_note": "Gebruikersgroepen zijn nog werk in uitvoering. De gebruiker kan de instantie niet beheren via de interface. We zijn bezig met het uitvoeren van een audit om verzekerd te zijn dat de management API-eindpunten toegang voor beheerders correct beperken."
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "Apparaten zullen hier verschijnen zodra ze zijn ontdekt.",
                         "discovery_text": "Gevonden apparaten worden hier weergegeven. Volg de instructies voor je apparaat of apparaten en plaats het apparaat of de apparaten in de koppelingsmodus.",
                         "header": "Zigbee Home Automation - Apparaten toevoegen",
                         "search_again": "Opnieuw zoeken",
@@ -1719,6 +1733,7 @@
                         "caption": "Apparaten toevoegen",
                         "description": "Voeg apparaten toe aan het Zigbee netwerk"
                     },
+                    "button": "Configureer",
                     "caption": "ZHA",
                     "cluster_attributes": {
                         "attributes_of_cluster": "Attributen van het geselecteerde cluster",
@@ -1797,6 +1812,9 @@
                         "header": "Netwerkbeheer",
                         "introduction": "Commando's die het hele netwerk beïnvloeden"
                     },
+                    "network": {
+                        "caption": "Netwerk"
+                    },
                     "node_management": {
                         "header": "Apparaatbeheer",
                         "help_node_dropdown": "Selecteer een apparaat om de opties per apparaat te bekijken.",
@@ -1836,6 +1854,7 @@
                     "no_zones_created_yet": "Het lijkt erop dat je nog geen zones hebt aangemaakt."
                 },
                 "zwave": {
+                    "button": "Configureer",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "Index",
@@ -1868,6 +1887,15 @@
                         "set_wakeup": "Activeringsinterval instellen",
                         "true": "Waar"
                     },
+                    "node_management": {
+                        "add_to_group": "Toevoegen aan groep",
+                        "entity_info": "Entiteitsinformatie",
+                        "exclude_entity": "Sluit deze entiteit uit van Home Assistant",
+                        "group": "Groep",
+                        "protection": "Bescherming",
+                        "remove_from_group": "Verwijderen uit groep",
+                        "set_protection": "Bescherming instellen"
+                    },
                     "ozw_log": {
                         "header": "OZW-logboek",
                         "introduction": "Bekijk het logboek. 0 is het minimum (laadt het gehele logboek) en 1000 is het maximum. Laad toont een statisch logboek en staart wordt automatisch bijgewerkt met het laatst opgegeven aantal regels van het logboek."
@@ -1877,6 +1905,7 @@
                         "add_node_secure": "Secure Node toevoegen",
                         "cancel_command": "Opdracht annuleren",
                         "heal_network": "Herstel Netwerk",
+                        "refresh_entity": "Entiteit vernieuwen",
                         "remove_node": "Node verwijderen",
                         "save_config": "Configuratie Opslaan",
                         "soft_reset": "Soft Reset",
@@ -2012,6 +2041,10 @@
                         "add_item": "Item toevoegen",
                         "checked_items": "Geselecteerde items",
                         "clear_items": "Geselecteerde items wissen"
+                    },
+                    "starting": {
+                        "description": "Home Assistant is aan het opstarten, even geduld...",
+                        "header": "Home Assistant is aan het opstarten..."
                     }
                 },
                 "changed_toast": {
@@ -2304,7 +2337,8 @@
                     "attribute_not_found": "Kenmerk {attribute} niet beschikbaar in: {entity}",
                     "entity_non_numeric": "Entiteit is niet-numeriek: {entity}",
                     "entity_not_found": "Entiteit niet beschikbaar: {entity}",
-                    "entity_unavailable": "{entity} is momenteel niet beschikbaar"
+                    "entity_unavailable": "{entity} is momenteel niet beschikbaar",
+                    "starting": "Home Assistant is aan het opstarten, wellicht is nog niet alles beschikbaar"
                 }
             },
             "mailbox": {
diff --git a/translations/frontend/vi.json b/translations/frontend/vi.json
index ff935e05f7..0722aba40e 100644
--- a/translations/frontend/vi.json
+++ b/translations/frontend/vi.json
@@ -199,6 +199,8 @@
             "stopped": "Đã dừng"
         },
         "default": {
+            "off": "Tắt",
+            "on": "Bật",
             "unavailable": "Không có sẵn",
             "unknown": "Chưa biết"
         },
@@ -387,6 +389,9 @@
             "script": {
                 "execute": "Thi hành"
             },
+            "service": {
+                "run": "Chạy"
+            },
             "vacuum": {
                 "actions": {
                     "resume_cleaning": "Tiếp tục làm sạch",
@@ -435,16 +440,40 @@
             }
         },
         "common": {
+            "and": "và",
+            "back": "Trở lại",
             "cancel": "Hủy bỏ",
+            "close": "Đóng",
             "delete": "Xóa",
+            "error_required": "Cần thiết",
             "loading": "Đang tải",
+            "menu": "Menu",
+            "next": "Kế tiếp",
+            "overflow_menu": "Menu tràn",
+            "previous": "Trước đó",
+            "refresh": "Làm mới",
             "save": "Lưu",
             "successfully_deleted": "Xóa thành công",
             "undo": "Hoàn tác"
         },
         "components": {
+            "area-picker": {
+                "add_dialog": {
+                    "add": "Thêm",
+                    "failed_create_area": "Không thể tạo khu vực.",
+                    "name": "Tên",
+                    "text": "Nhập tên của khu vực mới.",
+                    "title": "Thêm khu vực mới"
+                },
+                "add_new": "Thêm khu vực mới...",
+                "area": "Khu vực",
+                "clear": "Xoá",
+                "show_areas": "Hiển thị các khu vực"
+            },
             "device-picker": {
-                "show_devices": "Hiện các thiết bị"
+                "no_area": "Không có khu vực",
+                "show_devices": "Hiện các thiết bị",
+                "toggle": "Chuyển đổi"
             },
             "entity": {
                 "entity-picker": {
@@ -455,6 +484,17 @@
                 "loading_history": "Đang tải lịch sử trạng thái ...",
                 "no_history_found": "Không tìm thấy lịch sử trạng thái."
             },
+            "related-items": {
+                "area": "Khu vực",
+                "automation": "Một phần của các tự động hóa sau",
+                "device": "Thiết bị",
+                "entity": "Các thực thể liên quan",
+                "group": "Một phần của các nhóm sau",
+                "integration": "Tích hợp",
+                "no_related_found": "Không tìm thấy mục nào liên quan.",
+                "scene": "Một phần của các ngữ cảnh sau",
+                "script": "Một phần của các kịch bản sau"
+            },
             "relative_time": {
                 "duration": {
                     "day": "{count} {count, plural,\n  one { ngày }\n  other { ngày }\n}",
@@ -472,27 +512,86 @@
             }
         },
         "dialogs": {
+            "config_entry_system_options": {
+                "update": "Cập nhật"
+            },
             "entity_registry": {
+                "control": "Điều khiển",
                 "editor": {
+                    "confirm_delete": "Bạn có chắc bạn muốn xoá bỏ mục này không?",
                     "delete": "Xóa",
+                    "enabled_cause": "Vô hiệu hoá do {cause}.",
+                    "enabled_description": "Các thực thể bị vô hiệu hóa sẽ không được thêm vào Home Assistant.",
+                    "enabled_label": "Kích hoạt thực thể",
+                    "entity_id": "Mã định danh Thực thể",
+                    "icon_error": "Các biểu tượng phải ở định dạng 'tiền tố:tên biểu tượng', ví dụ như 'mdi:home'",
+                    "name": "Ghi đè Tên",
+                    "note": "Lưu ý: điều này có thể không hoạt động với tất cả các tích hợp.",
+                    "unavailable": "Thực thể này hiện không có sẵn.",
                     "update": "Cập nhật"
-                }
+                },
+                "no_unique_id": "Thực thể này không có mã định danh duy nhất, do vậy không thể quản lý cài đặt của nó từ giao diện người dùng.",
+                "related": "Liên quan",
+                "settings": "Cài đặt"
+            },
+            "generic": {
+                "cancel": "Hủy bỏ",
+                "close": "đóng",
+                "default_confirmation_title": "Bạn có chắc không?",
+                "ok": "Đồng ý"
             },
             "helper_settings": {
+                "generic": {
+                    "icon": "Biểu tượng",
+                    "name": "Tên"
+                },
                 "input_datetime": {
                     "date": "Ngày",
                     "datetime": "Ngày và giờ",
                     "mode": "Bạn muốn nhập gì",
                     "time": "Thời gian"
                 },
+                "input_number": {
+                    "box": "Trường nhập liệu",
+                    "max": "Giá trị tối đa",
+                    "min": "Giá trị tối thiểu",
+                    "mode": "Chế độ hiển thị",
+                    "slider": "Thanh trượt",
+                    "step": "Cỡ bước",
+                    "unit_of_measurement": "Đơn vị đo lường"
+                },
+                "input_select": {
+                    "add": "Thêm tuỳ chọn",
+                    "add_option": "Thêm tùy chọn",
+                    "no_options": "Chưa có lựa chọn nào.",
+                    "options": "Tùy Chọn"
+                },
                 "input_text": {
                     "max": "Độ dài tối đa",
-                    "min": "Độ dài tối thiểu"
-                }
+                    "min": "Độ dài tối thiểu",
+                    "mode": "Chế độ hiển thị",
+                    "password": "Mật khẩu",
+                    "pattern": "Mẫu Regex để xác thực giá trị ở phía client",
+                    "text": "Văn bản"
+                },
+                "platform_not_loaded": "Tích hợp {platform} không được nạp. Hãy thêm nó vào cấu hình của bạn bằng cách thêm 'default_config:' hoặc ''{platform}:''.",
+                "required_error_msg": "Trường này là cần thiết"
             },
             "more_info_control": {
+                "edit": "Chỉnh sửa thực thể",
+                "person": {
+                    "create_zone": "Tạo vùng từ vị trí hiện tại"
+                },
+                "restored": {
+                    "confirm_remove_text": "Bạn có chắc bạn muốn loại bỏ thực thể này không?",
+                    "confirm_remove_title": "Loại bỏ thực thể?",
+                    "not_provided": "Thực thể này hiện không khả dụng và thuộc về một tích hợp hay thiết bị đã bị loại bỏ, thay đổi hoặc rối loạn chức năng.",
+                    "remove_action": "Loại bỏ thực thể",
+                    "remove_intro": "Nếu thực thể không còn được sử dụng, bạn có thể dọn dẹp bằng cách loại bỏ nó."
+                },
                 "script": {
-                    "last_action": "Hành động cuối"
+                    "last_action": "Hành động cuối",
+                    "last_triggered": "Lần kích hoạt cuối"
                 },
                 "sun": {
                     "elevation": "Độ cao",
@@ -501,17 +600,42 @@
                 },
                 "updater": {
                     "title": "Hướng dẫn cập nhật"
+                },
+                "vacuum": {
+                    "clean_spot": "Làm sạch một vùng nhỏ",
+                    "commands": "Các lệnh điều khiển máy hút bụi:",
+                    "fan_speed": "Tốc độ quạt",
+                    "locate": "Định vị",
+                    "pause": "Tạm dừng",
+                    "return_home": "Trở lại bệ sạc",
+                    "start": "Bắt đầu",
+                    "start_pause": "Bắt Đầu/Tạm Dừng",
+                    "status": "Trạng thái",
+                    "stop": "Dừng"
                 }
             },
             "mqtt_device_debug_info": {
-                "show_as_yaml": "Hiển thị dưới dạng YAML"
+                "deserialize": "Cố gắng phân tích các thông điệp MQTT dưới dạng JSON",
+                "entities": "Các thực thể",
+                "no_entities": "Không có thực thể",
+                "no_triggers": "Không có kích hoạt",
+                "payload_display": "Hiển thị nội dung",
+                "recent_messages": "{n} thông điệp nhận được gần đây nhất",
+                "show_as_yaml": "Hiển thị dưới dạng YAML",
+                "title": "{device} thông tin sửa lỗi",
+                "triggers": "Các kích hoạt"
             },
             "voice_command": {
                 "label": "Nhập câu hỏi và nhấn 'Enter'"
             },
             "zha_device_info": {
                 "buttons": {
-                    "add": "Thêm thiết bị"
+                    "add": "Thêm thiết bị",
+                    "zigbee_information": "Chữ ký thiết bị ZigBee"
+                },
+                "device_signature": "Chữ ký thiết bị ZigBee",
+                "services": {
+                    "zigbee_information": "Xem thông tin Zigbee của thiết bị."
                 }
             }
         },
@@ -534,10 +658,19 @@
         },
         "notification_toast": {
             "connection_lost": "Kết nối bị mất. Đang kết nối lại…",
-            "service_call_failed": "Không thể gọi dịch vụ {service} ."
+            "service_call_failed": "Không thể gọi dịch vụ {service} .",
+            "started": "Home Assistant đã khởi động xong!",
+            "starting": "Home Assistant đang khởi động, không phải tất cả mọi thứ đều đã sẵn sàng cho đến khi khởi động hoàn tất."
         },
         "panel": {
+            "calendar": {
+                "my_calendars": "Các Lịch của tôi",
+                "today": "Hôm nay"
+            },
             "config": {
+                "advanced_mode": {
+                    "link_profile_page": "trang hồ sơ của bạn"
+                },
                 "areas": {
                     "caption": "Đăng ký Khu vực",
                     "data_table": {
@@ -545,6 +678,7 @@
                         "devices": "Thiết bị"
                     },
                     "delete": {
+                        "confirmation_text": "Tất cả các thiết bị trong khu vực này sẽ trở thành chưa được phân khu vực.",
                         "confirmation_title": "Bạn có chắc chắn muốn xóa khu vực này?"
                     },
                     "description": "Tổng quan tất cả các khu vực trong nhà bạn.",
@@ -552,6 +686,8 @@
                         "area_id": "ID Khu vực",
                         "create": "TẠO",
                         "delete": "XÓA",
+                        "name": "Tên",
+                        "name_required": "Tên là bắt buộc",
                         "unknown_error": "Lỗi không xác định",
                         "update": "CẬP NHẬT"
                     },
@@ -619,6 +755,9 @@
                                 "device": {
                                     "condition": "Điều kiện"
                                 },
+                                "not": {
+                                    "label": "Không"
+                                },
                                 "numeric_state": {
                                     "above": "Ở trên",
                                     "below": "Bên dưới",
@@ -656,9 +795,12 @@
                             "unsupported_condition": "Điều kiện không được hỗ trợ: {condition}"
                         },
                         "default_name": "Thêm Tự động hóa",
+                        "enable_disable": "Bật/Tắt tự động hóa",
                         "introduction": "Sử dụng tự động hóa để mang sự sống cho nhà bạn",
                         "load_error_not_editable": "Chỉ tự động hóa trong automations.yaml là có thể chỉnh sửa.",
                         "load_error_unknown": "Lỗi tải tự động hóa ({err_no}).",
+                        "move_down": "Chuyển xuống",
+                        "move_up": "Chuyển lên",
                         "save": "Lưu",
                         "triggers": {
                             "add": "Thêm Bộ khởi động",
@@ -749,6 +891,9 @@
                     },
                     "picker": {
                         "add_automation": "Thêm Tự động hóa",
+                        "delete_automation": "Xóa tự động hóa",
+                        "delete_confirm": "Bạn có chắc bạn muốn xoá tự động hoá này không?",
+                        "edit_automation": "Chỉnh sửa tự động hóa",
                         "header": "Trình biên tập tự động hóa",
                         "headers": {
                             "name": "Tên"
@@ -756,10 +901,17 @@
                         "introduction": "Trình soạn thảo tự động hóa cho phép bạn tạo và chỉnh sửa tự động. Vui lòng đọc [hướng dẫn] (https://home-assistant.io/docs/automation/editor/) để đảm bảo rằng bạn đã cấu hình chính xác Home Assistant.",
                         "learn_more": "Tìm hiểu thêm về Tự động hóa",
                         "no_automations": "Chúng tôi không thể tìm thấy tự động hóa nào có thể chỉnh sửa",
-                        "pick_automation": "Chọn tự động hóa để chỉnh sửa"
+                        "only_editable": "Chỉ các tự động hóa trong automations.yaml là có thể chỉnh sửa.",
+                        "pick_automation": "Chọn tự động hóa để chỉnh sửa",
+                        "show_info_automation": "Hiển thị thông tin về tự động hóa"
                     }
                 },
                 "cloud": {
+                    "account": {
+                        "google": {
+                            "sync_entities_404_message": "Thất bị khi đồng bộ các thực thể của bạn với Google, yêu cầu Google 'Hey Google, sync my devices' để thực hiện đồng bộ hoá."
+                        }
+                    },
                     "caption": "Home Assistant Cloud",
                     "description_login": "Đã đăng nhập với tên {email}",
                     "description_not_login": "Chưa đăng nhập"
@@ -773,6 +925,7 @@
                                 "edit_requires_storage": "Trình chỉnh sửa bị vô hiệu hóa do cấu hình được lưu trữ trong configuration.yaml.",
                                 "elevation": "Độ cao",
                                 "elevation_meters": "mét",
+                                "external_url": "URL bên ngoài",
                                 "imperial_example": "Độ F, pound",
                                 "latitude": "Vĩ độ",
                                 "location_name": "Tên cài đặt Home Assistant của bạn",
@@ -790,21 +943,34 @@
                     }
                 },
                 "customize": {
+                    "attributes_not_set": "Các thuộc tính sau chưa được thiết lập. Thiết lập chúng nếu muốn.",
+                    "attributes_outside": "Các thuộc tính sau được tùy chỉnh từ bên ngoài customize.yaml",
+                    "attributes_override": "Bạn có thể ghi đè chúng nếu muốn.",
+                    "attributes_set": "Các thuộc tính sau của thực thể được thiếp lập bởi chương trình.",
                     "caption": "Tùy chỉnh",
                     "description": "Tùy chỉnh các thực thể của bạn",
+                    "different_include": "Có thể qua một miền, một đường dẫn hoặc một bao gồm khác.",
+                    "pick_attribute": "Chọn một thuộc tính để ghi đè",
                     "picker": {
+                        "entity": "Thực thể",
                         "header": "Tùy chỉnh",
                         "introduction": "Tinh chỉnh thuộc tính mỗi thực thể. Các tùy chỉnh được thêm / chỉnh sửa sẽ có hiệu lực ngay lập tức. Các tùy chỉnh bị xóa sẽ có hiệu lực khi thực thể được cập nhật."
                     }
                 },
                 "devices": {
                     "automation": {
+                        "automations": "Tự động hóa",
+                        "create": "Tạo tự động hóa với thiết bị",
+                        "no_automations": "Không có tự động hoá",
+                        "no_device_automations": "Không có tự động hoá nào khả dụng cho thiết bị này.",
                         "triggers": {
                             "caption": "Làm gì đó khi ..."
                         }
                     },
+                    "cant_edit": "Bạn chỉ có thể chỉnh sửa các mục được tạo trong UI.",
                     "caption": "Thiết bị",
                     "confirm_delete": "Bạn có chắc bạn muốn xóa bỏ thiết bị này không?",
+                    "confirm_rename_entity_ids": "Bạn cũng muốn đổi mã định danh của các thực thể?",
                     "data_table": {
                         "area": "Khu vực",
                         "battery": "Pin",
@@ -816,12 +982,30 @@
                         "no_devices": "Không có thiết bị nào"
                     },
                     "delete": "Xóa",
+                    "device_info": "Thông tin thiết bị",
                     "device_not_found": "Không tìm thấy thiết bị.",
                     "entities": {
-                        "add_entities_lovelace": "Thêm vào Lovelace"
+                        "add_entities_lovelace": "Thêm vào Lovelace",
+                        "disabled_entities": "+{count} {count, plural,\n  one {thực thể bị vô hiệu hoá}\n  other {các thực thể bị vô hiệu hoá}\n}",
+                        "entities": "Các thực thể",
+                        "hide_disabled": "Ẩn các thiết bị bị vô hiệu hoá",
+                        "none": "Thiết bị này không có thực thể nào"
                     },
                     "name": "Tên",
                     "no_devices": "Không có thiết bị nào",
+                    "scene": {
+                        "create": "Tạo ngữ cảnh với thiết bị",
+                        "no_scenes": "Không có ngữ cảnh",
+                        "scenes": "Các ngữ cảnh"
+                    },
+                    "scenes": "Các ngữ cảnh",
+                    "script": {
+                        "create": "Tạo kịch bản với thiết bị",
+                        "no_scripts": "Không có kịch bản",
+                        "scripts": "Các kịch bản"
+                    },
+                    "scripts": "Các kịch bản",
+                    "unknown_error": "Lỗi không xác định",
                     "unnamed_device": "Thiết bị không tên",
                     "update": "Cập nhật"
                 },
@@ -829,21 +1013,86 @@
                     "caption": "Đăng ký thực thể",
                     "description": "Tổng quan tất cả các thực thể đã biết.",
                     "picker": {
+                        "disable_selected": {
+                            "button": "Vô hiệu hoá các mục đã chọn"
+                        },
+                        "enable_selected": {
+                            "button": "Kích hoạt các mục đã chọn"
+                        },
+                        "filter": {
+                            "filter": "Lọc",
+                            "show_disabled": "Hiển thị các thực thể bị vô hiệu",
+                            "show_readonly": "Hiển thị các thực thể chỉ đọc",
+                            "show_unavailable": "Hiện thực thể không khả dụng"
+                        },
                         "header": "Đăng ký thực thể",
+                        "headers": {
+                            "status": "Trạng thái"
+                        },
                         "introduction": "Home Assistant giữ một sổ đăng ký của mọi thực thể mà nó từng thấy có thể được xác định duy nhất. Mỗi thực thể này sẽ có một ID thực thể được gán sẽ chỉ dành riêng cho thực thể này.",
-                        "introduction2": "Sử dụng sổ đăng ký thực thể để ghi đè tên, thay đổi ID thực thể hoặc xóa mục nhập khỏi Home Assistant. Lưu ý, xóa mục đăng ký thực thể sẽ không xóa thực thể. Để làm điều đó, hãy theo liên kết dưới đây và xóa nó khỏi trang tích hợp."
+                        "introduction2": "Sử dụng sổ đăng ký thực thể để ghi đè tên, thay đổi ID thực thể hoặc xóa mục nhập khỏi Home Assistant. Lưu ý, xóa mục đăng ký thực thể sẽ không xóa thực thể. Để làm điều đó, hãy theo liên kết dưới đây và xóa nó khỏi trang tích hợp.",
+                        "selected": "{number} đã chọn",
+                        "status": {
+                            "disabled": "Bị vô hiệu hoá",
+                            "ok": "Đồng ý",
+                            "readonly": "Chỉ đọc",
+                            "unavailable": "Không khả dụng"
+                        }
                     }
                 },
+                "filtering": {
+                    "clear": "Xoá",
+                    "filtering_by": "Lọc bởi"
+                },
                 "header": "Cấu hình Home Assistant",
+                "helpers": {
+                    "caption": "Người hỗ trợ",
+                    "description": "Các yếu tố có thể giúp xây dựng tự động hóa.",
+                    "dialog": {
+                        "add_helper": "Thêm hỗ trợ",
+                        "add_platform": "Thêm {platform}",
+                        "create": "Tạo"
+                    },
+                    "picker": {
+                        "add_helper": "Thêm hỗ trợ",
+                        "headers": {
+                            "editable": "Có thể chỉnh sửa",
+                            "entity_id": "Mã Thực thể",
+                            "name": "Tên",
+                            "type": "Loại"
+                        }
+                    },
+                    "types": {
+                        "input_boolean": "Chuyển đổi",
+                        "input_datetime": "Ngày và/hoặc giờ",
+                        "input_number": "Số",
+                        "input_select": "Thả xuống",
+                        "input_text": "Văn bản"
+                    }
+                },
                 "info": {
+                    "caption": "Thông tin",
+                    "description": "Thông tin về bản cài đặt Home Assistant của bạn",
+                    "developed_by": "Được phát triển bởi một nhóm những con người tuyệt vời.",
+                    "documentation": "Tài liệu",
+                    "home_assistant_logo": "Logo của Home Assistant",
+                    "integrations": "Các tích hợp",
+                    "issues": "Các vấn đề",
+                    "license": "Được xuất bản theo giấy phép Apache 2.0",
+                    "path_configuration": "Đường dẫn đến configuration.yaml: {path}",
+                    "server": "máy chủ",
+                    "source": "Nguồn:",
                     "title": "Thông tin"
                 },
                 "integrations": {
+                    "add_integration": "Thêm tích hợp",
                     "caption": "Các bộ tích hợp",
                     "config_entry": {
                         "delete": "Xóa",
                         "delete_confirm": "Bạn chắc chắn muốn xóa bộ tích hợp này?",
                         "device_unavailable": "Thiết bị không khả dụng",
+                        "devices": "{count} {count, plural,\n  one { thiết bị }\n  other { các thiết bị }\n}",
+                        "entities": "{count} {count, plural,\n  one { thực thể }\n  other { các thực thể }\n}",
                         "entity_unavailable": "Thiết bị không khả dụng",
                         "firmware": "Firmware: {version}",
                         "manuf": "bởi {manufacturer}",
@@ -856,35 +1105,119 @@
                         "system_options": "Tùy chọn hệ thống"
                     },
                     "config_flow": {
+                        "aborted": "Đã hủy bỏ",
+                        "close": "Đóng",
                         "created_config": "Đã tạo cấu hình cho {name}.",
+                        "dismiss": "Bỏ qua hộp thoại",
+                        "error_saving_area": "Lỗi khi lưu khu vực: {error}",
                         "external_step": {
                             "description": "Bước này yêu cầu bạn truy cập một trang web bên ngoài để hoàn thành.",
                             "open_site": "Mở trang web"
-                        }
+                        },
+                        "finish": "Hoàn thành",
+                        "loading_first_time": "Vui lòng chờ trong khi tích hợp đang được cài đặt",
+                        "not_all_required_fields": "Không phải tất cả các trường bắt buộc đều đã được điền.",
+                        "submit": "Gửi đi"
                     },
                     "configure": "Cấu hình",
                     "configured": "Đã cấu hình",
                     "description": "Quản lý thiết bị và dịch vụ đã kết nối",
                     "discovered": "Đã quét",
+                    "ignore": {
+                        "confirm_delete_ignore_title": "Ngừng bỏ qua {name}?",
+                        "hide_ignored": "Ẩn các tích hợp bị bỏ qua",
+                        "ignored": "Đã bỏ qua",
+                        "show_ignored": "Hiển thị các tích hợp bị bỏ qua",
+                        "stop_ignore": "Ngừng bỏ qua"
+                    },
                     "integration": "tích hợp",
+                    "integration_not_found": "Không tìm thấy tích hợp.",
                     "new": "Thiết lập bộ tích hợp mới",
-                    "none": "Chưa có cấu hình nào"
+                    "no_integrations": "Có vẻ như bạn chưa có bất kỳ tích hợp nào được cấu hình. Nhấp vào nút bên dưới để thêm tích hợp đầu tiên của bạn!",
+                    "none": "Chưa có cấu hình nào",
+                    "none_found": "Không tìm thấy tích hợp nào",
+                    "none_found_detail": "Điều chỉnh tiêu chí tìm kiếm của bạn."
                 },
                 "introduction": "Ở đây có thể định cấu hình các thành phần của bạn và Home Assistant. Không phải mọi thứ đều có thể được cấu hình từ giao diện người dùng, nhưng chúng tôi đang cải thiện việc đó.",
+                "logs": {
+                    "caption": "Nhật ký hoạt động",
+                    "description": "Xem nhật ký hoạt động của Home Assistant"
+                },
                 "lovelace": {
                     "caption": "Bảng điều khiển Lovelace",
                     "dashboards": {
                         "cant_edit_default": "Bảng điều khiển Lovelace tiêu chuẩn không thể chỉnh sửa được từ UI. Bạn có thể ẩn nó bằng cách đặt bảng điều khiển khác làm mặc định.",
+                        "cant_edit_yaml": "Các bảng điều khiển được định nghĩa trong YAML không thể được sửa từ giao diện người dùng. Thay đổi chúng trong configuration.yaml.",
+                        "caption": "Bảng điều khiển",
+                        "conf_mode": {
+                            "storage": "Điều khiển bằng UI",
+                            "yaml": "Tập tin YAML"
+                        },
+                        "confirm_delete": "Bạn có chắc chắn muốn xóa bảng điều khiển này?",
                         "default_dashboard": "Đây là bảng điều khiển mặc định",
                         "detail": {
+                            "create": "Tạo",
+                            "delete": "Xóa",
+                            "dismiss": "Đóng",
+                            "edit_dashboard": "Chỉnh sửa bảng điều khiển",
                             "icon": "Biểu tượng",
-                            "title": "Tiêu đề"
+                            "new_dashboard": "Thêm bảng điều khiển mới",
+                            "require_admin": "Chỉ Quản trị viên",
+                            "set_default": "Đặt làm mặc định trên thiết bị này",
+                            "show_sidebar": "Hiển thị trong thanh bên",
+                            "title": "Tiêu đề",
+                            "title_required": "Tiêu đề là bắt buộc.",
+                            "update": "Cập nhật",
+                            "url": "Url",
+                            "url_error_msg": "URL phải chứa một ký tự - và không thể chứa dấu cách hoặc ký tự đặc biệt, ngoại trừ _ và -"
                         },
                         "picker": {
+                            "add_dashboard": "Thêm bảng điều khiển",
+                            "headers": {
+                                "conf_mode": "Phương thức cấu hình",
+                                "default": "Mặc định",
+                                "filename": "Tên tệp",
+                                "require_admin": "Chỉ Quản trị viên",
+                                "sidebar": "Hiển thị trong thanh bên",
+                                "title": "Tiêu đề"
+                            },
                             "open": "Mở"
                         }
                     },
-                    "description": "Cấu hình bảng điều khiển Lovelace"
+                    "description": "Cấu hình bảng điều khiển Lovelace",
+                    "resources": {
+                        "cant_edit_yaml": "Bạn đang sử dụng Lovelace trong chế độ YAML, do đó bạn không thể quản lý tài nguyên của mình thông qua giao diện người dùng. Quản lý chúng trong configuration.yaml.",
+                        "caption": "Tài nguyên",
+                        "confirm_delete": "Bạn có chắc chắn muốn xóa tài nguyên này?",
+                        "detail": {
+                            "create": "Tạo",
+                            "delete": "Xóa",
+                            "dismiss": "Đóng",
+                            "new_resource": "Thêm tài nguyên mới",
+                            "type": "Loại tài nguyên",
+                            "update": "Cập nhật",
+                            "url": "Url",
+                            "url_error_msg": "URL là trường bắt buộc",
+                            "warning_header": "Thận trọng!",
+                            "warning_text": "Thêm tài nguyên có thể nguy hiểm, đảm bảo bạn biết rõ nguồn của tài nguyên và tin tưởng họ. Tài nguyên xấu có thể gây hại nghiêm trọng cho hệ thống của bạn."
+                        },
+                        "picker": {
+                            "add_resource": "Thêm tài nguyên",
+                            "headers": {
+                                "type": "Loại",
+                                "url": "Url"
+                            },
+                            "no_resources": "Không có tài nguyên"
+                        },
+                        "refresh_body": "Bạn phải làm mới trang để hoàn tất việc xóa, bạn có muốn làm mới bây giờ không?",
+                        "refresh_header": "Bạn có muốn làm mới không?",
+                        "types": {
+                            "css": "Stylesheet",
+                            "html": "HTML (không dùng nữa)",
+                            "js": "Tệp JavaScript (không dùng nữa)",
+                            "module": "Mô-đun JavaScript"
+                        }
+                    }
                 },
                 "person": {
                     "caption": "Người",
@@ -897,26 +1230,65 @@
                     }
                 },
                 "scene": {
+                    "activated": "Đã kích hoạt ngữ cảnh {name}.",
+                    "caption": "Các ngữ cảnh",
+                    "description": "Tạo và chỉnh sửa ngữ cảnh",
                     "editor": {
+                        "default_name": "Ngữ cảnh mới",
                         "devices": {
                             "add": "Thêm thiết bị",
                             "delete": "Xóa thiết bị",
-                            "header": "Thiết bị"
-                        }
+                            "header": "Thiết bị",
+                            "introduction": "Thêm các thiết bị mà bạn muốn bao gồm trong ngữ cảnh của bạn. Đặt tất cả các thiết bị vào trạng thái mong muốn cho ngữ cảnh này."
+                        },
+                        "entities": {
+                            "add": "Thêm một thực thể",
+                            "delete": "Xóa thực thể",
+                            "device_entities": "Nếu bạn thêm một thực thể thuộc về một thiết bị, thiết bị cũng sẽ được thêm vào.",
+                            "header": "Các thực thể",
+                            "introduction": "Các thực thể không thuộc về một thiết bị có thể được đặt ở đây.",
+                            "without_device": "Các thực thể không thuộc một thiết bị"
+                        },
+                        "introduction": "Sử dụng các ngữ cảnh để mang lại sự sống cho nhà bạn.",
+                        "load_error_not_editable": "Chỉ những ngữ cảnh nằm trong scenes.yaml là có thể chỉnh sửa.",
+                        "load_error_unknown": "Lỗi khi tải ngữ cảnh ({err_no}).",
+                        "name": "Tên",
+                        "save": "Lưu",
+                        "unsaved_confirm": "Bạn có những thay đổi chưa được lưu. Bạn có chắc chắn muốn rời đi không?"
                     },
                     "picker": {
+                        "add_scene": "Thêm ngữ cảnh",
+                        "delete_confirm": "Bạn có chắc bạn muốn xóa bỏ ngữ cảnh này không?",
+                        "delete_scene": "Xóa ngữ cảnh",
+                        "edit_scene": "Chỉnh sửa ngữ cảnh",
+                        "header": "Trình soạn thảo Ngữ cảnh",
                         "headers": {
                             "name": "Tên"
-                        }
+                        },
+                        "introduction": "Trình soạn thảo ngữ cảnh cho phép bạn tạo và chỉnh sửa các ngữ cảnh. Vui lòng theo liên kết dưới đây để xem hướng dẫn nhằm đảm bảo rằng bạn đã cấu hình Home Assistant chính xác.",
+                        "learn_more": "Tìm hiểu thêm về ngữ cảnh",
+                        "no_scenes": "Chúng tôi không thể tìm thấy bất kỳ ngữ cảnh nào có thể chỉnh sửa",
+                        "only_editable": "Chỉ những ngữ cảnh được định nghĩa trong scenes.yaml là có thể chỉnh sửa.",
+                        "pick_scene": "Chọn ngữ cảnh để chỉnh sửa",
+                        "show_info_scene": "Hiển thị thông tin về ngữ cảnh"
                     }
                 },
                 "script": {
                     "caption": "Kịch bản",
                     "description": "Tạo và chỉnh sửa các tập lệnh",
+                    "editor": {
+                        "delete_script": "Xóa kịch bản",
+                        "link_available_actions": "Tìm hiểu thêm về các hành động khả dụng.",
+                        "sequence": "Trình tự",
+                        "sequence_sentence": "Trình tự các hành động trong kịch bản này."
+                    },
                     "picker": {
+                        "edit_script": "Chỉnh sửa kịch bản",
                         "headers": {
                             "name": "Tên"
-                        }
+                        },
+                        "show_info": "Hiển thị thông tin về kịch bản",
+                        "trigger_script": "Kích hoạt kịch bản"
                     }
                 },
                 "server_control": {
@@ -928,6 +1300,11 @@
                             "core": "Tải lại lõi",
                             "group": "Tải lại nhóm",
                             "heading": "Đang tải lại cấu hình YAML",
+                            "input_boolean": "Tải lại input boolean",
+                            "input_datetime": "Tải lại input date time",
+                            "input_number": "Tải lại input number",
+                            "input_select": "Tải lại input select",
+                            "input_text": "Tải lại input texts",
                             "introduction": "Một số phần của Home Assistant có thể tải lại mà không yêu cầu khởi động lại. Nhấn nút tải lại sẽ gỡ bỏ cấu hình hiện tại của nó và tải một cấu hình mới.",
                             "person": "Tải lại người",
                             "scene": "Tải lại ngữ cảnh",
@@ -975,29 +1352,70 @@
                             "name": "Tên",
                             "system": "Hệ thống"
                         }
-                    }
+                    },
+                    "users_privileges_note": "Nhóm người dùng đang trong quá trình hoàn thiện. Người dùng sẽ không thể thực hiện các thao tác quản lý qua UI. Chúng tôi vẫn đang kiểm tra tất cả các điểm kết thúc của API để đảm bảo rằng chúng giới hạn chính xác các truy cập vào quyền quản trị."
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "Thiết bị sẽ hiển thị ở đây một khi được tìm thấy.",
+                        "no_devices_found": "Không có thiết bị nào được tìm thấy, hãy chắc chắn thiết bị đang trong chế độ ghép nối và giữ thiết bị kích hoạt khi tự động phát hiện đang chạy.",
+                        "pairing_mode": "Đảm bảo các thiết bị của bạn đang ở chế độ ghép nối. Kiểm tra hướng dẫn đi kèm thiết bị về cách làm điều này.",
                         "spinner": "Tìm kiếm các thiết bị ZHA Zigbee ..."
                     },
                     "add": {
                         "caption": "Thêm thiết bị"
                     },
+                    "button": "Cấu hình",
                     "caption": "ZHA",
                     "common": {
                         "add_devices": "Thêm thiết bị",
                         "devices": "Thiết bị"
                     },
-                    "description": "Quản lý mạng Zigbee Home Automation"
+                    "description": "Quản lý mạng Zigbee Home Automation",
+                    "group_binding": {
+                        "bind_button_help": "Liên kết nhóm đã chọn vào các cụm thiết bị đã chọn.",
+                        "bind_button_label": "Liên kết Nhóm",
+                        "cluster_selection_help": "Chọn các cụm để liên kết với nhóm đã chọn.",
+                        "group_picker_help": "Chọn một nhóm để thi hành một lệnh liên kết.",
+                        "unbind_button_help": "Hủy liên kết nhóm đã chọn khỏi cụm thiết bị đã chọn.",
+                        "unbind_button_label": "Ngừng liên kết Nhóm"
+                    },
+                    "groups": {
+                        "add_members": "Thêm Thành viên",
+                        "adding_members": "Thêm Thành viên",
+                        "caption": "Các nhóm",
+                        "group_id": "Mã Nhóm",
+                        "group_info": "Thông tin Nhóm",
+                        "group_not_found": "Không tìm thấy nhóm!",
+                        "group-header": "ZigBee Home Automation - Chi tiết Nhóm",
+                        "groups": "Nhóm",
+                        "members": "Thành viên",
+                        "remove_members": "Xóa Thành viên"
+                    },
+                    "network": {
+                        "caption": "Mạng"
+                    }
                 },
                 "zone": {
                     "caption": "Khu vực",
                     "configured_in_yaml": "Các khu vực được định cấu hình qua file configuration.yaml không thể được chỉnh sửa thông qua giao diện.",
                     "description": "Quản lý các khu vực bạn muốn theo dõi mọi người trong đó.",
+                    "detail": {
+                        "create": "Tạo",
+                        "delete": "Xóa",
+                        "latitude": "Vĩ độ",
+                        "longitude": "Kinh độ",
+                        "passive": "Thụ động",
+                        "radius": "Bán kính",
+                        "required_error_msg": "Trường này là cần thiết",
+                        "update": "Cập nhật"
+                    },
+                    "edit_home_zone": "Bán kính của vùng Nhà chưa thể chỉnh sửa được từ frontend. Kéo điểm đánh dấu trên bản đồ để di chuyển vùng Nhà.",
+                    "go_to_core_config": "Đi đến cấu hình chung?",
                     "no_zones_created_yet": "Có vẻ như bạn chưa tạo ra bất kỳ khu vực nào."
                 },
                 "zwave": {
+                    "button": "Cấu hình",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "Mục lục",
@@ -1011,25 +1429,69 @@
                         "set_config_parameter": "Đặt tham số cấu hình",
                         "true": "Đúng"
                     },
+                    "node_management": {
+                        "group": "Nhóm"
+                    },
+                    "ozw_log": {
+                        "load": "Tải"
+                    },
                     "services": {
                         "cancel_command": "Hủy lệnh",
+                        "heal_node": "Nút sửa lỗi",
+                        "node_info": "Thông tin nút",
+                        "print_node": "Nút in ấn",
+                        "refresh_entity": "Làm mới Thực thể",
                         "save_config": "Lưu cấu hình",
-                        "soft_reset": "Khởi động lại"
+                        "soft_reset": "Khởi động lại",
+                        "test_node": "Nút kiểm tra"
                     }
                 }
             },
+            "custom": {
+                "external_panel": {
+                    "question_trust": "Bạn có tin tưởng bảng điều khiển bên ngoài {name} tại {link} không?"
+                }
+            },
             "developer-tools": {
                 "tabs": {
                     "events": {
                         "title": "Sự kiện"
                     },
                     "mqtt": {
+                        "description_listen": "Nghe một chủ đề",
+                        "listening_to": "Lắng nghe",
+                        "message_received": "Thông điệp {id} nhận được trên {topic} tại {time}:",
+                        "payload": "Nội dung (cho phép dùng Mẫu sẵn)",
+                        "publish": "Công bố",
+                        "start_listening": "Bắt đầu nghe",
+                        "stop_listening": "Dừng nghe",
+                        "subscribe_to": "Đăng ký vào chủ đề",
                         "title": "MQTT"
                     },
                     "services": {
+                        "alert_parsing_yaml": "Lỗi phân tích YAML: {data}",
+                        "call_service": "Gọi Dịch vụ",
+                        "column_description": "Mô tả",
+                        "column_example": "Ví dụ",
+                        "column_parameter": "Tham số",
+                        "data": "Dữ liệu dịch vụ (YAML, tùy chọn)",
+                        "description": "Công cụ hỗ trợ phát triển dịch vụ cho phép bạn gọi các dịch vụ khả dụng trong Home Assistant.",
+                        "fill_example_data": "Điền các Dữ liệu Mẫu",
+                        "no_description": "Không có mô tả nào",
+                        "no_parameters": "Dịch vụ này không có tham số.",
+                        "select_service": "Chọn một dịch vụ để xem mô tả",
                         "title": "Dịch vụ"
                     },
                     "states": {
+                        "attributes": "Các thuộc tính",
+                        "current_entities": "Thực thể hiện tại",
+                        "entity": "Thực thể",
+                        "filter_attributes": "Lọc các thuộc tính",
+                        "filter_entities": "Lọc các thực thể",
+                        "filter_states": "Lọc các trạng thái",
+                        "set_state": "Thiết lập Trạng thái",
+                        "state": "Trạng thái",
+                        "state_attributes": "Các thuộc tính Trạng thái (YAML, tuỳ chọn)",
                         "title": "Trạng thái"
                     },
                     "templates": {
@@ -1042,6 +1504,7 @@
                 "showing_entries": "Hiển thị mục cho"
             },
             "logbook": {
+                "entries_not_found": "Không tìm thấy trong sổ nhật ký.",
                 "period": "Giai đoạn",
                 "showing_entries": "Hiển thị mục cho"
             },
@@ -1052,6 +1515,9 @@
                         "no_devices": "Trang này cho phép bạn điều khiển các thiết bị của mình, tuy nhiên có vẻ như bạn chưa có thiết bị nào được thiết lập. Đi đến trang tích hợp để bắt đầu.",
                         "title": "Chào mừng về nhà"
                     },
+                    "entities": {
+                        "never_triggered": "Chưa bao giờ kích hoạt"
+                    },
                     "picture-elements": {
                         "call_service": "Gọi dịch vụ {name}",
                         "hold": "Giữ:",
@@ -1064,6 +1530,10 @@
                         "add_item": "Thêm mục",
                         "checked_items": "Mục đã chọn",
                         "clear_items": "Xóa các mục đã chọn"
+                    },
+                    "starting": {
+                        "description": "Home Assistant đang khởi động, vui lòng chờ...",
+                        "header": "Home Assistant đang khởi động"
                     }
                 },
                 "changed_toast": {
@@ -1072,16 +1542,70 @@
                 },
                 "editor": {
                     "card": {
+                        "button": {
+                            "name": "Nút"
+                        },
                         "conditional": {
-                            "card": "Thẻ"
+                            "card": "Thẻ",
+                            "condition_explanation": "Thẻ sẽ được hiển thị khi TẤT CẢ các điều kiện dưới đây được đáp ứng.",
+                            "conditions": "Điều kiện",
+                            "current_state": "hiện tại",
+                            "description": "Thẻ Điều kiện hiển thị một thẻ khác dựa trên trạng thái của các thực thể.",
+                            "state_equal": "Trạng thái bằng với",
+                            "state_not_equal": "Trạng thái không bằng với"
+                        },
+                        "entity": {
+                            "description": "Thẻ Thực thể cung cấp cho bạn thông tin tổng quát về trạng thái của thực thể.",
+                            "name": "Thực thể"
                         },
                         "generic": {
+                            "attribute": "Thuộc tính",
+                            "double_tap_action": "Hành động khi Nhấn Đôi",
+                            "manual": "Thủ công",
+                            "manual_description": "Cần thêm một thẻ tuỳ chỉnh hay chỉ muốn viết cấu hình yaml thủ công?",
+                            "no_theme": "Không có theme.",
                             "state": "Trạng thái"
                         },
+                        "history-graph": {
+                            "description": "Thẻ Biểu đồ Lịch sử cho phép bạn hiển thị biểu đồ cho từng thực thể được liệt kê."
+                        },
+                        "horizontal-stack": {
+                            "description": "Thẻ Xếp Ngang cho phép bạn nhóm nhiều thẻ để các thẻ này luôn nằm cạnh nhau trong cùng một hàng."
+                        },
                         "iframe": {
                             "name": "Trang web"
+                        },
+                        "light": {
+                            "description": "Thẻ Đèn cho phép bạn thay đổi độ sáng của đèn."
+                        },
+                        "map": {
+                            "description": "Thẻ Bản đồ cho phép bạn hiển thị các thực thể trên bản đồ.",
+                            "hours_to_show": "Giờ hiển thị"
+                        },
+                        "plant-status": {
+                            "description": "Thẻ Tình trạng Cây cối dành cho tất cả các nhà thực vật học đáng yêu ngoài kia."
+                        },
+                        "sensor": {
+                            "description": "Thẻ Cảm biến cung cấp cho bạn tổng quan nhanh về trạng thái cảm biến của bạn với một biểu đồ tùy chọn thể hiện sự thay đổi qua thời gian."
+                        },
+                        "shopping-list": {
+                            "description": "Thẻ Danh sách mua sắm cho phép bạn thêm, chỉnh sửa, kiểm tra và xóa các mục khỏi danh sách mua sắm của bạn.",
+                            "integration_not_loaded": "Thẻ này yêu cầu thiết lập tích hợp 'shopping_list'."
+                        },
+                        "thermostat": {
+                            "description": "Thẻ Điều chỉnh nhiệt cho phép kiểm soát thực thể khí hậu của bạn. Cho phép bạn thay đổi nhiệt độ và chế độ của thực thể."
+                        },
+                        "vertical-stack": {
+                            "description": "Thẻ Xếp Dọc cho phép bạn nhóm nhiều thẻ để các thẻ này luôn nằm trong cùng một cột."
+                        },
+                        "weather-forecast": {
+                            "show_forecast": "Hiển thị Dự báo thời tiết"
                         }
                     },
+                    "cardpicker": {
+                        "custom_card": "Tuỳ chỉnh",
+                        "no_description": "Không có mô tả nào."
+                    },
                     "edit_card": {
                         "add": "Thêm Thẻ",
                         "delete": "Xóa",
@@ -1091,14 +1615,22 @@
                         "move": "Di chuyển",
                         "options": "Tùy Chọn",
                         "pick_card": "Chọn Thẻ bạn muốn thêm.",
+                        "pick_card_view_title": "Loại thẻ nào bạn muốn thêm vào chế độ xem {name}?",
                         "show_code_editor": "Sửa mã nguồn",
                         "toggle_editor": "Đổi trình biên tập"
                     },
+                    "edit_lovelace": {
+                        "edit_title": "Chỉnh sửa tiêu đề"
+                    },
                     "edit_view": {
                         "add": "Thêm Tầm nhìn",
                         "delete": "Xóa Tầm nhìn",
                         "edit": "Chỉnh sửa Tầm nhìn",
-                        "header": "Cấu hình Tầm nhìn"
+                        "header": "Cấu hình Tầm nhìn",
+                        "tab_badges": "Huy hiệu",
+                        "visibility": {
+                            "select_users": "Chọn người dùng sẽ thấy chế độ xem này trong thanh điều hướng"
+                        }
                     },
                     "header": "Chỉnh sửa giao diện",
                     "menu": {
@@ -1112,32 +1644,62 @@
                         "para_no_id": "Phần tử này không có ID. Vui lòng thêm ID vào thành phần này trong 'ui-lovelace.yaml'."
                     },
                     "raw_editor": {
+                        "confirm_unsaved_changes": "Bạn có những thay đổi chưa được lưu, bạn có chắc muốn thoát không?",
+                        "confirm_unsaved_comments": "Cấu hình của bạn chứa (các) ghi chú, những ghi chú này sẽ không được lưu. Bạn có muốn tiếp tục?",
                         "error_invalid_config": "Cấu hình của bạn không hợp lệ: {error}",
+                        "error_parse_yaml": "Không thể phân tích YAML: {error}",
+                        "error_save_yaml": "Không thể lưu YAML: {error}",
                         "header": "Chỉnh sửa cấu hình",
+                        "resources_moved": "Các Tài nguyên giờ không nên được thêm vào qua cấu hình Lovelace nhưng có thể thêm vào qua bảng điều khiển cấu hình Lovelace.",
                         "save": "Lưu",
                         "saved": "Đã lưu",
                         "unsaved_changes": "Thay đổi chưa lưu"
                     },
                     "save_config": {
                         "cancel": "Đừng bận tâm",
+                        "close": "Đóng",
                         "empty_config": "Bắt đầu với một bảng điều khiển trống",
                         "header": "Kiểm soát giao diện Lovelace của bạn",
                         "para": "Theo mặc định, Home Assistant sẽ duy trì giao diện của bạn, cập nhật nó khi các thực thể mới hoặc các thành phần Lovelace có sẵn. Nếu bạn kiểm soát, chúng tôi sẽ không còn thay đổi tự động cho bạn nữa.",
                         "para_sure": "Bạn có chắc chắn muốn kiểm soát giao diện của mình không?",
-                        "save": "Kiểm soát"
+                        "save": "Kiểm soát",
+                        "yaml_config": "Để giúp bạn bắt đầu, đây là cấu hình hiện tại của bảng điều khiển này:",
+                        "yaml_control": "Để kiểm soát trong chế độ YAML, hãy tạo tệp YAML với tên bạn đã chỉ định trong cấu hình hoặc trong 'ui-lovelace.yaml' mặc định.",
+                        "yaml_mode": "Bạn đang sử dụng chế độ YAML cho bảng điều khiển này, có nghĩa là bạn không thể thay đổi cấu hình Lovelace từ giao diện người dùng. Nếu bạn muốn quản lý bảng điều khiển này từ giao diện người dùng, loại bỏ 'mode:yaml' từ cấu hình Lovelace của bạn trong 'configuration.yaml'."
                     },
                     "suggest_card": {
                         "add": "Thêm vào Lovelace UI",
                         "create_own": "Chọn thẻ khác"
+                    },
+                    "view": {
+                        "panel_mode": {
+                            "description": "Chế độ này hiển thị thẻ đầu tiên với toàn bộ chiều rộng; các thẻ còn lại sẽ không được hiển thị.",
+                            "title": "Chế độ Bảng điều khiển?",
+                            "warning_multiple_cards": "Chế độ xem này chứa nhiều thẻ, nhưng chế độ xem dạng bảng điều khiển chỉ có thể hiển thị 1 thẻ."
+                        }
                     }
                 },
                 "menu": {
+                    "close": "Đóng",
                     "configure_ui": "Cấu hình giao diện",
                     "help": "Trợ giúp",
                     "refresh": "Làm tươi",
                     "reload_resources": "Tải lại các tài nguyên"
                 },
                 "reload_lovelace": "Tải lại giao diện",
+                "reload_resources": {
+                    "refresh_body": "Bạn phải làm mới trang để hoàn thành tải lại, bạn có muốn làm mới bây giờ không?",
+                    "refresh_header": "Bạn có muốn làm mới không?"
+                },
+                "unused_entities": {
+                    "available_entities": "Đây là những thực thể mà bạn có, nhưng chưa thêm vào giao diện người dùng Lovelace.",
+                    "domain": "Tên miền",
+                    "entity": "Thực thể",
+                    "entity_id": "Mã Thực thể",
+                    "last_changed": "Thay đổi lần cuối",
+                    "select_to_add": "Chọn thực thể bạn muốn thêm vào thẻ và sau đó nhấp vào nút Thêm thẻ.",
+                    "title": "Thực thể chưa sử dụng"
+                },
                 "views": {
                     "confirm_delete": "Xóa cửa sổ?"
                 },
@@ -1145,7 +1707,8 @@
                     "attribute_not_found": "Thuộc tính {attribute} không có trong: {entity}",
                     "entity_non_numeric": "Thực thể không phải là số: {entity}",
                     "entity_not_found": "Thực thể không có sẵn: {entity}",
-                    "entity_unavailable": "{entity} hiện không khả dụng"
+                    "entity_unavailable": "{entity} hiện không khả dụng",
+                    "starting": "Home Assistant đang khởi động, không phải tất cả mọi thứ đã sẵn sàng"
                 }
             },
             "mailbox": {
@@ -1158,6 +1721,8 @@
                 "abort_intro": "Đã hủy đăng nhập",
                 "authorizing_client": "Bạn sắp cấp quyền cho {clientId} truy cập vào Home Assistant của bạn.",
                 "form": {
+                    "error": "Lỗi: {error}",
+                    "next": "Kế tiếp",
                     "providers": {
                         "command_line": {
                             "abort": {
@@ -1243,6 +1808,7 @@
                             }
                         }
                     },
+                    "start_over": "Bắt đầu lại",
                     "unknown_error": "Đã xảy ra sự cố",
                     "working": "Vui lòng đợi"
                 },
@@ -1263,6 +1829,7 @@
                             "hallway": "Hành lang",
                             "kitchen": "Phòng bếp",
                             "patio": "Sân trong",
+                            "temperature_study": "Nghiên cứu Nhiệt độ",
                             "upstairs": "Tầng trên"
                         },
                         "unit": {
@@ -1305,6 +1872,7 @@
             "profile": {
                 "advanced_mode": {
                     "description": "Mở các tính năng nâng cao.",
+                    "link_promo": "Tìm hiểu thêm",
                     "title": "Chế độ nâng cao"
                 },
                 "change_password": {
@@ -1332,6 +1900,8 @@
                     "link_promo": "Trợ giúp dịch"
                 },
                 "logout": "Đăng xuất",
+                "logout_text": "Bạn có chắc bạn muốn đăng xuất không?",
+                "logout_title": "Đăng xuất?",
                 "long_lived_access_tokens": {
                     "confirm_delete": "Bạn có chắn chắn muốn xóa token truy cập {name}?",
                     "create": "Tạo Token",

From f15cc0b424fccf80cc0f4f598a8ab497ab01e201 Mon Sep 17 00:00:00 2001
From: "J. Nick Koston" <nick@koston.org>
Date: Tue, 16 Jun 2020 09:00:55 -0500
Subject: [PATCH 08/30] Show the user that made the change in logbook (#6173)

Co-authored-by: Bram Kragten <mail@bramkragten.nl>
---
 src/data/logbook.ts              |  1 +
 src/panels/logbook/ha-logbook.ts | 26 +++++++++++++++++++++++++-
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/src/data/logbook.ts b/src/data/logbook.ts
index be4ab3166e..cdb5a8197b 100644
--- a/src/data/logbook.ts
+++ b/src/data/logbook.ts
@@ -4,4 +4,5 @@ export interface LogbookEntry {
   message: string;
   entity_id?: string;
   domain: string;
+  context_user_id?: string;
 }
diff --git a/src/panels/logbook/ha-logbook.ts b/src/panels/logbook/ha-logbook.ts
index ded1e6a288..507319fb2e 100644
--- a/src/panels/logbook/ha-logbook.ts
+++ b/src/panels/logbook/ha-logbook.ts
@@ -9,6 +9,7 @@ import {
 } from "lit-element";
 import { scroll } from "lit-virtualizer";
 import { formatDate } from "../../common/datetime/format_date";
+import { fetchUsers } from "../../data/user";
 import { formatTimeWithSeconds } from "../../common/datetime/format_time";
 import { fireEvent } from "../../common/dom/fire_event";
 import { domainIcon } from "../../common/entity/domain_icon";
@@ -21,6 +22,9 @@ import { HomeAssistant } from "../../types";
 class HaLogbook extends LitElement {
   @property() public hass!: HomeAssistant;
 
+  @property({ attribute: false })
+  private _userid_to_name = {};
+
   @property() public entries: LogbookEntry[] = [];
 
   @property({ attribute: "rtl", type: Boolean, reflect: true })
@@ -58,6 +62,20 @@ class HaLogbook extends LitElement {
     `;
   }
 
+  private async _fetchUsers() {
+    const users = await fetchUsers(this.hass);
+    const userid_to_name = {};
+    users.forEach((user) => {
+      userid_to_name[user.id] = user.name;
+    });
+    this._userid_to_name = userid_to_name;
+  }
+
+  protected firstUpdated(changedProperties: PropertyValues) {
+    super.firstUpdated(changedProperties);
+    this._fetchUsers();
+  }
+
   private _renderLogbookItem(
     item: LogbookEntry,
     index?: number
@@ -67,6 +85,8 @@ class HaLogbook extends LitElement {
     }
     const previous = this.entries[index - 1];
     const state = item.entity_id ? this.hass.states[item.entity_id] : undefined;
+    const item_username =
+      item.context_user_id && this._userid_to_name[item.context_user_id];
     return html`
       <div>
         ${index === 0 ||
@@ -101,7 +121,11 @@ class HaLogbook extends LitElement {
                     ${item.name}
                   </a>
                 `}
-            <span>${item.message}</span>
+            <span
+              >${item.message}${item_username
+                ? ` (${item_username})`
+                : ``}</span
+            >
           </div>
         </div>
       </div>

From a55d0f347b4fdf88bf57951c9b34afaec7d77915 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Tue, 16 Jun 2020 22:19:07 +0200
Subject: [PATCH 09/30] Fix reload script (#6181)

---
 src/panels/config/server_control/ha-config-server-control.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/panels/config/server_control/ha-config-server-control.ts b/src/panels/config/server_control/ha-config-server-control.ts
index 413c49abe7..ee2dc5da11 100644
--- a/src/panels/config/server_control/ha-config-server-control.ts
+++ b/src/panels/config/server_control/ha-config-server-control.ts
@@ -25,7 +25,7 @@ import { checkCoreConfig } from "../../../data/core";
 const reloadableDomains = [
   "group",
   "automation",
-  "scripts",
+  "script",
   "scene",
   "person",
   "zone",

From c251e4f2415e94f9864f2aa0c34c6af8a6a64923 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Tue, 16 Jun 2020 22:20:10 +0200
Subject: [PATCH 10/30] Prevent add card dialog to jump on search (#6180)

---
 .../editor/card-editor/hui-card-picker.ts     | 70 +++++++++++++------
 1 file changed, 50 insertions(+), 20 deletions(-)

diff --git a/src/panels/lovelace/editor/card-editor/hui-card-picker.ts b/src/panels/lovelace/editor/card-editor/hui-card-picker.ts
index 14bd738d1d..76f4fe5db6 100644
--- a/src/panels/lovelace/editor/card-editor/hui-card-picker.ts
+++ b/src/panels/lovelace/editor/card-editor/hui-card-picker.ts
@@ -32,6 +32,7 @@ import { LovelaceCard } from "../../types";
 import { getCardStubConfig } from "../get-card-stub-config";
 import { CardPickTarget, Card } from "../types";
 import { coreCards } from "../lovelace-cards";
+import { styleMap } from "lit-html/directives/style-map";
 
 interface CardElement {
   card: Card;
@@ -54,6 +55,10 @@ export class HuiCardPicker extends LitElement {
 
   private _usedEntities?: string[];
 
+  private _width?: number;
+
+  private _height?: number;
+
   private _filterCards = memoizeOne(
     (cardElements: CardElement[], filter?: string): CardElement[] => {
       if (filter) {
@@ -92,26 +97,33 @@ export class HuiCardPicker extends LitElement {
         no-label-float
         @value-changed=${this._handleSearchChange}
       ></search-input>
-      <div class="cards-container">
-        ${this._filterCards(this._cards, this._filter).map(
-          (cardElement: CardElement) => cardElement.element
-        )}
-      </div>
-      <div class="cards-container">
-        <div
-          class="card manual"
-          @click=${this._cardPicked}
-          .config=${{ type: "" }}
-        >
-          <div class="preview description">
-            ${this.hass!.localize(
-              `ui.panel.lovelace.editor.card.generic.manual_description`
-            )}
-          </div>
-          <div class="card-header">
-            ${this.hass!.localize(
-              `ui.panel.lovelace.editor.card.generic.manual`
-            )}
+      <div
+        style=${styleMap({
+          width: `${this._width}px`,
+          height: `${this._height}px`,
+        })}
+      >
+        <div class="cards-container">
+          ${this._filterCards(this._cards, this._filter).map(
+            (cardElement: CardElement) => cardElement.element
+          )}
+        </div>
+        <div class="cards-container">
+          <div
+            class="card manual"
+            @click=${this._cardPicked}
+            .config=${{ type: "" }}
+          >
+            <div class="preview description">
+              ${this.hass!.localize(
+                `ui.panel.lovelace.editor.card.generic.manual_description`
+              )}
+            </div>
+            <div class="card-header">
+              ${this.hass!.localize(
+                `ui.panel.lovelace.editor.card.generic.manual`
+              )}
+            </div>
           </div>
         </div>
       </div>
@@ -153,6 +165,24 @@ export class HuiCardPicker extends LitElement {
     this._loadCards();
   }
 
+  protected updated(changedProps) {
+    super.updated(changedProps);
+    // Store the width and height so that when we search, box doesn't jump
+    const div = this.shadowRoot!.querySelector("div")!;
+    if (!this._width) {
+      const width = div.clientWidth;
+      if (width) {
+        this._width = width;
+      }
+    }
+    if (!this._height) {
+      const height = div.clientHeight;
+      if (height) {
+        this._height = height;
+      }
+    }
+  }
+
   private _loadCards() {
     let cards: Card[] = coreCards.map((card: Card) => ({
       name: this.hass!.localize(

From d4e137bb58af7ab818ad75678cedcbbbaa921ffe Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Tue, 16 Jun 2020 22:29:11 +0200
Subject: [PATCH 11/30] Keep add integration dialog same size while searching
 (#6158)

---
 .../config-flow/step-flow-pick-handler.ts     | 28 +++++++++++++------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/dialogs/config-flow/step-flow-pick-handler.ts b/src/dialogs/config-flow/step-flow-pick-handler.ts
index 68a54c92dd..3383b094d2 100644
--- a/src/dialogs/config-flow/step-flow-pick-handler.ts
+++ b/src/dialogs/config-flow/step-flow-pick-handler.ts
@@ -42,6 +42,8 @@ class StepFlowPickHandler extends LitElement {
 
   private _width?: number;
 
+  private _height?: number;
+
   private _getHandlers = memoizeOne(
     (h: string[], filter?: string, _localize?: LocalizeFunc) => {
       const handlers: HandlerObj[] = h.map((handler) => {
@@ -82,7 +84,10 @@ class StepFlowPickHandler extends LitElement {
         @value-changed=${this._filterChanged}
       ></search-input>
       <div
-        style=${styleMap({ width: `${this._width}px` })}
+        style=${styleMap({
+          width: `${this._width}px`,
+          height: `${this._height}px`,
+        })}
         class=${classMap({ advanced: Boolean(this.showAdvanced) })}
       >
         ${handlers.map(
@@ -139,13 +144,20 @@ class StepFlowPickHandler extends LitElement {
 
   protected updated(changedProps) {
     super.updated(changedProps);
-    // Store the width so that when we search, box doesn't jump
+    // Store the width and height so that when we search, box doesn't jump
+    const div = this.shadowRoot!.querySelector("div")!;
     if (!this._width) {
-      const width = this.shadowRoot!.querySelector("div")!.clientWidth;
+      const width = div.clientWidth;
       if (width) {
         this._width = width;
       }
     }
+    if (!this._height) {
+      const height = div.clientHeight;
+      if (height) {
+        this._height = height;
+      }
+    }
   }
 
   private async _filterChanged(e) {
@@ -166,8 +178,8 @@ class StepFlowPickHandler extends LitElement {
       configFlowContentStyles,
       css`
         img {
-          max-width: 40px;
-          max-height: 40px;
+          width: 40px;
+          height: 40px;
         }
         search-input {
           display: block;
@@ -180,12 +192,12 @@ class StepFlowPickHandler extends LitElement {
           overflow: auto;
           max-height: 600px;
         }
-        @media all and (max-height: 1px) {
+        @media all and (max-height: 900px) {
           div {
-            max-height: calc(100vh - 205px);
+            max-height: calc(100vh - 134px);
           }
           div.advanced {
-            max-height: calc(100vh - 300px);
+            max-height: calc(100vh - 250px);
           }
         }
         paper-icon-item {

From 61fdab294acae50081ed1c3eb7b52fe67d785d20 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Tue, 16 Jun 2020 22:29:38 +0200
Subject: [PATCH 12/30] Fix ha-card outline box shadow in firefox (#6174)

* Fix ha-card outline box shadow in firefox

* Add fallback for markdown code background
---
 src/components/buttons/ha-progress-button.js | 3 +++
 src/components/ha-card.ts                    | 2 +-
 src/components/ha-markdown.ts                | 2 +-
 src/resources/ha-style.ts                    | 3 +++
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/buttons/ha-progress-button.js b/src/components/buttons/ha-progress-button.js
index 50212e9967..f9f7927172 100644
--- a/src/components/buttons/ha-progress-button.js
+++ b/src/components/buttons/ha-progress-button.js
@@ -8,6 +8,9 @@ class HaProgressButton extends PolymerElement {
   static get template() {
     return html`
       <style>
+        :host {
+          outline: none;
+        }
         .container {
           position: relative;
           display: inline-block;
diff --git a/src/components/ha-card.ts b/src/components/ha-card.ts
index 97ed27a7d7..9d48bca2cb 100644
--- a/src/components/ha-card.ts
+++ b/src/components/ha-card.ts
@@ -35,7 +35,7 @@ class HaCard extends LitElement {
       }
 
       :host([outlined]) {
-        box-shadow: 0 0 0 0;
+        box-shadow: none;
         border-width: 1px;
         border-style: solid;
         border-color: var(
diff --git a/src/components/ha-markdown.ts b/src/components/ha-markdown.ts
index b3f6b6b0c8..397a216cab 100644
--- a/src/components/ha-markdown.ts
+++ b/src/components/ha-markdown.ts
@@ -54,7 +54,7 @@ class HaMarkdown extends LitElement {
       }
       ha-markdown-element code,
       pre {
-        background-color: var(--markdown-code-background-color, #f6f8fa);
+        background-color: var(--markdown-code-background-color, none);
         border-radius: 3px;
       }
       ha-markdown-element code {
diff --git a/src/resources/ha-style.ts b/src/resources/ha-style.ts
index 6dfbfe1eed..faabedd8f8 100644
--- a/src/resources/ha-style.ts
+++ b/src/resources/ha-style.ts
@@ -86,6 +86,9 @@ documentContainer.innerHTML = `<custom-style>
       /* set our slider style */
       --ha-paper-slider-pin-font-size: 15px;
 
+      /* markdown styles */
+      --markdown-code-background-color: #f6f8fa;
+
       /* rgb */
       --rgb-primary-color: 3, 169, 244;
       --rgb-accent-color: 255, 152, 0;

From 9ffd25e3a02f5335ab204138afccc4fcd71d6182 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Tue, 16 Jun 2020 22:30:27 +0200
Subject: [PATCH 13/30] Fix enter behavior of card editor (#6179)

---
 .../editor/card-editor/hui-card-editor.ts     |  5 ++
 .../card-editor/hui-dialog-edit-card.ts       | 53 ++++++++++---------
 2 files changed, 34 insertions(+), 24 deletions(-)

diff --git a/src/panels/lovelace/editor/card-editor/hui-card-editor.ts b/src/panels/lovelace/editor/card-editor/hui-card-editor.ts
index 4d884e469c..49a7ad7511 100644
--- a/src/panels/lovelace/editor/card-editor/hui-card-editor.ts
+++ b/src/panels/lovelace/editor/card-editor/hui-card-editor.ts
@@ -158,6 +158,7 @@ export class HuiCardEditor extends LitElement {
                   .error=${this._error}
                   .rtl=${computeRTL(this.hass)}
                   @value-changed=${this._handleYAMLChanged}
+                  @keydown=${this._ignoreKeydown}
                 ></ha-code-editor>
               </div>
             `}
@@ -280,6 +281,10 @@ export class HuiCardEditor extends LitElement {
     }
   }
 
+  private _ignoreKeydown(ev: KeyboardEvent) {
+    ev.stopPropagation();
+  }
+
   static get styles(): CSSResult {
     return css`
       :host {
diff --git a/src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts b/src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts
index 93ae17ff3f..dae6c63033 100755
--- a/src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts
+++ b/src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts
@@ -119,8 +119,8 @@ export class HuiDialogEditCard extends LitElement {
       <ha-dialog
         open
         scrimClickAction
-        escapeKeyAction
-        @keyup=${this._handleKeyUp}
+        @keydown=${this._ignoreKeydown}
+        @closed=${this._close}
         .heading=${html`${heading}
         ${this._documentationURL !== undefined
           ? html`
@@ -156,6 +156,7 @@ export class HuiDialogEditCard extends LitElement {
                       .value=${this._cardConfig}
                       @config-changed=${this._handleConfigChanged}
                       @GUImode-changed=${this._handleGUIModeChanged}
+                      @editor-save=${this._save}
                     ></hui-card-editor>
                   </div>
                   <div class="element-preview">
@@ -192,26 +193,33 @@ export class HuiDialogEditCard extends LitElement {
               </mwc-button>
             `
           : ""}
-        <mwc-button slot="primaryAction" @click=${this._close}>
-          ${this.hass!.localize("ui.common.cancel")}
-        </mwc-button>
-        ${this._cardConfig !== undefined
-          ? html`
-              <mwc-button
-                slot="primaryAction"
-                ?disabled=${!this._canSave || this._saving}
-                @click=${this._save}
-              >
-                ${this._saving
-                  ? html` <paper-spinner active alt="Saving"></paper-spinner> `
-                  : this.hass!.localize("ui.common.save")}
-              </mwc-button>
-            `
-          : ``}
+        <div slot="primaryAction" @click=${this._save}>
+          <mwc-button @click=${this._close}>
+            ${this.hass!.localize("ui.common.cancel")}
+          </mwc-button>
+          ${this._cardConfig !== undefined
+            ? html`
+                <mwc-button
+                  ?disabled=${!this._canSave || this._saving}
+                  @click=${this._save}
+                >
+                  ${this._saving
+                    ? html`
+                        <paper-spinner active alt="Saving"></paper-spinner>
+                      `
+                    : this.hass!.localize("ui.common.save")}
+                </mwc-button>
+              `
+            : ``}
+        </div>
       </ha-dialog>
     `;
   }
 
+  private _ignoreKeydown(ev: KeyboardEvent) {
+    ev.stopPropagation();
+  }
+
   static get styles(): CSSResultArray {
     return [
       haStyleDialog,
@@ -339,12 +347,6 @@ export class HuiDialogEditCard extends LitElement {
     this._guiModeAvailable = ev.detail.guiModeAvailable;
   }
 
-  private _handleKeyUp(ev: KeyboardEvent) {
-    if (ev.keyCode === 27) {
-      this._close();
-    }
-  }
-
   private _handleGUIModeChanged(ev: HASSDomEvent<GUIModeChangedEvent>): void {
     ev.stopPropagation();
     this._GUImode = ev.detail.guiMode;
@@ -376,6 +378,9 @@ export class HuiDialogEditCard extends LitElement {
   }
 
   private async _save(): Promise<void> {
+    if (!this._canSave || this._saving) {
+      return;
+    }
     this._saving = true;
     await this._params!.saveConfig(
       this._params!.path.length === 1

From a87570cf5a6e02fbddd07517aeec940f17ceb6a1 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Tue, 16 Jun 2020 22:58:05 +0200
Subject: [PATCH 14/30] Add link to integrations page if zha or zwave are
 loaded. (#6159)

---
 .../config/dashboard/ha-config-dashboard.ts   | 30 +++++++++++++++++++
 src/translations/en.json                      |  5 ++++
 2 files changed, 35 insertions(+)

diff --git a/src/panels/config/dashboard/ha-config-dashboard.ts b/src/panels/config/dashboard/ha-config-dashboard.ts
index eeff0bfc9a..b416e3b9b9 100644
--- a/src/panels/config/dashboard/ha-config-dashboard.ts
+++ b/src/panels/config/dashboard/ha-config-dashboard.ts
@@ -85,6 +85,36 @@ class HaConfigDashboard extends LitElement {
               </ha-card>
             `
           )}
+          ${isComponentLoaded(this.hass, "zha")
+            ? html`
+                <div class="promo-advanced">
+                  ${this.hass.localize(
+                    "ui.panel.config.integration_panel_move.missing_zha",
+                    "integrations_page",
+                    html`<a href="/config/integrations">
+                      ${this.hass.localize(
+                        "ui.panel.config.integration_panel_move.link_integration_page"
+                      )}
+                    </a>`
+                  )}
+                </div>
+              `
+            : ""}
+          ${isComponentLoaded(this.hass, "zwave")
+            ? html`
+                <div class="promo-advanced">
+                  ${this.hass.localize(
+                    "ui.panel.config.integration_panel_move.missing_zwave",
+                    "integrations_page",
+                    html`<a href="/config/integrations">
+                      ${this.hass.localize(
+                        "ui.panel.config.integration_panel_move.link_integration_page"
+                      )}
+                    </a>`
+                  )}
+                </div>
+              `
+            : ""}
           ${!this.showAdvanced
             ? html`
                 <div class="promo-advanced">
diff --git a/src/translations/en.json b/src/translations/en.json
index 637832b9fa..25f1934c53 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -520,6 +520,11 @@
           "hint_enable": "Missing config options? Enable advanced mode on",
           "link_profile_page": "your profile page"
         },
+        "integration_panel_move": {
+          "missing_zha": "Missing the ZHA config panel? It was moved to the ZHA entry on the {integrations_page}.",
+          "missing_zwave": "Missing the Z-Wave config panel? It was moved to the Z-Wave entry on the {integrations_page}.",
+          "link_integration_page": "integrations page"
+        },
         "common": {
           "editor": {
             "confirm_unsaved": "You have unsaved changes. Are you sure you want to leave?"

From 2bc97cc9c83658b4141b204d590ed9ed4e27af7b Mon Sep 17 00:00:00 2001
From: HomeAssistant Azure <hello@home-assistant.io>
Date: Wed, 17 Jun 2020 00:32:22 +0000
Subject: [PATCH 15/30] [ci skip] Translation update

---
 translations/frontend/en.json      |   5 ++
 translations/frontend/pl.json      |   4 +-
 translations/frontend/vi.json      | 123 +++++++++++++++++++++++++----
 translations/frontend/zh-Hans.json |   2 +-
 4 files changed, 116 insertions(+), 18 deletions(-)

diff --git a/translations/frontend/en.json b/translations/frontend/en.json
index e4c67bec94..516e6b30a5 100644
--- a/translations/frontend/en.json
+++ b/translations/frontend/en.json
@@ -1391,6 +1391,11 @@
                     "system_health_error": "System Health component is not loaded. Add 'system_health:' to configuration.yaml",
                     "title": "Info"
                 },
+                "integration_panel_move": {
+                    "link_integration_page": "integrations page",
+                    "missing_zha": "Missing the ZHA config panel? It was moved to the ZHA entry on the {integrations_page}.",
+                    "missing_zwave": "Missing the Z-Wave config panel? It was moved to the Z-Wave entry on the {integrations_page}."
+                },
                 "integrations": {
                     "add_integration": "Add integration",
                     "caption": "Integrations",
diff --git a/translations/frontend/pl.json b/translations/frontend/pl.json
index ed29cd2644..39094d3673 100644
--- a/translations/frontend/pl.json
+++ b/translations/frontend/pl.json
@@ -1326,8 +1326,8 @@
                         "introduction2": "Użyj rejestru encji, aby nadpisać jej nazwę, zmienić jej identyfikator lub usunąć ją z Home Assistant'a. Uwaga: usunięcie wpisu rejestru encji nie spowoduje usunięcia encji. Aby to zrobić, kliknij poniższy link i usuń integracje encji.",
                         "remove_selected": {
                             "button": "Usuń wybrane",
-                            "confirm_partly_text": "Można usunąć tylko {removable} z wybranych {selected} encji. Encje można usunąć tylko wtedy, gdy integracja wspiera taka możliwość. Czasami trzeba ponownie uruchomić Home Assistanta, zanim będzie można usunąć encje usuniętej integracji. Czy na pewno chcesz usunąć usuwalne encje?",
-                            "confirm_partly_title": "Tylko {number} wybrane encje można usunąć.",
+                            "confirm_partly_text": "Można usunąć tylko {removable} z wybranych {selected} encji. Encje można usunąć tylko wtedy, gdy integracja wspiera taką możliwość. Czasami trzeba ponownie uruchomić Home Assistanta, zanim będzie można usunąć encje usuniętej integracji. Czy na pewno chcesz usunąć usuwalne encje?",
+                            "confirm_partly_title": "Wybrane encje możliwe do usunięcia: {number}",
                             "confirm_text": "Powinieneś uprzednio usunąć integrację z automatyzacji i konfiguracji Lovelace, jeśli encje w niej występują.",
                             "confirm_title": "Czy chcesz usunąć encje: {number}?"
                         },
diff --git a/translations/frontend/vi.json b/translations/frontend/vi.json
index 0722aba40e..8a8fa95106 100644
--- a/translations/frontend/vi.json
+++ b/translations/frontend/vi.json
@@ -346,8 +346,13 @@
             "climate": {
                 "aux_heat": "Nhiệt phụ trợ",
                 "away_mode": "Chế độ đi vắng",
+                "cooling": "{name} đang làm mát",
+                "current_temperature": "{name} nhiệt độ hiện tại",
                 "currently": "Hiện tại",
                 "fan_mode": "Chế độ quạt",
+                "heating": "{name} đang sưởi ấm",
+                "high": "cao",
+                "low": "thấp",
                 "on_off": "Bật / tắt",
                 "operation": "Chế độ hoạt động",
                 "preset_mode": "Đặt trước",
@@ -355,6 +360,13 @@
                 "target_humidity": "Độ ẩm mục tiêu",
                 "target_temperature": "Nhiệt độ mục tiêu"
             },
+            "counter": {
+                "actions": {
+                    "decrement": "giảm xuống",
+                    "increment": "tăng lên",
+                    "reset": "cài lại"
+                }
+            },
             "cover": {
                 "position": "Vị trí",
                 "tilt_position": "Nghiêng vị trí"
@@ -449,12 +461,14 @@
             "loading": "Đang tải",
             "menu": "Menu",
             "next": "Kế tiếp",
+            "no": "Không",
             "overflow_menu": "Menu tràn",
             "previous": "Trước đó",
             "refresh": "Làm mới",
             "save": "Lưu",
             "successfully_deleted": "Xóa thành công",
-            "undo": "Hoàn tác"
+            "undo": "Hoàn tác",
+            "yes": "Có"
         },
         "components": {
             "area-picker": {
@@ -471,13 +485,17 @@
                 "show_areas": "Hiển thị các khu vực"
             },
             "device-picker": {
+                "clear": "Xoá",
+                "device": "Thiết bị",
                 "no_area": "Không có khu vực",
                 "show_devices": "Hiện các thiết bị",
                 "toggle": "Chuyển đổi"
             },
             "entity": {
                 "entity-picker": {
-                    "entity": "Thực thể"
+                    "clear": "Xoá",
+                    "entity": "Thực thể",
+                    "show_entities": "Hiển thị các thực thể"
                 }
             },
             "history_charts": {
@@ -517,6 +535,7 @@
             },
             "entity_registry": {
                 "control": "Điều khiển",
+                "dismiss": "Bỏ qua",
                 "editor": {
                     "confirm_delete": "Bạn có chắc bạn muốn xoá bỏ mục này không?",
                     "delete": "Xóa",
@@ -712,6 +731,7 @@
                             "header": "Hành động",
                             "introduction": "Hành động là những gì Home Assistant sẽ làm khi tự động hóa được kích hoạt. \n\n [Tìm hiểu thêm về các hành động.] (https://home-assistant.io/docs/automation/action/)",
                             "learn_more": "Tìm hiểu thêm về Hành động",
+                            "name": "Hành động",
                             "type_select": "Loại hành động",
                             "type": {
                                 "condition": {
@@ -722,7 +742,10 @@
                                     "label": "Chậm trễ"
                                 },
                                 "device_id": {
-                                    "action": "Hành động"
+                                    "action": "Hành động",
+                                    "extra_fields": {
+                                        "code": "Mã"
+                                    }
                                 },
                                 "event": {
                                     "event": "Sự kiện:",
@@ -750,6 +773,7 @@
                             "header": "Điều kiện",
                             "introduction": "Điều kiện là một phần tùy chọn của quy tắc tự động hóa và có thể được sử dụng để ngăn chặn một hành động xảy ra khi kích hoạt. Các điều kiện trông rất giống với kích hoạt nhưng rất khác nhau. Trình kích hoạt sẽ xem xét các sự kiện xảy ra trong hệ thống trong khi điều kiện chỉ nhìn vào hệ thống hiện tại. Một bộ kích hoạt có thể quan sát thấy rằng một công tắc đang được bật. Một điều kiện chỉ có thể xem nếu một công tắc hiện đang được bật hoặc tắt. \n\n [Tìm hiểu thêm về điều kiện] (https://home-assistant.io/docs/scripts/conditions/)",
                             "learn_more": "Tìm hiểu thêm về Điều kiện",
+                            "name": "Điều kiện",
                             "type_select": "Loại điều kiện",
                             "type": {
                                 "device": {
@@ -810,6 +834,7 @@
                             "header": "Bộ khởi động",
                             "introduction": "Bộ khởi động là bắt đầu quá trình xử lý quy tắc tự động hóa. Có thể chỉ định nhiều Bộ khởi động cho cùng một quy tắc. Khi kích hoạt một bộ khởi động, Home Assistant  sẽ xác nhận các điều kiện, nếu có, và gọi hành động. \n\n [Tìm hiểu thêm về Bộ khởi động] (https://home-assistant.io/docs/automation/trigger/)",
                             "learn_more": "Tìm hiểu thêm về Kích hoạt",
+                            "name": "Kích hoạt",
                             "type_select": "Loại Bộ khởi động",
                             "type": {
                                 "device": {
@@ -927,6 +952,7 @@
                                 "elevation_meters": "mét",
                                 "external_url": "URL bên ngoài",
                                 "imperial_example": "Độ F, pound",
+                                "internal_url": "URL nội bộ",
                                 "latitude": "Vĩ độ",
                                 "location_name": "Tên cài đặt Home Assistant của bạn",
                                 "longitude": "Kinh độ",
@@ -1072,9 +1098,11 @@
                 },
                 "info": {
                     "caption": "Thông tin",
+                    "custom_uis": "Các UI Tuỳ chỉnh:",
                     "description": "Thông tin về bản cài đặt Home Assistant của bạn",
                     "developed_by": "Được phát triển bởi một nhóm những con người tuyệt vời.",
                     "documentation": "Tài liệu",
+                    "frontend_version": "Phiên bản Frontend: {version} - {type}",
                     "home_assistant_logo": "Logo của Home Assistant",
                     "integrations": "Các tích hợp",
                     "issues": "Các vấn đề",
@@ -1089,6 +1117,7 @@
                     "caption": "Các bộ tích hợp",
                     "config_entry": {
                         "delete": "Xóa",
+                        "delete_button": "Xoá {integration}",
                         "delete_confirm": "Bạn chắc chắn muốn xóa bộ tích hợp này?",
                         "device_unavailable": "Thiết bị không khả dụng",
                         "devices": "{count} {count, plural,\n  one { thiết bị }\n  other { các thiết bị }\n}",
@@ -1102,7 +1131,8 @@
                         "options": "Tùy Chọn",
                         "rename": "Đổi tên",
                         "restart_confirm": "Khởi động lại Home Assistant để hoàn tất xóa bộ tích hợp này",
-                        "system_options": "Tùy chọn hệ thống"
+                        "system_options": "Tùy chọn hệ thống",
+                        "unnamed_entry": "Thực thể chưa có tên"
                     },
                     "config_flow": {
                         "aborted": "Đã hủy bỏ",
@@ -1141,7 +1171,15 @@
                 "introduction": "Ở đây có thể định cấu hình các thành phần của bạn và Home Assistant. Không phải mọi thứ đều có thể được cấu hình từ giao diện người dùng, nhưng chúng tôi đang cải thiện việc đó.",
                 "logs": {
                     "caption": "Nhật ký hoạt động",
-                    "description": "Xem nhật ký hoạt động của Home Assistant"
+                    "clear": "Xoá",
+                    "description": "Xem nhật ký hoạt động của Home Assistant",
+                    "details": "Chi tiết Nhật ký ({level})",
+                    "load_full_log": "Tải Đầy đủ Nhật ký của Home Assistant",
+                    "loading_log": "Đang tải nhật ký lỗi...",
+                    "multiple_messages": "thông điệp xuất hiện lần đầu vào lúc {time} và lặp lại {counter} lần",
+                    "no_errors": "Không có lỗi nào được báo cáo.",
+                    "no_issues": "Không có vấn đề mới nào!",
+                    "refresh": "Làm mới"
                 },
                 "lovelace": {
                     "caption": "Bảng điều khiển Lovelace",
@@ -1369,7 +1407,8 @@
                     "caption": "ZHA",
                     "common": {
                         "add_devices": "Thêm thiết bị",
-                        "devices": "Thiết bị"
+                        "devices": "Thiết bị",
+                        "value": "Giá trị"
                     },
                     "description": "Quản lý mạng Zigbee Home Automation",
                     "group_binding": {
@@ -1384,13 +1423,23 @@
                         "add_members": "Thêm Thành viên",
                         "adding_members": "Thêm Thành viên",
                         "caption": "Các nhóm",
+                        "create": "Tạo Nhóm",
+                        "create_group": "Zigbee Home Automation - Tạo Nhóm",
+                        "creating_group": "Đang tạo Nhóm",
                         "group_id": "Mã Nhóm",
                         "group_info": "Thông tin Nhóm",
+                        "group_name_placeholder": "Tên Nhóm",
                         "group_not_found": "Không tìm thấy nhóm!",
                         "group-header": "ZigBee Home Automation - Chi tiết Nhóm",
                         "groups": "Nhóm",
                         "members": "Thành viên",
-                        "remove_members": "Xóa Thành viên"
+                        "remove_groups": "Xoá các Nhóm",
+                        "remove_members": "Xóa Thành viên",
+                        "removing_groups": "Đang xoá các Nhóm",
+                        "removing_members": "Xoá các Thành Viên"
+                    },
+                    "network_management": {
+                        "header": "Quản lí Mạng"
                     },
                     "network": {
                         "caption": "Mạng"
@@ -1399,6 +1448,7 @@
                 "zone": {
                     "caption": "Khu vực",
                     "configured_in_yaml": "Các khu vực được định cấu hình qua file configuration.yaml không thể được chỉnh sửa thông qua giao diện.",
+                    "create_zone": "Tạo một Vùng",
                     "description": "Quản lý các khu vực bạn muốn theo dõi mọi người trong đó.",
                     "detail": {
                         "create": "Tạo",
@@ -1430,6 +1480,7 @@
                         "true": "Đúng"
                     },
                     "node_management": {
+                        "add_to_group": "Thêm vào Nhóm",
                         "group": "Nhóm"
                     },
                     "ozw_log": {
@@ -1455,10 +1506,26 @@
             "developer-tools": {
                 "tabs": {
                     "events": {
-                        "title": "Sự kiện"
+                        "alert_event_type": "Loại sự kiện là một trường bắt buộc",
+                        "available_events": "Các sự kiện khả dụng",
+                        "count_listeners": "({count} đang lắng nghe)",
+                        "data": "Dữ liệu của Sự kiện (YAML, tùy chọn)",
+                        "description": "Tạo một sự kiện trên kênh sự kiện.",
+                        "documentation": "Tài liệu của các Sự kiện.",
+                        "event_fired": "Sự kiện {type} đã được tạo",
+                        "fire_event": "Tạo Sự kiện",
+                        "listen_to_events": "Lắng nghe các sự kiện",
+                        "listening_to": "Lắng nghe",
+                        "notification_event_fired": "Sự kiện {type} được tạo thành công!",
+                        "start_listening": "Bắt đầu lắng nghe",
+                        "stop_listening": "Ngừng lắng nghe",
+                        "subscribe_to": "Sự kiện để đăng ký",
+                        "title": "Sự kiện",
+                        "type": "Loại Sự Kiện"
                     },
                     "mqtt": {
                         "description_listen": "Nghe một chủ đề",
+                        "description_publish": "Công bố một gói tin",
                         "listening_to": "Lắng nghe",
                         "message_received": "Thông điệp {id} nhận được trên {topic} tại {time}:",
                         "payload": "Nội dung (cho phép dùng Mẫu sẵn)",
@@ -1466,7 +1533,8 @@
                         "start_listening": "Bắt đầu nghe",
                         "stop_listening": "Dừng nghe",
                         "subscribe_to": "Đăng ký vào chủ đề",
-                        "title": "MQTT"
+                        "title": "MQTT",
+                        "topic": "chủ đề"
                     },
                     "services": {
                         "alert_parsing_yaml": "Lỗi phân tích YAML: {data}",
@@ -1489,13 +1557,17 @@
                         "filter_attributes": "Lọc các thuộc tính",
                         "filter_entities": "Lọc các thực thể",
                         "filter_states": "Lọc các trạng thái",
+                        "more_info": "Thêm Thông tin",
+                        "no_entities": "Không có thực thể",
                         "set_state": "Thiết lập Trạng thái",
                         "state": "Trạng thái",
                         "state_attributes": "Các thuộc tính Trạng thái (YAML, tuỳ chọn)",
                         "title": "Trạng thái"
                     },
                     "templates": {
-                        "title": "Mẫu sẵn"
+                        "editor": "Trình soạn thảo bản mẫu",
+                        "title": "Mẫu sẵn",
+                        "unknown_error_template": "Lỗi không xác định khi kết xuất bản mẫu"
                     }
                 }
             },
@@ -1509,6 +1581,11 @@
                 "showing_entries": "Hiển thị mục cho"
             },
             "lovelace": {
+                "add_entities": {
+                    "generated_unsupported": "Bạn chỉ có thể sử dụng chức năng này khi bạn lấy quyền kiểm soát giao diện Lovelace.",
+                    "saving_failed": "Không thể lưu lại cấu hình Lovelace.",
+                    "yaml_unsupported": "Bạn không thể sử dụng chức năng này khi sử dụng giao diện Lovelace trong chế độ YAML."
+                },
                 "cards": {
                     "empty_state": {
                         "go_to_integrations_page": "Chuyển đến trang tích hợp.",
@@ -1554,6 +1631,9 @@
                             "state_equal": "Trạng thái bằng với",
                             "state_not_equal": "Trạng thái không bằng với"
                         },
+                        "entity-filter": {
+                            "name": "Bộ lọc Thực thể"
+                        },
                         "entity": {
                             "description": "Thẻ Thực thể cung cấp cho bạn thông tin tổng quát về trạng thái của thực thể.",
                             "name": "Thực thể"
@@ -1570,7 +1650,8 @@
                             "description": "Thẻ Biểu đồ Lịch sử cho phép bạn hiển thị biểu đồ cho từng thực thể được liệt kê."
                         },
                         "horizontal-stack": {
-                            "description": "Thẻ Xếp Ngang cho phép bạn nhóm nhiều thẻ để các thẻ này luôn nằm cạnh nhau trong cùng một hàng."
+                            "description": "Thẻ Xếp Ngang cho phép bạn nhóm nhiều thẻ để các thẻ này luôn nằm cạnh nhau trong cùng một hàng.",
+                            "name": "Xếp Ngang"
                         },
                         "iframe": {
                             "name": "Trang web"
@@ -1582,23 +1663,33 @@
                             "description": "Thẻ Bản đồ cho phép bạn hiển thị các thực thể trên bản đồ.",
                             "hours_to_show": "Giờ hiển thị"
                         },
+                        "media-control": {
+                            "name": "Điều khiển Thiết bị đa phương tiện"
+                        },
+                        "picture": {
+                            "name": "Hình ảnh"
+                        },
                         "plant-status": {
                             "description": "Thẻ Tình trạng Cây cối dành cho tất cả các nhà thực vật học đáng yêu ngoài kia."
                         },
                         "sensor": {
-                            "description": "Thẻ Cảm biến cung cấp cho bạn tổng quan nhanh về trạng thái cảm biến của bạn với một biểu đồ tùy chọn thể hiện sự thay đổi qua thời gian."
+                            "description": "Thẻ Cảm biến cung cấp cho bạn tổng quan nhanh về trạng thái cảm biến của bạn với một biểu đồ tùy chọn thể hiện sự thay đổi qua thời gian.",
+                            "name": "Cảm biến"
                         },
                         "shopping-list": {
                             "description": "Thẻ Danh sách mua sắm cho phép bạn thêm, chỉnh sửa, kiểm tra và xóa các mục khỏi danh sách mua sắm của bạn.",
                             "integration_not_loaded": "Thẻ này yêu cầu thiết lập tích hợp 'shopping_list'."
                         },
                         "thermostat": {
-                            "description": "Thẻ Điều chỉnh nhiệt cho phép kiểm soát thực thể khí hậu của bạn. Cho phép bạn thay đổi nhiệt độ và chế độ của thực thể."
+                            "description": "Thẻ Điều chỉnh nhiệt cho phép kiểm soát thực thể khí hậu của bạn. Cho phép bạn thay đổi nhiệt độ và chế độ của thực thể.",
+                            "name": "Thiết bị điều chỉnh nhiệt độ"
                         },
                         "vertical-stack": {
-                            "description": "Thẻ Xếp Dọc cho phép bạn nhóm nhiều thẻ để các thẻ này luôn nằm trong cùng một cột."
+                            "description": "Thẻ Xếp Dọc cho phép bạn nhóm nhiều thẻ để các thẻ này luôn nằm trong cùng một cột.",
+                            "name": "Xếp Dọc"
                         },
                         "weather-forecast": {
+                            "name": "Dự báo Thời tiết",
                             "show_forecast": "Hiển thị Dự báo thời tiết"
                         }
                     },
@@ -1627,6 +1718,7 @@
                         "delete": "Xóa Tầm nhìn",
                         "edit": "Chỉnh sửa Tầm nhìn",
                         "header": "Cấu hình Tầm nhìn",
+                        "move_right": "Di chuyển tầm nhìn sang phải",
                         "tab_badges": "Huy hiệu",
                         "visibility": {
                             "select_users": "Chọn người dùng sẽ thấy chế độ xem này trong thanh điều hướng"
@@ -1669,7 +1761,8 @@
                     },
                     "suggest_card": {
                         "add": "Thêm vào Lovelace UI",
-                        "create_own": "Chọn thẻ khác"
+                        "create_own": "Chọn thẻ khác",
+                        "header": "Chúng tôi đã tạo một đề xuất cho bạn"
                     },
                     "view": {
                         "panel_mode": {
diff --git a/translations/frontend/zh-Hans.json b/translations/frontend/zh-Hans.json
index 887e2dde88..3f29d2d06e 100644
--- a/translations/frontend/zh-Hans.json
+++ b/translations/frontend/zh-Hans.json
@@ -473,7 +473,7 @@
             }
         },
         "common": {
-            "and": "并且",
+            "and": "和",
             "back": "返回",
             "cancel": "取消",
             "close": "关闭",

From 9ff2eece3aafe6e7ba26075aed2f981e12dbee1a Mon Sep 17 00:00:00 2001
From: marawan31 <marawan31@gmail.com>
Date: Wed, 17 Jun 2020 03:02:44 -0400
Subject: [PATCH 16/30] Added precipitation probability to forcast (#6131)

---
 src/types.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/types.ts b/src/types.ts
index 2f7493f4b8..67b908761b 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -302,6 +302,7 @@ interface ForecastAttribute {
   datetime: string;
   templow?: number;
   precipitation?: number;
+  precipitation_probability?: number;
   humidity?: number;
   condition?: string;
 }

From cc71ccaafa7c4e95c646a0bb23d7a568568d74ae Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <balloob@gmail.com>
Date: Wed, 17 Jun 2020 10:32:27 -0700
Subject: [PATCH 17/30] Keep auth params when onboarding (#6182)

---
 src/auth/ha-authorize.ts                  | 24 +++----
 src/common/url/search-params.ts           |  8 +++
 src/data/auth.ts                          |  6 ++
 src/data/onboarding.ts                    |  2 +-
 src/onboarding/ha-onboarding.ts           | 87 ++++++++++++++++-------
 src/onboarding/onboarding-integrations.ts |  6 --
 6 files changed, 86 insertions(+), 47 deletions(-)
 create mode 100644 src/common/url/search-params.ts

diff --git a/src/auth/ha-authorize.ts b/src/auth/ha-authorize.ts
index db9023efab..b96eac0aff 100644
--- a/src/auth/ha-authorize.ts
+++ b/src/auth/ha-authorize.ts
@@ -6,19 +6,18 @@ import {
   property,
   PropertyValues,
 } from "lit-element";
-import { AuthProvider, fetchAuthProviders } from "../data/auth";
+import {
+  AuthProvider,
+  fetchAuthProviders,
+  AuthUrlSearchParams,
+} from "../data/auth";
 import { litLocalizeLiteMixin } from "../mixins/lit-localize-lite-mixin";
 import { registerServiceWorker } from "../util/register-service-worker";
 import "./ha-auth-flow";
+import { extractSearchParamsObject } from "../common/url/search-params";
 
 import(/* webpackChunkName: "pick-auth-provider" */ "./ha-pick-auth-provider");
 
-interface QueryParams {
-  client_id?: string;
-  redirect_uri?: string;
-  state?: string;
-}
-
 class HaAuthorize extends litLocalizeLiteMixin(LitElement) {
   @property() public clientId?: string;
 
@@ -33,14 +32,7 @@ class HaAuthorize extends litLocalizeLiteMixin(LitElement) {
   constructor() {
     super();
     this.translationFragment = "page-authorize";
-    const query: QueryParams = {};
-    const values = location.search.substr(1).split("&");
-    for (const item of values) {
-      const value = item.split("=");
-      if (value.length > 1) {
-        query[decodeURIComponent(value[0])] = decodeURIComponent(value[1]);
-      }
-    }
+    const query = extractSearchParamsObject() as AuthUrlSearchParams;
     if (query.client_id) {
       this.clientId = query.client_id;
     }
@@ -145,7 +137,7 @@ class HaAuthorize extends litLocalizeLiteMixin(LitElement) {
         response.status === 400 &&
         authProviders.code === "onboarding_required"
       ) {
-        location.href = "/?";
+        location.href = `/onboarding.html${location.search}`;
         return;
       }
 
diff --git a/src/common/url/search-params.ts b/src/common/url/search-params.ts
new file mode 100644
index 0000000000..5894823b69
--- /dev/null
+++ b/src/common/url/search-params.ts
@@ -0,0 +1,8 @@
+export const extractSearchParamsObject = (): { [key: string]: string } => {
+  const query = {};
+  const searchParams = new URLSearchParams(location.search);
+  for (const [key, value] of searchParams.entries()) {
+    query[key] = value;
+  }
+  return query;
+};
diff --git a/src/data/auth.ts b/src/data/auth.ts
index 6437d31b62..162ade2fbd 100644
--- a/src/data/auth.ts
+++ b/src/data/auth.ts
@@ -1,5 +1,11 @@
 import { HomeAssistant } from "../types";
 
+export interface AuthUrlSearchParams {
+  client_id?: string;
+  redirect_uri?: string;
+  state?: string;
+}
+
 export interface AuthProvider {
   name: string;
   id: string;
diff --git a/src/data/onboarding.ts b/src/data/onboarding.ts
index 9fb5b309e1..48f7e42f40 100644
--- a/src/data/onboarding.ts
+++ b/src/data/onboarding.ts
@@ -51,7 +51,7 @@ export const onboardCoreConfigStep = (hass: HomeAssistant) =>
 
 export const onboardIntegrationStep = (
   hass: HomeAssistant,
-  params: { client_id: string }
+  params: { client_id: string; redirect_uri: string }
 ) =>
   hass.callApi<OnboardingIntegrationStepResponse>(
     "POST",
diff --git a/src/onboarding/ha-onboarding.ts b/src/onboarding/ha-onboarding.ts
index fee79c3a78..3dfc002f02 100644
--- a/src/onboarding/ha-onboarding.ts
+++ b/src/onboarding/ha-onboarding.ts
@@ -1,9 +1,9 @@
 import {
   Auth,
   createConnection,
-  genClientId,
   getAuth,
   subscribeConfig,
+  genClientId,
 } from "home-assistant-js-websocket";
 import {
   customElement,
@@ -14,12 +14,12 @@ import {
 } from "lit-element";
 import { HASSDomEvent } from "../common/dom/fire_event";
 import { subscribeOne } from "../common/util/subscribe-one";
-import { hassUrl } from "../data/auth";
+import { hassUrl, AuthUrlSearchParams } from "../data/auth";
 import {
   fetchOnboardingOverview,
   OnboardingResponses,
   OnboardingStep,
-  ValidOnboardingStep,
+  onboardIntegrationStep,
 } from "../data/onboarding";
 import { subscribeUser } from "../data/ws-user";
 import { litLocalizeLiteMixin } from "../mixins/lit-localize-lite-mixin";
@@ -28,19 +28,28 @@ import { HomeAssistant } from "../types";
 import { registerServiceWorker } from "../util/register-service-worker";
 import "./onboarding-create-user";
 import "./onboarding-loading";
+import { extractSearchParamsObject } from "../common/url/search-params";
 
-interface OnboardingEvent<T extends ValidOnboardingStep> {
-  type: T;
-  result: OnboardingResponses[T];
-}
+type OnboardingEvent =
+  | {
+      type: "user";
+      result: OnboardingResponses["user"];
+    }
+  | {
+      type: "core_config";
+      result: OnboardingResponses["core_config"];
+    }
+  | {
+      type: "integration";
+    };
 
 declare global {
   interface HASSDomEvents {
-    "onboarding-step": OnboardingEvent<ValidOnboardingStep>;
+    "onboarding-step": OnboardingEvent;
   }
 
   interface GlobalEventHandlersEventMap {
-    "onboarding-step": HASSDomEvent<OnboardingEvent<ValidOnboardingStep>>;
+    "onboarding-step": HASSDomEvent<OnboardingEvent>;
   }
 }
 
@@ -150,9 +159,7 @@ class HaOnboarding extends litLocalizeLiteMixin(HassElement) {
     }
   }
 
-  private async _handleStepDone(
-    ev: HASSDomEvent<OnboardingEvent<ValidOnboardingStep>>
-  ) {
+  private async _handleStepDone(ev: HASSDomEvent<OnboardingEvent>) {
     const stepResult = ev.detail;
     this._steps = this._steps!.map((step) =>
       step.step === stepResult.type ? { ...step, done: true } : step
@@ -176,9 +183,41 @@ class HaOnboarding extends litLocalizeLiteMixin(HassElement) {
     } else if (stepResult.type === "core_config") {
       // We do nothing
     } else if (stepResult.type === "integration") {
-      const result = stepResult.result as OnboardingResponses["integration"];
       this._loading = true;
 
+      // Determine if oauth redirect has been provided
+      const externalAuthParams = extractSearchParamsObject() as AuthUrlSearchParams;
+      const authParams =
+        externalAuthParams.client_id && externalAuthParams.redirect_uri
+          ? externalAuthParams
+          : {
+              client_id: genClientId(),
+              redirect_uri: `${location.protocol}//${location.host}/?auth_callback=1`,
+              state: btoa(
+                JSON.stringify({
+                  hassUrl: `${location.protocol}//${location.host}`,
+                  clientId: genClientId(),
+                })
+              ),
+            };
+
+      let result: OnboardingResponses["integration"];
+
+      try {
+        result = await onboardIntegrationStep(this.hass!, {
+          client_id: authParams.client_id!,
+          redirect_uri: authParams.redirect_uri!,
+        });
+      } catch (err) {
+        this.hass!.connection.close();
+        await this.hass!.auth.revoke();
+
+        alert(`Unable to finish onboarding: ${err.message}`);
+
+        document.location.assign("/?");
+        return;
+      }
+
       // If we don't close the connection manually, the connection will be
       // closed when we navigate away from the page. Firefox allows JS to
       // continue to execute, and so HAWS will automatically reconnect once
@@ -191,17 +230,17 @@ class HaOnboarding extends litLocalizeLiteMixin(HassElement) {
       // Revoke current auth token.
       await this.hass!.auth.revoke();
 
-      const state = btoa(
-        JSON.stringify({
-          hassUrl: `${location.protocol}//${location.host}`,
-          clientId: genClientId(),
-        })
-      );
-      document.location.assign(
-        `/?auth_callback=1&code=${encodeURIComponent(
-          result.auth_code
-        )}&state=${state}`
-      );
+      // Build up the url to redirect to
+      let redirectUrl = authParams.redirect_uri!;
+      redirectUrl +=
+        (redirectUrl.includes("?") ? "&" : "?") +
+        `code=${encodeURIComponent(result.auth_code)}`;
+
+      if (authParams.state) {
+        redirectUrl += `&state=${encodeURIComponent(authParams.state)}`;
+      }
+
+      document.location.assign(redirectUrl);
     }
   }
 
diff --git a/src/onboarding/onboarding-integrations.ts b/src/onboarding/onboarding-integrations.ts
index 9e24c4d076..5213f024bd 100644
--- a/src/onboarding/onboarding-integrations.ts
+++ b/src/onboarding/onboarding-integrations.ts
@@ -1,5 +1,4 @@
 import "@material/mwc-button/mwc-button";
-import { genClientId } from "home-assistant-js-websocket";
 import {
   css,
   CSSResult,
@@ -21,7 +20,6 @@ import {
 } from "../data/config_flow";
 import { DataEntryFlowProgress } from "../data/data_entry_flow";
 import { domainToName } from "../data/integration";
-import { onboardIntegrationStep } from "../data/onboarding";
 import {
   loadConfigFlowDialog,
   showConfigFlowDialog,
@@ -169,12 +167,8 @@ class OnboardingIntegrations extends LitElement {
   }
 
   private async _finish() {
-    const result = await onboardIntegrationStep(this.hass, {
-      client_id: genClientId(),
-    });
     fireEvent(this, "onboarding-step", {
       type: "integration",
-      result,
     });
   }
 

From 4b9fcd7de775ca1f710a3c642fe58d3e912da91e Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <balloob@gmail.com>
Date: Wed, 17 Jun 2020 10:33:16 -0700
Subject: [PATCH 18/30] Bumped version to 20200617.0

---
 setup.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/setup.py b/setup.py
index 173b315ffa..663da27022 100644
--- a/setup.py
+++ b/setup.py
@@ -2,7 +2,7 @@ from setuptools import setup, find_packages
 
 setup(
     name="home-assistant-frontend",
-    version="20200613.0",
+    version="20200617.0",
     description="The Home Assistant frontend",
     url="https://github.com/home-assistant/home-assistant-polymer",
     author="The Home Assistant Authors",

From b34ce577d9d8091a4775e86e2d94f560b1797621 Mon Sep 17 00:00:00 2001
From: rajlaud <50647620+rajlaud@users.noreply.github.com>
Date: Wed, 17 Jun 2020 18:08:26 -0500
Subject: [PATCH 19/30] Add discovery to list of configuration flow sources
 whose entries can be ignored (#6185)

Add "discovery" to the list of configuration flow sources whose config flow entries can be ignored. For example, https://github.com/home-assistant/core/pull/35669. I've tested it on the squeezebox integration and it works.
---
 src/data/config_flow.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/data/config_flow.ts b/src/data/config_flow.ts
index cc89c4124e..983d6a52d0 100644
--- a/src/data/config_flow.ts
+++ b/src/data/config_flow.ts
@@ -5,7 +5,7 @@ import { HomeAssistant } from "../types";
 import { DataEntryFlowProgress, DataEntryFlowStep } from "./data_entry_flow";
 import { domainToName } from "./integration";
 
-export const DISCOVERY_SOURCES = ["unignore", "homekit", "ssdp", "zeroconf"];
+export const DISCOVERY_SOURCES = ["unignore", "homekit", "ssdp", "zeroconf", "discovery"];
 
 export const createConfigFlow = (hass: HomeAssistant, handler: string) =>
   hass.callApi<DataEntryFlowStep>("POST", "config/config_entries/flow", {

From 6de38d3b850fef03cfe81de57a3be3be333e50a2 Mon Sep 17 00:00:00 2001
From: HomeAssistant Azure <hello@home-assistant.io>
Date: Thu, 18 Jun 2020 00:32:18 +0000
Subject: [PATCH 20/30] [ci skip] Translation update

---
 translations/frontend/ca.json      |  5 +++++
 translations/frontend/es.json      | 11 +++++++---
 translations/frontend/fr.json      |  5 +++++
 translations/frontend/it.json      |  5 +++++
 translations/frontend/ru.json      |  5 +++++
 translations/frontend/sl.json      | 32 +++++++++++++++++++++++++++---
 translations/frontend/zh-Hans.json |  9 +++++++--
 translations/frontend/zh-Hant.json |  5 +++++
 8 files changed, 69 insertions(+), 8 deletions(-)

diff --git a/translations/frontend/ca.json b/translations/frontend/ca.json
index 82ab650b24..a1b2659606 100644
--- a/translations/frontend/ca.json
+++ b/translations/frontend/ca.json
@@ -1391,6 +1391,11 @@
                     "system_health_error": "El component Estat del Sistema no està configurat. Afegeix 'system_health:' a configuration.yaml",
                     "title": "Informació"
                 },
+                "integration_panel_move": {
+                    "link_integration_page": "pàgina d'integracions",
+                    "missing_zha": "Trobes a faltar el panell de configuració de ZHA? S'ha traslladat a l'entrada ZHA de la {integrations_page}.",
+                    "missing_zwave": "Trobes a faltar el panell de configuració de Z-Wave? S'ha traslladat a l'entrada Z-Wave de la {integrations_page}."
+                },
                 "integrations": {
                     "add_integration": "Afegeix integració",
                     "caption": "Integracions",
diff --git a/translations/frontend/es.json b/translations/frontend/es.json
index c10daa63dc..554bee155c 100644
--- a/translations/frontend/es.json
+++ b/translations/frontend/es.json
@@ -694,10 +694,10 @@
             },
             "zha_device_info": {
                 "buttons": {
-                    "add": "Añadir dispositivos",
+                    "add": "Añadir dispositivos a través de este dispositivo",
                     "reconfigure": "Reconfigurar dispositivo",
                     "remove": "Eliminar dispositivos",
-                    "zigbee_information": "Información Zigbee"
+                    "zigbee_information": "Firma del dispositivo Zigbee"
                 },
                 "confirmations": {
                     "remove": "¿Estás seguro de que quieres eliminar este dispositivo?"
@@ -717,7 +717,7 @@
                 "unknown": "Desconocido",
                 "zha_device_card": {
                     "area_picker_label": "Área",
-                    "device_name_placeholder": "Nombre dado por el usuario",
+                    "device_name_placeholder": "Cambiar el nombre del dispositivo",
                     "update_name_button": "Cambiar nombre"
                 }
             }
@@ -1391,6 +1391,11 @@
                     "system_health_error": "El componente Estado del Sistema no está cargado. Añade 'system_health:' a configuration.yaml",
                     "title": "Información"
                 },
+                "integration_panel_move": {
+                    "link_integration_page": "página de integraciones",
+                    "missing_zha": "¿Echas de menos el panel de configuración de ZHA? Se ha movido a la entrada ZHA en la {integrations_page}.",
+                    "missing_zwave": "¿Echas de menos el panel de configuración de Z-Wave? Se ha movido a la entrada Z-Wave en la {integrations_page}."
+                },
                 "integrations": {
                     "add_integration": "Añadir integración",
                     "caption": "Integraciones",
diff --git a/translations/frontend/fr.json b/translations/frontend/fr.json
index 1290d30875..0a7b43f643 100644
--- a/translations/frontend/fr.json
+++ b/translations/frontend/fr.json
@@ -1391,6 +1391,11 @@
                     "system_health_error": "Le composant System Health n'est pas chargé. Ajouter 'system_health:' à configuration.yaml",
                     "title": "Info"
                 },
+                "integration_panel_move": {
+                    "link_integration_page": "page d'intégration",
+                    "missing_zha": "Il manque le panneau de configuration de ZHA ? Il a été déplacé vers l'entrée ZHA sur la {integrations_page}.",
+                    "missing_zwave": "Il manque le panneau de configuration Z-Wave ? Il a été déplacé vers l'entrée Z-Wave sur la {integrations_page}."
+                },
                 "integrations": {
                     "add_integration": "Ajouter l'intégration",
                     "caption": "Intégrations",
diff --git a/translations/frontend/it.json b/translations/frontend/it.json
index dbc85d95c2..9935fb923d 100644
--- a/translations/frontend/it.json
+++ b/translations/frontend/it.json
@@ -1391,6 +1391,11 @@
                     "system_health_error": "Il componente System Health non è caricato. Aggiungere 'system_health:' a configuration.yaml",
                     "title": "Informazioni"
                 },
+                "integration_panel_move": {
+                    "link_integration_page": "pagina integrazioni",
+                    "missing_zha": "Manca il pannello di configurazione ZHA? È stato spostato alla voce ZHA nella {integrations_page}.",
+                    "missing_zwave": "Manca il pannello di configurazione di Z-Wave? È stato spostato alla voce Z-Wave nella {integrations_page}."
+                },
                 "integrations": {
                     "add_integration": "Aggiungi integrazione",
                     "caption": "Integrazioni",
diff --git a/translations/frontend/ru.json b/translations/frontend/ru.json
index de84616e68..5ebe8997b0 100644
--- a/translations/frontend/ru.json
+++ b/translations/frontend/ru.json
@@ -1391,6 +1391,11 @@
                     "system_health_error": "Компонент System Health не загружен. Добавьте 'system_health:' в файл configuration.yaml.",
                     "title": "О системе"
                 },
+                "integration_panel_move": {
+                    "link_integration_page": "странице интеграций",
+                    "missing_zha": "Отсутствует панель конфигурации ZHA? Настройки ZHA теперь находятся на {integrations_page} в карточке ZHA.",
+                    "missing_zwave": "Отсутствует панель конфигурации Z-Wave? Настройки Z-Wave теперь находятся на {integrations_page} в карточке Z-Wave."
+                },
                 "integrations": {
                     "add_integration": "Добавить интеграцию",
                     "caption": "Интеграции",
diff --git a/translations/frontend/sl.json b/translations/frontend/sl.json
index 41ffdf8afa..2a06adf054 100644
--- a/translations/frontend/sl.json
+++ b/translations/frontend/sl.json
@@ -480,8 +480,10 @@
             "delete": "Izbriši",
             "error_required": "Zahtevano",
             "loading": "Nalaganje",
+            "menu": "Meni",
             "next": "Naslednji",
             "no": "Ne",
+            "overflow_menu": "Prelivni meni",
             "previous": "Prejšnji",
             "refresh": "Osveži",
             "save": "Shrani",
@@ -692,10 +694,10 @@
             },
             "zha_device_info": {
                 "buttons": {
-                    "add": "Dodajte naprave",
+                    "add": "Dodajte naprave prek te naprave",
                     "reconfigure": "Ponovno konfigurirajte napravo",
                     "remove": "Odstranite napravo",
-                    "zigbee_information": "Zigbee Informacije"
+                    "zigbee_information": "Podpis naprave Zigbee"
                 },
                 "confirmations": {
                     "remove": "Ali ste prepričani, da želite odstraniti napravo?"
@@ -715,7 +717,7 @@
                 "unknown": "Neznano",
                 "zha_device_card": {
                     "area_picker_label": "Območje",
-                    "device_name_placeholder": "Ime, ki ga je dodelil uporabnik",
+                    "device_name_placeholder": "Spremenite ime naprave",
                     "update_name_button": "Posodobi ime"
                 }
             }
@@ -911,6 +913,8 @@
                         "introduction": "Uporabite avtomatizacije za oživitev vašega doma.",
                         "load_error_not_editable": "Urejati je mogoče le avtomatizacije v automations.yaml.",
                         "load_error_unknown": "Napaka pri nalaganju avtomatizacije ({err_no}).",
+                        "move_down": "Premakni navzdol",
+                        "move_up": "Premakni navzgor",
                         "save": "Shrani",
                         "triggers": {
                             "add": "Dodaj sprožilec",
@@ -1369,7 +1373,9 @@
                 },
                 "info": {
                     "built_using": "Zgrajen z uporabo",
+                    "caption": "Info",
                     "custom_uis": "Uporabniški vmesniki po meri:",
+                    "description": "Informacije o vaši namestitvi programa Home Assistant",
                     "developed_by": "Razvija ga kup osupljivih ljudi.",
                     "documentation": "Dokumentacija",
                     "frontend": "frontend-ui",
@@ -1385,6 +1391,11 @@
                     "system_health_error": "Komponenta \"system health\" ni naložena. Dodajte \"system_health:\" v svoj configuration.yaml",
                     "title": "Info"
                 },
+                "integration_panel_move": {
+                    "link_integration_page": "Stran za integracije",
+                    "missing_zha": "Ali manjka konfiguracijska plošča ZHA? Premaknjen je bil v vnos ZHA na {integrations_page} .",
+                    "missing_zwave": "Ali manjka konfiguracijska plošča Z-Wave? Premaknili so ga v vnos Z-Wave na {integrations_page} ."
+                },
                 "integrations": {
                     "add_integration": "Dodaj integracijo",
                     "caption": "Integracije",
@@ -1457,7 +1468,9 @@
                 },
                 "introduction": "Tukaj je mogoče konfigurirati vaše komponente in Home Assistanta. Vsega ni mogoče konfigurirati iz uporabniškega vmesnika (vendar delamo na tem).",
                 "logs": {
+                    "caption": "Dnevniki",
                     "clear": "Počisti",
+                    "description": "Oglejte si Home Assistant dnevnike",
                     "details": "Podrobnosti dnevnika ({level})",
                     "load_full_log": "Naloži celoten dnevnik Home Assistant-a",
                     "loading_log": "Nalaganje dnevnika napak ...",
@@ -1652,6 +1665,11 @@
                             "core": "Ponovno naloži lokacijo in prilagoditve",
                             "group": "Ponovno naloži skupine",
                             "heading": "Ponovno nalaganje konfiguracije YAML",
+                            "input_boolean": "Ponovno naloži \"input booleans\"",
+                            "input_datetime": "Ponovno naloži vhodne datumske čase",
+                            "input_number": "Ponovno naloži vhodne številke",
+                            "input_select": "Ponovno naloži izbirne vnose",
+                            "input_text": "Ponovno naloži vhodna besedila",
                             "introduction": "Nekateri deli programa Home Assistant-a se lahko naložijo brez ponovnega zagona. S ponovnim nalaganjem se trenutna konfiguracija YAML zamenja in naloži nova.",
                             "person": "Ponovno naloži osebe",
                             "scene": "Ponovno naloži scene",
@@ -1715,8 +1733,11 @@
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "Naprave se bodo prikazale tukaj, ko jih odkrijemo.",
                         "discovery_text": "Tukaj bodo prikazane odkrite naprave. Sledite navodilom za napravo in jo postavite v način seznanjanja.",
                         "header": "Zigbee Home Automation - Dodaj naprave",
+                        "no_devices_found": "Najdene ni bilo nobene naprave, preverite, ali so v načinu združevanje ter jih držite budne medtem, ko je v odkrivanje v teku.",
+                        "pairing_mode": "Prepričajte se, da so vaše naprave v načinu združevanja. Preverite navodila svoje naprave, kako to storiti.",
                         "search_again": "Ponovno iskanje",
                         "spinner": "Iskanje ZHA Zigbee naprav..."
                     },
@@ -1724,6 +1745,7 @@
                         "caption": "Dodajte naprave",
                         "description": "Dodajte naprave v omrežje Zigbee"
                     },
+                    "button": "Konfiguriraj",
                     "caption": "ZHA",
                     "cluster_attributes": {
                         "attributes_of_cluster": "Atributi izbrane gruče",
@@ -1802,6 +1824,9 @@
                         "header": "Upravljanje omrežja",
                         "introduction": "Ukazi, ki vplivajo na celotno omrežje"
                     },
+                    "network": {
+                        "caption": "Omrežje"
+                    },
                     "node_management": {
                         "header": "Upravljanje naprav",
                         "help_node_dropdown": "Izberite napravo za ogled njenih možnosti.",
@@ -1841,6 +1866,7 @@
                     "no_zones_created_yet": "Izgleda, da še niste ustvarili nobenih con."
                 },
                 "zwave": {
+                    "button": "Konfiguriraj",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "Indeks",
diff --git a/translations/frontend/zh-Hans.json b/translations/frontend/zh-Hans.json
index 3f29d2d06e..0150446332 100644
--- a/translations/frontend/zh-Hans.json
+++ b/translations/frontend/zh-Hans.json
@@ -1391,6 +1391,11 @@
                     "system_health_error": "未加载系统健康组件。请将 'system_health:' 添加到 configuration.yaml",
                     "title": "信息"
                 },
+                "integration_panel_move": {
+                    "link_integration_page": "集成页面",
+                    "missing_zha": "找不到 ZHA 配置面板了吗？它已移动到{integrations_page}中的 ZHA 条目。",
+                    "missing_zwave": "找不到 Z-Wave 配置面板了吗？它已移动到{integrations_page}中的 Z-Wave 条目。"
+                },
                 "integrations": {
                     "add_integration": "添加集成",
                     "caption": "集成",
@@ -1961,8 +1966,8 @@
                         "available_events": "可用事件",
                         "count_listeners": " ({count} 个监听器)",
                         "data": "事件数据（格式为YAML，选填）",
-                        "description": "将事件发送到事件总线",
-                        "documentation": "事件文档。",
+                        "description": "将事件发送到事件总线。",
+                        "documentation": "事件文档",
                         "event_fired": "事件 {name} 已触发",
                         "fire_event": "触发事件",
                         "listen_to_events": "监听事件",
diff --git a/translations/frontend/zh-Hant.json b/translations/frontend/zh-Hant.json
index 18810e1969..49c4530421 100644
--- a/translations/frontend/zh-Hant.json
+++ b/translations/frontend/zh-Hant.json
@@ -1391,6 +1391,11 @@
                     "system_health_error": "系統健康元件未載入。請於 configuration.yaml 內加入「system_health:」",
                     "title": "資訊"
                 },
+                "integration_panel_move": {
+                    "link_integration_page": "整合頁面",
+                    "missing_zha": "找不到 ZHA 設定頁面嗎？目前已經移至 {integrations_page}  中的 ZHA 物件。",
+                    "missing_zwave": "找不到 Z-Wave 設定頁面嗎？目前已經移至 {integrations_page}  中的 Z-Wave 物件。"
+                },
                 "integrations": {
                     "add_integration": "新增整合",
                     "caption": "整合",

From 5cbffb23fdce8e0ac239db3829676554d477b80a Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <balloob@gmail.com>
Date: Thu, 18 Jun 2020 02:18:33 -0700
Subject: [PATCH 21/30] Remove check if config is loaded (#6123)

---
 src/dialogs/more-info/more-info-controls.js | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/dialogs/more-info/more-info-controls.js b/src/dialogs/more-info/more-info-controls.js
index 34d5e97ebc..7eedf536d3 100644
--- a/src/dialogs/more-info/more-info-controls.js
+++ b/src/dialogs/more-info/more-info-controls.js
@@ -86,7 +86,7 @@ class MoreInfoControls extends LocalizeMixin(EventsMixin(PolymerElement)) {
         <div class="main-title" main-title="" on-click="enlarge">
           [[_computeStateName(stateObj)]]
         </div>
-        <template is="dom-if" if="[[_computeConfig(hass)]]">
+        <template is="dom-if" if="[[hass.user.is_admin]]">
           <ha-icon-button
             aria-label$="[[localize('ui.dialogs.more_info_control.settings')]]"
             icon="hass:settings"
@@ -219,10 +219,6 @@ class MoreInfoControls extends LocalizeMixin(EventsMixin(PolymerElement)) {
     return stateObj ? computeStateName(stateObj) : "";
   }
 
-  _computeConfig(hass) {
-    return hass.user.is_admin && isComponentLoaded(hass, "config");
-  }
-
   _computeEdit(hass, stateObj) {
     const domain = this._computeDomain(stateObj);
     return (

From 16c604937e21a50c8a5e2ec3b33d97b52e5b5384 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20S=C3=B8rensen?= <joasoe@gmail.com>
Date: Thu, 18 Jun 2020 11:54:21 +0200
Subject: [PATCH 22/30] Display docker version (#5989)

---
 hassio/src/hassio-main.ts             | 10 +++++++++-
 hassio/src/hassio-panel-router.ts     |  4 ++++
 hassio/src/hassio-panel.ts            |  4 ++++
 hassio/src/system/hassio-host-info.ts |  9 +++++++++
 hassio/src/system/hassio-system.ts    | 10 ++++++++--
 src/data/hassio/supervisor.ts         | 20 ++++++++++++++++++++
 6 files changed, 54 insertions(+), 3 deletions(-)

diff --git a/hassio/src/hassio-main.ts b/hassio/src/hassio-main.ts
index 1efee0500b..37abf78279 100644
--- a/hassio/src/hassio-main.ts
+++ b/hassio/src/hassio-main.ts
@@ -14,7 +14,9 @@ import {
   createHassioSession,
   fetchHassioHomeAssistantInfo,
   fetchHassioSupervisorInfo,
+  fetchHassioInfo,
   HassioHomeAssistantInfo,
+  HassioInfo,
   HassioPanelInfo,
   HassioSupervisorInfo,
 } from "../../src/data/hassio/supervisor";
@@ -75,6 +77,8 @@ class HassioMain extends ProvideHassLitMixin(HassRouterPage) {
 
   @property() private _hostInfo: HassioHostInfo;
 
+  @property() private _hassioInfo?: HassioInfo;
+
   @property() private _hassOsInfo?: HassioHassOSInfo;
 
   @property() private _hassInfo: HassioHomeAssistantInfo;
@@ -147,6 +151,7 @@ class HassioMain extends ProvideHassLitMixin(HassRouterPage) {
         hass: this.hass,
         narrow: this.narrow,
         supervisorInfo: this._supervisorInfo,
+        hassioInfo: this._hassioInfo,
         hostInfo: this._hostInfo,
         hassInfo: this._hassInfo,
         hassOsInfo: this._hassOsInfo,
@@ -156,6 +161,7 @@ class HassioMain extends ProvideHassLitMixin(HassRouterPage) {
       el.hass = this.hass;
       el.narrow = this.narrow;
       el.supervisorInfo = this._supervisorInfo;
+      el.hassioInfo = this._hassioInfo;
       el.hostInfo = this._hostInfo;
       el.hassInfo = this._hassInfo;
       el.hassOsInfo = this._hassOsInfo;
@@ -169,12 +175,14 @@ class HassioMain extends ProvideHassLitMixin(HassRouterPage) {
       return;
     }
 
-    const [supervisorInfo, hostInfo, hassInfo] = await Promise.all([
+    const [supervisorInfo, hostInfo, hassInfo, hassioInfo] = await Promise.all([
       fetchHassioSupervisorInfo(this.hass),
       fetchHassioHostInfo(this.hass),
       fetchHassioHomeAssistantInfo(this.hass),
+      fetchHassioInfo(this.hass),
     ]);
     this._supervisorInfo = supervisorInfo;
+    this._hassioInfo = hassioInfo;
     this._hostInfo = hostInfo;
     this._hassInfo = hassInfo;
 
diff --git a/hassio/src/hassio-panel-router.ts b/hassio/src/hassio-panel-router.ts
index 3025fe2f9a..00830423b0 100644
--- a/hassio/src/hassio-panel-router.ts
+++ b/hassio/src/hassio-panel-router.ts
@@ -3,6 +3,7 @@ import { HassioHassOSInfo, HassioHostInfo } from "../../src/data/hassio/host";
 import {
   HassioHomeAssistantInfo,
   HassioSupervisorInfo,
+  HassioInfo,
 } from "../../src/data/hassio/supervisor";
 import {
   HassRouterPage,
@@ -26,6 +27,8 @@ class HassioPanelRouter extends HassRouterPage {
 
   @property({ attribute: false }) public supervisorInfo: HassioSupervisorInfo;
 
+  @property({ attribute: false }) public hassioInfo!: HassioInfo;
+
   @property({ attribute: false }) public hostInfo: HassioHostInfo;
 
   @property({ attribute: false }) public hassInfo: HassioHomeAssistantInfo;
@@ -54,6 +57,7 @@ class HassioPanelRouter extends HassRouterPage {
     el.route = this.route;
     el.narrow = this.narrow;
     el.supervisorInfo = this.supervisorInfo;
+    el.hassioInfo = this.hassioInfo;
     el.hostInfo = this.hostInfo;
     el.hassInfo = this.hassInfo;
     el.hassOsInfo = this.hassOsInfo;
diff --git a/hassio/src/hassio-panel.ts b/hassio/src/hassio-panel.ts
index 1e92ec923b..e61b5605f0 100644
--- a/hassio/src/hassio-panel.ts
+++ b/hassio/src/hassio-panel.ts
@@ -10,6 +10,7 @@ import { HassioHassOSInfo, HassioHostInfo } from "../../src/data/hassio/host";
 import {
   HassioHomeAssistantInfo,
   HassioSupervisorInfo,
+  HassioInfo,
 } from "../../src/data/hassio/supervisor";
 import type { PageNavigation } from "../../src/layouts/hass-tabs-subpage";
 import { HomeAssistant, Route } from "../../src/types";
@@ -48,6 +49,8 @@ class HassioPanel extends LitElement {
 
   @property({ attribute: false }) public supervisorInfo!: HassioSupervisorInfo;
 
+  @property({ attribute: false }) public hassioInfo!: HassioInfo;
+
   @property({ attribute: false }) public hostInfo!: HassioHostInfo;
 
   @property({ attribute: false }) public hassInfo!: HassioHomeAssistantInfo;
@@ -61,6 +64,7 @@ class HassioPanel extends LitElement {
         .hass=${this.hass}
         .narrow=${this.narrow}
         .supervisorInfo=${this.supervisorInfo}
+        .hassioInfo=${this.hassioInfo}
         .hostInfo=${this.hostInfo}
         .hassInfo=${this.hassInfo}
         .hassOsInfo=${this.hassOsInfo}
diff --git a/hassio/src/system/hassio-host-info.ts b/hassio/src/system/hassio-host-info.ts
index 0573d150b3..6413788b88 100644
--- a/hassio/src/system/hassio-host-info.ts
+++ b/hassio/src/system/hassio-host-info.ts
@@ -19,6 +19,7 @@ import {
   shutdownHost,
   updateOS,
 } from "../../../src/data/hassio/host";
+import { HassioInfo } from "../../../src/data/hassio/supervisor";
 import {
   showAlertDialog,
   showConfirmationDialog,
@@ -35,6 +36,8 @@ class HassioHostInfo extends LitElement {
 
   @property() public hostInfo!: HassioHostInfoType;
 
+  @property({ attribute: false }) public hassioInfo!: HassioInfo;
+
   @property() public hassOsInfo!: HassioHassOSInfo;
 
   @property() private _errors?: string;
@@ -54,6 +57,12 @@ class HassioHostInfo extends LitElement {
                 <td>System</td>
                 <td>${this.hostInfo.operating_system}</td>
               </tr>
+              ${!this.hostInfo.features.includes("hassos")
+                ? html`<tr>
+                    <td>Docker version</td>
+                    <td>${this.hassioInfo.docker}</td>
+                  </tr>`
+                : ""}
               ${this.hostInfo.deployment
                 ? html`
                     <tr>
diff --git a/hassio/src/system/hassio-system.ts b/hassio/src/system/hassio-system.ts
index 5db8cc409c..7391ebe5bf 100644
--- a/hassio/src/system/hassio-system.ts
+++ b/hassio/src/system/hassio-system.ts
@@ -11,7 +11,10 @@ import {
   HassioHassOSInfo,
   HassioHostInfo,
 } from "../../../src/data/hassio/host";
-import { HassioSupervisorInfo } from "../../../src/data/hassio/supervisor";
+import {
+  HassioSupervisorInfo,
+  HassioInfo,
+} from "../../../src/data/hassio/supervisor";
 import "../../../src/layouts/hass-tabs-subpage";
 import { haStyle } from "../../../src/resources/styles";
 import { HomeAssistant, Route } from "../../../src/types";
@@ -31,9 +34,11 @@ class HassioSystem extends LitElement {
 
   @property() public supervisorInfo!: HassioSupervisorInfo;
 
+  @property({ attribute: false }) public hassioInfo!: HassioInfo;
+
   @property() public hostInfo!: HassioHostInfo;
 
-  @property() public hassOsInfo!: HassioHassOSInfo;
+  @property({ attribute: false }) public hassOsInfo!: HassioHassOSInfo;
 
   public render(): TemplateResult | void {
     return html`
@@ -55,6 +60,7 @@ class HassioSystem extends LitElement {
             ></hassio-supervisor-info>
             <hassio-host-info
               .hass=${this.hass}
+              .hassioInfo=${this.hassioInfo}
               .hostInfo=${this.hostInfo}
               .hassOsInfo=${this.hassOsInfo}
             ></hassio-host-info>
diff --git a/src/data/hassio/supervisor.ts b/src/data/hassio/supervisor.ts
index 65cda7e8b1..e32e13ad2f 100644
--- a/src/data/hassio/supervisor.ts
+++ b/src/data/hassio/supervisor.ts
@@ -4,6 +4,20 @@ import { hassioApiResultExtractor, HassioResponse } from "./common";
 export type HassioHomeAssistantInfo = any;
 export type HassioSupervisorInfo = any;
 
+export type HassioInfo = {
+  arch: string;
+  channel: string;
+  docker: string;
+  hassos?: string;
+  homeassistant: string;
+  hostname: string;
+  logging: string;
+  maching: string;
+  supervisor: string;
+  supported_arch: string[];
+  timezone: string;
+};
+
 export type HassioPanelInfo = PanelInfo<
   | undefined
   | {
@@ -38,6 +52,12 @@ export const fetchHassioSupervisorInfo = async (hass: HomeAssistant) => {
   );
 };
 
+export const fetchHassioInfo = async (hass: HomeAssistant) => {
+  return hassioApiResultExtractor(
+    await hass.callApi<HassioResponse<HassioInfo>>("GET", "hassio/info")
+  );
+};
+
 export const fetchHassioLogs = async (
   hass: HomeAssistant,
   provider: string

From cf68f25a0378e8e796b8650dcfe68f9d904bba6f Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Fri, 19 Jun 2020 01:26:31 +0200
Subject: [PATCH 23/30] Don't throw errors in card picker (#6188)

---
 .../create-element/create-card-element.ts     | 12 +++++
 .../create-element/create-element-base.ts     | 47 ++++++++++++++-----
 .../editor/card-editor/hui-card-picker.ts     | 19 ++++++--
 3 files changed, 60 insertions(+), 18 deletions(-)

diff --git a/src/panels/lovelace/create-element/create-card-element.ts b/src/panels/lovelace/create-element/create-card-element.ts
index cb5748eecf..23b975e0ff 100644
--- a/src/panels/lovelace/create-element/create-card-element.ts
+++ b/src/panels/lovelace/create-element/create-card-element.ts
@@ -14,6 +14,7 @@ import "../cards/hui-weather-forecast-card";
 import {
   createLovelaceElement,
   getLovelaceElementClass,
+  tryCreateLovelaceElement,
 } from "./create-element-base";
 
 const ALWAYS_LOADED_TYPES = new Set([
@@ -52,6 +53,17 @@ const LAZY_LOAD_TYPES = {
   picture: () => import("../cards/hui-picture-card"),
 };
 
+// This will not return an error card but will throw the error
+export const tryCreateCardElement = (config: LovelaceCardConfig) =>
+  tryCreateLovelaceElement(
+    "card",
+    config,
+    ALWAYS_LOADED_TYPES,
+    LAZY_LOAD_TYPES,
+    undefined,
+    undefined
+  );
+
 export const createCardElement = (config: LovelaceCardConfig) =>
   createLovelaceElement(
     "card",
diff --git a/src/panels/lovelace/create-element/create-element-base.ts b/src/panels/lovelace/create-element/create-element-base.ts
index 1e9c09cf59..b1afedcb28 100644
--- a/src/panels/lovelace/create-element/create-element-base.ts
+++ b/src/panels/lovelace/create-element/create-element-base.ts
@@ -73,15 +73,8 @@ const _createElement = <T extends keyof CreateElementConfigTypes>(
   const element = document.createElement(
     tag
   ) as CreateElementConfigTypes[T]["element"];
-  try {
-    // @ts-ignore
-    element.setConfig(config);
-  } catch (err) {
-    // eslint-disable-next-line
-    console.error(tag, err);
-    // eslint-disable-next-line @typescript-eslint/no-use-before-define
-    return _createErrorElement(err.message, config);
-  }
+  // @ts-ignore
+  element.setConfig(config);
   return element;
 };
 
@@ -152,9 +145,37 @@ export const createLovelaceElement = <T extends keyof CreateElementConfigTypes>(
   domainTypes?: { _domain_not_found: string; [domain: string]: string },
   // Default type if no type given. If given, entity types will not work.
   defaultType?: string
+): CreateElementConfigTypes[T]["element"] | HuiErrorCard => {
+  try {
+    return tryCreateLovelaceElement(
+      tagSuffix,
+      config,
+      alwaysLoadTypes,
+      lazyLoadTypes,
+      domainTypes,
+      defaultType
+    );
+  } catch (err) {
+    // eslint-disable-next-line
+    console.error(tagSuffix, config.type, err);
+    return _createErrorElement(err.message, config);
+  }
+};
+
+export const tryCreateLovelaceElement = <
+  T extends keyof CreateElementConfigTypes
+>(
+  tagSuffix: T,
+  config: CreateElementConfigTypes[T]["config"],
+  alwaysLoadTypes?: Set<string>,
+  lazyLoadTypes?: { [domain: string]: () => Promise<unknown> },
+  // Allow looking at "entity" in config and mapping that to a type
+  domainTypes?: { _domain_not_found: string; [domain: string]: string },
+  // Default type if no type given. If given, entity types will not work.
+  defaultType?: string
 ): CreateElementConfigTypes[T]["element"] | HuiErrorCard => {
   if (!config || typeof config !== "object") {
-    return _createErrorElement("Config is not an object", config);
+    throw new Error("Config is not an object");
   }
 
   if (
@@ -163,7 +184,7 @@ export const createLovelaceElement = <T extends keyof CreateElementConfigTypes>(
     // If domain types is given, we can derive a type from "entity"
     (!domainTypes || !("entity" in config))
   ) {
-    return _createErrorElement("No card type configured.", config);
+    throw new Error("No card type configured.");
   }
 
   const customTag = config.type ? _getCustomTag(config.type) : undefined;
@@ -185,7 +206,7 @@ export const createLovelaceElement = <T extends keyof CreateElementConfigTypes>(
   }
 
   if (type === undefined) {
-    return _createErrorElement(`No type specified`, config);
+    throw new Error("No type specified.");
   }
 
   const tag = `hui-${type}-${tagSuffix}`;
@@ -199,7 +220,7 @@ export const createLovelaceElement = <T extends keyof CreateElementConfigTypes>(
     return _createElement(tag, config);
   }
 
-  return _createErrorElement(`Unknown type encountered: ${type}.`, config);
+  throw new Error(`Unknown type encountered: ${type}`);
 };
 
 export const getLovelaceElementClass = async <
diff --git a/src/panels/lovelace/editor/card-editor/hui-card-picker.ts b/src/panels/lovelace/editor/card-editor/hui-card-picker.ts
index 76f4fe5db6..0fea27a87c 100644
--- a/src/panels/lovelace/editor/card-editor/hui-card-picker.ts
+++ b/src/panels/lovelace/editor/card-editor/hui-card-picker.ts
@@ -27,7 +27,7 @@ import {
   calcUnusedEntities,
   computeUsedEntities,
 } from "../../common/compute-unused-entities";
-import { createCardElement } from "../../create-element/create-card-element";
+import { tryCreateCardElement } from "../../create-element/create-card-element";
 import { LovelaceCard } from "../../types";
 import { getCardStubConfig } from "../get-card-stub-config";
 import { CardPickTarget, Card } from "../types";
@@ -307,8 +307,8 @@ export class HuiCardPicker extends LitElement {
     fireEvent(this, "config-changed", { config });
   }
 
-  private _createCardElement(cardConfig: LovelaceCardConfig) {
-    const element = createCardElement(cardConfig) as LovelaceCard;
+  private _tryCreateCardElement(cardConfig: LovelaceCardConfig) {
+    const element = tryCreateCardElement(cardConfig) as LovelaceCard;
     element.hass = this.hass;
     element.addEventListener(
       "ll-rebuild",
@@ -325,7 +325,12 @@ export class HuiCardPicker extends LitElement {
     cardElToReplace: LovelaceCard,
     config: LovelaceCardConfig
   ): void {
-    const newCardEl = this._createCardElement(config);
+    let newCardEl: LovelaceCard;
+    try {
+      newCardEl = this._tryCreateCardElement(config);
+    } catch (err) {
+      return;
+    }
     if (cardElToReplace.parentElement) {
       cardElToReplace.parentElement!.replaceChild(newCardEl, cardElToReplace);
     }
@@ -351,7 +356,11 @@ export class HuiCardPicker extends LitElement {
       );
 
       if (showElement) {
-        element = this._createCardElement(cardConfig);
+        try {
+          element = this._tryCreateCardElement(cardConfig);
+        } catch (err) {
+          element = undefined;
+        }
       }
     }
 

From a46874b7ff39791ee927a49e65bb6e918556bebe Mon Sep 17 00:00:00 2001
From: HomeAssistant Azure <hello@home-assistant.io>
Date: Fri, 19 Jun 2020 00:32:29 +0000
Subject: [PATCH 24/30] [ci skip] Translation update

---
 translations/frontend/da.json | 22 ++++++++++++++++++++++
 translations/frontend/fi.json | 25 +++++++++++++++++++++++++
 translations/frontend/ko.json |  5 +++++
 translations/frontend/nb.json |  5 +++++
 translations/frontend/pl.json |  7 ++++++-
 5 files changed, 63 insertions(+), 1 deletion(-)

diff --git a/translations/frontend/da.json b/translations/frontend/da.json
index 3bc6a67e1e..f1ad264d9a 100644
--- a/translations/frontend/da.json
+++ b/translations/frontend/da.json
@@ -1373,7 +1373,9 @@
                 },
                 "info": {
                     "built_using": "Bygget ved hjælp af",
+                    "caption": "Oplysninger",
                     "custom_uis": "Tilpassede brugergrænseflader:",
+                    "description": "Oplysninger om din Home Assistant-installation",
                     "developed_by": "Udviklet af en masse fantastiske mennesker.",
                     "documentation": "Dokumentation",
                     "frontend": "brugerflade",
@@ -1389,6 +1391,11 @@
                     "system_health_error": "System Health-komponenten er ikke indlæst. Føj 'system_health:' til 'config.yaml'",
                     "title": "Info"
                 },
+                "integration_panel_move": {
+                    "link_integration_page": "integrationssiden",
+                    "missing_zha": "Mangler ZHA-konfigurationspanelet? Det er blevet flyttet til ZHA-posten på {integrations_page}.",
+                    "missing_zwave": "Mangler Z-wave-konfigurationspanelet? Det er blevet flyttet til Z-wave-posten på {integrations_page}."
+                },
                 "integrations": {
                     "add_integration": "Tilføj integration",
                     "caption": "Integrationer",
@@ -1461,7 +1468,9 @@
                 },
                 "introduction": "Her er det muligt at konfigurere dine komponenter og Home Assistant. Ikke alt er muligt at konfigurere fra brugerfladen endnu, men vi arbejder på det.",
                 "logs": {
+                    "caption": "Logs",
                     "clear": "Ryd",
+                    "description": "Se logs for Home Assistant",
                     "details": "Logdetaljer ({level})",
                     "load_full_log": "Indlæs fuld Home Assistant-log",
                     "loading_log": "Indlæser fejllog...",
@@ -1656,6 +1665,11 @@
                             "core": "Genindlæs lokalitet og tilpasninger",
                             "group": "Genindlæs grupper",
                             "heading": "Genindlæsning af YAML-konfiguration",
+                            "input_boolean": "Genindlæs booleske input",
+                            "input_datetime": "Genindlæs inputdatotider",
+                            "input_number": "Genindlæs inputnumre",
+                            "input_select": "Genindlæs inputvalg",
+                            "input_text": "Genindlæs inputtekster",
                             "introduction": "Nogle dele af Home Assistant kan genindlæses uden en genstart. Tryk på genindlæs for at aflæse den nuværende YAML-konfiguration og indlæse den nye.",
                             "person": "Genindlæs personer",
                             "scene": "Genindlæs scener",
@@ -1719,8 +1733,11 @@
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "Enheder vil dukke op her, når de er fundet.",
                         "discovery_text": "Fundne enheder vil dukke op her. Følg instruktionerne for din enhed(er) og sæt enhed(erne) i parringstilstand.",
                         "header": "Zigbee Home Automation - Tilføj enheder",
+                        "no_devices_found": "Ingen enheder blev fundet. Sørg for at de er i paringtilstand, og hold dem vågne, mens opdagelsen kører.",
+                        "pairing_mode": "Sørg for, at dine enheder er i parringstilstand. Se enhedens vejledning i, hvordan du gør dette.",
                         "search_again": "Søg igen",
                         "spinner": "Søger efter ZHA Zigbee-enheder..."
                     },
@@ -1728,6 +1745,7 @@
                         "caption": "Tilføj enheder",
                         "description": "Føj enheder til Zigbee-netværk"
                     },
+                    "button": "Konfigurer",
                     "caption": "ZHA",
                     "cluster_attributes": {
                         "attributes_of_cluster": "Egenskaber for den valgte klynge",
@@ -1806,6 +1824,9 @@
                         "header": "Netværksstyring",
                         "introduction": "Kommandoer, der påvirker hele netværket"
                     },
+                    "network": {
+                        "caption": "Netværk"
+                    },
                     "node_management": {
                         "header": "Enhedshåndtering",
                         "help_node_dropdown": "Vælg en enhed for at få vist enhedsspecifikke indstillinger.",
@@ -1845,6 +1866,7 @@
                     "no_zones_created_yet": "Det ser ud til, at du ikke har oprettet nogen zoner endnu."
                 },
                 "zwave": {
+                    "button": "Konfigurer",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "Indeks",
diff --git a/translations/frontend/fi.json b/translations/frontend/fi.json
index d759003877..e7ea019db5 100644
--- a/translations/frontend/fi.json
+++ b/translations/frontend/fi.json
@@ -483,6 +483,7 @@
             "menu": "Valikko",
             "next": "Seuraava",
             "no": "Ei",
+            "overflow_menu": "Ylivuotovalikko",
             "previous": "Edellinen",
             "refresh": "Päivitä",
             "save": "Tallenna",
@@ -912,6 +913,8 @@
                         "introduction": "Käytä automaatioita herättääksesi kotisi eloon",
                         "load_error_not_editable": "Vain automaatiot tiedostossa automations.yaml ovat muokattavissa.",
                         "load_error_unknown": "Virhe ladatessa automaatiota ( {err_no} )",
+                        "move_down": "Siirrä alaspäin",
+                        "move_up": "Siirrä ylöspäin",
                         "save": "Tallenna",
                         "triggers": {
                             "add": "Laukaisuehto",
@@ -1370,7 +1373,9 @@
                 },
                 "info": {
                     "built_using": "Rakennettu käyttäen",
+                    "caption": "Tiedot",
                     "custom_uis": "Mukautetut käyttöliittymät:",
+                    "description": "Tietoja Home Assistant -asennuksesta",
                     "developed_by": "Kehittänyt joukko mahtavia ihmisiä.",
                     "documentation": "Dokumentointi",
                     "frontend": "frontend-ui",
@@ -1386,6 +1391,11 @@
                     "system_health_error": "Järjestelmän kunto-komponenttia ei ole ladattu. Lisää 'system_health:' kohteeseen configuration.yaml",
                     "title": "Tiedot"
                 },
+                "integration_panel_move": {
+                    "link_integration_page": "Integraatiot",
+                    "missing_zha": "Etsitkö ZHA-asetuspaneelia? Se siirrettiin kohtaan ZHA {integrations_page}.",
+                    "missing_zwave": "Etsitkö Z-Wave-asetuspaneelia? Se siirrettiin Z-Wave-kohtaan {integrations_page}."
+                },
                 "integrations": {
                     "add_integration": "Lisää integraatio",
                     "caption": "Integraatiot",
@@ -1458,7 +1468,9 @@
                 },
                 "introduction": "Täällä voit säätää Home Assistanttia ja sen komponentteja. Huomioithan, ettei kaikkea voi vielä säätää käyttöliittymän kautta, mutta teemme jatkuvasti töitä sen mahdollistamiseksi.",
                 "logs": {
+                    "caption": "Lokit",
                     "clear": "Tyhjennä",
+                    "description": "Tarkastele Home Assistant -lokeja",
                     "details": "Lokitiedot ( {level} )",
                     "load_full_log": "Lataa Home Assistantin koko loki",
                     "loading_log": "Ladataan virhelokia...",
@@ -1653,6 +1665,11 @@
                             "core": "Lataa ydin uudelleen",
                             "group": "Lataa ryhmät uudelleen",
                             "heading": "Asetusten uudelleenlataus",
+                            "input_boolean": "Lataa booleanit uudelleen",
+                            "input_datetime": "Lataa syöttöpäivämäärät uudelleen",
+                            "input_number": "Lataa syöttönumerot uudelleen",
+                            "input_select": "Lataa valinnat uudelleen",
+                            "input_text": "Lataa syöttötekstit uudelleen",
                             "introduction": "Jotkut Home Assistantin osat voidaan ladata uudelleen ilman, että tarvitaan uudelleenkäynnistystä. Painamalla uudelleenlatausta yaml-tiedosto luetaan uudelleen.",
                             "person": "Lataa henkilöt uudelleen",
                             "scene": "Lataa tilanteet uudelleen",
@@ -1716,8 +1733,11 @@
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "Laitteet tulevat tänne, kun ne löydetään.",
                         "discovery_text": "Löydetyt laitteet näkyvät täällä. Noudata laitteen (laitteiden) ohjeita ja aseta laite pariliitostilaan.",
                         "header": "Zigbee Home Automation - Lisää laitteita",
+                        "no_devices_found": "Mitään laitteita ei löydy. Varmista, että ne ovat paritustilassa ja pidä ne hereillä havaitsemisen ollessa käynnissä.",
+                        "pairing_mode": "Varmista, että laitteesi ovat paritustilassa. Tarkista laitteen ohjeet, kuinka tämä tehdään.",
                         "search_again": "Etsi uudestaan",
                         "spinner": "Etsitään ZHA Zigbee laitteita..."
                     },
@@ -1725,6 +1745,7 @@
                         "caption": "Lisää laitteita",
                         "description": "Lisää laitteita Zigbee-verkkoon"
                     },
+                    "button": "Määritä",
                     "caption": "ZHA",
                     "cluster_attributes": {
                         "attributes_of_cluster": "Valitun klusterin määritteet",
@@ -1803,6 +1824,9 @@
                         "header": "Verkon hallinta",
                         "introduction": "Koko verkkoon vaikuttavat komennot"
                     },
+                    "network": {
+                        "caption": "Verkko"
+                    },
                     "node_management": {
                         "header": "Laitehallinta",
                         "help_node_dropdown": "Valitse laite tarkastellaksesi laitekohtaisia vaihtoehtoja.",
@@ -1842,6 +1866,7 @@
                     "no_zones_created_yet": "Näyttää siltä, että et ole vielä luonut vyöhykkeitä."
                 },
                 "zwave": {
+                    "button": "Määritä",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "Indeksi",
diff --git a/translations/frontend/ko.json b/translations/frontend/ko.json
index 6637d720b1..90f59b8ca7 100644
--- a/translations/frontend/ko.json
+++ b/translations/frontend/ko.json
@@ -1391,6 +1391,11 @@
                     "system_health_error": "시스템 상태보기 구성요소가 로드되지 않았습니다. configuration.yaml 에 'system_health:' 를 추가해주세요.",
                     "title": "정보"
                 },
+                "integration_panel_move": {
+                    "link_integration_page": "통합 구성요소 페이지",
+                    "missing_zha": "ZHA 구성 패널이 보이지 않으신가요? {integrations_page} 의 ZHA 항목으로 이동되었습니다.",
+                    "missing_zwave": "Z-Wave 구성 패널이 보이지 않으신가요? {integrations_page} 의 ZHA 항목으로 이동되었습니다."
+                },
                 "integrations": {
                     "add_integration": "통합 구성요소 추가",
                     "caption": "통합 구성요소",
diff --git a/translations/frontend/nb.json b/translations/frontend/nb.json
index 4b64241be8..6159bccdcc 100644
--- a/translations/frontend/nb.json
+++ b/translations/frontend/nb.json
@@ -1391,6 +1391,11 @@
                     "system_health_error": "System tilstand komponenten er ikke lastet inn. Legg til 'system_health:' i configuration.yaml",
                     "title": "Informasjon"
                 },
+                "integration_panel_move": {
+                    "link_integration_page": "integrasjonsside",
+                    "missing_zha": "Mangler ZHA-konfigurasjonspanelet? Den ble flyttet til ZHA-oppføringen på {integrations_page} .",
+                    "missing_zwave": "Mangler Z-Wave-konfigurasjonspanelet? Den ble flyttet til Z-Wave-oppføringen på {integrations_page} ."
+                },
                 "integrations": {
                     "add_integration": "Legg til integrasjon",
                     "caption": "Integrasjoner",
diff --git a/translations/frontend/pl.json b/translations/frontend/pl.json
index 39094d3673..90295dd78f 100644
--- a/translations/frontend/pl.json
+++ b/translations/frontend/pl.json
@@ -1391,6 +1391,11 @@
                     "system_health_error": "Komponent kondycji systemu nie jest załadowany. Dodaj 'system_health:' do pliku configuration.yaml",
                     "title": "Informacje"
                 },
+                "integration_panel_move": {
+                    "link_integration_page": "stronie integracji",
+                    "missing_zha": "Nie możesz znaleźć konfiguracji ZHA? Została ona przeniesiona do wpisu Z-Wave na {integrations_page}.",
+                    "missing_zwave": "Nie możesz znaleźć konfiguracji Z-Wave? Została ona przeniesiona do wpisu Z-Wave na {integrations_page}."
+                },
                 "integrations": {
                     "add_integration": "Dodaj integrację",
                     "caption": "Integracje",
@@ -1661,7 +1666,7 @@
                             "group": "Grupy",
                             "heading": "Ponowne wczytanie konfiguracji",
                             "input_boolean": "Pomocnicy typu przełącznik",
-                            "input_datetime": "Wczytaj",
+                            "input_datetime": "Pomocnicy typu data i czas",
                             "input_number": "Pomocnicy typu numer",
                             "input_select": "Pomocnicy typu pole wyboru",
                             "input_text": "Pomocnicy typu tekst",

From d8f530f8ac4c58088a65d214371912eb924733e8 Mon Sep 17 00:00:00 2001
From: HomeAssistant Azure <hello@home-assistant.io>
Date: Sat, 20 Jun 2020 00:32:36 +0000
Subject: [PATCH 25/30] [ci skip] Translation update

---
 translations/frontend/da.json    |  7 +++-
 translations/frontend/it.json    | 68 ++++++++++++++++----------------
 translations/frontend/lb.json    | 18 +++++++++
 translations/frontend/pt-BR.json | 19 +++++++++
 4 files changed, 77 insertions(+), 35 deletions(-)

diff --git a/translations/frontend/da.json b/translations/frontend/da.json
index f1ad264d9a..f17be7f07a 100644
--- a/translations/frontend/da.json
+++ b/translations/frontend/da.json
@@ -1908,12 +1908,17 @@
                         "add_node_secure": "Tilføj sikkert knudepunkt",
                         "cancel_command": "Annuller kommando",
                         "heal_network": "Helbred netværk",
+                        "heal_node": "Helbred node",
+                        "node_info": "Node information",
+                        "print_node": "Udskriv node",
+                        "refresh_entity": "Opdater entitet",
                         "remove_node": "Fjern knudepunkt",
                         "save_config": "Gem konfiguration",
                         "soft_reset": "Blød nulstilling",
                         "start_network": "Start netværk",
                         "stop_network": "Stop netværk",
-                        "test_network": "Test netværk"
+                        "test_network": "Test netværk",
+                        "test_node": "Test node"
                     },
                     "values": {
                         "header": "Knudepunktsværdier"
diff --git a/translations/frontend/it.json b/translations/frontend/it.json
index 9935fb923d..b5ffb77bf8 100644
--- a/translations/frontend/it.json
+++ b/translations/frontend/it.json
@@ -1147,7 +1147,7 @@
                         "email": "E-mail",
                         "email_error_msg": "E-mail non valida",
                         "forgot_password": "Hai dimenticato la password?",
-                        "introduction": "Home Assistant Cloud fornisce una connessione remota sicura alla tua istanza quando sei lontano da casa. Consente inoltre di connettersi con i servizi cloud: Amazon Alexa e Google Assistant.",
+                        "introduction": "Home Assistant Cloud fornisce una connessione remota sicura alla tua istanza quando sei lontano da casa. Consente inoltre di connettersi con i servizi solo su cloud: Amazon Alexa e Google Assistant.",
                         "introduction2": "Questo servizio è gestito dal nostro partner",
                         "introduction2a": ", una società fondata dai fondatori di Home Assistant e Hass.io.",
                         "introduction3": "Home Assistant Cloud è un servizio in abbonamento con un mese di prova gratuita. Non sono necessarie informazioni di pagamento.",
@@ -1228,7 +1228,7 @@
                     "picker": {
                         "entity": "Entità",
                         "header": "Personalizzazioni",
-                        "introduction": "Modificare gli attributi per entità. Le personalizzazioni aggiunte / modificate avranno effetto immediato. Le personalizzazioni rimosse avranno effetto quando l'entità viene aggiornata."
+                        "introduction": "Modificare gli attributi per entità. \nLe personalizzazioni aggiunte/modificate avranno effetto immediato. \nLe personalizzazioni rimosse avranno effetto quando l'entità sarà aggiornata."
                     },
                     "warning": {
                         "include_link": "includere customize.yaml",
@@ -1350,12 +1350,12 @@
                     "caption": "Aiutanti",
                     "description": "Elementi che possono aiutare a costruire le automazioni.",
                     "dialog": {
-                        "add_helper": "Aggiungi aiuto",
+                        "add_helper": "Aggiungi aiutante",
                         "add_platform": "Aggiungi {platform}",
                         "create": "Crea"
                     },
                     "picker": {
-                        "add_helper": "Aggiungi aiuto",
+                        "add_helper": "Aggiungi aiutante",
                         "headers": {
                             "editable": "Modificabile",
                             "entity_id": "ID Entità",
@@ -1382,7 +1382,7 @@
                     "frontend_version": "Versione Frontend: {version} - {type}",
                     "home_assistant_logo": "Logo Home Assistant",
                     "icons_by": "Icone di",
-                    "integrations": "integrazioni",
+                    "integrations": "Integrazioni",
                     "issues": "Problemi",
                     "license": "Pubblicato sotto la licenza Apache 2.0",
                     "path_configuration": "Percorso del file configuration.yaml: {path}",
@@ -1432,7 +1432,7 @@
                             "description": "Questo passaggio richiede di visitare un sito Web esterno per essere completato.",
                             "open_site": "Apri sito Web"
                         },
-                        "finish": "Finire",
+                        "finish": "Finito",
                         "loading_first_time": "Si prega di attendere durante l'installazione dell'integrazione",
                         "not_all_required_fields": "Non tutti i campi obbligatori sono compilati.",
                         "submit": "Invia"
@@ -1481,27 +1481,27 @@
                     "title": "Registri"
                 },
                 "lovelace": {
-                    "caption": "Cruscotti Lovelace",
+                    "caption": "Plance di Lovelace",
                     "dashboards": {
-                        "cant_edit_default": "Il cruscotto standard Lovelace non può essere modificato dall'Interfaccia Utente. È possibile nasconderlo impostando un altro cruscotto come predefinito.",
-                        "cant_edit_yaml": "I cruscotti definiti in YAML non possono essere modificati dall'Interfaccia Utente. Modificarli in configuration.yaml.",
-                        "caption": "Cruscotti",
+                        "cant_edit_default": "La plancia standard Lovelace non può essere modificata dall'Interfaccia Utente. È possibile nasconderla impostando un'altra plancia come predefinita.",
+                        "cant_edit_yaml": "Le plance definite in YAML non possono essere modificate dall'Interfaccia Utente. Modificarle in configuration.yaml.",
+                        "caption": "Plance",
                         "conf_mode": {
-                            "storage": "IU controllata",
+                            "storage": "Controllata dell'Interfaccia Utente",
                             "yaml": "File YAML"
                         },
-                        "confirm_delete": "Sei sicuro di voler eliminare questo cruscotto?",
-                        "default_dashboard": "Questo è il cruscotto predefinito",
+                        "confirm_delete": "Sei sicuro di voler eliminare questa plancia?",
+                        "default_dashboard": "Questa è la plancia predefinita",
                         "detail": {
                             "create": "Crea",
                             "delete": "Elimina",
                             "dismiss": "Chiudi",
-                            "edit_dashboard": "Modifica cruscotto",
+                            "edit_dashboard": "Modifica plancia",
                             "icon": "Icona",
-                            "new_dashboard": "Aggiungi nuovo cruscotto",
-                            "remove_default": "Rimuovi come predefinito su questo dispositivo",
+                            "new_dashboard": "Aggiungi nuova plancia",
+                            "remove_default": "Rimuovi come predefinita su questo dispositivo",
                             "require_admin": "Solo per l'amministratore",
-                            "set_default": "Imposta come predefinito su questo dispositivo",
+                            "set_default": "Imposta come predefinita su questo dispositivo",
                             "show_sidebar": "Mostra nella barra laterale",
                             "title": "Titolo",
                             "title_required": "È richiesto il titolo.",
@@ -1510,10 +1510,10 @@
                             "url_error_msg": "L'URL dovrebbe contenere un - e non può contenere spazi o caratteri speciali, ad eccezione di _ e -"
                         },
                         "picker": {
-                            "add_dashboard": "Aggiungi cruscotto",
+                            "add_dashboard": "Aggiungi plancia",
                             "headers": {
                                 "conf_mode": "Metodo di configurazione",
-                                "default": "Predefinito",
+                                "default": "Predefinita",
                                 "filename": "Nome del file",
                                 "require_admin": "Solo per l'amministratore",
                                 "sidebar": "Mostra nella barra laterale",
@@ -1522,7 +1522,7 @@
                             "open": "Aprire"
                         }
                     },
-                    "description": "Configurare i cruscotti Lovelace",
+                    "description": "Configura le tue plance di Lovelace",
                     "resources": {
                         "cant_edit_yaml": "Si utilizza Lovelace in modalità YAML, pertanto non è possibile gestire le risorse tramite l'Interfaccia Utente. Gestirli in configuration.yaml.",
                         "caption": "Risorse",
@@ -1629,7 +1629,7 @@
                 },
                 "script": {
                     "caption": "Script",
-                    "description": "Crea e modifica Script",
+                    "description": "Crea e modifica script",
                     "editor": {
                         "alias": "Nome",
                         "default_name": "Nuovo script",
@@ -1671,10 +1671,10 @@
                             "input_select": "Ricarica input a discesa",
                             "input_text": "Ricarica input testuali",
                             "introduction": "Alcune parti di Home Assistant possono essere ricaricate senza richiedere un riavvio. Premendo su Ricarica si rimuoverà la loro Configurazione YAML  attuale e si caricherà la versione aggiornata.",
-                            "person": "Ricarica persone",
+                            "person": "Ricarica le persone",
                             "scene": "Ricarica le Scene",
                             "script": "Ricarica gli Script",
-                            "zone": "Ricarica zone"
+                            "zone": "Ricarica le zone"
                         },
                         "server_management": {
                             "confirm_restart": "Sei sicuro di voler riavviare Home Assistant?",
@@ -1687,7 +1687,7 @@
                         "validation": {
                             "check_config": "Verifica Configurazione",
                             "heading": "Convalida della configurazione",
-                            "introduction": "Convalidare la configurazione se di recente sono state apportate alcune modifiche alla configurazione e si desidera assicurarsi che sia tutto valido",
+                            "introduction": "Convalidare la configurazione se di recente sono state apportate alcune modifiche alla configurazione e ci si vuole assicurare che sia tutto valido",
                             "invalid": "Configurazione non valida",
                             "valid": "Configurazione valida!"
                         }
@@ -2082,7 +2082,7 @@
                     }
                 },
                 "changed_toast": {
-                    "message": "La configurazione dell'Interfaccia Utente di Lovelace per questo cruscotto è stata aggiornata, ricaricare per vedere le modifiche?",
+                    "message": "La configurazione dell'Interfaccia Utente di Lovelace per questa plancia è stata aggiornata, ricaricare per vedere le modifiche?",
                     "refresh": "Aggiorna"
                 },
                 "editor": {
@@ -2317,14 +2317,14 @@
                     "save_config": {
                         "cancel": "Rinuncia",
                         "close": "Chiudi",
-                        "empty_config": "Iniziare con un cruscotto vuoto",
+                        "empty_config": "Iniziare con una plancia vuota",
                         "header": "Prendi il controllo della tua interfaccia utente di Lovelace",
-                        "para": "Questo cruscotto è attualmente gestito da Home Assistant. E' aggiornato automaticamente quando nuove entità o componenti dell'Interfaccia Utente Lovelace diventano disponibili. Se si assume il controllo, questo cruscotto non verrà più aggiornato automaticamente. È sempre possibile creare un nuovo cruscotto in configurazione con cui esperimentare.",
+                        "para": "Questa plancia è attualmente gestita da Home Assistant. E' aggiornata automaticamente quando nuove entità o componenti dell'Interfaccia Utente Lovelace diventano disponibili. Se si assume il controllo, questa plancia non verrà più aggiornata automaticamente. È sempre possibile creare una nuova plancia in configurazione con cui esperimentare.",
                         "para_sure": "Sei sicuro di voler prendere il controllo della tua interfaccia utente?",
                         "save": "Prendere il controllo",
-                        "yaml_config": "Per aiutarti a iniziare qui c'è la configurazione corrente di questo cruscotto:",
-                        "yaml_control": "Per assumere il controllo in modalità YAML, creare un file YAML con il nome specificato nella configurazione per questo cruscotto, o il predefinito 'ui-lovelace.yaml'.",
-                        "yaml_mode": "Questo cruscotto sta utilizzando la modalità YAML, il che significa che non è possibile modificare la configurazione di Lovelace dall'Interfaccia Utente. Se volete gestire questo cruscotto dall'Interfaccia Utente, rimuovere 'mode: yaml' dalla configurazione di Lovelace in 'configuration.yaml'."
+                        "yaml_config": "Per aiutarti a iniziare qui c'è la configurazione attuale di questa plancia:",
+                        "yaml_control": "Per assumere il controllo in modalità YAML, creare un file YAML con il nome specificato nella tua configurazione per questa plancia, o il predefinito 'ui-lovelace.yaml'.",
+                        "yaml_mode": "Questa plancia sta utilizzando la modalità YAML, il che significa che non è possibile modificare la configurazione di Lovelace dall'Interfaccia Utente. Se volete gestire questa plancia dall'Interfaccia Utente, rimuovere 'mode: yaml' dalla configurazione di Lovelace in 'configuration.yaml'."
                     },
                     "suggest_card": {
                         "add": "Aggiungi all'interfaccia utente di Lovelace",
@@ -2534,7 +2534,7 @@
                     "location_name_default": "Casa"
                 },
                 "integration": {
-                    "finish": "Finire",
+                    "finish": "Finito",
                     "intro": "Dispositivi e servizi sono rappresentati in Home Assistant come integrazioni. È possibile impostarli ora, o farlo in seguito dalla schermata di configurazione.",
                     "more_integrations": "Di Più"
                 },
@@ -2571,9 +2571,9 @@
                 },
                 "current_user": "Sei attualmente connesso come {fullName}.",
                 "dashboard": {
-                    "description": "Scegliere un cruscotto di default per questo dispositivo.",
-                    "dropdown_label": "Cruscotto",
-                    "header": "Cruscotto"
+                    "description": "Scegliere una plancia di default per questo dispositivo.",
+                    "dropdown_label": "Plancia",
+                    "header": "Plancia"
                 },
                 "force_narrow": {
                     "description": "Questo nasconderà la barra laterale per impostazione predefinita, in modo simile all'esperienza mobile",
diff --git a/translations/frontend/lb.json b/translations/frontend/lb.json
index 7beaaba6e0..c99a3e49b3 100644
--- a/translations/frontend/lb.json
+++ b/translations/frontend/lb.json
@@ -480,6 +480,7 @@
             "delete": "Läschen",
             "error_required": "Erfuerderlech",
             "loading": "Lued",
+            "menu": "Menu",
             "next": "Nächst",
             "no": "Nee",
             "previous": "Virdrun",
@@ -911,6 +912,8 @@
                         "introduction": "Benotzt Automatismen fir däin Haus zum Liewen ze bréngen",
                         "load_error_not_editable": "Nëmmen Automatiounen am automations.yaml kënnen editéiert ginn.",
                         "load_error_unknown": "Feeler beim luede vun der Automatioun ({err_no}).",
+                        "move_down": "No ënne réckelen",
+                        "move_up": "No uewe réckelen",
                         "save": "Späicheren",
                         "triggers": {
                             "add": "Ausléiser dobäisetzen",
@@ -1369,7 +1372,9 @@
                 },
                 "info": {
                     "built_using": "Erstallt mat",
+                    "caption": "Info",
                     "custom_uis": "Personaliséierte Benotzer Interface:",
+                    "description": "Informatioune zu denger Home Assistant Installation",
                     "developed_by": "Entwéckelt vun enger ganzer Rei fantastesche Leit.",
                     "documentation": "Dokumentatioun",
                     "frontend": "frontend-ui",
@@ -1385,6 +1390,11 @@
                     "system_health_error": "System Gesondheet Komponent net gelueden. Setz 'system_health:' zur configuration.yaml dobäi",
                     "title": "Info"
                 },
+                "integration_panel_move": {
+                    "link_integration_page": "Integratiouns Säit",
+                    "missing_zha": "Vermëss du ZHA Konfig. Tableau? Et ass op ZHA Entrée op der {integrations_page} geplënnert.",
+                    "missing_zwave": "Vermëss du Z-Wave Konfig. Tableau? Et ass op Z-Wave Entrée op der {integrations_page} geplënnert."
+                },
                 "integrations": {
                     "add_integration": "Integratioun dobäisetzen",
                     "caption": "Integratiounen",
@@ -1457,7 +1467,9 @@
                 },
                 "introduction": "Hei ass et méiglech är Komponenten vum Home Assistant ze konfiguréieren. Net alles ass méiglech fir iwwert den Interface anzestellen, mee mir schaffen drun.",
                 "logs": {
+                    "caption": "Logbicher",
                     "clear": "Läschen",
+                    "description": "Home Assistant Logbicher ukucken",
                     "details": "Detailler vum Log ({level})",
                     "load_full_log": "Kompletten Home Assistant Log lueden",
                     "loading_log": "Feeler Log gëtt gelueden...",
@@ -1715,6 +1727,7 @@
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "Apparater tauchen hei op soubaal se entdeckt sinn.",
                         "discovery_text": "Entdeckten Apparater tauchen op dëser Platz op. Suivéiert d'Instruktiounen fir är Apparater an aktivéiert den Kupplung's Mod.",
                         "header": "Zigbee Home Automation - Apparater dobäisetzen",
                         "search_again": "Nach emol sichen",
@@ -1724,6 +1737,7 @@
                         "caption": "Apparater bäisetzen",
                         "description": "Apparater am Zigbee Netzwierk bäisetzen"
                     },
+                    "button": "Astellen",
                     "caption": "ZHA",
                     "cluster_attributes": {
                         "attributes_of_cluster": "Attributer vum ausgewielten Cluster",
@@ -1802,6 +1816,9 @@
                         "header": "Verwaltung vum Netzwierk",
                         "introduction": "Kommandoe mat Impakt op d'gesamt Netzwierk"
                     },
+                    "network": {
+                        "caption": "Netzwierk"
+                    },
                     "node_management": {
                         "header": "Verwaltung vun den Apparaten",
                         "help_node_dropdown": "Wielt een Apparat aus fir seng spezifesch Optioune ze gesinn.",
@@ -1841,6 +1858,7 @@
                     "no_zones_created_yet": "Et gesäit sou aus wéi wann nach keng Zone erstallt goufen."
                 },
                 "zwave": {
+                    "button": "Astellen",
                     "caption": "Z-Wave",
                     "common": {
                         "index": "Index",
diff --git a/translations/frontend/pt-BR.json b/translations/frontend/pt-BR.json
index 6e934dbb50..a6a601900d 100644
--- a/translations/frontend/pt-BR.json
+++ b/translations/frontend/pt-BR.json
@@ -767,6 +767,7 @@
                     },
                     "description": "Visão geral de todas as áreas da sua casa.",
                     "editor": {
+                        "area_id": "ID da Área",
                         "create": "Criar",
                         "default_name": "Nova Zona",
                         "delete": "Excluir",
@@ -910,6 +911,8 @@
                         "introduction": "Use automações para trazer vida à sua casa",
                         "load_error_not_editable": "Somente automações em automations.yaml são editáveis.",
                         "load_error_unknown": "Erro ao carregar a automação ({err_no}).",
+                        "move_down": "Mover para baixo",
+                        "move_up": "Mover para cima",
                         "save": "Salvar",
                         "triggers": {
                             "add": "Adicionar gatilho",
@@ -1368,6 +1371,7 @@
                 },
                 "info": {
                     "built_using": "Construído usando",
+                    "caption": "Informações",
                     "custom_uis": "UIs personalizadas:",
                     "developed_by": "Desenvolvido por um monte de pessoas incríveis.",
                     "documentation": "Documentação",
@@ -1384,6 +1388,9 @@
                     "system_health_error": "O componente System Health não foi carregado. Adicione 'system_health:' ao configuration.yaml",
                     "title": "Info"
                 },
+                "integration_panel_move": {
+                    "link_integration_page": "Página de integrações"
+                },
                 "integrations": {
                     "add_integration": "Adicionar integração",
                     "caption": "Integrações",
@@ -1456,6 +1463,7 @@
                 },
                 "introduction": "Aqui é possível configurar seus componentes e Home Assistant. Nem tudo é possível configurar via UI, mas estamos trabalhando nisso.",
                 "logs": {
+                    "caption": "Logs",
                     "clear": "Limpar",
                     "details": "Detalhes do log ({Level})",
                     "load_full_log": "Carregar todos os logs do Home Assistant",
@@ -1713,8 +1721,10 @@
                 },
                 "zha": {
                     "add_device_page": {
+                        "discovered_text": "Os dispositivos descobertos aparecerão aqui.",
                         "discovery_text": "Dispositivos descobertos serão exibidos aqui. Siga as instruções para o(s) seu(s) dispositivo(s) e coloque o(s) dispositivo(s) no modo de emparelhamento.",
                         "header": "Zigbee Home Automation - Adicionar dispositivos",
+                        "pairing_mode": "Certifique-se de que seus dispositivos estão em modo de pareamento. Verifique as instruções do seu dispositivo para saber como fazer isso.",
                         "search_again": "Pesquisar novamente",
                         "spinner": "Procurando por dispositivos ZHA Zigbee…"
                     },
@@ -1722,6 +1732,7 @@
                         "caption": "Adicionar Dispositivos",
                         "description": "Adicionar dispositivos à rede Zigbee"
                     },
+                    "button": "Configurar",
                     "caption": "ZHA",
                     "cluster_attributes": {
                         "attributes_of_cluster": "Atributos do cluster selecionado",
@@ -1800,6 +1811,9 @@
                         "header": "Gerenciamento de Rede",
                         "introduction": "Comandos que afetam toda a rede"
                     },
+                    "network": {
+                        "caption": "Rede"
+                    },
                     "node_management": {
                         "header": "Gerenciamento de Dispositivos",
                         "help_node_dropdown": "Selecione um dispositivo para visualizar as opções por dispositivo.",
@@ -1839,6 +1853,7 @@
                     "no_zones_created_yet": "Parece que você ainda não criou nenhuma zona."
                 },
                 "zwave": {
+                    "button": "Configurar",
                     "caption": "",
                     "common": {
                         "index": "Índice",
@@ -1883,6 +1898,7 @@
                     "ozw_log": {
                         "header": "OZW Log",
                         "introduction": "Veja o log. 0 é o mínimo (carrega o log inteiro) e 1000 é o máximo. A carga mostrará um log estático e tail será atualizada automaticamente com o último número especificado de linhas do log.",
+                        "last_log_lines": "Número da última linhas de log",
                         "load": "Carregar"
                     },
                     "services": {
@@ -1890,9 +1906,12 @@
                         "add_node_secure": "Adicionar Nó Seguro",
                         "cancel_command": "Cancelar Comando",
                         "heal_network": "Reparar rede",
+                        "heal_node": "Repara nó",
                         "node_info": "Informações do Nó",
+                        "print_node": "Imprimir nó",
                         "refresh_entity": "Atualizar Entidade",
                         "remove_node": "Remover Nó",
+                        "replace_failed_node": "Substituir Nó com Falha",
                         "save_config": "Salvar Configuração",
                         "soft_reset": "Soft Reset",
                         "start_network": "Iniciar Rede",

From ed0e8c5e8d69fa309097758cfc36720d4fa3cf60 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Sat, 20 Jun 2020 14:52:56 +0200
Subject: [PATCH 26/30] Move MQTT dev tools to integrations (#6189)

---
 .../mqtt}/dialog-mqtt-device-debug-info.ts    | 47 +++++------
 .../{ => mqtt}/ha-device-actions-mqtt.ts      | 12 +--
 .../mqtt}/mqtt-discovery-payload.ts           |  0
 .../mqtt}/mqtt-messages.ts                    |  6 +-
 .../show-dialog-mqtt-device-debug-info.ts     |  4 +-
 .../{ => zha}/ha-device-actions-zha.ts        | 14 ++--
 .../{ => zha}/ha-device-info-zha.ts           | 10 +--
 .../config/devices/ha-config-device-page.ts   |  8 +-
 src/panels/config/ha-panel-config.ts          |  7 ++
 .../integrations/ha-integration-card.ts       |  4 +
 .../mqtt/mqtt-config-panel.ts}                | 79 +++++++++----------
 .../mqtt/mqtt-subscribe-card.ts               | 28 +++----
 .../zwave/ha-config-zwave.js                  |  4 +
 .../developer-tools/developer-tools-router.ts |  4 -
 .../ha-panel-developer-tools.ts               | 10 ---
 src/translations/en.json                      | 27 ++++---
 16 files changed, 131 insertions(+), 133 deletions(-)
 rename src/{dialogs/mqtt-device-debug-info-dialog => panels/config/devices/device-detail/integration-elements/mqtt}/dialog-mqtt-device-debug-info.ts (85%)
 rename src/panels/config/devices/device-detail/integration-elements/{ => mqtt}/ha-device-actions-mqtt.ts (72%)
 rename src/{dialogs/mqtt-device-debug-info-dialog => panels/config/devices/device-detail/integration-elements/mqtt}/mqtt-discovery-payload.ts (100%)
 rename src/{dialogs/mqtt-device-debug-info-dialog => panels/config/devices/device-detail/integration-elements/mqtt}/mqtt-messages.ts (95%)
 rename src/{dialogs/mqtt-device-debug-info-dialog => panels/config/devices/device-detail/integration-elements/mqtt}/show-dialog-mqtt-device-debug-info.ts (79%)
 rename src/panels/config/devices/device-detail/integration-elements/{ => zha}/ha-device-actions-zha.ts (85%)
 rename src/panels/config/devices/device-detail/integration-elements/{ => zha}/ha-device-info-zha.ts (86%)
 rename src/panels/{developer-tools/mqtt/developer-tools-mqtt.ts => config/integrations/integration-panels/mqtt/mqtt-config-panel.ts} (57%)
 rename src/panels/{developer-tools => config/integrations/integration-panels}/mqtt/mqtt-subscribe-card.ts (80%)

diff --git a/src/dialogs/mqtt-device-debug-info-dialog/dialog-mqtt-device-debug-info.ts b/src/panels/config/devices/device-detail/integration-elements/mqtt/dialog-mqtt-device-debug-info.ts
similarity index 85%
rename from src/dialogs/mqtt-device-debug-info-dialog/dialog-mqtt-device-debug-info.ts
rename to src/panels/config/devices/device-detail/integration-elements/mqtt/dialog-mqtt-device-debug-info.ts
index 80b3326e64..5bad83bf07 100644
--- a/src/dialogs/mqtt-device-debug-info-dialog/dialog-mqtt-device-debug-info.ts
+++ b/src/panels/config/devices/device-detail/integration-elements/mqtt/dialog-mqtt-device-debug-info.ts
@@ -8,15 +8,18 @@ import {
   property,
   TemplateResult,
 } from "lit-element";
-import { computeStateName } from "../../common/entity/compute_state_name";
-import "../../components/ha-dialog";
-import "../../components/ha-switch";
-import "../../components/ha-formfield";
-import type { HaSwitch } from "../../components/ha-switch";
-import { computeDeviceName } from "../../data/device_registry";
-import { fetchMQTTDebugInfo, MQTTDeviceDebugInfo } from "../../data/mqtt";
-import { haStyleDialog } from "../../resources/styles";
-import { HomeAssistant } from "../../types";
+import { computeStateName } from "../../../../../../common/entity/compute_state_name";
+import "../../../../../../components/ha-dialog";
+import "../../../../../../components/ha-switch";
+import "../../../../../../components/ha-formfield";
+import type { HaSwitch } from "../../../../../../components/ha-switch";
+import { computeDeviceName } from "../../../../../../data/device_registry";
+import {
+  fetchMQTTDebugInfo,
+  MQTTDeviceDebugInfo,
+} from "../../../../../../data/mqtt";
+import { haStyleDialog } from "../../../../../../resources/styles";
+import { HomeAssistant } from "../../../../../../types";
 import "./mqtt-discovery-payload";
 import "./mqtt-messages";
 import { MQTTDeviceDebugInfoDialogParams } from "./show-dialog-mqtt-device-debug-info";
@@ -187,19 +190,19 @@ class DialogMQTTDeviceDebugInfo extends LitElement {
           <li class="triggerlistitem">
             MQTT discovery data:
             <ul class="discoverydata">
-            <li>
-              Topic:
-              <code>${trigger.discovery_data.topic}</code>
-            </li>
-            <li>
-              <mqtt-discovery-payload
-                .hass=${this.hass}
-                .payload=${trigger.discovery_data.payload}
-                .showAsYaml=${this._showAsYaml}
-                .summary=${"Payload"}
-              >
-            </li>
-            </mqtt-discovery-payload>
+              <li>
+                Topic:
+                <code>${trigger.discovery_data.topic}</code>
+              </li>
+              <li>
+                <mqtt-discovery-payload
+                  .hass=${this.hass}
+                  .payload=${trigger.discovery_data.payload}
+                  .showAsYaml=${this._showAsYaml}
+                  .summary=${"Payload"}
+                >
+                </mqtt-discovery-payload>
+              </li>
             </ul>
           </li>
         `
diff --git a/src/panels/config/devices/device-detail/integration-elements/ha-device-actions-mqtt.ts b/src/panels/config/devices/device-detail/integration-elements/mqtt/ha-device-actions-mqtt.ts
similarity index 72%
rename from src/panels/config/devices/device-detail/integration-elements/ha-device-actions-mqtt.ts
rename to src/panels/config/devices/device-detail/integration-elements/mqtt/ha-device-actions-mqtt.ts
index 5ff0862c54..fd81b7bbe0 100644
--- a/src/panels/config/devices/device-detail/integration-elements/ha-device-actions-mqtt.ts
+++ b/src/panels/config/devices/device-detail/integration-elements/mqtt/ha-device-actions-mqtt.ts
@@ -7,12 +7,12 @@ import {
   TemplateResult,
   css,
 } from "lit-element";
-import { DeviceRegistryEntry } from "../../../../../data/device_registry";
-import { removeMQTTDeviceEntry } from "../../../../../data/mqtt";
-import { showConfirmationDialog } from "../../../../../dialogs/generic/show-dialog-box";
-import { showMQTTDeviceDebugInfoDialog } from "../../../../../dialogs/mqtt-device-debug-info-dialog/show-dialog-mqtt-device-debug-info";
-import { haStyle } from "../../../../../resources/styles";
-import { HomeAssistant } from "../../../../../types";
+import { DeviceRegistryEntry } from "../../../../../../data/device_registry";
+import { removeMQTTDeviceEntry } from "../../../../../../data/mqtt";
+import { showConfirmationDialog } from "../../../../../../dialogs/generic/show-dialog-box";
+import { showMQTTDeviceDebugInfoDialog } from "./show-dialog-mqtt-device-debug-info";
+import { haStyle } from "../../../../../../resources/styles";
+import { HomeAssistant } from "../../../../../../types";
 
 @customElement("ha-device-actions-mqtt")
 export class HaDeviceActionsMqtt extends LitElement {
diff --git a/src/dialogs/mqtt-device-debug-info-dialog/mqtt-discovery-payload.ts b/src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-discovery-payload.ts
similarity index 100%
rename from src/dialogs/mqtt-device-debug-info-dialog/mqtt-discovery-payload.ts
rename to src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-discovery-payload.ts
diff --git a/src/dialogs/mqtt-device-debug-info-dialog/mqtt-messages.ts b/src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-messages.ts
similarity index 95%
rename from src/dialogs/mqtt-device-debug-info-dialog/mqtt-messages.ts
rename to src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-messages.ts
index e3877c96d3..08952bfedc 100644
--- a/src/dialogs/mqtt-device-debug-info-dialog/mqtt-messages.ts
+++ b/src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-messages.ts
@@ -9,9 +9,9 @@ import {
   TemplateResult,
 } from "lit-element";
 import { classMap } from "lit-html/directives/class-map";
-import { formatTimeWithSeconds } from "../../common/datetime/format_time";
-import { HomeAssistant } from "../../types";
-import { MQTTMessage } from "../../data/mqtt";
+import { formatTimeWithSeconds } from "../../../../../../common/datetime/format_time";
+import { HomeAssistant } from "../../../../../../types";
+import { MQTTMessage } from "../../../../../../data/mqtt";
 
 @customElement("mqtt-messages")
 class MQTTMessages extends LitElement {
diff --git a/src/dialogs/mqtt-device-debug-info-dialog/show-dialog-mqtt-device-debug-info.ts b/src/panels/config/devices/device-detail/integration-elements/mqtt/show-dialog-mqtt-device-debug-info.ts
similarity index 79%
rename from src/dialogs/mqtt-device-debug-info-dialog/show-dialog-mqtt-device-debug-info.ts
rename to src/panels/config/devices/device-detail/integration-elements/mqtt/show-dialog-mqtt-device-debug-info.ts
index 92fe6554cc..8c5397f84f 100644
--- a/src/dialogs/mqtt-device-debug-info-dialog/show-dialog-mqtt-device-debug-info.ts
+++ b/src/panels/config/devices/device-detail/integration-elements/mqtt/show-dialog-mqtt-device-debug-info.ts
@@ -1,5 +1,5 @@
-import { fireEvent } from "../../common/dom/fire_event";
-import { DeviceRegistryEntry } from "../../data/device_registry";
+import { fireEvent } from "../../../../../../common/dom/fire_event";
+import { DeviceRegistryEntry } from "../../../../../../data/device_registry";
 
 export interface MQTTDeviceDebugInfoDialogParams {
   device: DeviceRegistryEntry;
diff --git a/src/panels/config/devices/device-detail/integration-elements/ha-device-actions-zha.ts b/src/panels/config/devices/device-detail/integration-elements/zha/ha-device-actions-zha.ts
similarity index 85%
rename from src/panels/config/devices/device-detail/integration-elements/ha-device-actions-zha.ts
rename to src/panels/config/devices/device-detail/integration-elements/zha/ha-device-actions-zha.ts
index 641209e782..89321d5201 100644
--- a/src/panels/config/devices/device-detail/integration-elements/ha-device-actions-zha.ts
+++ b/src/panels/config/devices/device-detail/integration-elements/zha/ha-device-actions-zha.ts
@@ -8,17 +8,17 @@ import {
   css,
   PropertyValues,
 } from "lit-element";
-import { DeviceRegistryEntry } from "../../../../../data/device_registry";
-import { haStyle } from "../../../../../resources/styles";
-import { HomeAssistant } from "../../../../../types";
+import { DeviceRegistryEntry } from "../../../../../../data/device_registry";
+import { haStyle } from "../../../../../../resources/styles";
+import { HomeAssistant } from "../../../../../../types";
 import {
   ZHADevice,
   fetchZHADevice,
   reconfigureNode,
-} from "../../../../../data/zha";
-import { navigate } from "../../../../../common/navigate";
-import { showZHADeviceZigbeeInfoDialog } from "../../../../../dialogs/zha-device-zigbee-signature-dialog/show-dialog-zha-device-zigbee-info";
-import { showConfirmationDialog } from "../../../../../dialogs/generic/show-dialog-box";
+} from "../../../../../../data/zha";
+import { navigate } from "../../../../../../common/navigate";
+import { showZHADeviceZigbeeInfoDialog } from "../../../../../../dialogs/zha-device-zigbee-signature-dialog/show-dialog-zha-device-zigbee-info";
+import { showConfirmationDialog } from "../../../../../../dialogs/generic/show-dialog-box";
 
 @customElement("ha-device-actions-zha")
 export class HaDeviceActionsZha extends LitElement {
diff --git a/src/panels/config/devices/device-detail/integration-elements/ha-device-info-zha.ts b/src/panels/config/devices/device-detail/integration-elements/zha/ha-device-info-zha.ts
similarity index 86%
rename from src/panels/config/devices/device-detail/integration-elements/ha-device-info-zha.ts
rename to src/panels/config/devices/device-detail/integration-elements/zha/ha-device-info-zha.ts
index 822cbc0f82..d84e3ecb0c 100644
--- a/src/panels/config/devices/device-detail/integration-elements/ha-device-info-zha.ts
+++ b/src/panels/config/devices/device-detail/integration-elements/zha/ha-device-info-zha.ts
@@ -8,11 +8,11 @@ import {
   css,
   PropertyValues,
 } from "lit-element";
-import { DeviceRegistryEntry } from "../../../../../data/device_registry";
-import { haStyle } from "../../../../../resources/styles";
-import { HomeAssistant } from "../../../../../types";
-import { ZHADevice, fetchZHADevice } from "../../../../../data/zha";
-import { formatAsPaddedHex } from "../../../integrations/integration-panels/zha/functions";
+import { DeviceRegistryEntry } from "../../../../../../data/device_registry";
+import { haStyle } from "../../../../../../resources/styles";
+import { HomeAssistant } from "../../../../../../types";
+import { ZHADevice, fetchZHADevice } from "../../../../../../data/zha";
+import { formatAsPaddedHex } from "../../../../integrations/integration-panels/zha/functions";
 
 @customElement("ha-device-info-zha")
 export class HaDeviceActionsZha extends LitElement {
diff --git a/src/panels/config/devices/ha-config-device-page.ts b/src/panels/config/devices/ha-config-device-page.ts
index 8248cc0f29..41f7906f0b 100644
--- a/src/panels/config/devices/ha-config-device-page.ts
+++ b/src/panels/config/devices/ha-config-device-page.ts
@@ -477,7 +477,9 @@ export class HaConfigDevicePage extends LitElement {
   ): TemplateResult[] {
     const templates: TemplateResult[] = [];
     if (integrations.includes("mqtt")) {
-      import("./device-detail/integration-elements/ha-device-actions-mqtt");
+      import(
+        "./device-detail/integration-elements/mqtt/ha-device-actions-mqtt"
+      );
       templates.push(html`
         <div class="card-actions" slot="actions">
           <ha-device-actions-mqtt
@@ -488,8 +490,8 @@ export class HaConfigDevicePage extends LitElement {
       `);
     }
     if (integrations.includes("zha")) {
-      import("./device-detail/integration-elements/ha-device-actions-zha");
-      import("./device-detail/integration-elements/ha-device-info-zha");
+      import("./device-detail/integration-elements/zha/ha-device-actions-zha");
+      import("./device-detail/integration-elements/zha/ha-device-info-zha");
       templates.push(html`
         <ha-device-info-zha
           .hass=${this.hass}
diff --git a/src/panels/config/ha-panel-config.ts b/src/panels/config/ha-panel-config.ts
index a2a7fc05ea..deebb5f057 100644
--- a/src/panels/config/ha-panel-config.ts
+++ b/src/panels/config/ha-panel-config.ts
@@ -323,6 +323,13 @@ class HaPanelConfig extends HassRouterPage {
             /* webpackChunkName: "panel-config-zwave" */ "./integrations/integration-panels/zwave/ha-config-zwave"
           ),
       },
+      mqtt: {
+        tag: "mqtt-config-panel",
+        load: () =>
+          import(
+            /* webpackChunkName: "panel-config-mqtt" */ "./integrations/integration-panels/mqtt/mqtt-config-panel"
+          ),
+      },
     },
   };
 
diff --git a/src/panels/config/integrations/ha-integration-card.ts b/src/panels/config/integrations/ha-integration-card.ts
index a23adbd43f..962a4ab519 100644
--- a/src/panels/config/integrations/ha-integration-card.ts
+++ b/src/panels/config/integrations/ha-integration-card.ts
@@ -46,6 +46,10 @@ declare global {
 }
 
 const integrationsWithPanel = {
+  mqtt: {
+    buttonLocalizeKey: "ui.panel.config.mqtt.button",
+    path: "/config/mqtt",
+  },
   zha: {
     buttonLocalizeKey: "ui.panel.config.zha.button",
     path: "/config/zha/dashboard",
diff --git a/src/panels/developer-tools/mqtt/developer-tools-mqtt.ts b/src/panels/config/integrations/integration-panels/mqtt/mqtt-config-panel.ts
similarity index 57%
rename from src/panels/developer-tools/mqtt/developer-tools-mqtt.ts
rename to src/panels/config/integrations/integration-panels/mqtt/mqtt-config-panel.ts
index 5ed1c38b88..37a7d883de 100644
--- a/src/panels/developer-tools/mqtt/developer-tools-mqtt.ts
+++ b/src/panels/config/integrations/integration-panels/mqtt/mqtt-config-panel.ts
@@ -9,13 +9,14 @@ import {
   property,
   TemplateResult,
 } from "lit-element";
-import "../../../components/ha-card";
-import "../../../components/ha-code-editor";
-import { haStyle } from "../../../resources/styles";
-import { HomeAssistant } from "../../../types";
+import "../../../../../components/ha-card";
+import "../../../../../components/ha-code-editor";
+import { haStyle } from "../../../../../resources/styles";
+import { HomeAssistant } from "../../../../../types";
 import "./mqtt-subscribe-card";
+import "../../../../../layouts/hass-subpage";
 
-@customElement("developer-tools-mqtt")
+@customElement("mqtt-config-panel")
 class HaPanelDevMqtt extends LitElement {
   @property() public hass!: HomeAssistant;
 
@@ -37,43 +38,41 @@ class HaPanelDevMqtt extends LitElement {
 
   protected render(): TemplateResult {
     return html`
-      <div class="content">
-        <ha-card
-          header="${this.hass.localize(
-            "ui.panel.developer-tools.tabs.mqtt.description_publish"
-          )}"
-        >
-          <div class="card-content">
-            <paper-input
-              label="${this.hass.localize(
-                "ui.panel.developer-tools.tabs.mqtt.topic"
-              )}"
-              .value=${this.topic}
-              @value-changed=${this._handleTopic}
-            ></paper-input>
+      <hass-subpage>
+        <div class="content">
+          <ha-card
+            header="${this.hass.localize(
+              "ui.panel.config.mqtt.description_publish"
+            )}"
+          >
+            <div class="card-content">
+              <paper-input
+                label="${this.hass.localize("ui.panel.config.mqtt.topic")}"
+                .value=${this.topic}
+                @value-changed=${this._handleTopic}
+              ></paper-input>
 
-            <p>
-              ${this.hass.localize(
-                "ui.panel.developer-tools.tabs.mqtt.payload"
-              )}
-            </p>
-            <ha-code-editor
-              mode="jinja2"
-              .value="${this.payload}"
-              @value-changed=${this._handlePayload}
-            ></ha-code-editor>
-          </div>
-          <div class="card-actions">
-            <mwc-button @click=${this._publish}
-              >${this.hass.localize(
-                "ui.panel.developer-tools.tabs.mqtt.publish"
-              )}</mwc-button
-            >
-          </div>
-        </ha-card>
+              <p>
+                ${this.hass.localize("ui.panel.config.mqtt.payload")}
+              </p>
+              <ha-code-editor
+                mode="jinja2"
+                .value="${this.payload}"
+                @value-changed=${this._handlePayload}
+              ></ha-code-editor>
+            </div>
+            <div class="card-actions">
+              <mwc-button @click=${this._publish}
+                >${this.hass.localize(
+                  "ui.panel.config.mqtt.publish"
+                )}</mwc-button
+              >
+            </div>
+          </ha-card>
 
-        <mqtt-subscribe-card .hass=${this.hass}></mqtt-subscribe-card>
-      </div>
+          <mqtt-subscribe-card .hass=${this.hass}></mqtt-subscribe-card>
+        </div>
+      </hass-subpage>
     `;
   }
 
diff --git a/src/panels/developer-tools/mqtt/mqtt-subscribe-card.ts b/src/panels/config/integrations/integration-panels/mqtt/mqtt-subscribe-card.ts
similarity index 80%
rename from src/panels/developer-tools/mqtt/mqtt-subscribe-card.ts
rename to src/panels/config/integrations/integration-panels/mqtt/mqtt-subscribe-card.ts
index 0c65086c02..98652360fd 100644
--- a/src/panels/developer-tools/mqtt/mqtt-subscribe-card.ts
+++ b/src/panels/config/integrations/integration-panels/mqtt/mqtt-subscribe-card.ts
@@ -9,10 +9,10 @@ import {
   property,
   TemplateResult,
 } from "lit-element";
-import { formatTime } from "../../../common/datetime/format_time";
-import "../../../components/ha-card";
-import { MQTTMessage, subscribeMQTTTopic } from "../../../data/mqtt";
-import { HomeAssistant } from "../../../types";
+import { formatTime } from "../../../../../common/datetime/format_time";
+import "../../../../../components/ha-card";
+import { MQTTMessage, subscribeMQTTTopic } from "../../../../../data/mqtt";
+import { HomeAssistant } from "../../../../../types";
 
 @customElement("mqtt-subscribe-card")
 class MqttSubscribeCard extends LitElement {
@@ -43,18 +43,14 @@ class MqttSubscribeCard extends LitElement {
     return html`
       <ha-card
         header="${this.hass.localize(
-          "ui.panel.developer-tools.tabs.mqtt.description_listen"
+          "ui.panel.config.mqtt.description_listen"
         )}"
       >
         <form>
           <paper-input
             .label=${this._subscribed
-              ? this.hass.localize(
-                  "ui.panel.developer-tools.tabs.mqtt.listening_to"
-                )
-              : this.hass.localize(
-                  "ui.panel.developer-tools.tabs.mqtt.subscribe_to"
-                )}
+              ? this.hass.localize("ui.panel.config.mqtt.listening_to")
+              : this.hass.localize("ui.panel.config.mqtt.subscribe_to")}
             .disabled=${this._subscribed !== undefined}
             .value=${this._topic}
             @value-changed=${this._valueChanged}
@@ -65,12 +61,8 @@ class MqttSubscribeCard extends LitElement {
             type="submit"
           >
             ${this._subscribed
-              ? this.hass.localize(
-                  "ui.panel.developer-tools.tabs.mqtt.stop_listening"
-                )
-              : this.hass.localize(
-                  "ui.panel.developer-tools.tabs.mqtt.start_listening"
-                )}
+              ? this.hass.localize("ui.panel.config.mqtt.stop_listening")
+              : this.hass.localize("ui.panel.config.mqtt.start_listening")}
           </mwc-button>
         </form>
         <div class="events">
@@ -78,7 +70,7 @@ class MqttSubscribeCard extends LitElement {
             (msg) => html`
               <div class="event">
                 ${this.hass.localize(
-                  "ui.panel.developer-tools.tabs.mqtt.message_received",
+                  "ui.panel.config.mqtt.message_received",
                   "id",
                   msg.id,
                   "topic",
diff --git a/src/panels/config/integrations/integration-panels/zwave/ha-config-zwave.js b/src/panels/config/integrations/integration-panels/zwave/ha-config-zwave.js
index a292ccab6f..8e28351bef 100644
--- a/src/panels/config/integrations/integration-panels/zwave/ha-config-zwave.js
+++ b/src/panels/config/integrations/integration-panels/zwave/ha-config-zwave.js
@@ -38,6 +38,10 @@ class HaConfigZwave extends LocalizeMixin(EventsMixin(PolymerElement)) {
   static get template() {
     return html`
       <style include="iron-flex ha-style ha-form-style">
+        app-toolbar {
+          border-bottom: 1px solid var(--divider-color);
+        }
+
         .content {
           margin-top: 24px;
         }
diff --git a/src/panels/developer-tools/developer-tools-router.ts b/src/panels/developer-tools/developer-tools-router.ts
index ca9bc9efdf..26337446b3 100644
--- a/src/panels/developer-tools/developer-tools-router.ts
+++ b/src/panels/developer-tools/developer-tools-router.ts
@@ -25,10 +25,6 @@ class DeveloperToolsRouter extends HassRouterPage {
         tag: "developer-tools-event",
         load: () => import("./event/developer-tools-event"),
       },
-      mqtt: {
-        tag: "developer-tools-mqtt",
-        load: () => import("./mqtt/developer-tools-mqtt"),
-      },
       service: {
         tag: "developer-tools-service",
         load: () => import("./service/developer-tools-service"),
diff --git a/src/panels/developer-tools/ha-panel-developer-tools.ts b/src/panels/developer-tools/ha-panel-developer-tools.ts
index 4ff9f8edad..00aaedb3c0 100644
--- a/src/panels/developer-tools/ha-panel-developer-tools.ts
+++ b/src/panels/developer-tools/ha-panel-developer-tools.ts
@@ -13,7 +13,6 @@ import {
   property,
   TemplateResult,
 } from "lit-element";
-import { isComponentLoaded } from "../../common/config/is_component_loaded";
 import scrollToTarget from "../../common/dom/scroll-to-target";
 import { navigate } from "../../common/navigate";
 import "../../components/ha-menu-button";
@@ -72,15 +71,6 @@ class PanelDeveloperTools extends LitElement {
                 "ui.panel.developer-tools.tabs.events.title"
               )}
             </paper-tab>
-            ${isComponentLoaded(this.hass, "mqtt")
-              ? html`
-                  <paper-tab page-name="mqtt">
-                    ${this.hass.localize(
-                      "ui.panel.developer-tools.tabs.mqtt.title"
-                    )}
-                  </paper-tab>
-                `
-              : ""}
           </paper-tabs>
         </app-header>
         <developer-tools-router
diff --git a/src/translations/en.json b/src/translations/en.json
index 25f1934c53..bb9faf01ba 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -1506,6 +1506,20 @@
             "create": "Create"
           }
         },
+        "mqtt": {
+          "button": "Configure",
+          "title": "MQTT",
+          "description_publish": "Publish a packet",
+          "topic": "topic",
+          "payload": "Payload (template allowed)",
+          "publish": "Publish",
+          "description_listen": "Listen to a topic",
+          "listening_to": "Listening to",
+          "subscribe_to": "Topic to subscribe to",
+          "start_listening": "Start listening",
+          "stop_listening": "Stop listening",
+          "message_received": "Message {id} received on {topic} at {time}:"
+        },
         "zha": {
           "button": "Configure",
           "header": "Configure Zigbee Home Automation",
@@ -2299,19 +2313,6 @@
             "alert_event_type": "Event type is a mandatory field",
             "notification_event_fired": "Event {type} successful fired!"
           },
-          "mqtt": {
-            "title": "MQTT",
-            "description_publish": "Publish a packet",
-            "topic": "topic",
-            "payload": "Payload (template allowed)",
-            "publish": "Publish",
-            "description_listen": "Listen to a topic",
-            "listening_to": "Listening to",
-            "subscribe_to": "Topic to subscribe to",
-            "start_listening": "Start listening",
-            "stop_listening": "Stop listening",
-            "message_received": "Message {id} received on {topic} at {time}:"
-          },
           "services": {
             "title": "Services",
             "description": "The service dev tool allows you to call any available service in Home Assistant.",

From b9d6973a79fe4c5ef7814ef113e1e60c42be2e95 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Sat, 20 Jun 2020 15:38:27 +0200
Subject: [PATCH 27/30] ZHA: Bring back clusters UI (#6191)

---
 .../zha/ha-device-actions-zha.ts              |  12 +-
 .../zha/dialog-zha-cluster.ts                 | 143 ++++++++++++++++++
 .../zha}/dialog-zha-device-zigbee-info.ts     |   8 +-
 .../zha/show-dialog-zha-cluster.ts            |  22 +++
 .../show-dialog-zha-device-zigbee-info.ts     |   4 +-
 .../integration-panels/zha/zha-clusters.ts    |   3 -
 src/translations/en.json                      |   1 +
 7 files changed, 183 insertions(+), 10 deletions(-)
 create mode 100644 src/panels/config/integrations/integration-panels/zha/dialog-zha-cluster.ts
 rename src/{dialogs/zha-device-zigbee-signature-dialog => panels/config/integrations/integration-panels/zha}/dialog-zha-device-zigbee-info.ts (85%)
 create mode 100644 src/panels/config/integrations/integration-panels/zha/show-dialog-zha-cluster.ts
 rename src/{dialogs/zha-device-zigbee-signature-dialog => panels/config/integrations/integration-panels/zha}/show-dialog-zha-device-zigbee-info.ts (82%)

diff --git a/src/panels/config/devices/device-detail/integration-elements/zha/ha-device-actions-zha.ts b/src/panels/config/devices/device-detail/integration-elements/zha/ha-device-actions-zha.ts
index 89321d5201..16d47f8b05 100644
--- a/src/panels/config/devices/device-detail/integration-elements/zha/ha-device-actions-zha.ts
+++ b/src/panels/config/devices/device-detail/integration-elements/zha/ha-device-actions-zha.ts
@@ -17,8 +17,9 @@ import {
   reconfigureNode,
 } from "../../../../../../data/zha";
 import { navigate } from "../../../../../../common/navigate";
-import { showZHADeviceZigbeeInfoDialog } from "../../../../../../dialogs/zha-device-zigbee-signature-dialog/show-dialog-zha-device-zigbee-info";
+import { showZHADeviceZigbeeInfoDialog } from "../../../../integrations/integration-panels/zha/show-dialog-zha-device-zigbee-info";
 import { showConfirmationDialog } from "../../../../../../dialogs/generic/show-dialog-box";
+import { showZHAClusterDialog } from "../../../../integrations/integration-panels/zha/show-dialog-zha-cluster";
 
 @customElement("ha-device-actions-zha")
 export class HaDeviceActionsZha extends LitElement {
@@ -72,6 +73,11 @@ export class HaDeviceActionsZha extends LitElement {
                 "ui.dialogs.zha_device_info.buttons.zigbee_information"
               )}
             </mwc-button>
+            <mwc-button @click=${this._showClustersDialog}>
+              ${this.hass!.localize(
+                "ui.dialogs.zha_device_info.buttons.clusters"
+              )}
+            </mwc-button>
             <mwc-button class="warning" @click=${this._removeDevice}>
               ${this.hass!.localize(
                 "ui.dialogs.zha_device_info.buttons.remove"
@@ -82,6 +88,10 @@ export class HaDeviceActionsZha extends LitElement {
     `;
   }
 
+  private async _showClustersDialog(): Promise<void> {
+    await showZHAClusterDialog(this, { device: this._zhaDevice! });
+  }
+
   private async _onReconfigureNodeClick(): Promise<void> {
     if (!this.hass) {
       return;
diff --git a/src/panels/config/integrations/integration-panels/zha/dialog-zha-cluster.ts b/src/panels/config/integrations/integration-panels/zha/dialog-zha-cluster.ts
new file mode 100644
index 0000000000..52898f33f7
--- /dev/null
+++ b/src/panels/config/integrations/integration-panels/zha/dialog-zha-cluster.ts
@@ -0,0 +1,143 @@
+import {
+  CSSResult,
+  customElement,
+  html,
+  LitElement,
+  property,
+  TemplateResult,
+  PropertyValues,
+} from "lit-element";
+import "../../../../../components/ha-code-editor";
+import { createCloseHeading } from "../../../../../components/ha-dialog";
+import { haStyleDialog } from "../../../../../resources/styles";
+import { HomeAssistant } from "../../../../../types";
+import { ZHADeviceZigbeeInfoDialogParams } from "./show-dialog-zha-device-zigbee-info";
+import {
+  ZHADevice,
+  Cluster,
+  ZHAGroup,
+  fetchBindableDevices,
+  fetchGroups,
+} from "../../../../../data/zha";
+import { ZHAClusterSelectedParams } from "./types";
+import "./zha-cluster-attributes";
+import "./zha-cluster-commands";
+import "./zha-clusters";
+import "./zha-device-binding";
+import "./zha-group-binding";
+import { HASSDomEvent } from "../../../../../common/dom/fire_event";
+import { sortZHADevices, sortZHAGroups } from "./functions";
+
+@customElement("dialog-zha-cluster")
+class DialogZHACluster extends LitElement {
+  @property() public hass!: HomeAssistant;
+
+  @property() private _device?: ZHADevice;
+
+  @property() private _selectedCluster?: Cluster;
+
+  @property() private _bindableDevices: ZHADevice[] = [];
+
+  @property() private _groups: ZHAGroup[] = [];
+
+  public async showDialog(
+    params: ZHADeviceZigbeeInfoDialogParams
+  ): Promise<void> {
+    this._device = params.device;
+  }
+
+  protected updated(changedProperties: PropertyValues): void {
+    super.update(changedProperties);
+    if (changedProperties.has("_device")) {
+      this._fetchData();
+    }
+  }
+
+  protected render(): TemplateResult {
+    if (!this._device) {
+      return html``;
+    }
+
+    return html`
+      <ha-dialog
+        open
+        hideActions
+        @closing="${this._close}"
+        .heading=${createCloseHeading(
+          this.hass,
+          this.hass.localize("ui.panel.config.zha.clusters.header")
+        )}
+      >
+        <zha-clusters
+          .hass=${this.hass}
+          .selectedDevice="${this._device}"
+          @zha-cluster-selected="${this._onClusterSelected}"
+        ></zha-clusters>
+        ${this._selectedCluster
+          ? html`
+              <zha-cluster-attributes
+                .hass=${this.hass}
+                .selectedNode="${this._device}"
+                .selectedCluster="${this._selectedCluster}"
+              ></zha-cluster-attributes>
+              <zha-cluster-commands
+                .hass=${this.hass}
+                .selectedNode="${this._device}"
+                .selectedCluster="${this._selectedCluster}"
+              ></zha-cluster-commands>
+            `
+          : ""}
+        ${this._bindableDevices.length > 0
+          ? html`
+              <zha-device-binding-control
+                .hass=${this.hass}
+                .selectedDevice="${this._device}"
+                .bindableDevices="${this._bindableDevices}"
+              ></zha-device-binding-control>
+            `
+          : ""}
+        ${this._device && this._groups.length > 0
+          ? html`
+              <zha-group-binding-control
+                .hass=${this.hass}
+                .selectedDevice="${this._device}"
+                .groups="${this._groups}"
+              ></zha-group-binding-control>
+            `
+          : ""}
+      </ha-dialog>
+    `;
+  }
+
+  private _onClusterSelected(
+    selectedClusterEvent: HASSDomEvent<ZHAClusterSelectedParams>
+  ): void {
+    this._selectedCluster = selectedClusterEvent.detail.cluster;
+  }
+
+  private _close(): void {
+    this._device = undefined;
+  }
+
+  private async _fetchData(): Promise<void> {
+    if (this._device && this.hass) {
+      this._bindableDevices =
+        this._device && this._device.device_type !== "Coordinator"
+          ? (await fetchBindableDevices(this.hass, this._device.ieee)).sort(
+              sortZHADevices
+            )
+          : [];
+      this._groups = (await fetchGroups(this.hass!)).sort(sortZHAGroups);
+    }
+  }
+
+  static get styles(): CSSResult {
+    return haStyleDialog;
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "dialog-zha-cluster": DialogZHACluster;
+  }
+}
diff --git a/src/dialogs/zha-device-zigbee-signature-dialog/dialog-zha-device-zigbee-info.ts b/src/panels/config/integrations/integration-panels/zha/dialog-zha-device-zigbee-info.ts
similarity index 85%
rename from src/dialogs/zha-device-zigbee-signature-dialog/dialog-zha-device-zigbee-info.ts
rename to src/panels/config/integrations/integration-panels/zha/dialog-zha-device-zigbee-info.ts
index 0ba57e4c40..f1a921ddd5 100644
--- a/src/dialogs/zha-device-zigbee-signature-dialog/dialog-zha-device-zigbee-info.ts
+++ b/src/panels/config/integrations/integration-panels/zha/dialog-zha-device-zigbee-info.ts
@@ -6,10 +6,10 @@ import {
   property,
   TemplateResult,
 } from "lit-element";
-import "../../components/ha-code-editor";
-import { createCloseHeading } from "../../components/ha-dialog";
-import { haStyleDialog } from "../../resources/styles";
-import { HomeAssistant } from "../../types";
+import "../../../../../components/ha-code-editor";
+import { createCloseHeading } from "../../../../../components/ha-dialog";
+import { haStyleDialog } from "../../../../../resources/styles";
+import { HomeAssistant } from "../../../../../types";
 import { ZHADeviceZigbeeInfoDialogParams } from "./show-dialog-zha-device-zigbee-info";
 
 @customElement("dialog-zha-device-zigbee-info")
diff --git a/src/panels/config/integrations/integration-panels/zha/show-dialog-zha-cluster.ts b/src/panels/config/integrations/integration-panels/zha/show-dialog-zha-cluster.ts
new file mode 100644
index 0000000000..ae3549dc01
--- /dev/null
+++ b/src/panels/config/integrations/integration-panels/zha/show-dialog-zha-cluster.ts
@@ -0,0 +1,22 @@
+import { fireEvent } from "../../../../../common/dom/fire_event";
+import { ZHADevice } from "../../../../../data/zha";
+
+export interface ZHAClusterDialogParams {
+  device: ZHADevice;
+}
+
+export const loadZHAClusterDialog = () =>
+  import(
+    /* webpackChunkName: "dialog-zha-device-zigbee-info" */ "./dialog-zha-cluster"
+  );
+
+export const showZHAClusterDialog = (
+  element: HTMLElement,
+  params: ZHAClusterDialogParams
+): void => {
+  fireEvent(element, "show-dialog", {
+    dialogTag: "dialog-zha-cluster",
+    dialogImport: loadZHAClusterDialog,
+    dialogParams: params,
+  });
+};
diff --git a/src/dialogs/zha-device-zigbee-signature-dialog/show-dialog-zha-device-zigbee-info.ts b/src/panels/config/integrations/integration-panels/zha/show-dialog-zha-device-zigbee-info.ts
similarity index 82%
rename from src/dialogs/zha-device-zigbee-signature-dialog/show-dialog-zha-device-zigbee-info.ts
rename to src/panels/config/integrations/integration-panels/zha/show-dialog-zha-device-zigbee-info.ts
index 26df394b7a..ff96e2ea70 100644
--- a/src/dialogs/zha-device-zigbee-signature-dialog/show-dialog-zha-device-zigbee-info.ts
+++ b/src/panels/config/integrations/integration-panels/zha/show-dialog-zha-device-zigbee-info.ts
@@ -1,5 +1,5 @@
-import { fireEvent } from "../../common/dom/fire_event";
-import { ZHADevice } from "../../data/zha";
+import { fireEvent } from "../../../../../common/dom/fire_event";
+import { ZHADevice } from "../../../../../data/zha";
 
 export interface ZHADeviceZigbeeInfoDialogParams {
   device: ZHADevice;
diff --git a/src/panels/config/integrations/integration-panels/zha/zha-clusters.ts b/src/panels/config/integrations/integration-panels/zha/zha-clusters.ts
index c47232bf71..80789264ea 100644
--- a/src/panels/config/integrations/integration-panels/zha/zha-clusters.ts
+++ b/src/panels/config/integrations/integration-panels/zha/zha-clusters.ts
@@ -64,9 +64,6 @@ export class ZHAClusters extends LitElement {
     return html`
       <ha-config-section .isWide="${this.isWide}">
         <div class="header" slot="header">
-          <span>
-            ${this.hass!.localize("ui.panel.config.zha.clusters.header")}
-          </span>
           <ha-icon-button
             class="toggle-help-icon"
             @click="${this._onHelpTap}"
diff --git a/src/translations/en.json b/src/translations/en.json
index bb9faf01ba..395cef344d 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -443,6 +443,7 @@
         "buttons": {
           "add": "Add Devices via this device",
           "remove": "Remove Device",
+          "clusters": "Manage Clusters",
           "reconfigure": "Reconfigure Device",
           "zigbee_information": "Zigbee device signature"
         },

From 7a13242077d0722fc9f415677b8326c8d12598d0 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Sat, 20 Jun 2020 15:39:52 +0200
Subject: [PATCH 28/30] Logbook + History allow date/time filter (#6192)

Co-authored-by: Paulus Schoutsen <balloob@gmail.com>
---
 package.json                                  |   3 +
 src/components/date-range-picker.ts           | 228 ++++++++++++++
 src/components/ha-date-range-picker.ts        | 195 ++++++++++++
 src/data/logbook.ts                           |  59 ++++
 src/panels/history/ha-panel-history.js        | 215 -------------
 src/panels/history/ha-panel-history.ts        | 204 +++++++++++++
 src/panels/logbook/ha-logbook-data.js         | 120 --------
 src/panels/logbook/ha-panel-logbook.js        | 283 ------------------
 src/panels/logbook/ha-panel-logbook.ts        | 279 +++++++++++++++++
 .../lovelace/cards/hui-history-graph-card.ts  |   1 -
 src/translations/en.json                      |  23 +-
 yarn.lock                                     |  17 ++
 12 files changed, 1003 insertions(+), 624 deletions(-)
 create mode 100644 src/components/date-range-picker.ts
 create mode 100644 src/components/ha-date-range-picker.ts
 delete mode 100644 src/panels/history/ha-panel-history.js
 create mode 100644 src/panels/history/ha-panel-history.ts
 delete mode 100644 src/panels/logbook/ha-logbook-data.js
 delete mode 100644 src/panels/logbook/ha-panel-logbook.js
 create mode 100644 src/panels/logbook/ha-panel-logbook.ts

diff --git a/package.json b/package.json
index 78d0f054ff..24a13c5954 100644
--- a/package.json
+++ b/package.json
@@ -74,6 +74,7 @@
     "@thomasloven/round-slider": "0.5.0",
     "@vaadin/vaadin-combo-box": "^5.0.10",
     "@vaadin/vaadin-date-picker": "^4.0.7",
+    "@vue/web-component-wrapper": "^1.2.0",
     "@webcomponents/webcomponentsjs": "^2.2.7",
     "chart.js": "~2.8.0",
     "chartjs-chart-timeline": "^0.3.0",
@@ -106,6 +107,8 @@
     "roboto-fontface": "^0.10.0",
     "superstruct": "^0.6.1",
     "unfetch": "^4.1.0",
+    "vue": "^2.6.11",
+    "vue2-daterange-picker": "^0.5.1",
     "web-animations-js": "^2.3.2",
     "workbox-core": "^5.1.3",
     "workbox-precaching": "^5.1.3",
diff --git a/src/components/date-range-picker.ts b/src/components/date-range-picker.ts
new file mode 100644
index 0000000000..48dd936f91
--- /dev/null
+++ b/src/components/date-range-picker.ts
@@ -0,0 +1,228 @@
+import Vue from "vue";
+import wrap from "@vue/web-component-wrapper";
+import DateRangePicker from "vue2-daterange-picker";
+// @ts-ignore
+import dateRangePickerStyles from "vue2-daterange-picker/dist/vue2-daterange-picker.css";
+import { fireEvent } from "../common/dom/fire_event";
+import { Constructor } from "../types";
+import { customElement } from "lit-element/lib/decorators";
+
+const Component = Vue.extend({
+  props: {
+    twentyfourHours: {
+      type: Boolean,
+      default: true,
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    ranges: {
+      type: Boolean,
+      default: true,
+    },
+    startDate: {
+      type: [String, Date],
+      default() {
+        return new Date();
+      },
+    },
+    endDate: {
+      type: [String, Date],
+      default() {
+        return new Date();
+      },
+    },
+  },
+  render(createElement) {
+    // @ts-ignore
+    return createElement(DateRangePicker, {
+      props: {
+        "time-picker": true,
+        "auto-apply": false,
+        opens: "right",
+        "show-dropdowns": false,
+        "time-picker24-hour": this.twentyfourHours,
+        disabled: this.disabled,
+        ranges: this.ranges ? {} : false,
+      },
+      model: {
+        value: {
+          startDate: this.startDate,
+          endDate: this.endDate,
+        },
+        callback: (value) => {
+          // @ts-ignore
+          fireEvent(this.$el as HTMLElement, "change", value);
+        },
+        expression: "dateRange",
+      },
+      scopedSlots: {
+        input() {
+          return createElement("slot", {
+            domProps: { name: "input" },
+          });
+        },
+        header() {
+          return createElement("slot", {
+            domProps: { name: "header" },
+          });
+        },
+        ranges() {
+          return createElement("slot", {
+            domProps: { name: "ranges" },
+          });
+        },
+        footer() {
+          return createElement("slot", {
+            domProps: { name: "footer" },
+          });
+        },
+      },
+    });
+  },
+});
+
+const WrappedElement: Constructor<HTMLElement> = wrap(Vue, Component);
+
+@customElement("date-range-picker")
+class DateRangePickerElement extends WrappedElement {
+  constructor() {
+    super();
+    const style = document.createElement("style");
+    style.innerHTML = `
+          ${dateRangePickerStyles}
+          .calendars {
+            display: flex;
+          }
+          .daterangepicker {
+            left: 0px !important;
+            top: auto;
+            background-color: var(--card-background-color);
+            border: none;
+            border-radius: var(--ha-card-border-radius, 4px);
+            box-shadow: var(
+              --ha-card-box-shadow,
+              0px 2px 1px -1px rgba(0, 0, 0, 0.2),
+              0px 1px 1px 0px rgba(0, 0, 0, 0.14),
+              0px 1px 3px 0px rgba(0, 0, 0, 0.12)
+            );
+            color: var(--primary-text-color);
+            min-width: initial !important;
+          }
+          .daterangepicker:after {
+            border-bottom: 6px solid var(--card-background-color);
+          }
+          .daterangepicker .calendar-table {
+            background-color: var(--card-background-color);
+            border: none;
+          }
+          .daterangepicker .calendar-table td,
+          .daterangepicker .calendar-table th {
+            background-color: transparent;
+            color: var(--secondary-text-color);
+            border-radius: 0;
+            outline: none;
+            width: 32px;
+            height: 32px;
+          }
+          .daterangepicker td.off,
+          .daterangepicker td.off.end-date,
+          .daterangepicker td.off.in-range,
+          .daterangepicker td.off.start-date {
+            background-color: var(--secondary-background-color);
+            color: var(--disabled-text-color);
+          }
+          .daterangepicker td.in-range {
+            background-color: var(--light-primary-color);
+            color: var(--primary-text-color);
+          }
+          .daterangepicker td.active,
+          .daterangepicker td.active:hover {
+            background-color: var(--primary-color);
+            color: var(--text-primary-color);
+          }
+          .daterangepicker td.start-date.end-date {
+            border-radius: 50%;
+          }
+          .daterangepicker td.start-date {
+            border-radius: 50% 0 0 50%;
+          }
+          .daterangepicker td.end-date {
+            border-radius: 0 50% 50% 0;
+          }
+          .reportrange-text {
+            background: none !important;
+            padding: 0 !important;
+            border: none !important;
+          }
+          .daterangepicker .calendar-table .next span,
+          .daterangepicker .calendar-table .prev span {
+            border: solid var(--primary-text-color);
+            border-width: 0 2px 2px 0;
+          }
+          .daterangepicker .ranges li {
+            outline: none;
+          }
+          .daterangepicker .ranges li:hover {
+            background-color: var(--secondary-background-color);
+          }
+          .daterangepicker .ranges li.active {
+            background-color: var(--primary-color);
+            color: var(--text-primary-color);
+          }
+          .daterangepicker select.ampmselect,
+          .daterangepicker select.hourselect,
+          .daterangepicker select.minuteselect,
+          .daterangepicker select.secondselect {
+            background: transparent;
+            border: 1px solid var(--divider-color);
+            color: var(--primary-color);
+          }
+          .daterangepicker .drp-buttons .btn {
+            border: 1px solid var(--primary-color);
+            background-color: transparent;
+            color: var(--primary-color);
+            border-radius: 4px;
+            padding: 8px;
+            cursor: pointer;
+          }
+          .calendars-container {
+            flex-direction: column;
+            align-items: center;
+          }
+          .drp-calendar.col.right .calendar-table {
+            display: none;
+          }
+          .daterangepicker.show-ranges .drp-calendar.left {
+            border-left: 0px;
+          }
+          .daterangepicker .drp-calendar.left {
+            padding: 8px;
+          }
+          .daterangepicker.show-calendar .ranges {
+            margin-top: 0;
+            padding-top: 8px;
+            border-right: 1px solid var(--divider-color);
+          }
+          @media only screen and (max-width: 800px) {
+            .calendars {
+              flex-direction: column;
+            }
+          }
+          .calendar-table {
+            padding: 0 !important;
+          }     
+        `;
+    const shadowRoot = this.shadowRoot!;
+    shadowRoot.appendChild(style);
+    // Stop click events from reaching the document, otherwise it will close the picker immediately.
+    shadowRoot.addEventListener("click", (ev) => ev.stopPropagation());
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "date-range-picker": DateRangePickerElement;
+  }
+}
diff --git a/src/components/ha-date-range-picker.ts b/src/components/ha-date-range-picker.ts
new file mode 100644
index 0000000000..66bb2f1eae
--- /dev/null
+++ b/src/components/ha-date-range-picker.ts
@@ -0,0 +1,195 @@
+import {
+  css,
+  CSSResult,
+  customElement,
+  html,
+  LitElement,
+  property,
+  TemplateResult,
+  PropertyValues,
+} from "lit-element";
+import { HomeAssistant } from "../types";
+import { mdiCalendar } from "@mdi/js";
+import { formatDateTime } from "../common/datetime/format_date_time";
+import "@material/mwc-button/mwc-button";
+import "@material/mwc-list/mwc-list-item";
+import "./ha-svg-icon";
+import "@polymer/paper-input/paper-input";
+import "@material/mwc-list/mwc-list";
+import "./date-range-picker";
+
+export interface DateRangePickerRanges {
+  [key: string]: [Date, Date];
+}
+
+@customElement("ha-date-range-picker")
+export class HaDateRangePicker extends LitElement {
+  @property() public hass!: HomeAssistant;
+
+  @property() public startDate!: Date;
+
+  @property() public endDate!: Date;
+
+  @property() public ranges?: DateRangePickerRanges;
+
+  @property({ type: Boolean }) public disabled = false;
+
+  @property({ type: Boolean }) private _hour24format = false;
+
+  protected updated(changedProps: PropertyValues) {
+    if (changedProps.has("hass")) {
+      const oldHass = changedProps.get("hass") as HomeAssistant | undefined;
+      if (!oldHass || oldHass.language !== this.hass.language) {
+        this._hour24format = this._compute24hourFormat();
+      }
+    }
+  }
+
+  protected render(): TemplateResult {
+    return html`
+      <date-range-picker
+        ?disabled=${this.disabled}
+        twentyfour-hours=${this._hour24format}
+        start-date=${this.startDate}
+        end-date=${this.endDate}
+        ?ranges=${this.ranges !== undefined}
+      >
+        <div slot="input" class="date-range-inputs">
+          <ha-svg-icon path=${mdiCalendar}></ha-svg-icon>
+          <paper-input
+            .value=${formatDateTime(this.startDate, this.hass.language)}
+            .label=${this.hass.localize(
+              "ui.components.date-range-picker.start_date"
+            )}
+            .disabled=${this.disabled}
+            @click=${this._handleInputClick}
+            readonly
+          ></paper-input>
+          <paper-input
+            .value=${formatDateTime(this.endDate, this.hass.language)}
+            label=${this.hass.localize(
+              "ui.components.date-range-picker.end_date"
+            )}
+            .disabled=${this.disabled}
+            @click=${this._handleInputClick}
+            readonly
+          ></paper-input>
+        </div>
+        ${this.ranges
+          ? html`<div slot="ranges" class="date-range-ranges">
+              <mwc-list @click=${this._setDateRange}>
+                ${Object.entries(this.ranges).map(
+                  ([name, dates]) => html`<mwc-list-item
+                    .activated=${this.startDate.getTime() ===
+                      dates[0].getTime() &&
+                    this.endDate.getTime() === dates[1].getTime()}
+                    .startDate=${dates[0]}
+                    .endDate=${dates[1]}
+                  >
+                    ${name}
+                  </mwc-list-item>`
+                )}
+              </mwc-list>
+            </div>`
+          : ""}
+        <div slot="footer" class="date-range-footer">
+          <mwc-button @click=${this._cancelDateRange}
+            >${this.hass.localize("ui.common.cancel")}</mwc-button
+          >
+          <mwc-button @click=${this._applyDateRange}
+            >${this.hass.localize(
+              "ui.components.date-range-picker.select"
+            )}</mwc-button
+          >
+        </div>
+      </date-range-picker>
+    `;
+  }
+
+  private _compute24hourFormat() {
+    return (
+      new Intl.DateTimeFormat(this.hass.language, {
+        hour: "numeric",
+      })
+        .formatToParts(new Date(2020, 0, 1, 13))
+        .find((part) => part.type === "hour")!.value.length === 2
+    );
+  }
+
+  private _setDateRange(ev: Event) {
+    const target = ev.target as any;
+    const startDate = target.startDate;
+    const endDate = target.endDate;
+    const dateRangePicker = this._dateRangePicker;
+    dateRangePicker.clickRange([startDate, endDate]);
+    dateRangePicker.clickedApply();
+  }
+
+  private _cancelDateRange() {
+    this._dateRangePicker.clickCancel();
+  }
+
+  private _applyDateRange() {
+    this._dateRangePicker.clickedApply();
+  }
+
+  private get _dateRangePicker() {
+    const dateRangePicker = this.shadowRoot!.querySelector(
+      "date-range-picker"
+    ) as any;
+    return dateRangePicker.vueComponent.$children[0];
+  }
+
+  private _handleInputClick() {
+    // close the date picker, so it will open again on the click event
+    if (this._dateRangePicker.open) {
+      this._dateRangePicker.open = false;
+    }
+  }
+
+  static get styles(): CSSResult {
+    return css`
+      ha-svg-icon {
+        margin-right: 8px;
+      }
+
+      .date-range-inputs {
+        display: flex;
+        align-items: center;
+      }
+
+      .date-range-ranges {
+        border-right: 1px solid var(--divider-color);
+      }
+
+      @media only screen and (max-width: 800px) {
+        .date-range-ranges {
+          border-right: none;
+          border-bottom: 1px solid var(--divider-color);
+        }
+      }
+
+      .date-range-footer {
+        display: flex;
+        justify-content: flex-end;
+        padding: 8px;
+        border-top: 1px solid var(--divider-color);
+      }
+
+      paper-input {
+        display: inline-block;
+        max-width: 200px;
+      }
+
+      paper-input:last-child {
+        margin-left: 8px;
+      }
+    `;
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "ha-date-range-picker": HaDateRangePicker;
+  }
+}
diff --git a/src/data/logbook.ts b/src/data/logbook.ts
index cdb5a8197b..fd79c87301 100644
--- a/src/data/logbook.ts
+++ b/src/data/logbook.ts
@@ -1,3 +1,5 @@
+import { HomeAssistant } from "../types";
+
 export interface LogbookEntry {
   when: string;
   name: string;
@@ -6,3 +8,60 @@ export interface LogbookEntry {
   domain: string;
   context_user_id?: string;
 }
+
+const DATA_CACHE: {
+  [cacheKey: string]: { [entityId: string]: Promise<LogbookEntry[]> };
+} = {};
+
+export const getLogbookData = (
+  hass: HomeAssistant,
+  startDate: string,
+  endDate: string,
+  entityId?: string
+) => {
+  const ALL_ENTITIES = "*";
+
+  if (!entityId) {
+    entityId = ALL_ENTITIES;
+  }
+
+  const cacheKey = `${startDate}${endDate}`;
+
+  if (!DATA_CACHE[cacheKey]) {
+    DATA_CACHE[cacheKey] = {};
+  }
+
+  if (DATA_CACHE[cacheKey][entityId]) {
+    return DATA_CACHE[cacheKey][entityId];
+  }
+
+  if (entityId !== ALL_ENTITIES && DATA_CACHE[cacheKey][ALL_ENTITIES]) {
+    return DATA_CACHE[cacheKey][ALL_ENTITIES].then((entities) =>
+      entities.filter((entity) => entity.entity_id === entityId)
+    );
+  }
+
+  DATA_CACHE[cacheKey][entityId] = getLogbookDataFromServer(
+    hass,
+    startDate,
+    endDate,
+    entityId !== ALL_ENTITIES ? entityId : undefined
+  ).then((entries) => entries.reverse());
+  return DATA_CACHE[cacheKey][entityId];
+};
+
+const getLogbookDataFromServer = async (
+  hass: HomeAssistant,
+  startDate: string,
+  endDate: string,
+  entityId?: string
+) => {
+  const url = `logbook/${startDate}?end_time=${endDate}${
+    entityId ? `&entity=${entityId}` : ""
+  }`;
+  return hass.callApi<LogbookEntry[]>("GET", url);
+};
+
+export const clearLogbookCache = (startDate, endDate) => {
+  DATA_CACHE[`${startDate}${endDate}`] = {};
+};
diff --git a/src/panels/history/ha-panel-history.js b/src/panels/history/ha-panel-history.js
deleted file mode 100644
index 93e2a8b2ba..0000000000
--- a/src/panels/history/ha-panel-history.js
+++ /dev/null
@@ -1,215 +0,0 @@
-import "@polymer/app-layout/app-header-layout/app-header-layout";
-import "@polymer/app-layout/app-header/app-header";
-import "@polymer/app-layout/app-toolbar/app-toolbar";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
-import "@polymer/paper-input/paper-input";
-import "@polymer/paper-item/paper-item";
-import "@polymer/paper-listbox/paper-listbox";
-import { html } from "@polymer/polymer/lib/utils/html-tag";
-/* eslint-plugin-disable lit */
-import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "@vaadin/vaadin-date-picker/theme/material/vaadin-date-picker";
-import { formatDate } from "../../common/datetime/format_date";
-import { computeRTL } from "../../common/util/compute_rtl";
-import "../../components/ha-menu-button";
-import "../../components/state-history-charts";
-import "../../data/ha-state-history-data";
-import LocalizeMixin from "../../mixins/localize-mixin";
-import "../../resources/ha-date-picker-style";
-import "../../styles/polymer-ha-style";
-
-/*
- * @appliesMixin LocalizeMixin
- */
-class HaPanelHistory extends LocalizeMixin(PolymerElement) {
-  static get template() {
-    return html`
-      <style include="iron-flex ha-style">
-        .content {
-          padding: 0 16px 16px;
-        }
-
-        vaadin-date-picker {
-          margin-right: 16px;
-          max-width: 200px;
-        }
-
-        paper-dropdown-menu {
-          max-width: 100px;
-          margin-right: 16px;
-          margin-top: 5px;
-          --paper-input-container-label-floating: {
-            padding-bottom: 11px;
-          }
-          --paper-input-suffix: {
-            height: 24px;
-          }
-        }
-
-        :host([rtl]) paper-dropdown-menu {
-          text-align: right;
-        }
-
-        paper-item {
-          cursor: pointer;
-          white-space: nowrap;
-        }
-      </style>
-
-      <ha-state-history-data
-        hass="[[hass]]"
-        filter-type="[[_filterType]]"
-        start-time="[[_computeStartTime(_currentDate)]]"
-        end-time="[[endTime]]"
-        data="{{stateHistory}}"
-        is-loading="{{isLoadingData}}"
-      ></ha-state-history-data>
-      <app-header-layout has-scrolling-region>
-        <app-header slot="header" fixed>
-          <app-toolbar>
-            <ha-menu-button
-              hass="[[hass]]"
-              narrow="[[narrow]]"
-            ></ha-menu-button>
-            <div main-title>[[localize('panel.history')]]</div>
-          </app-toolbar>
-        </app-header>
-
-        <div class="flex content">
-          <div class="flex layout horizontal wrap">
-            <vaadin-date-picker
-              id="picker"
-              value="{{_currentDate}}"
-              label="[[localize('ui.panel.history.showing_entries')]]"
-              disabled="[[isLoadingData]]"
-              required
-            ></vaadin-date-picker>
-
-            <paper-dropdown-menu
-              label-float
-              label="[[localize('ui.panel.history.period')]]"
-              disabled="[[isLoadingData]]"
-            >
-              <paper-listbox
-                slot="dropdown-content"
-                selected="{{_periodIndex}}"
-              >
-                <paper-item
-                  >[[localize('ui.duration.day', 'count', 1)]]</paper-item
-                >
-                <paper-item
-                  >[[localize('ui.duration.day', 'count', 3)]]</paper-item
-                >
-                <paper-item
-                  >[[localize('ui.duration.week', 'count', 1)]]</paper-item
-                >
-              </paper-listbox>
-            </paper-dropdown-menu>
-          </div>
-          <state-history-charts
-            hass="[[hass]]"
-            history-data="[[stateHistory]]"
-            is-loading-data="[[isLoadingData]]"
-            end-time="[[endTime]]"
-            no-single
-          >
-          </state-history-charts>
-        </div>
-      </app-header-layout>
-    `;
-  }
-
-  static get properties() {
-    return {
-      hass: Object,
-      narrow: Boolean,
-
-      stateHistory: {
-        type: Object,
-        value: null,
-      },
-
-      _periodIndex: {
-        type: Number,
-        value: 0,
-      },
-
-      isLoadingData: {
-        type: Boolean,
-        value: false,
-      },
-
-      endTime: {
-        type: Object,
-        computed: "_computeEndTime(_currentDate, _periodIndex)",
-      },
-
-      // ISO8601 formatted date string
-      _currentDate: {
-        type: String,
-        value: function () {
-          var value = new Date();
-          var today = new Date(
-            Date.UTC(value.getFullYear(), value.getMonth(), value.getDate())
-          );
-          return today.toISOString().split("T")[0];
-        },
-      },
-
-      _filterType: {
-        type: String,
-        value: "date",
-      },
-
-      rtl: {
-        type: Boolean,
-        reflectToAttribute: true,
-        computed: "_computeRTL(hass)",
-      },
-    };
-  }
-
-  datepickerFocus() {
-    this.datePicker.adjustPosition();
-  }
-
-  connectedCallback() {
-    super.connectedCallback();
-    // We are unable to parse date because we use intl api to render date
-    this.$.picker.set("i18n.parseDate", null);
-    this.$.picker.set("i18n.formatDate", (date) =>
-      formatDate(new Date(date.year, date.month, date.day), this.hass.language)
-    );
-  }
-
-  _computeStartTime(_currentDate) {
-    if (!_currentDate) return undefined;
-    var parts = _currentDate.split("-");
-    parts[1] = parseInt(parts[1]) - 1;
-    return new Date(parts[0], parts[1], parts[2]);
-  }
-
-  _computeEndTime(_currentDate, periodIndex) {
-    var startTime = this._computeStartTime(_currentDate);
-    var endTime = new Date(startTime);
-    endTime.setDate(startTime.getDate() + this._computeFilterDays(periodIndex));
-    return endTime;
-  }
-
-  _computeFilterDays(periodIndex) {
-    switch (periodIndex) {
-      case 1:
-        return 3;
-      case 2:
-        return 7;
-      default:
-        return 1;
-    }
-  }
-
-  _computeRTL(hass) {
-    return computeRTL(hass);
-  }
-}
-
-customElements.define("ha-panel-history", HaPanelHistory);
diff --git a/src/panels/history/ha-panel-history.ts b/src/panels/history/ha-panel-history.ts
new file mode 100644
index 0000000000..e177933923
--- /dev/null
+++ b/src/panels/history/ha-panel-history.ts
@@ -0,0 +1,204 @@
+import "@polymer/app-layout/app-header-layout/app-header-layout";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import { computeRTL } from "../../common/util/compute_rtl";
+import "../../components/ha-menu-button";
+import "../../components/state-history-charts";
+import { LitElement, css, property, PropertyValues } from "lit-element";
+import { html } from "lit-html";
+import { haStyle } from "../../resources/styles";
+import { HomeAssistant } from "../../types";
+import type { DateRangePickerRanges } from "../../components/ha-date-range-picker";
+import "../../components/ha-date-range-picker";
+import { fetchDate, computeHistory } from "../../data/history";
+import "@polymer/paper-spinner/paper-spinner";
+
+class HaPanelHistory extends LitElement {
+  @property() hass!: HomeAssistant;
+
+  @property({ reflect: true, type: Boolean }) narrow!: boolean;
+
+  @property() _startDate: Date;
+
+  @property() _endDate: Date;
+
+  @property() _entityId = "";
+
+  @property() _isLoading = false;
+
+  @property() _stateHistory?;
+
+  @property({ reflect: true, type: Boolean }) rtl = false;
+
+  @property() private _ranges?: DateRangePickerRanges;
+
+  public constructor() {
+    super();
+
+    const start = new Date();
+    start.setHours(start.getHours() - 2);
+    start.setMinutes(0);
+    start.setSeconds(0);
+    this._startDate = start;
+
+    const end = new Date();
+    end.setHours(end.getHours() + 1);
+    end.setMinutes(0);
+    end.setSeconds(0);
+    this._endDate = end;
+  }
+
+  protected render() {
+    return html`
+      <app-header-layout has-scrolling-region>
+        <app-header slot="header" fixed>
+          <app-toolbar>
+            <ha-menu-button
+              .hass=${this.hass}
+              .narrow=${this.narrow}
+            ></ha-menu-button>
+            <div main-title>${this.hass.localize("panel.history")}</div>
+          </app-toolbar>
+        </app-header>
+
+        <div class="flex content">
+          <div class="flex layout horizontal wrap">
+            <ha-date-range-picker
+              .hass=${this.hass}
+              ?disabled=${this._isLoading}
+              .startDate=${this._startDate}
+              .endDate=${this._endDate}
+              .ranges=${this._ranges}
+              @change=${this._dateRangeChanged}
+            ></ha-date-range-picker>
+          </div>
+          ${this._isLoading
+            ? html`<paper-spinner
+                active
+                alt=${this.hass.localize("ui.common.loading")}
+              ></paper-spinner>`
+            : html`
+                <state-history-charts
+                  .hass=${this.hass}
+                  .historyData=${this._stateHistory}
+                  .endTime=${this._endDate}
+                  no-single
+                >
+                </state-history-charts>
+              `}
+        </div>
+      </app-header-layout>
+    `;
+  }
+
+  protected firstUpdated(changedProps: PropertyValues) {
+    super.firstUpdated(changedProps);
+
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+    const todayEnd = new Date(today);
+    todayEnd.setDate(todayEnd.getDate() + 1);
+    todayEnd.setMilliseconds(todayEnd.getMilliseconds() - 1);
+
+    const todayCopy = new Date(today);
+
+    const yesterday = new Date(todayCopy.setDate(today.getDate() - 1));
+    const yesterdayEnd = new Date(yesterday);
+    yesterdayEnd.setDate(yesterdayEnd.getDate() + 1);
+    yesterdayEnd.setMilliseconds(yesterdayEnd.getMilliseconds() - 1);
+
+    const thisWeekStart = new Date(
+      todayCopy.setDate(today.getDate() - today.getDay())
+    );
+    const thisWeekEnd = new Date(
+      todayCopy.setDate(today.getDate() - today.getDay() + 7)
+    );
+    thisWeekEnd.setMilliseconds(thisWeekEnd.getMilliseconds() - 1);
+
+    const lastWeekStart = new Date(
+      todayCopy.setDate(today.getDate() - today.getDay() - 7)
+    );
+    const lastWeekEnd = new Date(
+      todayCopy.setDate(today.getDate() - today.getDay())
+    );
+    lastWeekEnd.setMilliseconds(lastWeekEnd.getMilliseconds() - 1);
+
+    this._ranges = {
+      [this.hass.localize("ui.panel.history.ranges.today")]: [today, todayEnd],
+      [this.hass.localize("ui.panel.history.ranges.yesterday")]: [
+        yesterday,
+        yesterdayEnd,
+      ],
+      [this.hass.localize("ui.panel.history.ranges.this_week")]: [
+        thisWeekStart,
+        thisWeekEnd,
+      ],
+      [this.hass.localize("ui.panel.history.ranges.last_week")]: [
+        lastWeekStart,
+        lastWeekEnd,
+      ],
+    };
+  }
+
+  protected updated(changedProps: PropertyValues) {
+    if (
+      changedProps.has("_startDate") ||
+      changedProps.has("_endDate") ||
+      changedProps.has("_entityId")
+    ) {
+      this._getHistory();
+    }
+
+    if (changedProps.has("hass")) {
+      const oldHass = changedProps.get("hass") as HomeAssistant | undefined;
+      if (!oldHass || oldHass.language !== this.hass.language) {
+        this.rtl = computeRTL(this.hass);
+      }
+    }
+  }
+
+  private async _getHistory() {
+    this._isLoading = true;
+    const dateHistory = await fetchDate(
+      this.hass,
+      this._startDate,
+      this._endDate
+    );
+    this._stateHistory = computeHistory(
+      this.hass,
+      dateHistory,
+      this.hass.localize,
+      this.hass.language
+    );
+    this._isLoading = false;
+  }
+
+  private _dateRangeChanged(ev) {
+    this._startDate = ev.detail.startDate;
+    const endDate = ev.detail.endDate;
+    if (endDate.getHours() === 0 && endDate.getMinutes() === 0) {
+      endDate.setDate(endDate.getDate() + 1);
+      endDate.setMilliseconds(endDate.getMilliseconds() - 1);
+    }
+    this._endDate = endDate;
+  }
+
+  static get styles() {
+    return [
+      haStyle,
+      css`
+        .content {
+          padding: 0 16px 16px;
+        }
+        paper-spinner {
+          position: absolute;
+          left: 50%;
+          top: 50%;
+          transform: translate(-50%, -50%);
+        }
+      `,
+    ];
+  }
+}
+
+customElements.define("ha-panel-history", HaPanelHistory);
diff --git a/src/panels/logbook/ha-logbook-data.js b/src/panels/logbook/ha-logbook-data.js
deleted file mode 100644
index 461fea1f60..0000000000
--- a/src/panels/logbook/ha-logbook-data.js
+++ /dev/null
@@ -1,120 +0,0 @@
-/* eslint-plugin-disable lit */
-import { PolymerElement } from "@polymer/polymer/polymer-element";
-
-const DATA_CACHE = {};
-const ALL_ENTITIES = "*";
-
-class HaLogbookData extends PolymerElement {
-  static get properties() {
-    return {
-      hass: {
-        type: Object,
-        observer: "hassChanged",
-      },
-
-      filterDate: {
-        type: String,
-        observer: "filterDataChanged",
-      },
-
-      filterPeriod: {
-        type: Number,
-        observer: "filterDataChanged",
-      },
-
-      filterEntity: {
-        type: String,
-        observer: "filterDataChanged",
-      },
-
-      isLoading: {
-        type: Boolean,
-        value: true,
-        readOnly: true,
-        notify: true,
-      },
-
-      entries: {
-        type: Object,
-        value: null,
-        readOnly: true,
-        notify: true,
-      },
-    };
-  }
-
-  hassChanged(newHass, oldHass) {
-    if (!oldHass && this.filterDate) {
-      this.updateData();
-    }
-  }
-
-  filterDataChanged(newValue, oldValue) {
-    if (oldValue !== undefined) {
-      this.updateData();
-    }
-  }
-
-  updateData() {
-    if (!this.hass) return;
-
-    this._setIsLoading(true);
-
-    this.getData(this.filterDate, this.filterPeriod, this.filterEntity).then(
-      (logbookEntries) => {
-        this._setEntries(logbookEntries);
-        this._setIsLoading(false);
-      }
-    );
-  }
-
-  getData(date, period, entityId) {
-    if (!entityId) entityId = ALL_ENTITIES;
-
-    if (!DATA_CACHE[period]) DATA_CACHE[period] = [];
-    if (!DATA_CACHE[period][date]) DATA_CACHE[period][date] = [];
-
-    if (DATA_CACHE[period][date][entityId]) {
-      return DATA_CACHE[period][date][entityId];
-    }
-
-    if (entityId !== ALL_ENTITIES && DATA_CACHE[period][date][ALL_ENTITIES]) {
-      return DATA_CACHE[period][date][ALL_ENTITIES].then(function (entities) {
-        return entities.filter(function (entity) {
-          return entity.entity_id === entityId;
-        });
-      });
-    }
-
-    DATA_CACHE[period][date][entityId] = this._getFromServer(
-      date,
-      period,
-      entityId
-    );
-    return DATA_CACHE[period][date][entityId];
-  }
-
-  _getFromServer(date, period, entityId) {
-    let url = "logbook/" + date + "?period=" + period;
-    if (entityId !== ALL_ENTITIES) {
-      url += "&entity=" + entityId;
-    }
-
-    return this.hass.callApi("GET", url).then(
-      function (logbookEntries) {
-        logbookEntries.reverse();
-        return logbookEntries;
-      },
-      function () {
-        return null;
-      }
-    );
-  }
-
-  refreshLogbook() {
-    DATA_CACHE[this.filterPeriod][this.filterDate] = [];
-    this.updateData();
-  }
-}
-
-customElements.define("ha-logbook-data", HaLogbookData);
diff --git a/src/panels/logbook/ha-panel-logbook.js b/src/panels/logbook/ha-panel-logbook.js
deleted file mode 100644
index 293092dc0a..0000000000
--- a/src/panels/logbook/ha-panel-logbook.js
+++ /dev/null
@@ -1,283 +0,0 @@
-import "@polymer/app-layout/app-header-layout/app-header-layout";
-import "@polymer/app-layout/app-header/app-header";
-import "@polymer/app-layout/app-toolbar/app-toolbar";
-import "../../components/ha-icon-button";
-import "@polymer/paper-input/paper-input";
-import "@polymer/paper-spinner/paper-spinner";
-import { html } from "@polymer/polymer/lib/utils/html-tag";
-/* eslint-plugin-disable lit */
-import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "@vaadin/vaadin-date-picker/theme/material/vaadin-date-picker";
-import { formatDate } from "../../common/datetime/format_date";
-import { computeRTL } from "../../common/util/compute_rtl";
-import "../../components/entity/ha-entity-picker";
-import "../../components/ha-menu-button";
-import LocalizeMixin from "../../mixins/localize-mixin";
-import "../../resources/ha-date-picker-style";
-import "../../styles/polymer-ha-style";
-import "./ha-logbook";
-import "./ha-logbook-data";
-
-/*
- * @appliesMixin LocalizeMixin
- */
-class HaPanelLogbook extends LocalizeMixin(PolymerElement) {
-  static get template() {
-    return html`
-      <style include="ha-style">
-        ha-logbook {
-          height: calc(100vh - 136px);
-        }
-
-        :host([narrow]) ha-logbook {
-          height: calc(100vh - 198px);
-        }
-
-        paper-spinner {
-          position: absolute;
-          left: 50%;
-          top: 50%;
-          transform: translate(-50%, -50%);
-        }
-
-        .wrap {
-          margin-bottom: 24px;
-        }
-
-        .filters {
-          display: flex;
-          align-items: flex-end;
-          padding: 0 16px;
-        }
-
-        :host([narrow]) .filters {
-          flex-wrap: wrap;
-        }
-
-        vaadin-date-picker {
-          max-width: 200px;
-          margin-right: 16px;
-        }
-
-        :host([rtl]) vaadin-date-picker {
-          margin-right: 0;
-          margin-left: 16px;
-        }
-
-        paper-dropdown-menu {
-          max-width: 100px;
-          margin-right: 16px;
-          --paper-input-container-label-floating: {
-            padding-bottom: 11px;
-          }
-          --paper-input-suffix: {
-            height: 24px;
-          }
-        }
-
-        :host([rtl]) paper-dropdown-menu {
-          text-align: right;
-          margin-right: 0;
-          margin-left: 16px;
-        }
-
-        paper-item {
-          cursor: pointer;
-          white-space: nowrap;
-        }
-
-        ha-entity-picker {
-          display: inline-block;
-          flex-grow: 1;
-          max-width: 400px;
-          --paper-input-suffix: {
-            height: 24px;
-          }
-        }
-
-        :host([narrow]) ha-entity-picker {
-          max-width: none;
-          width: 100%;
-        }
-
-        [hidden] {
-          display: none !important;
-        }
-      </style>
-
-      <ha-logbook-data
-        hass="[[hass]]"
-        is-loading="{{isLoading}}"
-        entries="{{entries}}"
-        filter-date="[[_computeFilterDate(_currentDate)]]"
-        filter-period="[[_computeFilterDays(_periodIndex)]]"
-        filter-entity="[[entityId]]"
-      ></ha-logbook-data>
-
-      <app-header-layout has-scrolling-region>
-        <app-header slot="header" fixed>
-          <app-toolbar>
-            <ha-menu-button
-              hass="[[hass]]"
-              narrow="[[narrow]]"
-            ></ha-menu-button>
-            <div main-title>[[localize('panel.logbook')]]</div>
-            <ha-icon-button
-              icon="hass:refresh"
-              on-click="refreshLogbook"
-              hidden$="[[isLoading]]"
-            ></ha-icon-button>
-          </app-toolbar>
-        </app-header>
-
-        <paper-spinner
-          active="[[isLoading]]"
-          hidden$="[[!isLoading]]"
-          alt="[[localize('ui.common.loading')]]"
-        ></paper-spinner>
-
-        <div class="filters">
-          <vaadin-date-picker
-            id="picker"
-            value="{{_currentDate}}"
-            label="[[localize('ui.panel.logbook.showing_entries')]]"
-            disabled="[[isLoading]]"
-            required
-          ></vaadin-date-picker>
-
-          <paper-dropdown-menu
-            label-float
-            label="[[localize('ui.panel.logbook.period')]]"
-            disabled="[[isLoading]]"
-          >
-            <paper-listbox slot="dropdown-content" selected="{{_periodIndex}}">
-              <paper-item
-                >[[localize('ui.duration.day', 'count', 1)]]</paper-item
-              >
-              <paper-item
-                >[[localize('ui.duration.day', 'count', 3)]]</paper-item
-              >
-              <paper-item
-                >[[localize('ui.duration.week', 'count', 1)]]</paper-item
-              >
-            </paper-listbox>
-          </paper-dropdown-menu>
-
-          <ha-entity-picker
-            hass="[[hass]]"
-            value="{{_entityId}}"
-            label="[[localize('ui.components.entity.entity-picker.entity')]]"
-            disabled="[[isLoading]]"
-            on-change="_entityPicked"
-          ></ha-entity-picker>
-        </div>
-
-        <ha-logbook
-          hass="[[hass]]"
-          entries="[[entries]]"
-          hidden$="[[isLoading]]"
-        ></ha-logbook>
-      </app-header-layout>
-    `;
-  }
-
-  static get properties() {
-    return {
-      hass: Object,
-
-      narrow: { type: Boolean, reflectToAttribute: true },
-
-      // ISO8601 formatted date string
-      _currentDate: {
-        type: String,
-        value: function () {
-          const value = new Date();
-          const today = new Date(
-            Date.UTC(value.getFullYear(), value.getMonth(), value.getDate())
-          );
-          return today.toISOString().split("T")[0];
-        },
-      },
-
-      _periodIndex: {
-        type: Number,
-        value: 0,
-      },
-
-      _entityId: {
-        type: String,
-        value: "",
-      },
-
-      entityId: {
-        type: String,
-        value: "",
-        readOnly: true,
-      },
-
-      isLoading: {
-        type: Boolean,
-      },
-
-      entries: {
-        type: Array,
-      },
-
-      datePicker: {
-        type: Object,
-      },
-
-      rtl: {
-        type: Boolean,
-        reflectToAttribute: true,
-        computed: "_computeRTL(hass)",
-      },
-    };
-  }
-
-  ready() {
-    super.ready();
-    this.hass.loadBackendTranslation("title");
-  }
-
-  connectedCallback() {
-    super.connectedCallback();
-    // We are unable to parse date because we use intl api to render date
-    this.$.picker.set("i18n.parseDate", null);
-    this.$.picker.set("i18n.formatDate", (date) =>
-      formatDate(new Date(date.year, date.month, date.day), this.hass.language)
-    );
-  }
-
-  _computeFilterDate(_currentDate) {
-    if (!_currentDate) return undefined;
-    var parts = _currentDate.split("-");
-    parts[1] = parseInt(parts[1]) - 1;
-    return new Date(parts[0], parts[1], parts[2]).toISOString();
-  }
-
-  _computeFilterDays(periodIndex) {
-    switch (periodIndex) {
-      case 1:
-        return 3;
-      case 2:
-        return 7;
-      default:
-        return 1;
-    }
-  }
-
-  _entityPicked(ev) {
-    this._setEntityId(ev.target.value);
-  }
-
-  refreshLogbook() {
-    this.shadowRoot.querySelector("ha-logbook-data").refreshLogbook();
-  }
-
-  _computeRTL(hass) {
-    return computeRTL(hass);
-  }
-}
-
-customElements.define("ha-panel-logbook", HaPanelLogbook);
diff --git a/src/panels/logbook/ha-panel-logbook.ts b/src/panels/logbook/ha-panel-logbook.ts
new file mode 100644
index 0000000000..ac59b78f90
--- /dev/null
+++ b/src/panels/logbook/ha-panel-logbook.ts
@@ -0,0 +1,279 @@
+import "@polymer/app-layout/app-header-layout/app-header-layout";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "../../components/ha-icon-button";
+import "@polymer/paper-spinner/paper-spinner";
+import { computeRTL } from "../../common/util/compute_rtl";
+import "../../components/entity/ha-entity-picker";
+import "../../components/ha-menu-button";
+import "./ha-logbook";
+import {
+  LitElement,
+  property,
+  customElement,
+  html,
+  css,
+  PropertyValues,
+} from "lit-element";
+import { HomeAssistant } from "../../types";
+import { haStyle } from "../../resources/styles";
+import {
+  clearLogbookCache,
+  getLogbookData,
+  LogbookEntry,
+} from "../../data/logbook";
+import { mdiRefresh } from "@mdi/js";
+import "../../components/ha-date-range-picker";
+import type { DateRangePickerRanges } from "../../components/ha-date-range-picker";
+
+@customElement("ha-panel-logbook")
+export class HaPanelLogbook extends LitElement {
+  @property() hass!: HomeAssistant;
+
+  @property({ reflect: true, type: Boolean }) narrow!: boolean;
+
+  @property() _startDate: Date;
+
+  @property() _endDate: Date;
+
+  @property() _entityId = "";
+
+  @property() _isLoading = false;
+
+  @property() _entries: LogbookEntry[] = [];
+
+  @property({ reflect: true, type: Boolean }) rtl = false;
+
+  @property() private _ranges?: DateRangePickerRanges;
+
+  public constructor() {
+    super();
+
+    const start = new Date();
+    start.setHours(start.getHours() - 2);
+    start.setMinutes(0);
+    start.setSeconds(0);
+    this._startDate = start;
+
+    const end = new Date();
+    end.setHours(end.getHours() + 1);
+    end.setMinutes(0);
+    end.setSeconds(0);
+    this._endDate = end;
+  }
+
+  protected render() {
+    return html`
+      <app-header-layout has-scrolling-region>
+        <app-header slot="header" fixed>
+          <app-toolbar>
+            <ha-menu-button
+              .hass=${this.hass}
+              .narrow=${this.narrow}
+            ></ha-menu-button>
+            <div main-title>${this.hass.localize("panel.logbook")}</div>
+            <mwc-icon-button
+              @click=${this._refreshLogbook}
+              .disabled=${this._isLoading}
+            >
+              <ha-svg-icon path=${mdiRefresh}></ha-svg-icon>
+            </mwc-icon-button>
+          </app-toolbar>
+        </app-header>
+
+        ${this._isLoading ? html`` : ""}
+
+        <div class="filters">
+          <ha-date-range-picker
+            .hass=${this.hass}
+            ?disabled=${this._isLoading}
+            .startDate=${this._startDate}
+            .endDate=${this._endDate}
+            .ranges=${this._ranges}
+            @change=${this._dateRangeChanged}
+          ></ha-date-range-picker>
+
+          <ha-entity-picker
+            .hass=${this.hass}
+            .value=${this._entityId}
+            .label=${this.hass.localize(
+              "ui.components.entity.entity-picker.entity"
+            )}
+            .disabled=${this._isLoading}
+            @change=${this._entityPicked}
+          ></ha-entity-picker>
+        </div>
+
+        ${this._isLoading
+          ? html`<paper-spinner
+              active
+              alt=${this.hass.localize("ui.common.loading")}
+            ></paper-spinner>`
+          : html`<ha-logbook
+              .hass=${this.hass}
+              .entries=${this._entries}
+            ></ha-logbook>`}
+      </app-header-layout>
+    `;
+  }
+
+  protected firstUpdated(changedProps: PropertyValues) {
+    super.firstUpdated(changedProps);
+    this.hass.loadBackendTranslation("title");
+
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+    const todayEnd = new Date(today);
+    todayEnd.setDate(todayEnd.getDate() + 1);
+    todayEnd.setMilliseconds(todayEnd.getMilliseconds() - 1);
+
+    const todayCopy = new Date(today);
+
+    const yesterday = new Date(todayCopy.setDate(today.getDate() - 1));
+    const yesterdayEnd = new Date(yesterday);
+    yesterdayEnd.setDate(yesterdayEnd.getDate() + 1);
+    yesterdayEnd.setMilliseconds(yesterdayEnd.getMilliseconds() - 1);
+
+    const thisWeekStart = new Date(
+      todayCopy.setDate(today.getDate() - today.getDay())
+    );
+    const thisWeekEnd = new Date(
+      todayCopy.setDate(today.getDate() - today.getDay() + 7)
+    );
+    thisWeekEnd.setMilliseconds(thisWeekEnd.getMilliseconds() - 1);
+
+    const lastWeekStart = new Date(
+      todayCopy.setDate(today.getDate() - today.getDay() - 7)
+    );
+    const lastWeekEnd = new Date(
+      todayCopy.setDate(today.getDate() - today.getDay())
+    );
+    lastWeekEnd.setMilliseconds(lastWeekEnd.getMilliseconds() - 1);
+
+    this._ranges = {
+      [this.hass.localize("ui.panel.logbook.ranges.today")]: [today, todayEnd],
+      [this.hass.localize("ui.panel.logbook.ranges.yesterday")]: [
+        yesterday,
+        yesterdayEnd,
+      ],
+      [this.hass.localize("ui.panel.logbook.ranges.this_week")]: [
+        thisWeekStart,
+        thisWeekEnd,
+      ],
+      [this.hass.localize("ui.panel.logbook.ranges.last_week")]: [
+        lastWeekStart,
+        lastWeekEnd,
+      ],
+    };
+  }
+
+  protected updated(changedProps: PropertyValues) {
+    if (
+      changedProps.has("_startDate") ||
+      changedProps.has("_endDate") ||
+      changedProps.has("_entityId")
+    ) {
+      this._getData();
+    }
+
+    if (changedProps.has("hass")) {
+      const oldHass = changedProps.get("hass") as HomeAssistant | undefined;
+      if (!oldHass || oldHass.language !== this.hass.language) {
+        this.rtl = computeRTL(this.hass);
+      }
+    }
+  }
+
+  private _dateRangeChanged(ev) {
+    this._startDate = ev.detail.startDate;
+    const endDate = ev.detail.endDate;
+    if (endDate.getHours() === 0 && endDate.getMinutes() === 0) {
+      endDate.setDate(endDate.getDate() + 1);
+      endDate.setMilliseconds(endDate.getMilliseconds() - 1);
+    }
+    this._endDate = endDate;
+  }
+
+  private _entityPicked(ev) {
+    this._entityId = ev.target.value;
+  }
+
+  private _refreshLogbook() {
+    this._entries = [];
+    clearLogbookCache(
+      this._startDate.toISOString(),
+      this._endDate.toISOString()
+    );
+    this._getData();
+  }
+
+  private async _getData() {
+    this._isLoading = true;
+    this._entries = await getLogbookData(
+      this.hass,
+      this._startDate.toISOString(),
+      this._endDate.toISOString(),
+      this._entityId
+    );
+    this._isLoading = false;
+  }
+
+  static get styles() {
+    return [
+      haStyle,
+      css`
+        ha-logbook {
+          height: calc(100vh - 136px);
+        }
+
+        :host([narrow]) ha-logbook {
+          height: calc(100vh - 198px);
+        }
+
+        ha-date-range-picker {
+          margin-right: 16px;
+          max-width: 100%;
+        }
+
+        :host([narrow]) ha-date-range-picker {
+          margin-right: 0;
+        }
+
+        paper-spinner {
+          position: absolute;
+          left: 50%;
+          top: 50%;
+          transform: translate(-50%, -50%);
+        }
+
+        .wrap {
+          margin-bottom: 24px;
+        }
+
+        .filters {
+          display: flex;
+          align-items: flex-end;
+          padding: 0 16px;
+        }
+
+        :host([narrow]) .filters {
+          flex-wrap: wrap;
+        }
+
+        ha-entity-picker {
+          display: inline-block;
+          flex-grow: 1;
+          max-width: 400px;
+          --paper-input-suffix: {
+            height: 24px;
+          }
+        }
+
+        :host([narrow]) ha-entity-picker {
+          max-width: none;
+          width: 100%;
+        }
+      `,
+    ];
+  }
+}
diff --git a/src/panels/lovelace/cards/hui-history-graph-card.ts b/src/panels/lovelace/cards/hui-history-graph-card.ts
index 404df75173..1e347183c6 100644
--- a/src/panels/lovelace/cards/hui-history-graph-card.ts
+++ b/src/panels/lovelace/cards/hui-history-graph-card.ts
@@ -12,7 +12,6 @@ import { classMap } from "lit-html/directives/class-map";
 import "../../../components/ha-card";
 import "../../../components/state-history-charts";
 import { CacheConfig, getRecentWithCache } from "../../../data/cached-history";
-import "../../../data/ha-state-history-data";
 import { HomeAssistant } from "../../../types";
 import { findEntities } from "../common/find-entites";
 import { processConfigEntities } from "../common/process-config-entities";
diff --git a/src/translations/en.json b/src/translations/en.json
index 395cef344d..6c19dc6969 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -278,6 +278,11 @@
           "failed_create_area": "Failed to create area."
         }
       },
+      "date-range-picker": {
+        "start_date": "Start date",
+        "end_date": "End date",
+        "select": "Select"
+      },
       "relative_time": {
         "past": "{time} ago",
         "future": "In {time}",
@@ -1709,13 +1714,21 @@
         }
       },
       "history": {
-        "showing_entries": "Showing entries for",
-        "period": "Period"
+        "ranges": {
+          "today": "Today",
+          "yesterday": "Yesterday",
+          "this_week": "This week",
+          "last_week": "Last week"
+        }
       },
       "logbook": {
-        "showing_entries": "[%key:ui::panel::history::showing_entries%]",
-        "period": "Period",
-        "entries_not_found": "No logbook entries found."
+        "entries_not_found": "No logbook entries found.",
+        "ranges": {
+          "today": "Today",
+          "yesterday": "Yesterday",
+          "this_week": "This week",
+          "last_week": "Last week"
+        }
       },
       "lovelace": {
         "cards": {
diff --git a/yarn.lock b/yarn.lock
index 14318d7282..c7f51c7378 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2738,6 +2738,11 @@
   dependencies:
     "@vaadin/vaadin-development-mode-detector" "^2.0.0"
 
+"@vue/web-component-wrapper@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@vue/web-component-wrapper/-/web-component-wrapper-1.2.0.tgz#bb0e46f1585a7e289b4ee6067dcc5a6ae62f1dd1"
+  integrity sha512-Xn/+vdm9CjuC9p3Ae+lTClNutrVhsXpzxvoTXXtoys6kVRX9FkueSUAqSWAyZntmVLlR4DosBV4pH8y5Z/HbUw==
+
 "@webassemblyjs/ast@1.8.5":
   version "1.8.5"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.8.5.tgz#51b1c5fe6576a34953bf4b253df9f0d490d9e359"
@@ -11829,6 +11834,18 @@ vscode-uri@^1.0.6:
   resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-1.0.8.tgz#9769aaececae4026fb6e22359cb38946580ded59"
   integrity sha512-obtSWTlbJ+a+TFRYGaUumtVwb+InIUVI0Lu0VBUAPmj2cU5JutEXg3xUE0c2J5Tcy7h2DEKVJBFi+Y9ZSFzzPQ==
 
+vue2-daterange-picker@^0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/vue2-daterange-picker/-/vue2-daterange-picker-0.5.1.tgz#f41f3cd20b242b7f34ce16eeea9534d9cbe9f4d7"
+  integrity sha512-p0y9RyI6wqqwffKM5EYgxvNM51un/fBu9hLZ/GxXVOBqTMxjDuV8mz9iUTj4p5R80lWSBwIY7GshW5RYgS8+rw==
+  dependencies:
+    vue "^2.6.10"
+
+vue@^2.6.10, vue@^2.6.11:
+  version "2.6.11"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.11.tgz#76594d877d4b12234406e84e35275c6d514125c5"
+  integrity sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ==
+
 watchpack@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.6.0.tgz#4bc12c2ebe8aa277a71f1d3f14d685c7b446cd00"

From 497494620d718ffae9de49e97460e5fc23b77cce Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Sat, 20 Jun 2020 15:40:29 +0200
Subject: [PATCH 29/30] Log cast config fetch errors (#6197)

---
 cast/src/receiver/layout/hc-main.ts            | 2 ++
 src/panels/lovelace/cards/hui-entities-card.ts | 1 +
 2 files changed, 3 insertions(+)

diff --git a/cast/src/receiver/layout/hc-main.ts b/cast/src/receiver/layout/hc-main.ts
index 564665846f..d5f462ad1b 100644
--- a/cast/src/receiver/layout/hc-main.ts
+++ b/cast/src/receiver/layout/hc-main.ts
@@ -192,6 +192,8 @@ export class HcMain extends HassElement {
           this._handleNewLovelaceConfig(lovelaceConfig)
         );
       } catch (err) {
+        // eslint-disable-next-line
+        console.log("Error fetching Lovelace configuration", err, msg);
         // Generate a Lovelace config.
         this._unsubLovelace = () => undefined;
         await this._generateLovelaceConfig();
diff --git a/src/panels/lovelace/cards/hui-entities-card.ts b/src/panels/lovelace/cards/hui-entities-card.ts
index d6d61ec7cb..4d7dfed43e 100644
--- a/src/panels/lovelace/cards/hui-entities-card.ts
+++ b/src/panels/lovelace/cards/hui-entities-card.ts
@@ -228,6 +228,7 @@ class HuiEntitiesCard extends LitElement implements LovelaceCard {
         display: flex;
         flex-direction: column;
         justify-content: space-between;
+        overflow: hidden;
       }
       .card-header {
         display: flex;

From 6891f1df1c8b7ce97be4c2563dc852c9060f6383 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Sat, 20 Jun 2020 15:56:19 +0200
Subject: [PATCH 30/30] Bumped version to 20200620.0

---
 setup.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/setup.py b/setup.py
index 663da27022..9b6e254ff5 100644
--- a/setup.py
+++ b/setup.py
@@ -2,7 +2,7 @@ from setuptools import setup, find_packages
 
 setup(
     name="home-assistant-frontend",
-    version="20200617.0",
+    version="20200620.0",
     description="The Home Assistant frontend",
     url="https://github.com/home-assistant/home-assistant-polymer",
     author="The Home Assistant Authors",