Sabtu, 29 Agustus 2026, Agustus 29, 2026 WIB
Last Updated 2026-08-29T22:50:40Z
Smart HomeTechTutorial

Cara Memperbaiki Dashboard Default Home Assistant per Perangkat

Sabtu, 29 Agustus 2026

Cara Memperbaiki Dashboard Default Home Assistant per Perangkat

Ringkas: Pembaruan Home Assistant 2025.12 menghilangkan kemampuan untuk mengatur dashboard default berbeda pada setiap perangkat. Solusi komunitas dapat memulihkannya setelah empat bug pada skrip diperbaiki.

Dashboard default Home Assistant per perangkat tidak lagi dapat diatur seperti sebelumnya setelah rilis 2025.12 memperkenalkan dashboard default tingkat sistem dan pengguna. Perubahan ini cocok untuk instalasi sederhana dengan satu pengguna, tetapi menyulitkan penggunaan beberapa dashboard pada banyak perangkat.

Membuat akun pengguna berbeda untuk setiap perangkat bukan pilihan yang masuk akal dalam kasus ini. Karena itu, pencarian solusi beralih ke skrip komunitas yang memungkinkan setiap browser kembali menyimpan pilihan dashboard-nya sendiri.

Skrip dashboard default Home Assistant berbasis penyimpanan lokal

Solusi awal ditemukan di forum komunitas Home Assistant. Solusi tersebut berupa panel sidebar khusus: sebuah berkas JavaScript ditempatkan di config/www/dashboard/device-default-dashboard.js, lalu didaftarkan melalui panel_custom dalam konfigurasi Home Assistant.

Panel itu menambahkan entri pada sidebar dengan menu dropdown yang menampilkan seluruh dashboard. Setelah pengguna memilih salah satunya, skrip menyimpan pilihan tersebut ke penyimpanan lokal browser sekaligus menghapus pengaturan default sisi server yang lebih baru. Dengan demikian, Home Assistant kembali menggunakan metode lama untuk mengingat tampilan default pada setiap browser.

Mekanisme cadangan melalui penyimpanan lokal lama masih tersedia dalam versi Home Assistant saat ini. Itulah yang membuat pendekatan ini dapat berfungsi. Alih-alih melawan pengaturan default tingkat sistem yang baru, skrip melewatinya dan membiarkan setiap browser mengingat preferensinya sendiri, seperti sebelum pembaruan 2025.12.

Namun, solusi tersebut tidak langsung bekerja sebagaimana mestinya. Skrip yang ditemukan memiliki empat bug terpisah, sehingga setiap masalah harus dilacak dan diperbaiki satu per satu.

Empat bug yang membuat panel dashboard gagal bekerja

Masalah pertama adalah pengaturan default tingkat sistem lama yang tidak pernah terhapus. Pemeriksaan terhadap data frontend Home Assistant menunjukkan bahwa panel default masih mengarah ke dashboard default akun pengguna yang telah ditetapkan sebelum skrip digunakan.

Home Assistant memeriksa nilai tingkat sistem tersebut sebelum melihat cadangan penyimpanan lokal per perangkat. Akibatnya, apa pun yang dilakukan panel pada frontend, pengaturan lama itu akan selalu memperoleh prioritas.

Masalah kedua berada pada kode bootstrap panel. Skrip mengambil LitElement dengan membaca prototipe dari customElements.get("ha-panel-lovelace"). Namun, elemen tersebut baru didaftarkan setelah pengguna benar-benar membuka dashboard Lovelace dalam sesi browser yang sama.

Jika panel khusus dibuka langsung dari tab baru, elemen itu belum tersedia. Hasilnya adalah halaman kosong dan konsol browser yang dipenuhi JavaScript TypeError.

Bug ketiga lebih sulit dikenali karena ha-select tidak lagi bekerja seperti sebelumnya. Home Assistant telah menulis ulang komponen tersebut agar hanya mengenali item dropdown yang dibuat secara otomatis oleh sistemnya sendiri. Item itu kini memicu peristiwa wa-select yang terhubung ke komponen Web Awesome baru di balik layar, bukan memakai pendekatan lama dengan item yang dibuat secara manual.

Masalah terakhir adalah cache browser. Setelah perbaikan lain diterapkan, browser tetap menjalankan versi skrip yang rusak. Home Assistant menyajikan semua berkas di bawah jalur /local/ dengan cache agresif yang dapat menyimpan data hingga 31 hari.

Impor dinamis modul ES juga tidak selalu merespons hard refresh secara konsisten seperti tag skrip biasa. Akibatnya, setiap perbaikan tampak tidak berpengaruh sampai cache ditangani secara langsung.

Perbaikan WebSocket, LitElement, dropdown, dan cache

Keempat bug tersebut perlu ditangani secara terpisah. Langkah pertama adalah menghapus nilai default_panel yang tersisa melalui panggilan WebSocket langsung ke frontend/set_system_data. Setelah itu, data sistem dibaca kembali untuk memastikan nilainya benar-benar telah hilang. WebSocket adalah koneksi dua arah yang memungkinkan aplikasi dan server bertukar data secara langsung.

Untuk masalah bootstrap, referensi diubah agar LitElement diambil dari home-assistant-main, bukan ha-panel-lovelace. Elemen home-assistant-main dijamin tersedia sebagai bagian dari kerangka utama aplikasi, terlepas dari cara pengguna membuka panel. Dengan perubahan ini, skrip dapat melakukan inisialisasi meskipun panel dibuka secara langsung.

Dropdown membutuhkan penulisan ulang yang lebih besar. Alih-alih merender item secara manual, daftar dashboard yang tersedia diteruskan melalui properti .options milik ha-select. Cara ini memungkinkan komponen membuat sendiri item yang telah terhubung dengan benar.

Nilai yang dipilih kemudian dibaca melalui ev.detail.value, sama seperti metode yang digunakan pemilih dashboard resmi Home Assistant.

Untuk mengatasi cache, akhiran ?v=2 ditambahkan pada entri module_url di berkas configuration.yaml, lalu Home Assistant dimulai ulang. Dengan URL baru tersebut, setiap perangkat di jaringan meminta versi baru berkas, bukan memuat kembali modul lama yang masih tersimpan dalam cache.

Bagi pengguna yang ingin menerapkan perubahan ini pada instalasi Home Assistant sendiri, tersedia repositori GitHub yang memuat JavaScript pemilih dashboard yang telah dimodifikasi, cuplikan konfigurasi, dan penjelasan terperinci mengenai kendala lain yang mungkin ditemui. Bagi kebanyakan pengguna, menyalin berkas device-default-dashboard.js dan menambahkan cuplikan konfigurasi seharusnya sudah cukup. Solusi tersebut juga dapat dipasang melalui HACS jika lebih disukai.

Solusi sementara yang masih dapat rusak lagi

Tidak satu pun dari empat bug tersebut sangat sulit diperbaiki. Masalah seperti ini umum terjadi ketika frontend proyek sumber terbuka yang berkembang cepat merombak komponennya di antara rilis, sementara skrip komunitas tertinggal.

Kesulitannya bukan terletak pada kompleksitas setiap perbaikan, melainkan karena masing-masing bug menutupi masalah berikutnya. Kegagalan yang terlihat pun selalu tampak seolah-olah disebabkan oleh hal lain.

Setelah seluruh perbaikan diterapkan, setiap perangkat dapat langsung membuka dashboard yang memang diinginkan untuk perangkat tersebut. Meski demikian, pendekatan ini tetap merupakan solusi sementara, bukan fitur resmi, sehingga perubahan frontend pada masa mendatang dapat merusaknya kembali. Perbaikan kecil ini setidaknya memulihkan fleksibilitas per perangkat yang sebelumnya membuat Home Assistant terasa lebih personal.

Poin penting

  • Dashboard default Home Assistant per perangkat
  • Perubahan pada rilis 2025.12
  • Empat bug skrip komunitas
  • LitElement dari home-assistant-main
  • Dropdown melalui properti .options
  • Cache diatasi dengan ?v=2

Sumber: https://www.makeuseof.com/fixed-home-assistants-most-annoying-dashboard-problem/

Lihat juga