@matter-server/dashboard 0.5.10 → 0.5.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/dist/esm/components/dialog-box/dialog-box.d.ts.map +1 -1
  2. package/dist/esm/components/dialog-box/dialog-box.js.map +1 -1
  3. package/dist/esm/components/dialogs/commission-node-dialog/commission-node-dialog.d.ts.map +1 -1
  4. package/dist/esm/components/dialogs/commission-node-dialog/commission-node-dialog.js +1 -7
  5. package/dist/esm/components/dialogs/commission-node-dialog/commission-node-dialog.js.map +1 -1
  6. package/dist/esm/components/dialogs/commission-node-dialog/commission-node-existing.d.ts.map +1 -1
  7. package/dist/esm/components/dialogs/commission-node-dialog/commission-node-existing.js +1 -3
  8. package/dist/esm/components/dialogs/commission-node-dialog/commission-node-existing.js.map +1 -1
  9. package/dist/esm/components/dialogs/commission-node-dialog/commission-node-thread.d.ts.map +1 -1
  10. package/dist/esm/components/dialogs/commission-node-dialog/commission-node-thread.js +7 -7
  11. package/dist/esm/components/dialogs/commission-node-dialog/commission-node-thread.js.map +1 -1
  12. package/dist/esm/components/dialogs/commission-node-dialog/commission-node-wifi.d.ts.map +1 -1
  13. package/dist/esm/components/dialogs/commission-node-dialog/commission-node-wifi.js +1 -3
  14. package/dist/esm/components/dialogs/commission-node-dialog/commission-node-wifi.js.map +1 -1
  15. package/dist/esm/components/dialogs/settings/log-level-dialog.d.ts.map +1 -1
  16. package/dist/esm/components/dialogs/settings/log-level-dialog.js +1 -3
  17. package/dist/esm/components/dialogs/settings/log-level-dialog.js.map +1 -1
  18. package/dist/esm/pages/cluster-commands/clusters/basic-information-commands.d.ts.map +1 -1
  19. package/dist/esm/pages/cluster-commands/clusters/basic-information-commands.js +1 -3
  20. package/dist/esm/pages/cluster-commands/clusters/basic-information-commands.js.map +1 -1
  21. package/dist/esm/pages/components/footer.d.ts.map +1 -1
  22. package/dist/esm/pages/components/footer.js +3 -1
  23. package/dist/esm/pages/components/footer.js.map +1 -1
  24. package/dist/esm/pages/components/header.d.ts.map +1 -1
  25. package/dist/esm/pages/components/header.js.map +1 -1
  26. package/dist/esm/pages/components/node-details.d.ts.map +1 -1
  27. package/dist/esm/pages/components/node-details.js +10 -13
  28. package/dist/esm/pages/components/node-details.js.map +1 -1
  29. package/dist/esm/pages/components/server-details.d.ts.map +1 -1
  30. package/dist/esm/pages/components/server-details.js +1 -3
  31. package/dist/esm/pages/components/server-details.js.map +1 -1
  32. package/dist/esm/pages/matter-cluster-view.d.ts.map +1 -1
  33. package/dist/esm/pages/matter-cluster-view.js.map +1 -1
  34. package/dist/esm/pages/matter-network-view.d.ts.map +1 -1
  35. package/dist/esm/pages/matter-network-view.js +2 -2
  36. package/dist/esm/pages/matter-network-view.js.map +1 -1
  37. package/dist/esm/pages/matter-node-view.d.ts.map +1 -1
  38. package/dist/esm/pages/matter-node-view.js.map +1 -1
  39. package/dist/esm/pages/matter-server-view.d.ts.map +1 -1
  40. package/dist/esm/pages/matter-server-view.js +1 -3
  41. package/dist/esm/pages/matter-server-view.js.map +1 -1
  42. package/dist/esm/pages/network/device-panel.d.ts.map +1 -1
  43. package/dist/esm/pages/network/device-panel.js.map +1 -1
  44. package/dist/esm/pages/network/network-details.d.ts.map +1 -1
  45. package/dist/esm/pages/network/network-details.js +73 -74
  46. package/dist/esm/pages/network/network-details.js.map +1 -1
  47. package/dist/esm/pages/network/thread-graph.d.ts.map +1 -1
  48. package/dist/esm/pages/network/thread-graph.js +1 -3
  49. package/dist/esm/pages/network/thread-graph.js.map +1 -1
  50. package/dist/esm/pages/network/update-connections-dialog.d.ts.map +1 -1
  51. package/dist/esm/pages/network/update-connections-dialog.js +2 -6
  52. package/dist/esm/pages/network/update-connections-dialog.js.map +1 -1
  53. package/dist/esm/pages/network/wifi-graph.d.ts.map +1 -1
  54. package/dist/esm/pages/network/wifi-graph.js +1 -3
  55. package/dist/esm/pages/network/wifi-graph.js.map +1 -1
  56. package/dist/web/js/{commission-node-dialog-B8btRo-u.js → commission-node-dialog-C3vakpfo.js} +5 -11
  57. package/dist/web/js/{commission-node-existing-DV3Mdryb.js → commission-node-existing-D3r5Plch.js} +3 -5
  58. package/dist/web/js/{commission-node-thread-CRmXG-l7.js → commission-node-thread-C9ECK9dL.js} +9 -9
  59. package/dist/web/js/{commission-node-wifi-B9czrkgM.js → commission-node-wifi-DlG5s0i_.js} +3 -5
  60. package/dist/web/js/{dialog-box-D1T172PR.js → dialog-box-Bi0vD6U9.js} +1 -1
  61. package/dist/web/js/{fire_event-CpzR8zJR.js → fire_event-Cy9Y-JEv.js} +1 -1
  62. package/dist/web/js/{log-level-dialog-Dlvacuei.js → log-level-dialog-B7jqYNxe.js} +2 -4
  63. package/dist/web/js/main.js +1 -1
  64. package/dist/web/js/{matter-dashboard-app-CJAvDfru.js → matter-dashboard-app-BiNu4m8W.js} +97 -115
  65. package/dist/web/js/{node-binding-dialog-CTsnRoFC.js → node-binding-dialog-BmjRJ8c2.js} +1 -1
  66. package/package.json +5 -5
  67. package/src/components/dialog-box/dialog-box.ts +9 -15
  68. package/src/components/dialogs/commission-node-dialog/commission-node-dialog.ts +7 -15
  69. package/src/components/dialogs/commission-node-dialog/commission-node-existing.ts +1 -7
  70. package/src/components/dialogs/commission-node-dialog/commission-node-thread.ts +7 -15
  71. package/src/components/dialogs/commission-node-dialog/commission-node-wifi.ts +4 -12
  72. package/src/components/dialogs/settings/log-level-dialog.ts +7 -13
  73. package/src/pages/cluster-commands/clusters/basic-information-commands.ts +3 -7
  74. package/src/pages/components/footer.ts +3 -1
  75. package/src/pages/components/header.ts +15 -25
  76. package/src/pages/components/node-details.ts +29 -46
  77. package/src/pages/components/server-details.ts +1 -7
  78. package/src/pages/matter-cluster-view.ts +5 -9
  79. package/src/pages/matter-network-view.ts +7 -11
  80. package/src/pages/matter-node-view.ts +3 -5
  81. package/src/pages/matter-server-view.ts +1 -7
  82. package/src/pages/network/device-panel.ts +3 -5
  83. package/src/pages/network/network-details.ts +146 -192
  84. package/src/pages/network/thread-graph.ts +1 -3
  85. package/src/pages/network/update-connections-dialog.ts +17 -31
  86. package/src/pages/network/wifi-graph.ts +1 -3
package/src/pages/network/network-details.ts CHANGED
@@ -137,56 +137,46 @@ export class NetworkDetails extends LitElement {
137
137
  return html`
138
138
  <div class="section">
139
139
  <h4>WiFi Network</h4>
140
- ${
141
- wifiDiag.bssid
142
- ? html`
140
+ ${wifiDiag.bssid
141
+ ? html`
143
142
  <div class="info-row">
144
143
  <span class="label">BSSID:</span>
145
144
  <span class="value mono">${wifiDiag.bssid}</span>
146
145
  </div>
147
146
  `
148
- : nothing
149
- }
150
- ${
151
- wifiDiag.rssi !== null
152
- ? html`
147
+ : nothing}
148
+ ${wifiDiag.rssi !== null
149
+ ? html`
153
150
  <div class="info-row">
154
151
  <span class="label">Signal:</span>
155
152
  <span class="value" style="color: ${signalColor}">${wifiDiag.rssi} dBm</span>
156
153
  </div>
157
154
  `
158
- : nothing
159
- }
160
- ${
161
- wifiDiag.channel !== null
162
- ? html`
155
+ : nothing}
156
+ ${wifiDiag.channel !== null
157
+ ? html`
163
158
  <div class="info-row">
164
159
  <span class="label">Channel:</span>
165
160
  <span class="value">${wifiDiag.channel}</span>
166
161
  </div>
167
162
  `
168
- : nothing
169
- }
170
- ${
171
- wifiDiag.securityType !== null
172
- ? html`
163
+ : nothing}
164
+ ${wifiDiag.securityType !== null
165
+ ? html`
173
166
  <div class="info-row">
174
167
  <span class="label">Security:</span>
175
168
  <span class="value">${getWiFiSecurityTypeName(wifiDiag.securityType)}</span>
176
169
  </div>
177
170
  `
178
- : nothing
179
- }
180
- ${
181
- wifiDiag.wifiVersion !== null
182
- ? html`
171
+ : nothing}
172
+ ${wifiDiag.wifiVersion !== null
173
+ ? html`
183
174
  <div class="info-row">
184
175
  <span class="label">WiFi Version:</span>
185
176
  <span class="value">${getWiFiVersionName(wifiDiag.wifiVersion)}</span>
186
177
  </div>
187
178
  `
188
- : nothing
189
- }
179
+ : nothing}
190
180
  </div>
191
181
  `;
192
182
  }
@@ -210,26 +200,22 @@ export class NetworkDetails extends LitElement {
210
200
  <span class="label">Role:</span>
211
201
  <span class="value">${getThreadRoleName(threadRole)}</span>
212
202
  </div>
213
- ${
214
- channel !== undefined
215
- ? html`
203
+ ${channel !== undefined
204
+ ? html`
216
205
  <div class="info-row">
217
206
  <span class="label">Channel:</span>
218
207
  <span class="value">${channel}</span>
219
208
  </div>
220
209
  `
221
- : nothing
222
- }
223
- ${
224
- extAddressHex
225
- ? html`
210
+ : nothing}
211
+ ${extAddressHex
212
+ ? html`
226
213
  <div class="info-row">
227
214
  <span class="label">Extended Address:</span>
228
215
  <span class="value mono">${extAddressHex}</span>
229
216
  </div>
230
217
  `
231
- : nothing
232
- }
218
+ : nothing}
233
219
  <div class="info-row">
234
220
  <span class="label">Direct neighbors:</span>
235
221
  <span class="value">${connections.length}</span>
@@ -247,9 +233,8 @@ export class NetworkDetails extends LitElement {
247
233
  })()}
248
234
  </div>
249
235
 
250
- ${
251
- connections.length > 0
252
- ? html`
236
+ ${connections.length > 0
237
+ ? html`
253
238
  <md-divider></md-divider>
254
239
  <div class="section">
255
240
  <h4>Connections (${connections.length})</h4>
@@ -269,59 +254,58 @@ export class NetworkDetails extends LitElement {
269
254
  })
270
255
  .map((conn: NodeConnection) => {
271
256
  return html`
272
- <div
273
- class="neighbor-item clickable"
274
- role="button"
275
- tabindex="0"
276
- @click=${() => this._handleSelectNode(conn.connectedNodeId)}
277
- @keydown=${(e: KeyboardEvent) => this._handleKeyDown(e, conn.connectedNodeId)}
278
- >
279
- <ha-svg-icon
280
- .path=${this._getSignalIconFromColor(conn.signalColor)}
281
- style="--icon-primary-color: ${conn.signalColor}"
282
- ></ha-svg-icon>
283
- <div class="neighbor-info">
284
- <div class="neighbor-name">
285
- ${
286
- conn.connectedNode
257
+ <div
258
+ class="neighbor-item clickable"
259
+ role="button"
260
+ tabindex="0"
261
+ @click=${() => this._handleSelectNode(conn.connectedNodeId)}
262
+ @keydown=${(e: KeyboardEvent) =>
263
+ this._handleKeyDown(e, conn.connectedNodeId)}
264
+ >
265
+ <ha-svg-icon
266
+ .path=${this._getSignalIconFromColor(conn.signalColor)}
267
+ style="--icon-primary-color: ${conn.signalColor}"
268
+ ></ha-svg-icon>
269
+ <div class="neighbor-info">
270
+ <div class="neighbor-name">
271
+ ${conn.connectedNode
287
272
  ? html`Node ${conn.connectedNodeId}
288
- <span class="node-id-hex"
289
- >${this._formatNodeIdHex(conn.connectedNodeId)}</span
290
- >: ${getDeviceName(conn.connectedNode)}`
291
- : html`External: <span class="mono">${conn.extAddressHex}</span>`
292
- }
293
- </div>
294
- <div class="neighbor-signal">
295
- ${conn.rssi !== null ? html`RSSI: ${conn.rssi} dBm` : nothing}${
296
- conn.rssi !== null && conn.lqi !== null ? ", " : nothing
297
- }${conn.lqi !== null ? html`LQI: ${conn.lqi}` : nothing}${
298
- conn.bidirectionalLqi !== undefined
273
+ <span class="node-id-hex"
274
+ >${this._formatNodeIdHex(
275
+ conn.connectedNodeId,
276
+ )}</span
277
+ >: ${getDeviceName(conn.connectedNode)}`
278
+ : html`External:
279
+ <span class="mono">${conn.extAddressHex}</span>`}
280
+ </div>
281
+ <div class="neighbor-signal">
282
+ ${conn.rssi !== null
283
+ ? html`RSSI: ${conn.rssi} dBm`
284
+ : nothing}${conn.rssi !== null && conn.lqi !== null
285
+ ? ", "
286
+ : nothing}${conn.lqi !== null
287
+ ? html`LQI: ${conn.lqi}`
288
+ : nothing}${conn.bidirectionalLqi !== undefined
299
289
  ? html`<span class="route-info"
300
- >, Bidir: ${conn.bidirectionalLqi}</span
301
- >`
302
- : nothing
303
- }${
304
- conn.pathCost !== undefined
305
- ? html`<span class="route-info">, Cost: ${conn.pathCost}</span>`
306
- : nothing
307
- }
308
- ${
309
- !conn.isOutgoing
310
- ? html`
311
- <span class="direction-hint">(reverse)</span>
312
- `
313
- : nothing
314
- }
290
+ >, Bidir: ${conn.bidirectionalLqi}</span
291
+ >`
292
+ : nothing}${conn.pathCost !== undefined
293
+ ? html`<span class="route-info"
294
+ >, Cost: ${conn.pathCost}</span
295
+ >`
296
+ : nothing}
297
+ ${!conn.isOutgoing
298
+ ? html` <span class="direction-hint">(reverse)</span> `
299
+ : nothing}
300
+ </div>
315
301
  </div>
316
302
  </div>
317
- </div>
318
- `;
303
+ `;
319
304
  })}
320
305
  </div>
321
306
  </div>
322
307
  `
323
- : nothing
324
- }
308
+ : nothing}
325
309
  `;
326
310
  }
327
311
 
@@ -343,16 +327,14 @@ export class NetworkDetails extends LitElement {
343
327
  <span class="label">Product:</span>
344
328
  <span class="value">${node.productName ?? "Unknown"}</span>
345
329
  </div>
346
- ${
347
- node.serialNumber
348
- ? html`
330
+ ${node.serialNumber
331
+ ? html`
349
332
  <div class="info-row">
350
333
  <span class="label">Serial:</span>
351
334
  <span class="value mono">${node.serialNumber}</span>
352
335
  </div>
353
336
  `
354
- : nothing
355
- }
337
+ : nothing}
356
338
  <div class="info-row">
357
339
  <span class="label">Network:</span>
358
340
  <span class="value">${networkType.charAt(0).toUpperCase() + networkType.slice(1)}</span>
@@ -365,22 +347,18 @@ export class NetworkDetails extends LitElement {
365
347
  </div>
366
348
  </div>
367
349
 
368
- ${
369
- networkType === "thread"
370
- ? html`
350
+ ${networkType === "thread"
351
+ ? html`
371
352
  <md-divider></md-divider>
372
353
  ${this._renderThreadInfo(node)}
373
354
  `
374
- : nothing
375
- }
376
- ${
377
- networkType === "wifi"
378
- ? html`
355
+ : nothing}
356
+ ${networkType === "wifi"
357
+ ? html`
379
358
  <md-divider></md-divider>
380
359
  ${this._renderWiFiInfo(node)}
381
360
  `
382
- : nothing
383
- }
361
+ : nothing}
384
362
  `;
385
363
  }
386
364
 
@@ -401,9 +379,7 @@ export class NetworkDetails extends LitElement {
401
379
  private _renderUnknownDeviceInfo(deviceId: string): TemplateResult | typeof nothing {
402
380
  const unknown = this.unknownDevices.get(deviceId);
403
381
  if (!unknown) {
404
- return html`
405
- <p>Unknown device data not available</p>
406
- `;
382
+ return html` <p>Unknown device data not available</p> `;
407
383
  }
408
384
 
409
385
  return html`
@@ -417,21 +393,18 @@ export class NetworkDetails extends LitElement {
417
393
  <span class="label">Extended Address:</span>
418
394
  <span class="value mono">${unknown.extAddressHex}</span>
419
395
  </div>
420
- ${
421
- unknown.bestRssi !== null
422
- ? html`
396
+ ${unknown.bestRssi !== null
397
+ ? html`
423
398
  <div class="info-row">
424
399
  <span class="label">Best RSSI:</span>
425
400
  <span class="value">${unknown.bestRssi} dBm</span>
426
401
  </div>
427
402
  `
428
- : nothing
429
- }
403
+ : nothing}
430
404
  </div>
431
405
 
432
- ${
433
- unknown.seenBy.length > 0
434
- ? html`
406
+ ${unknown.seenBy.length > 0
407
+ ? html`
435
408
  <md-divider></md-divider>
436
409
  <div class="section">
437
410
  <h4>Neighbors (${unknown.seenBy.length})</h4>
@@ -461,48 +434,43 @@ export class NetworkDetails extends LitElement {
461
434
  const lqi = neighborEntry?.lqi;
462
435
 
463
436
  return html`
464
- <div
465
- class="neighbor-item clickable"
466
- role="button"
467
- tabindex="0"
468
- @click=${() => this._handleSelectNode(nodeId)}
469
- @keydown=${(e: KeyboardEvent) => this._handleKeyDown(e, nodeId)}
470
- >
471
- ${
472
- neighborEntry
437
+ <div
438
+ class="neighbor-item clickable"
439
+ role="button"
440
+ tabindex="0"
441
+ @click=${() => this._handleSelectNode(nodeId)}
442
+ @keydown=${(e: KeyboardEvent) => this._handleKeyDown(e, nodeId)}
443
+ >
444
+ ${neighborEntry
473
445
  ? html`
474
- <ha-svg-icon
475
- .path=${this._getSignalIcon(neighborEntry)}
476
- style="--icon-primary-color: ${signalColor}"
477
- ></ha-svg-icon>
478
- `
479
- : nothing
480
- }
481
- <div class="neighbor-info">
482
- <div class="neighbor-name">
483
- Node ${nodeId}
484
- <span class="node-id-hex">${this._formatNodeIdHex(nodeId)}</span>:
485
- ${getDeviceName(node)}
486
- </div>
487
- ${
488
- neighborEntry
489
- ? html`
490
- <div class="neighbor-signal">
491
- ${rssi !== null ? html`RSSI: ${rssi} dBm, ` : nothing}
492
- ${lqi !== undefined ? html`LQI: ${lqi}` : nothing}
493
- </div>
446
+ <ha-svg-icon
447
+ .path=${this._getSignalIcon(neighborEntry)}
448
+ style="--icon-primary-color: ${signalColor}"
449
+ ></ha-svg-icon>
494
450
  `
495
- : nothing
496
- }
451
+ : nothing}
452
+ <div class="neighbor-info">
453
+ <div class="neighbor-name">
454
+ Node ${nodeId}
455
+ <span class="node-id-hex">${this._formatNodeIdHex(nodeId)}</span>:
456
+ ${getDeviceName(node)}
457
+ </div>
458
+ ${neighborEntry
459
+ ? html`
460
+ <div class="neighbor-signal">
461
+ ${rssi !== null ? html`RSSI: ${rssi} dBm, ` : nothing}
462
+ ${lqi !== undefined ? html`LQI: ${lqi}` : nothing}
463
+ </div>
464
+ `
465
+ : nothing}
466
+ </div>
497
467
  </div>
498
- </div>
499
- `;
468
+ `;
500
469
  })}
501
470
  </div>
502
471
  </div>
503
472
  `
504
- : nothing
505
- }
473
+ : nothing}
506
474
 
507
475
  <md-divider></md-divider>
508
476
  <div class="section">
@@ -626,9 +594,7 @@ export class NetworkDetails extends LitElement {
626
594
  private _renderWiFiAccessPointInfo(apId: string): TemplateResult | typeof nothing {
627
595
  const ap = this.wifiAccessPoints.get(apId);
628
596
  if (!ap) {
629
- return html`
630
- <p>Access point data not available</p>
631
- `;
597
+ return html` <p>Access point data not available</p> `;
632
598
  }
633
599
 
634
600
  return html`
@@ -643,9 +609,8 @@ export class NetworkDetails extends LitElement {
643
609
  <span class="value">${ap.connectedNodes.length}</span>
644
610
  </div>
645
611
  </div>
646
- ${
647
- ap.connectedNodes.length > 0
648
- ? html`
612
+ ${ap.connectedNodes.length > 0
613
+ ? html`
649
614
  <md-divider></md-divider>
650
615
  <div class="section">
651
616
  <h4>Connected Nodes</h4>
@@ -665,33 +630,30 @@ export class NetworkDetails extends LitElement {
665
630
  const signalColor = getSignalColorFromRssi(wifiDiag.rssi);
666
631
 
667
632
  return html`
668
- <div
669
- class="connected-node-item clickable"
670
- role="button"
671
- tabindex="0"
672
- @click=${() => this._handleSelectNode(nodeId)}
673
- @keydown=${(e: KeyboardEvent) => this._handleKeyDown(e, nodeId)}
674
- >
675
- <div class="node-name">
676
- Node ${nodeId}
677
- <span class="node-id-hex">${this._formatNodeIdHex(nodeId)}</span>:
678
- ${getDeviceName(node)}
679
- </div>
680
- ${
681
- wifiDiag.rssi !== null
633
+ <div
634
+ class="connected-node-item clickable"
635
+ role="button"
636
+ tabindex="0"
637
+ @click=${() => this._handleSelectNode(nodeId)}
638
+ @keydown=${(e: KeyboardEvent) => this._handleKeyDown(e, nodeId)}
639
+ >
640
+ <div class="node-name">
641
+ Node ${nodeId}
642
+ <span class="node-id-hex">${this._formatNodeIdHex(nodeId)}</span>:
643
+ ${getDeviceName(node)}
644
+ </div>
645
+ ${wifiDiag.rssi !== null
682
646
  ? html`<div class="node-signal" style="color: ${signalColor}">
683
- ${wifiDiag.rssi} dBm
684
- </div>`
685
- : nothing
686
- }
687
- </div>
688
- `;
647
+ ${wifiDiag.rssi} dBm
648
+ </div>`
649
+ : nothing}
650
+ </div>
651
+ `;
689
652
  })}
690
653
  </div>
691
654
  </div>
692
655
  `
693
- : nothing
694
- }
656
+ : nothing}
695
657
  <md-divider></md-divider>
696
658
  <div class="section">
697
659
  <p class="hint-text">
@@ -720,9 +682,8 @@ export class NetworkDetails extends LitElement {
720
682
  <div class="header">
721
683
  <h3>External Device</h3>
722
684
  <div class="header-actions">
723
- ${
724
- onlineSeenByNodes.length > 0
725
- ? html`
685
+ ${onlineSeenByNodes.length > 0
686
+ ? html`
726
687
  <button
727
688
  class="action-button"
728
689
  @click=${this._handleUpdateConnections}
@@ -732,8 +693,7 @@ export class NetworkDetails extends LitElement {
732
693
  <ha-svg-icon .path=${mdiRefresh}></ha-svg-icon>
733
694
  </button>
734
695
  `
735
- : nothing
736
- }
696
+ : nothing}
737
697
  <button class="close-button" @click=${this._handleClose} aria-label="Close details panel">
738
698
  <ha-svg-icon .path=${mdiClose}></ha-svg-icon>
739
699
  </button>
@@ -741,9 +701,8 @@ export class NetworkDetails extends LitElement {
741
701
  </div>
742
702
  <div class="content">${this._renderUnknownDeviceInfo(this.selectedNodeId as string)}</div>
743
703
  </div>
744
- ${
745
- this._showUpdateDialog
746
- ? html`
704
+ ${this._showUpdateDialog
705
+ ? html`
747
706
  <update-connections-dialog
748
707
  .client=${this.client}
749
708
  .nodes=${this.nodes}
@@ -754,8 +713,7 @@ export class NetworkDetails extends LitElement {
754
713
  @dialog-closed=${this._handleDialogClose}
755
714
  ></update-connections-dialog>
756
715
  `
757
- : nothing
758
- }
716
+ : nothing}
759
717
  `;
760
718
  }
761
719
 
@@ -797,9 +755,8 @@ export class NetworkDetails extends LitElement {
797
755
  <span class="node-id-hex">${this._formatNodeIdHex(this.selectedNodeId)}</span>
798
756
  </h3>
799
757
  <div class="header-actions">
800
- ${
801
- canUpdate
802
- ? html`
758
+ ${canUpdate
759
+ ? html`
803
760
  <button
804
761
  class="action-button"
805
762
  @click=${this._handleUpdateConnections}
@@ -809,8 +766,7 @@ export class NetworkDetails extends LitElement {
809
766
  <ha-svg-icon .path=${mdiRefresh}></ha-svg-icon>
810
767
  </button>
811
768
  `
812
- : nothing
813
- }
769
+ : nothing}
814
770
  <button class="close-button" @click=${this._handleClose} aria-label="Close details panel">
815
771
  <ha-svg-icon .path=${mdiClose}></ha-svg-icon>
816
772
  </button>
@@ -821,9 +777,8 @@ export class NetworkDetails extends LitElement {
821
777
  <a href="#node/${this.selectedNodeId}" class="view-link">View node details</a>
822
778
  </div>
823
779
  </div>
824
- ${
825
- this._showUpdateDialog
826
- ? html`
780
+ ${this._showUpdateDialog
781
+ ? html`
827
782
  <update-connections-dialog
828
783
  .client=${this.client}
829
784
  .nodes=${this.nodes}
@@ -834,8 +789,7 @@ export class NetworkDetails extends LitElement {
834
789
  @dialog-closed=${this._handleDialogClose}
835
790
  ></update-connections-dialog>
836
791
  `
837
- : nothing
838
- }
792
+ : nothing}
839
793
  `;
840
794
  }
841
795
 
package/src/pages/network/thread-graph.ts CHANGED
@@ -207,9 +207,7 @@ export class ThreadGraph extends BaseNetworkGraph {
207
207
  `;
208
208
  }
209
209
 
210
- return html`
211
- <div class="graph-container"></div>
212
- `;
210
+ return html` <div class="graph-container"></div> `;
213
211
  }
214
212
  }
215
213