Store default dashboard setting

custom_components/browser_mod/browser_mod.js

@@ -1883,6 +1883,10 @@ const AutoSettingsMixin = (SuperClass) => {
             if (settings.sidebarHiddenPanels) {
                 localStorage.setItem("sidebarHiddenPanels", settings.sidebarHiddenPanels);
             }
+            // Default panel
+            if (settings.defaultPanel) {
+                localStorage.setItem("defaultPanel", settings.defaultPanel);
+            }
             // Hide sidebar
             if (settings.hideSidebar === true) {
                 selectTree(document.body, "home-assistant$home-assistant-main$app-drawer-layout").then((el) => el.style.setProperty("--app-drawer-width", "0px"));
@@ -1997,7 +2001,7 @@ const AutoSettingsMixin = (SuperClass) => {
     X Framework
     x Save sidebar
     x Kiosk mode
-    - Default panel
+    x Default dashboard
     - Screensaver?
     x Favicon templates
     x Title templates

custom_components/browser_mod/browser_mod_panel.js

@@ -571,15 +571,15 @@ class BrowserModFrontendSettingsCard extends s {
 
         <ha-settings-row>
           <span slot="heading">Sidebar order</span>
-          <span slot="description"
+          <span slot="description">
-            >Order and visibility of sidebar buttons</span
+            Order and visibility of sidebar buttons
-          >
+          </span>
           Currently: ${DESC_SET_UNSET(current.sidebarPanelOrder)}
           ${OVERRIDDEN("sidebarPanelOrder")}
         </ha-settings-row>
         <ha-settings-row>
           <span slot="description">
-            Clearing this does NOT restore the original button order.
+            Clearing this does NOT restore the original default order.
           </span>
           <mwc-button
             @click=${() => {
@@ -598,6 +598,36 @@ class BrowserModFrontendSettingsCard extends s {
             Clear
           </mwc-button>
         </ha-settings-row>
+
+        <div class="separator"></div>
+
+        <ha-settings-row>
+          <span slot="heading">Default dashboard</span>
+          <span slot="description"
+            >The dashboard that's displayed by default</span
+          >
+          Currently: ${DESC_SET_UNSET(current.defaultPanel)}
+          ${OVERRIDDEN("defaultPanel")}
+        </ha-settings-row>
+        <ha-settings-row>
+          <span slot="description">
+            Clearing this does NOT restore the original default dashboard.
+          </span>
+          <mwc-button
+            @click=${() => {
+            window.browser_mod.set_setting("defaultPanel", localStorage.getItem("defaultPanel"), level);
+        }}
+          >
+            Set
+          </mwc-button>
+          <mwc-button
+            @click=${() => {
+            window.browser_mod.set_setting("defaultPanel", undefined, level);
+        }}
+          >
+            Clear
+          </mwc-button>
+        </ha-settings-row>
       </div>
     `;
     }

js/config_panel/frontend-settings-card.ts

@@ -191,15 +191,15 @@ class BrowserModFrontendSettingsCard extends LitElement {
 
         <ha-settings-row>
           <span slot="heading">Sidebar order</span>
-          <span slot="description"
+          <span slot="description">
-            >Order and visibility of sidebar buttons</span
+            Order and visibility of sidebar buttons
-          >
+          </span>
           Currently: ${DESC_SET_UNSET(current.sidebarPanelOrder)}
           ${OVERRIDDEN("sidebarPanelOrder")}
         </ha-settings-row>
         <ha-settings-row>
           <span slot="description">
-            Clearing this does NOT restore the original button order.
+            Clearing this does NOT restore the original default order.
           </span>
           <mwc-button
             @click=${() => {
@@ -234,6 +234,40 @@ class BrowserModFrontendSettingsCard extends LitElement {
             Clear
           </mwc-button>
         </ha-settings-row>
+
+        <div class="separator"></div>
+
+        <ha-settings-row>
+          <span slot="heading">Default dashboard</span>
+          <span slot="description"
+            >The dashboard that's displayed by default</span
+          >
+          Currently: ${DESC_SET_UNSET(current.defaultPanel)}
+          ${OVERRIDDEN("defaultPanel")}
+        </ha-settings-row>
+        <ha-settings-row>
+          <span slot="description">
+            Clearing this does NOT restore the original default dashboard.
+          </span>
+          <mwc-button
+            @click=${() => {
+              window.browser_mod.set_setting(
+                "defaultPanel",
+                localStorage.getItem("defaultPanel"),
+                level
+              );
+            }}
+          >
+            Set
+          </mwc-button>
+          <mwc-button
+            @click=${() => {
+              window.browser_mod.set_setting("defaultPanel", undefined, level);
+            }}
+          >
+            Clear
+          </mwc-button>
+        </ha-settings-row>
       </div>
     `;
   }

js/plugin/frontend-settings.ts

@@ -38,6 +38,11 @@ export const AutoSettingsMixin = (SuperClass) => {
         );
       }
 
+      // Default panel
+      if (settings.defaultPanel) {
+        localStorage.setItem("defaultPanel", settings.defaultPanel);
+      }
+
       // Hide sidebar
       if (settings.hideSidebar === true) {
         selectTree(

js/plugin/main.ts

@@ -53,7 +53,7 @@ import { AutoSettingsMixin } from "./frontend-settings";
     X Framework
     x Save sidebar
     x Kiosk mode
-    - Default panel
+    x Default dashboard
     - Screensaver?
     x Favicon templates
     x Title templates