Allow to set default router for thread network

src/data/thread.ts

@@ -103,3 +103,14 @@ export const setPreferredThreadDataSet = (
     type: "thread/set_preferred_dataset",
     dataset_id,
   });
+
+export const setPreferredBorderAgent = (
+  hass: HomeAssistant,
+  dataset_id: string,
+  border_agent_id: string
+): Promise<void> =>
+  hass.callWS({
+    type: "thread/set_preferred_border_agent_id",
+    dataset_id,
+    border_agent_id,
+  });

src/panels/config/integrations/integration-panels/thread/thread-config-panel.ts

@@ -5,31 +5,35 @@ import {
   mdiDevices,
   mdiDotsVertical,
   mdiInformationOutline,
+  mdiStar,
 } from "@mdi/js";
-import { css, html, LitElement, PropertyValues, TemplateResult } from "lit";
+import { LitElement, PropertyValues, TemplateResult, css, html } from "lit";
 import { customElement, property, state } from "lit/decorators";
 import memoizeOne from "memoize-one";
 import { isComponentLoaded } from "../../../../../common/config/is_component_loaded";
 import { stringCompare } from "../../../../../common/string/compare";
 import { extractSearchParam } from "../../../../../common/url/search-params";
+import "../../../../../components/ha-button-menu";
+import "../../../../../components/ha-list-item";
 import "../../../../../components/ha-card";
 import { getSignedPath } from "../../../../../data/auth";
 import { getConfigEntryDiagnosticsDownloadUrl } from "../../../../../data/diagnostics";
 import {
-  getOTBRInfo,
   OTBRCreateNetwork,
   OTBRInfo,
   OTBRSetChannel,
   OTBRSetNetwork,
+  getOTBRInfo,
 } from "../../../../../data/otbr";
 import {
+  ThreadDataSet,
+  ThreadRouter,
   addThreadDataSet,
   listThreadDataSets,
   removeThreadDataSet,
+  setPreferredBorderAgent,
   setPreferredThreadDataSet,
   subscribeDiscoverThreadRouters,
-  ThreadDataSet,
-  ThreadRouter,
 } from "../../../../../data/thread";
 import { showConfigFlowDialog } from "../../../../../dialogs/config-flow/show-dialog-config-flow";
 import {
@@ -166,8 +170,8 @@ export class ThreadConfigPanel extends SubscribeMixin(LitElement) {
                   class="router"
                   twoline
                   graphic="avatar"
-                  .hasMeta=${router.extended_address ===
+                  .hasMeta=${("dataset" in network && router.border_agent_id) ||
-                  this._otbrInfo?.extended_address}
+                  router.extended_address === this._otbrInfo?.extended_address}
                 >
                   <img
                     slot="graphic"
@@ -186,35 +190,73 @@ export class ThreadConfigPanel extends SubscribeMixin(LitElement) {
                   router.server?.replace(".local.", "") ||
                   ""}
                   <span slot="secondary">${router.server}</span>
-                  ${router.extended_address === this._otbrInfo?.extended_address
+                  ${(network.dataset && router.border_agent_id) ||
-                    ? html`<ha-button-menu
+                  router.extended_address === this._otbrInfo?.extended_address
-                        slot="meta"
+                    ? html`${network.dataset &&
-                        @action=${this._handleRouterAction}
+                        router.border_agent_id ===
-                      >
+                          network.dataset.preferred_border_agent_id
-                        <ha-icon-button
+                          ? html`<ha-svg-icon .path=${mdiStar} slot="meta">
-                          .label=${this.hass.localize(
+                              ${this.hass.localize(
-                            "ui.common.overflow_menu"
+                                "ui.panel.config.thread.default_router"
-                          )}
+                              )}
-                          .path=${mdiDotsVertical}
+                            </ha-svg-icon>`
-                          slot="trigger"
+                          : ""}
-                        ></ha-icon-button
+                        <ha-button-menu
-                        ><ha-list-item
+                          slot="meta"
-                          >${this.hass.localize(
+                          .network=${network}
-                            "ui.panel.config.thread.reset_border_router"
+                          .router=${router}
-                          )}</ha-list-item
+                          @action=${this._handleRouterAction}
-                        ><ha-list-item
+                        >
-                          >${this.hass.localize(
+                          <ha-icon-button
-                            "ui.panel.config.thread.change_channel"
+                            .label=${this.hass.localize(
-                          )}</ha-list-item
+                              "ui.common.overflow_menu"
-                        >${network.dataset?.preferred
+                            )}
-                          ? ""
+                            .path=${mdiDotsVertical}
-                          : html`<ha-list-item
+                            slot="trigger"
-                          >${this.hass.localize(
+                          ></ha-icon-button>
-                            "ui.panel.config.thread.add_to_my_network"
+                          ${network.dataset && router.border_agent_id
-                          )}</ha-list-item
+                            ? html`<ha-list-item
-                        ></ha-button-menu
+                                .disabled=${router.border_agent_id ===
-                      >`}</ha-button-menu
+                                network.dataset.preferred_border_agent_id}
-                      >`
+                              >
+                                ${router.border_agent_id ===
+                                network.dataset.preferred_border_agent_id
+                                  ? this.hass.localize(
+                                      "ui.panel.config.thread.default_router"
+                                    )
+                                  : this.hass.localize(
+                                      "ui.panel.config.thread.set_default_router"
+                                    )}
+                              </ha-list-item>`
+                            : ""}
+                          ${router.extended_address ===
+                          this._otbrInfo?.extended_address
+                            ? html`<ha-icon-button
+                                  .label=${this.hass.localize(
+                                    "ui.common.overflow_menu"
+                                  )}
+                                  .path=${mdiDotsVertical}
+                                  slot="trigger"
+                                ></ha-icon-button>
+                                <ha-list-item>
+                                  ${this.hass.localize(
+                                    "ui.panel.config.thread.reset_border_router"
+                                  )}</ha-list-item
+                                >
+                                <ha-list-item>
+                                  ${this.hass.localize(
+                                    "ui.panel.config.thread.change_channel"
+                                  )}</ha-list-item
+                                >
+                                ${network.dataset?.preferred
+                                  ? ""
+                                  : html`<ha-list-item>
+                                      ${this.hass.localize(
+                                        "ui.panel.config.thread.add_to_my_network"
+                                      )}
+                                    </ha-list-item>`}`
+                            : ""}
+                        </ha-button-menu>`
                     : ""}
                 </ha-list-item>`
             )}`
@@ -382,14 +424,23 @@ export class ThreadConfigPanel extends SubscribeMixin(LitElement) {
   }
 
   private _handleRouterAction(ev: CustomEvent<ActionDetail>) {
-    switch (ev.detail.index) {
+    const network = (ev.currentTarget as any).network as ThreadNetwork;
+    const router = (ev.currentTarget as any).router as ThreadRouter;
+    const index =
+      network.dataset && router.border_agent_id
+        ? Number(ev.detail.index)
+        : Number(ev.detail.index) + 1;
+    switch (index) {
       case 0:
-        this._resetBorderRouter();
+        this._setPreferredBorderAgent(network.dataset!, router);
         break;
       case 1:
-        this._changeChannel();
+        this._resetBorderRouter();
         break;
       case 2:
+        this._changeChannel();
+        break;
+      case 3:
         this._setDataset();
         break;
     }
@@ -452,6 +503,19 @@ export class ThreadConfigPanel extends SubscribeMixin(LitElement) {
     this._refresh();
   }
 
+  private async _setPreferredBorderAgent(
+    dataset: ThreadDataSet,
+    router: ThreadRouter
+  ) {
+    const datasetId = dataset.dataset_id;
+    const borderAgentId = router.border_agent_id;
+    if (!router.border_agent_id) {
+      return;
+    }
+    await setPreferredBorderAgent(this.hass, datasetId, borderAgentId);
+    this._refresh();
+  }
+
   private async _addTLV() {
     const tlv = await showPromptDialog(this, {
       title: this.hass.localize("ui.panel.config.thread.add_dataset"),
@@ -571,11 +635,15 @@ export class ThreadConfigPanel extends SubscribeMixin(LitElement) {
         direction: ltr;
       }
       ha-list-item.router {
+        --mdc-list-item-meta-size: auto;
+        --mdc-list-item-meta-display: flex;
         --mdc-list-side-padding: 16px;
-        --mdc-list-item-meta-size: 48px;
         cursor: default;
         overflow: visible;
       }
+      ha-svg-icon[slot="meta"] {
+        width: 24px;
+      }
       ha-button-menu a {
         text-decoration: none;
       }

src/translations/en.json

@@ -3707,6 +3707,8 @@
           "add_open_thread_border_router": "Add an OpenThread border router",
           "reset_border_router": "Reset border router",
           "add_to_my_network": "Add to preferred network",
+          "default_router": "Default router for network",
+          "set_default_router": "Set as default router for network",
           "no_routers_otbr_network": "No border routers where found, maybe the border router is not configured correctly. You can try to reset it to the factory settings.",
           "add_dataset_from_tlv": "Add dataset from TLV",
           "add_dataset": "Add Thread dataset",