@matter-server/dashboard 0.2.9 → 0.2.10-alpha.0-20260128-f1462ea

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 (31) hide show
  1. package/dist/esm/pages/components/header.d.ts.map +1 -1
  2. package/dist/esm/pages/components/header.js +13 -4
  3. package/dist/esm/pages/components/header.js.map +1 -1
  4. package/dist/esm/pages/components/node-details.d.ts.map +1 -1
  5. package/dist/esm/pages/components/node-details.js +42 -26
  6. package/dist/esm/pages/components/node-details.js.map +1 -1
  7. package/dist/esm/pages/components/server-details.d.ts.map +1 -1
  8. package/dist/esm/pages/components/server-details.js +29 -8
  9. package/dist/esm/pages/components/server-details.js.map +1 -1
  10. package/dist/esm/pages/matter-server-view.d.ts.map +1 -1
  11. package/dist/esm/pages/matter-server-view.js +9 -0
  12. package/dist/esm/pages/matter-server-view.js.map +1 -1
  13. package/dist/web/index.html +9 -0
  14. package/dist/web/js/{commission-node-dialog-B4_wgFye.js → commission-node-dialog-reVmPzq3.js} +5 -5
  15. package/dist/web/js/{commission-node-existing-BktL7vHX.js → commission-node-existing-CrQrMFNo.js} +5 -5
  16. package/dist/web/js/{commission-node-thread-ox6fB3dO.js → commission-node-thread-iPSSx08x.js} +5 -5
  17. package/dist/web/js/{commission-node-wifi-Dlayi41Z.js → commission-node-wifi-8WtZVOPE.js} +5 -5
  18. package/dist/web/js/{dialog-box-DFs0hcPv.js → dialog-box-B8Hw1z0X.js} +2 -2
  19. package/dist/web/js/{fire_event-oVtV3_P5.js → fire_event-BsHeUPFT.js} +1 -1
  20. package/dist/web/js/{log-level-dialog-BVxKJJ49.js → log-level-dialog-DNkKkUAW.js} +3 -3
  21. package/dist/web/js/main.js +1 -1
  22. package/dist/web/js/{matter-dashboard-app-Dr-IYMsD.js → matter-dashboard-app-DAU1iSBf.js} +97 -42
  23. package/dist/web/js/{node-binding-dialog-CqE3VuZN.js → node-binding-dialog-F8QoGs1k.js} +4 -4
  24. package/dist/web/js/{outlined-text-field-BVcHUxiS.js → outlined-text-field-CjfU8Kyf.js} +3 -3
  25. package/dist/web/js/{prevent_default-tLhqZmsK.js → prevent_default-BFUKRIR6.js} +1 -1
  26. package/dist/web/js/{validator-muF28wYx.js → validator-vt_0jnng.js} +1 -1
  27. package/package.json +4 -4
  28. package/src/pages/components/header.ts +13 -4
  29. package/src/pages/components/node-details.ts +51 -35
  30. package/src/pages/components/server-details.ts +29 -8
  31. package/src/pages/matter-server-view.ts +9 -0
@@ -1 +1 @@
1
- {"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/pages/components/header.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,sCAAsC,CAAC;AAC9C,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,OAAO,8BAA8B,CAAC;AAGtC,UAAU,YAAY;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,IAAI,CAAC;CAChB;AAED,qBACa,eAAgB,SAAQ,UAAU;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAErC,MAAM,CAAC,EAAE,YAAY,CAAC;IAEpB,OAAO,CAAC,gBAAgB,CAA4C;IACpE,OAAO,CAAC,eAAe,CAA+C;IAE/E,OAAO,CAAC,iBAAiB,CAAC,CAAa;IAE9B,iBAAiB;IAQjB,oBAAoB;IAK7B,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,gBAAgB;cAWL,MAAM;IA+CzB,OAAgB,MAAM,0BAoBpB;CACL"}
1
+ {"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/pages/components/header.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,sCAAsC,CAAC;AAC9C,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,OAAO,8BAA8B,CAAC;AAGtC,UAAU,YAAY;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,IAAI,CAAC;CAChB;AAED,qBACa,eAAgB,SAAQ,UAAU;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAErC,MAAM,CAAC,EAAE,YAAY,CAAC;IAEpB,OAAO,CAAC,gBAAgB,CAA4C;IACpE,OAAO,CAAC,eAAe,CAA+C;IAE/E,OAAO,CAAC,iBAAiB,CAAC,CAAa;IAE9B,iBAAiB;IAQjB,oBAAoB;IAK7B,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,gBAAgB;cAWL,MAAM;IA8CzB,OAAgB,MAAM,0BA8BpB;CACL"}
@@ -79,8 +79,7 @@ let DashboardHeader = class extends LitElement {
79
79
  </md-icon-button>
80
80
  </a>` : ""}
81
81
 
82
- <div>${this.title || ""}</div>
83
- <div class="flex"></div>
82
+ <div class="title">${this.title || ""}</div>
84
83
  <div class="actions">
85
84
  ${this.actions?.map((action) => {
86
85
  return html`
@@ -120,15 +119,25 @@ DashboardHeader.styles = css`
120
119
  align-items: center;
121
120
  padding-left: 18px;
122
121
  padding-right: 8px;
123
- height: 48px;
122
+ min-height: 48px;
124
123
  }
125
124
 
126
125
  md-icon-button {
127
126
  margin-right: 8px;
128
127
  }
129
128
 
130
- .flex {
129
+ .title {
131
130
  flex: 1;
131
+ min-width: 0;
132
+ overflow: hidden;
133
+ text-overflow: ellipsis;
134
+ white-space: nowrap;
135
+ }
136
+
137
+ .actions {
138
+ display: flex;
139
+ max-width: 100%;
140
+ align-items: center;
132
141
  }
133
142
  `;
134
143
  __decorateClass([
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/pages/components/header.ts"],
4
- "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,SAAS,cAAc,mBAAmB,QAAQ,WAAW,iBAAiB,uBAAuB;AACrG,SAAS,YAAY,KAAK,MAAM,eAAe;AAC/C,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,0BAA0B;AACnC,OAAO;AACP,SAA0C,oBAAoB;AASvD,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC;AAAA;AAMM,SAAQ,mBAAoC,aAAa;AACzD,SAAQ,kBAAkC,aAAa;AAAA;AAAA,EAIvD,oBAAoB;AACzB,UAAM,kBAAkB;AACxB,SAAK,oBAAoB,aAAa,UAAU,WAAS;AACrD,WAAK,kBAAkB;AACvB,WAAK,mBAAmB,aAAa;AAAA,IACzC,CAAC;AAAA,EACL;AAAA,EAES,uBAAuB;AAC5B,UAAM,qBAAqB;AAC3B,SAAK,oBAAoB;AAAA,EAC7B;AAAA,EAEQ,cAAc;AAClB,iBAAa,WAAW;AAAA,EAC5B;AAAA,EAEQ,gBAAgB;AACpB,QAAI,KAAK,QAAQ;AACb,yBAAmB,KAAK,MAAM;AAAA,IAClC;AAAA,EACJ;AAAA,EAEQ,gBAAwB;AAC5B,YAAQ,KAAK,kBAAkB;AAAA,MAC3B,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO;AAAA,IACf;AAAA,EACJ;AAAA,EAEQ,mBAA2B;AAC/B,YAAQ,KAAK,kBAAkB;AAAA,MAC3B,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO,kBAAkB,KAAK,eAAe;AAAA,IACrD;AAAA,EACJ;AAAA,EAEmB,SAAS;AACxB,WAAO;AAAA;AAAA;AAAA,kBAGG,KAAK,aACD,iBAAiB,KAAK,UAAU;AAAA;AAAA,mDAEH,YAAY;AAAA;AAAA,8BAGzC,EAAE;AAAA;AAAA,uBAED,KAAK,SAAS,EAAE;AAAA;AAAA;AAAA,sBAGjB,KAAK,SAAS,IAAI,YAAU;AAC1B,aAAO;AAAA,qDACsB,OAAO,MAAM,WAAW,OAAO,KAAK;AAAA,qDACpC,OAAO,IAAI;AAAA;AAAA;AAAA,IAG5C,CAAC,CAAC;AAAA;AAAA,sBAEA,KAAK,SACD;AAAA,uDAC6B,KAAK,aAAa;AAAA,uDAClB,MAAM;AAAA;AAAA,8BAGnC,OAAO;AAAA;AAAA,6CAEY,KAAK,WAAW,WAAW,KAAK,iBAAiB,CAAC;AAAA,6CAClD,KAAK,cAAc,CAAC;AAAA;AAAA;AAAA,sBAG3C,KAAK,UAAU,CAAC,KAAK,OAAO,eACxB;AAAA,uDAC6B,KAAK,OAAO,UAAU;AAAA,uDACtB,SAAS;AAAA;AAAA,8BAGtC,OAAO;AAAA;AAAA;AAAA;AAAA,EAI7B;AAuBJ;AA5Ha,gBAuGO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAtGN;AAAA,EAAlB,SAAS;AAAA,GADD,gBACU;AACA;AAAA,EAAlB,SAAS;AAAA,GAFD,gBAEU;AAIF;AAAA,EAAhB,MAAM;AAAA,GANE,gBAMQ;AACA;AAAA,EAAhB,MAAM;AAAA,GAPE,gBAOQ;AAPR,kBAAN;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB;",
4
+ "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,SAAS,cAAc,mBAAmB,QAAQ,WAAW,iBAAiB,uBAAuB;AACrG,SAAS,YAAY,KAAK,MAAM,eAAe;AAC/C,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,0BAA0B;AACnC,OAAO;AACP,SAA0C,oBAAoB;AASvD,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC;AAAA;AAMM,SAAQ,mBAAoC,aAAa;AACzD,SAAQ,kBAAkC,aAAa;AAAA;AAAA,EAIvD,oBAAoB;AACzB,UAAM,kBAAkB;AACxB,SAAK,oBAAoB,aAAa,UAAU,WAAS;AACrD,WAAK,kBAAkB;AACvB,WAAK,mBAAmB,aAAa;AAAA,IACzC,CAAC;AAAA,EACL;AAAA,EAES,uBAAuB;AAC5B,UAAM,qBAAqB;AAC3B,SAAK,oBAAoB;AAAA,EAC7B;AAAA,EAEQ,cAAc;AAClB,iBAAa,WAAW;AAAA,EAC5B;AAAA,EAEQ,gBAAgB;AACpB,QAAI,KAAK,QAAQ;AACb,yBAAmB,KAAK,MAAM;AAAA,IAClC;AAAA,EACJ;AAAA,EAEQ,gBAAwB;AAC5B,YAAQ,KAAK,kBAAkB;AAAA,MAC3B,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO;AAAA,IACf;AAAA,EACJ;AAAA,EAEQ,mBAA2B;AAC/B,YAAQ,KAAK,kBAAkB;AAAA,MAC3B,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO,kBAAkB,KAAK,eAAe;AAAA,IACrD;AAAA,EACJ;AAAA,EAEmB,SAAS;AACxB,WAAO;AAAA;AAAA;AAAA,kBAGG,KAAK,aACD,iBAAiB,KAAK,UAAU;AAAA;AAAA,mDAEH,YAAY;AAAA;AAAA,8BAGzC,EAAE;AAAA;AAAA,qCAEa,KAAK,SAAS,EAAE;AAAA;AAAA,sBAE/B,KAAK,SAAS,IAAI,YAAU;AAC1B,aAAO;AAAA,qDACsB,OAAO,MAAM,WAAW,OAAO,KAAK;AAAA,qDACpC,OAAO,IAAI;AAAA;AAAA;AAAA,IAG5C,CAAC,CAAC;AAAA;AAAA,sBAEA,KAAK,SACD;AAAA,uDAC6B,KAAK,aAAa;AAAA,uDAClB,MAAM;AAAA;AAAA,8BAGnC,OAAO;AAAA;AAAA,6CAEY,KAAK,WAAW,WAAW,KAAK,iBAAiB,CAAC;AAAA,6CAClD,KAAK,cAAc,CAAC;AAAA;AAAA;AAAA,sBAG3C,KAAK,UAAU,CAAC,KAAK,OAAO,eACxB;AAAA,uDAC6B,KAAK,OAAO,UAAU;AAAA,uDACtB,SAAS;AAAA;AAAA,8BAGtC,OAAO;AAAA;AAAA;AAAA;AAAA,EAI7B;AAiCJ;AArIa,gBAsGO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AArGN;AAAA,EAAlB,SAAS;AAAA,GADD,gBACU;AACA;AAAA,EAAlB,SAAS;AAAA,GAFD,gBAEU;AAIF;AAAA,EAAhB,MAAM;AAAA,GANE,gBAMQ;AACA;AAAA,EAAhB,MAAM;AAAA,GAPE,gBAOQ;AAPR,kBAAN;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB;",
5
5
  "names": []
6
6
  }
@@ -1 +1 @@
1
- {"version":3,"file":"node-details.d.ts","sourceRoot":"","sources":["../../../../src/pages/components/node-details.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,oCAAoC,CAAC;AAC5C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AAItC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAKrD,OAAO,8BAA8B,CAAC;AAqCtC,qBACa,WAAY,SAAQ,UAAU;IAChC,MAAM,EAAG,YAAY,CAAC;IAEV,IAAI,CAAC,EAAE,UAAU,CAAC;IAGrC,OAAO,CAAC,gBAAgB,CAAkB;IAI1C,QAAQ,EAAG,MAAM,CAAC;cAEC,MAAM;YAwEX,YAAY;YAyBZ,OAAO;YAsBP,QAAQ;YAQR,aAAa;YAmCb,wBAAwB;IAwBtC,OAAgB,MAAM,0BAkBpB;CACL"}
1
+ {"version":3,"file":"node-details.d.ts","sourceRoot":"","sources":["../../../../src/pages/components/node-details.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,oCAAoC,CAAC;AAC5C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AAItC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAKrD,OAAO,8BAA8B,CAAC;AAqCtC,qBACa,WAAY,SAAQ,UAAU;IAChC,MAAM,EAAG,YAAY,CAAC;IAEV,IAAI,CAAC,EAAE,UAAU,CAAC;IAGrC,OAAO,CAAC,gBAAgB,CAAkB;IAI1C,QAAQ,EAAG,MAAM,CAAC;cAEC,MAAM;YA0EX,YAAY;YAyBZ,OAAO;YAsBP,QAAQ;YAQR,aAAa;YAmCb,wBAAwB;IAwBtC,OAAgB,MAAM,0BAgCpB;CACL"}
@@ -90,33 +90,35 @@ let NodeDetails = class extends LitElement {
90
90
  }).join(" / ")}
91
91
  </div>`}
92
92
  </md-list-item>
93
- <md-list-item class="btn">
94
- <md-outlined-button @click=${handleAsync(() => this._reinterview())}
95
- >Interview<ha-svg-icon slot="icon" .path=${mdiChatProcessing}></ha-svg-icon
96
- ></md-outlined-button>
97
- ${this._updateInitiated ? html` <md-outlined-button disabled
98
- >Checking for updates<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
99
- ></md-outlined-button>` : (this.node.updateState || 0) > 1 ? html` <md-outlined-button disabled
100
- >${getUpdateStateLabel(
93
+ <md-list-item>
94
+ <div class="btn-row">
95
+ <md-outlined-button @click=${handleAsync(() => this._reinterview())}
96
+ >Interview<ha-svg-icon slot="icon" .path=${mdiChatProcessing}></ha-svg-icon
97
+ ></md-outlined-button>
98
+ ${this._updateInitiated ? html` <md-outlined-button disabled
99
+ >Checking for updates<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
100
+ ></md-outlined-button>` : (this.node.updateState || 0) > 1 ? html` <md-outlined-button disabled
101
+ >${getUpdateStateLabel(
101
102
  this.node.updateState,
102
103
  this.node.updateStateProgress
103
104
  )}<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
104
- ></md-outlined-button>` : html`<md-outlined-button @click=${handleAsync(() => this._searchUpdate())}
105
- >Update<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
106
- ></md-outlined-button>`}
107
- ${bindings ? html`
108
- <md-outlined-button @click=${handleAsync(() => this._binding())}>
109
- Binding
110
- <ha-svg-icon slot="icon" .path=${mdiLink}></ha-svg-icon>
111
- </md-outlined-button>
112
- ` : nothing}
105
+ ></md-outlined-button>` : html`<md-outlined-button @click=${handleAsync(() => this._searchUpdate())}
106
+ >Update<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
107
+ ></md-outlined-button>`}
108
+ ${bindings ? html`
109
+ <md-outlined-button @click=${handleAsync(() => this._binding())}>
110
+ Binding
111
+ <ha-svg-icon slot="icon" .path=${mdiLink}></ha-svg-icon>
112
+ </md-outlined-button>
113
+ ` : nothing}
113
114
 
114
- <md-outlined-button @click=${handleAsync(() => this._openCommissioningWindow())}
115
- >Share<ha-svg-icon slot="icon" .path=${mdiShareVariant}></ha-svg-icon
116
- ></md-outlined-button>
117
- <md-outlined-button @click=${handleAsync(() => this._remove())}
118
- >Remove<ha-svg-icon slot="icon" .path=${mdiTrashCan}></ha-svg-icon
119
- ></md-outlined-button>
115
+ <md-outlined-button @click=${handleAsync(() => this._openCommissioningWindow())}
116
+ >Share<ha-svg-icon slot="icon" .path=${mdiShareVariant}></ha-svg-icon
117
+ ></md-outlined-button>
118
+ <md-outlined-button @click=${handleAsync(() => this._remove())}
119
+ >Remove<ha-svg-icon slot="icon" .path=${mdiTrashCan}></ha-svg-icon
120
+ ></md-outlined-button>
121
+ </div>
120
122
  </md-list-item>
121
123
  </md-list>
122
124
  `;
@@ -224,14 +226,28 @@ ${nodeUpdate.firmware_information}`,
224
226
  }
225
227
  };
226
228
  NodeDetails.styles = css`
227
- .btn {
229
+ .btn-row {
228
230
  --md-outlined-button-container-shape: 0px;
231
+ display: flex;
232
+ flex-wrap: wrap;
233
+ gap: 8px;
234
+ }
235
+
236
+ .btn-row md-outlined-button {
237
+ max-width: 100%;
229
238
  }
230
239
 
231
240
  .left {
232
- width: 30%;
233
- display: inline-table;
241
+ min-width: 120px;
242
+ display: inline-block;
234
243
  }
244
+
245
+ @media (min-width: 600px) {
246
+ .left {
247
+ min-width: 150px;
248
+ }
249
+ }
250
+
235
251
  .whitespace {
236
252
  height: 15px;
237
253
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/pages/components/node-details.ts"],
4
- "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,SAAS,iBAAiB,aAAa,iBAAiB;AAEpF,SAAS,eAAe;AAExB,SAAS,YAAY,KAAK,MAAM,eAAe;AAC/C,SAAS,eAAe,UAAU,aAAa;AAE/C,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,6BAA6B;AACtC,OAAO;AACP,SAAS,mBAAmB;AAC5B,SAAS,8BAA8B;AACvC,SAAS,sBAAsB;AAG/B,MAAM,sBAA8C;AAAA,EAChD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACP;AAEA,SAAS,oBAAoBA,QAAe,UAA2B;AACnE,QAAM,QAAQ,oBAAoBA,MAAK,KAAK,YAAYA,MAAK;AAE7D,MAAIA,WAAU,KAAK,aAAa,QAAW;AACvC,WAAO,GAAG,KAAK,KAAK,QAAQ;AAAA,EAChC;AACA,SAAO;AACX;AAEA,SAAS,mBAAmB,MAAgC;AACxD,QAAM,kBAAkB,IAAI,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,IAAI,SAAO,OAAO,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AAClG,QAAM,iBAAkC,oBAAI,IAAI;AAChD,kBAAgB,QAAQ,gBAAc;AAClC,2BAAuB,MAAM,UAAU,EAAE,QAAQ,gBAAc;AAC3D,qBAAe,IAAI,UAAU;AAAA,IACjC,CAAC;AAAA,EACL,CAAC;AACD,SAAO,MAAM,KAAK,cAAc;AACpC;AAGO,IAAM,cAAN,cAA0B,WAAW;AAAA,EAArC;AAAA;AAMH,SAAQ,mBAA4B;AAAA;AAAA,EAMjB,SAAS;AACxB,QAAI,CAAC,KAAK,KAAM,QAAO;AAEvB,UAAM,WAAW,KAAK,KAAK,WAAW,KAAK,WAAW,OAAO;AAE7D,WAAO;AAAA;AAAA;AAAA;AAAA,kCAImB,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,SAAS;AAAA,0BAChD,KAAK,KAAK,YAAY,UAAU,yCAAyC;AAAA;AAAA;AAAA;AAAA,wFAIX,KAAK,KAAK,UAAU;AAAA,yFACnB,KAAK,KAAK,WAAW;AAAA;AAAA,kEAE5C,KAAK,KAAK,iBAAiB;AAAA;AAAA;AAAA,sEAGvB,KAAK,KAAK,cAAc;AAAA;AAAA,uFAEP,KAAK,KAAK,SAAS;AAAA,0FAChB,KAAK,KAAK,YAAY;AAAA,sBAC1F,KAAK,KAAK,YACN,KACA;AAAA,4EACkD,mBAAmB,KAAK,IAAI,EACrE,IAAI,gBAAc;AACf,aAAO,WAAW;AAAA,IACtB,CAAC,EACA,KAAK,KAAK,CAAC;AAAA,iCACb;AAAA;AAAA;AAAA,iDAGgB,YAAY,MAAM,KAAK,aAAa,CAAC,CAAC;AAAA,mEACpB,iBAAiB;AAAA;AAAA,sBAE9D,KAAK,mBACD;AAAA,oFAC0D,SAAS;AAAA,qDAElE,KAAK,KAAK,eAAe,KAAK,IAC7B;AAAA,mCACO;AAAA,MACC,KAAK,KAAK;AAAA,MACV,KAAK,KAAK;AAAA,IACd,CAAC,kCAAkC,SAAS;AAAA,sDAEhD,kCAAkC,YAAY,MAAM,KAAK,cAAc,CAAC,CAAC;AAAA,wEAC7B,SAAS;AAAA,mDAC9B;AAAA,sBAC7B,WACI;AAAA,2DACiC,YAAY,MAAM,KAAK,SAAS,CAAC,CAAC;AAAA;AAAA,mEAE1B,OAAO;AAAA;AAAA,8BAGhD,OAAO;AAAA;AAAA,iDAEgB,YAAY,MAAM,KAAK,yBAAyB,CAAC,CAAC;AAAA,+DACpC,eAAe;AAAA;AAAA,iDAE7B,YAAY,MAAM,KAAK,QAAQ,CAAC,CAAC;AAAA,gEAClB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,EAKvE;AAAA,EAEA,MAAc,eAAe;AACzB,QACI,CAAE,MAAM,iBAAiB;AAAA,MACrB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,IACjB,CAAC,GACH;AACE;AAAA,IACJ;AACA,QAAI;AACA,YAAM,KAAK,OAAO,cAAc,KAAK,KAAM,OAAO;AAClD,sBAAgB;AAAA,QACZ,OAAO;AAAA,QACP,MAAM;AAAA,MACV,CAAC;AACD,eAAS,OAAO;AAAA,IACpB,SAAS,KAAU;AACf,sBAAgB;AAAA,QACZ,OAAO;AAAA,QACP,MAAM,IAAI;AAAA,MACd,CAAC;AAAA,IACL;AAAA,EACJ;AAAA,EAEA,MAAc,UAAU;AACpB,QACI,CAAE,MAAM,iBAAiB;AAAA,MACrB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,IACjB,CAAC,GACH;AACE;AAAA,IACJ;AACA,QAAI;AACA,YAAM,KAAK,OAAO,WAAW,KAAK,KAAM,OAAO;AAE/C,eAAS,QAAQ,GAAG;AAAA,IACxB,SAAS,KAAU;AACf,sBAAgB;AAAA,QACZ,OAAO;AAAA,QACP,MAAM,IAAI;AAAA,MACd,CAAC;AAAA,IACL;AAAA,EACJ;AAAA,EAEA,MAAc,WAAW;AACrB,QAAI;AACA,4BAAsB,KAAK,QAAQ,KAAK,MAAO,KAAK,QAAQ;AAAA,IAChE,SAAS,KAAU;AACf,cAAQ,IAAI,GAAG;AAAA,IACnB;AAAA,EACJ;AAAA,EAEA,MAAc,gBAAgB;AAC1B,UAAM,aAAa,MAAM,KAAK,OAAO,gBAAgB,KAAK,KAAM,OAAO;AACvE,QAAI,CAAC,YAAY;AACb,sBAAgB;AAAA,QACZ,OAAO;AAAA,QACP,MAAM;AAAA,MACV,CAAC;AACD;AAAA,IACJ;AACA,QACI,CAAE,MAAM,iBAAiB;AAAA,MACrB,OAAO;AAAA,MACP,MAAM,4CAA4C,WAAW,aAAa;AAAA,uDACnC,WAAW,uBAAuB;AAAA;AAAA;AAAA;AAAA,EAG7D,WAAW,oBAAoB;AAAA,MAC3C,aAAa;AAAA,IACjB,CAAC,GACH;AACE;AAAA,IACJ;AACA,QAAI;AACA,WAAK,mBAAmB;AACxB,YAAM,KAAK,OAAO,WAAW,KAAK,KAAM,SAAS,WAAW,gBAAgB;AAAA,IAChF,SAAS,KAAU;AACf,sBAAgB;AAAA,QACZ,OAAO;AAAA,QACP,MAAM,IAAI;AAAA,MACd,CAAC;AAAA,IACL,UAAE;AACE,WAAK,mBAAmB;AAAA,IAC5B;AAAA,EACJ;AAAA,EAEA,MAAc,2BAA2B;AACrC,QACI,CAAE,MAAM,iBAAiB;AAAA,MACrB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,IACjB,CAAC,GACH;AACE;AAAA,IACJ;AACA,QAAI;AACA,YAAM,YAAY,MAAM,KAAK,OAAO,wBAAwB,KAAK,KAAM,OAAO;AAC9E,sBAAgB;AAAA,QACZ,OAAO;AAAA,QACP,MAAM,eAAe,UAAU,iBAAiB;AAAA,MACpD,CAAC;AAAA,IACL,SAAS,KAAU;AACf,sBAAgB;AAAA,QACZ,OAAO;AAAA,QACP,MAAM,IAAI;AAAA,MACd,CAAC;AAAA,IACL;AAAA,EACJ;AAqBJ;AAzNa,YAsMO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAnMN;AAAA,EAAlB,SAAS;AAAA,GAHD,YAGU;AAGX;AAAA,EADP,MAAM;AAAA,GALE,YAMD;AAIR;AAAA,EAFC,QAAQ,EAAE,SAAS,eAAe,CAAC;AAAA,EACnC,SAAS,EAAE,WAAW,MAAM,CAAC;AAAA,GATrB,YAUT;AAVS,cAAN;AAAA,EADN,cAAc,cAAc;AAAA,GAChB;",
4
+ "mappings": "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",
5
5
  "names": ["state"]
6
6
  }
@@ -1 +1 @@
1
- {"version":3,"file":"server-details.d.ts","sourceRoot":"","sources":["../../../../src/pages/components/server-details.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,oCAAoC,CAAC;AAC5C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD,OAAO,8BAA8B,CAAC;AAGtC,qBACa,aAAc,SAAQ,UAAU;IAClC,MAAM,CAAC,EAAE,YAAY,CAAC;cAEV,MAAM;IA6CzB,OAAO,CAAC,eAAe;YAKT,0BAA0B;IAcxC,OAAO,CAAC,YAAY,CAkBlB;IAEF,OAAgB,MAAM,0BAYpB;CACL"}
1
+ {"version":3,"file":"server-details.d.ts","sourceRoot":"","sources":["../../../../src/pages/components/server-details.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,oCAAoC,CAAC;AAC5C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD,OAAO,8BAA8B,CAAC;AAGtC,qBACa,aAAc,SAAQ,UAAU;IAClC,MAAM,CAAC,EAAE,YAAY,CAAC;cAEV,MAAM;IA8CzB,OAAO,CAAC,eAAe;YAKT,0BAA0B;IAcxC,OAAO,CAAC,YAAY,CAkBlB;IAEF,OAAgB,MAAM,0BAgCpB;CACL"}
@@ -77,11 +77,12 @@ let ServerDetails = class extends LitElement {
77
77
  <div class="left">Node count: </div>${Object.keys(this.client.nodes).length}
78
78
  </div>
79
79
  </md-list-item>
80
- <md-list-item class="btn">
81
- <span>
82
- <md-outlined-button @click=${this._commissionNode}>Commission node<ha-svg-icon slot="icon" .path=${mdiPlus}></ha-svg-icon></md-outlined-button>
83
- <md-outlined-button @click=${handleAsync(() => this._uploadDiagnosticsDumpFile())}>Import node<ha-svg-icon slot="icon" .path=${mdiFile}></ha-svg-icon></md-outlined-button>
84
- </md-list-item>
80
+ <md-list-item>
81
+ <div class="btn-row">
82
+ <md-outlined-button @click=${this._commissionNode}>Commission node<ha-svg-icon slot="icon" .path=${mdiPlus}></ha-svg-icon></md-outlined-button>
83
+ <md-outlined-button @click=${handleAsync(() => this._uploadDiagnosticsDumpFile())}>Import node<ha-svg-icon slot="icon" .path=${mdiFile}></ha-svg-icon></md-outlined-button>
84
+ </div>
85
+ </md-list-item>
85
86
  </md-list>
86
87
  <!-- hidden file element for the upload diagnostics -->
87
88
  <input
@@ -110,17 +111,37 @@ let ServerDetails = class extends LitElement {
110
111
  }
111
112
  };
112
113
  ServerDetails.styles = css`
113
- .btn {
114
+ .btn-row {
114
115
  --md-outlined-button-container-shape: 0px;
116
+ display: flex;
117
+ flex-wrap: wrap;
118
+ gap: 8px;
119
+ }
120
+
121
+ .btn-row md-outlined-button {
122
+ max-width: 100%;
115
123
  }
116
124
 
117
125
  .left {
118
- width: 30%;
119
- display: inline-table;
126
+ min-width: 120px;
127
+ display: inline-block;
120
128
  }
129
+
130
+ @media (min-width: 600px) {
131
+ .left {
132
+ min-width: 160px;
133
+ }
134
+ }
135
+
121
136
  .whitespace {
122
137
  height: 15px;
123
138
  }
139
+
140
+ .status {
141
+ color: var(--danger-color);
142
+ font-weight: bold;
143
+ font-size: 0.8em;
144
+ }
124
145
  `;
125
146
  ServerDetails = __decorateClass([
126
147
  customElement("server-details")
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/pages/components/server-details.ts"],
4
- "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,SAAS,SAAS,eAAe;AACjC,SAAS,YAAY,KAAK,MAAM,eAAe;AAC/C,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,gCAAgC;AACzC,OAAO;AACP,SAAS,mBAAmB;AAGrB,IAAM,gBAAN,cAA4B,WAAW;AAAA,EAAvC;AAAA;AAmEH,SAAQ,eAAe,CAAC,UAAiB;AACrC,YAAM,WAAW,MAAM;AACvB,UAAI,SAAS,MAAO,SAAS,GAAG;AAC5B,cAAM,eAAe,SAAS,MAAO,CAAC;AACtC,cAAM,SAAS,IAAI,WAAW;AAC9B,eAAO,WAAW,cAAc,OAAO;AACvC,eAAO,SAAS,YAAY;AACxB,cAAI;AACA,kBAAM,KAAK,OAAQ,eAAe,OAAO,QAAQ,SAAS,KAAK,EAAE;AAAA,UACrE,SAAS,KAAU;AACf,4BAAgB;AAAA,cACZ,OAAO;AAAA,cACP,MAAM,IAAI;AAAA,YACd,CAAC;AAAA,UACL;AAAA,QACJ;AAAA,MACJ;AACA,YAAM,eAAe;AAAA,IACzB;AAAA;AAAA,EAlFmB,SAAS;AACxB,QAAI,CAAC,KAAK,OAAQ,QAAO;AAEzB,WAAO;AAAA;AAAA;AAAA;AAAA,wDAIyC,KAAK,OAAO,eAAe,KAAK,IAAI,KAAK,OAAO,iBAAiB,GAAG;AAAA,kBAC1G,KAAK,OAAO,WAAW,YAAY,UAAU,yCAAyC;AAAA;AAAA;AAAA;AAAA;AAAA,gDAKxD,KAAK,OAAO,WAAW,SAAS;AAAA;AAAA;AAAA,2DAGrB,KAAK,OAAO,WAAW,oBAAoB;AAAA;AAAA;AAAA,0DAG5C,KAAK,OAAO,WAAW,WAAW;AAAA;AAAA;AAAA,sDAGtC,KAAK,OAAO,WAAW,cAAc;AAAA;AAAA;AAAA,kDAGzC,OAAO,KAAK,KAAK,OAAO,KAAK,EAAE,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,uCAKhD,KAAK,eAAe,kDAAkD,OAAO;AAAA,uCAC7E,YAAY,MAAM,KAAK,2BAA2B,CAAC,CAAC,8CAA8C,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,kBAK9H,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO/B;AAAA,EAEQ,kBAAkB;AACtB,YAAQ,IAAI,KAAK,MAAM;AACvB,6BAAyB,KAAK,MAAO;AAAA,EACzC;AAAA,EAEA,MAAc,6BAA6B;AACvC,QACI,CAAE,MAAM,iBAAiB;AAAA,MACrB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,IACjB,CAAC,GACH;AACE;AAAA,IACJ;AACA,UAAM,WAAW,KAAK,WAAY,eAAe,UAAU;AAC3D,aAAS,MAAM;AAAA,EACnB;AAmCJ;AApGa,cAuFO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAvFhB,gBAAN;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB;",
4
+ "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,SAAS,SAAS,eAAe;AACjC,SAAS,YAAY,KAAK,MAAM,eAAe;AAC/C,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,gCAAgC;AACzC,OAAO;AACP,SAAS,mBAAmB;AAGrB,IAAM,gBAAN,cAA4B,WAAW;AAAA,EAAvC;AAAA;AAoEH,SAAQ,eAAe,CAAC,UAAiB;AACrC,YAAM,WAAW,MAAM;AACvB,UAAI,SAAS,MAAO,SAAS,GAAG;AAC5B,cAAM,eAAe,SAAS,MAAO,CAAC;AACtC,cAAM,SAAS,IAAI,WAAW;AAC9B,eAAO,WAAW,cAAc,OAAO;AACvC,eAAO,SAAS,YAAY;AACxB,cAAI;AACA,kBAAM,KAAK,OAAQ,eAAe,OAAO,QAAQ,SAAS,KAAK,EAAE;AAAA,UACrE,SAAS,KAAU;AACf,4BAAgB;AAAA,cACZ,OAAO;AAAA,cACP,MAAM,IAAI;AAAA,YACd,CAAC;AAAA,UACL;AAAA,QACJ;AAAA,MACJ;AACA,YAAM,eAAe;AAAA,IACzB;AAAA;AAAA,EAnFmB,SAAS;AACxB,QAAI,CAAC,KAAK,OAAQ,QAAO;AAEzB,WAAO;AAAA;AAAA;AAAA;AAAA,wDAIyC,KAAK,OAAO,eAAe,KAAK,IAAI,KAAK,OAAO,iBAAiB,GAAG;AAAA,kBAC1G,KAAK,OAAO,WAAW,YAAY,UAAU,yCAAyC;AAAA;AAAA;AAAA;AAAA;AAAA,gDAKxD,KAAK,OAAO,WAAW,SAAS;AAAA;AAAA;AAAA,2DAGrB,KAAK,OAAO,WAAW,oBAAoB;AAAA;AAAA;AAAA,0DAG5C,KAAK,OAAO,WAAW,WAAW;AAAA;AAAA;AAAA,sDAGtC,KAAK,OAAO,WAAW,cAAc;AAAA;AAAA;AAAA,kDAGzC,OAAO,KAAK,KAAK,OAAO,KAAK,EAAE,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,yCAK9C,KAAK,eAAe,kDAAkD,OAAO;AAAA,yCAC7E,YAAY,MAAM,KAAK,2BAA2B,CAAC,CAAC,8CAA8C,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMhI,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO/B;AAAA,EAEQ,kBAAkB;AACtB,YAAQ,IAAI,KAAK,MAAM;AACvB,6BAAyB,KAAK,MAAO;AAAA,EACzC;AAAA,EAEA,MAAc,6BAA6B;AACvC,QACI,CAAE,MAAM,iBAAiB;AAAA,MACrB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,IACjB,CAAC,GACH;AACE;AAAA,IACJ;AACA,UAAM,WAAW,KAAK,WAAY,eAAe,UAAU;AAC3D,aAAS,MAAM;AAAA,EACnB;AAuDJ;AAzHa,cAwFO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAxFhB,gBAAN;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB;",
5
5
  "names": []
6
6
  }
@@ -1 +1 @@
1
- {"version":3,"file":"matter-server-view.d.ts","sourceRoot":"","sources":["../../../src/pages/matter-server-view.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAgB,YAAY,EAAc,MAAM,0BAA0B,CAAC;AAElF,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAErD,OAAO,2BAA2B,CAAC;AAEnC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,6BAA6B,CAAC;AAErC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,oBAAoB,EAAE,gBAAgB,CAAC;KAC1C;CACJ;AAED,cACM,gBAAiB,SAAQ,UAAU;IAC9B,MAAM,EAAG,YAAY,CAAC;IAGtB,KAAK,EAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IAErC,OAAO,CAAC,YAAY,CAAC,CAAwB;IAC7C,OAAO,CAAC,kBAAkB,CAAC,CAAyB;IAEpD,OAAO,CAAC,cAAc;IAQb,MAAM;IAiDf,OAAgB,MAAM,0BAqCpB;CACL"}
1
+ {"version":3,"file":"matter-server-view.d.ts","sourceRoot":"","sources":["../../../src/pages/matter-server-view.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAgB,YAAY,EAAc,MAAM,0BAA0B,CAAC;AAElF,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAErD,OAAO,2BAA2B,CAAC;AAEnC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,6BAA6B,CAAC;AAErC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,oBAAoB,EAAE,gBAAgB,CAAC;KAC1C;CACJ;AAED,cACM,gBAAiB,SAAQ,UAAU;IAC9B,MAAM,EAAG,YAAY,CAAC;IAGtB,KAAK,EAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IAErC,OAAO,CAAC,YAAY,CAAC,CAAwB;IAC7C,OAAO,CAAC,kBAAkB,CAAC,CAAyB;IAEpD,OAAO,CAAC,cAAc;IAQb,MAAM;IAiDf,OAAgB,MAAM,0BA8CpB;CACL"}
@@ -110,11 +110,20 @@ MatterServerView.styles = css`
110
110
  color: var(--danger-color);
111
111
  font-weight: bold;
112
112
  font-size: 0.8em;
113
+ margin-left: 8px;
113
114
  }
114
115
 
115
116
  .hex-id {
116
117
  color: var(--text-color, rgba(0, 0, 0, 0.6));
117
118
  font-size: 0.85em;
119
+ word-break: break-all;
120
+ }
121
+
122
+ @media (max-width: 400px) {
123
+ .hex-id {
124
+ display: block;
125
+ margin-top: 2px;
126
+ }
118
127
  }
119
128
  `;
120
129
  __decorateClass([
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/pages/matter-server-view.ts"],
4
- "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,oBAA8C;AACvD,SAAS,uBAAuB;AAChC,SAAS,KAAK,MAAM,YAAY,eAAe;AAC/C,SAAS,eAAe,gBAAgB;AACxC,OAAO;AACP,SAAS,yBAAyB;AAClC,OAAO;AACP,OAAO;AACP,OAAO;AASP,IAAM,mBAAN,cAA+B,WAAW;AAAA,EAS9B,eAAe,OAAsD;AACzE,QAAI,UAAU,KAAK,cAAc;AAC7B,WAAK,eAAe;AACpB,WAAK,qBAAqB,OAAO,QAAQ,KAAK;AAAA,IAClD;AACA,WAAO,KAAK;AAAA,EAChB;AAAA,EAES,SAAS;AACd,UAAM,QAAQ,KAAK,eAAe,KAAK,KAAK;AAE5C,WAAO;AAAA,mFACoE,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA,0CAIpD,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAW/B,MAAM,IAAI,CAAC,CAAC,KAAK,IAAI,MAAM;AACzB,aAAO;AAAA,6DAC8B,SAAS,KAAK,OAAO,EAAE;AAAA;AAAA,2CAEzC,KAAK,OAAO;AAAA;AAAA,4CAEX;AAAA,QACA,aAAa,KAAK,OAAO,KACrB,KAAK,OAAO,WAAW,iBAAiB,SACtC,SACA,KAAK,OAAO,WAAW;AAAA,QAC7B,KAAK;AAAA,MACT,CAAC;AAAA;AAAA,sCAEH,KAAK,YAAY,KAAK,yCAAyC;AAAA;AAAA;AAAA,sCAG/D,KAAK,YAAY,GAAG,KAAK,SAAS,QAAQ,OAAO,IAAI,KAAK,UAAU;AAAA,sCACpE,KAAK,WAAW;AAAA;AAAA,gEAEU,eAAe;AAAA;AAAA;AAAA,IAG3D,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKlB;AAwCJ;AAxGM,iBAkEc,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA9DlB;AAAA,EADN,SAAS;AAAA,GAHR,iBAIK;AAJL,mBAAN;AAAA,EADC,cAAc,oBAAoB;AAAA,GAC7B;",
4
+ "mappings": ";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,oBAA8C;AACvD,SAAS,uBAAuB;AAChC,SAAS,KAAK,MAAM,YAAY,eAAe;AAC/C,SAAS,eAAe,gBAAgB;AACxC,OAAO;AACP,SAAS,yBAAyB;AAClC,OAAO;AACP,OAAO;AACP,OAAO;AASP,IAAM,mBAAN,cAA+B,WAAW;AAAA,EAS9B,eAAe,OAAsD;AACzE,QAAI,UAAU,KAAK,cAAc;AAC7B,WAAK,eAAe;AACpB,WAAK,qBAAqB,OAAO,QAAQ,KAAK;AAAA,IAClD;AACA,WAAO,KAAK;AAAA,EAChB;AAAA,EAES,SAAS;AACd,UAAM,QAAQ,KAAK,eAAe,KAAK,KAAK;AAE5C,WAAO;AAAA,mFACoE,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA,0CAIpD,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAW/B,MAAM,IAAI,CAAC,CAAC,KAAK,IAAI,MAAM;AACzB,aAAO;AAAA,6DAC8B,SAAS,KAAK,OAAO,EAAE;AAAA;AAAA,2CAEzC,KAAK,OAAO;AAAA;AAAA,4CAEX;AAAA,QACA,aAAa,KAAK,OAAO,KACrB,KAAK,OAAO,WAAW,iBAAiB,SACtC,SACA,KAAK,OAAO,WAAW;AAAA,QAC7B,KAAK;AAAA,MACT,CAAC;AAAA;AAAA,sCAEH,KAAK,YAAY,KAAK,yCAAyC;AAAA;AAAA;AAAA,sCAG/D,KAAK,YAAY,GAAG,KAAK,SAAS,QAAQ,OAAO,IAAI,KAAK,UAAU;AAAA,sCACpE,KAAK,WAAW;AAAA;AAAA,gEAEU,eAAe;AAAA;AAAA;AAAA,IAG3D,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKlB;AAiDJ;AAjHM,iBAkEc,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA9DlB;AAAA,EADN,SAAS;AAAA,GAHR,iBAIK;AAJL,mBAAN;AAAA,EADC,cAAc,oBAAoB;AAAA,GAC7B;",
5
5
  "names": []
6
6
  }
@@ -6,6 +6,14 @@
6
6
  <title>Open Home Foundation Matter Server</title>
7
7
  <script type="module" src="js/main.js"></script>
8
8
  <style>
9
+ html {
10
+ background-color: #f5f5f5;
11
+ }
12
+
13
+ html.dark-theme {
14
+ background-color: #121212;
15
+ }
16
+
9
17
  body {
10
18
  --roboto-font: Roboto, system-ui;
11
19
  --text-color: rgba(0, 0, 0, 0.6);
@@ -36,6 +44,7 @@
36
44
  margin: 0;
37
45
  padding: 0;
38
46
  font-family: var(--roboto-font);
47
+ background-color: var(--md-sys-color-background);
39
48
  }
40
49
 
41
50
  body {
@@ -1,5 +1,5 @@
1
- import { r, n, t, i, h as b } from './matter-dashboard-app-Dr-IYMsD.js';
2
- import { p as preventDefault } from './prevent_default-tLhqZmsK.js';
1
+ import { r, n, t, i, h as b } from './matter-dashboard-app-DAU1iSBf.js';
2
+ import { p as preventDefault } from './prevent_default-BFUKRIR6.js';
3
3
  import './main.js';
4
4
 
5
5
  var __defProp = Object.defineProperty;
@@ -44,18 +44,18 @@ let ComissionNodeDialog = class extends i {
44
44
  if (!this.client.serverInfo.bluetooth_enabled) {
45
45
  return;
46
46
  }
47
- import('./commission-node-wifi-Dlayi41Z.js');
47
+ import('./commission-node-wifi-8WtZVOPE.js');
48
48
  this._mode = "wifi";
49
49
  }
50
50
  _commissionThread() {
51
51
  if (!this.client.serverInfo.bluetooth_enabled) {
52
52
  return;
53
53
  }
54
- import('./commission-node-thread-ox6fB3dO.js');
54
+ import('./commission-node-thread-iPSSx08x.js');
55
55
  this._mode = "thread";
56
56
  }
57
57
  _commissionExisting() {
58
- import('./commission-node-existing-BktL7vHX.js');
58
+ import('./commission-node-existing-CrQrMFNo.js');
59
59
  this._mode = "existing";
60
60
  }
61
61
  _nodeCommissioned(ev) {
@@ -1,9 +1,9 @@
1
- import { r, s as c, n, v as clientContext, a as e, t, i, q as handleAsync, A, h as b } from './matter-dashboard-app-Dr-IYMsD.js';
2
- import { f as fireEvent } from './fire_event-oVtV3_P5.js';
3
- import './outlined-text-field-BVcHUxiS.js';
1
+ import { r, s as c, n, v as clientContext, a as e, t, i, q as handleAsync, A, h as b } from './matter-dashboard-app-DAU1iSBf.js';
2
+ import { f as fireEvent } from './fire_event-BsHeUPFT.js';
3
+ import './outlined-text-field-CjfU8Kyf.js';
4
4
  import './main.js';
5
- import './validator-muF28wYx.js';
6
- import './prevent_default-tLhqZmsK.js';
5
+ import './validator-vt_0jnng.js';
6
+ import './prevent_default-BFUKRIR6.js';
7
7
 
8
8
  var __defProp = Object.defineProperty;
9
9
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1,9 +1,9 @@
1
- import { r, s as c, n, v as clientContext, a as e, t, i, q as handleAsync, A, h as b } from './matter-dashboard-app-Dr-IYMsD.js';
2
- import { f as fireEvent } from './fire_event-oVtV3_P5.js';
3
- import './outlined-text-field-BVcHUxiS.js';
1
+ import { r, s as c, n, v as clientContext, a as e, t, i, q as handleAsync, A, h as b } from './matter-dashboard-app-DAU1iSBf.js';
2
+ import { f as fireEvent } from './fire_event-BsHeUPFT.js';
3
+ import './outlined-text-field-CjfU8Kyf.js';
4
4
  import './main.js';
5
- import './validator-muF28wYx.js';
6
- import './prevent_default-tLhqZmsK.js';
5
+ import './validator-vt_0jnng.js';
6
+ import './prevent_default-BFUKRIR6.js';
7
7
 
8
8
  var __defProp = Object.defineProperty;
9
9
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1,9 +1,9 @@
1
- import { r, s as c, n, v as clientContext, a as e, t, i, q as handleAsync, A, h as b } from './matter-dashboard-app-Dr-IYMsD.js';
2
- import { f as fireEvent } from './fire_event-oVtV3_P5.js';
3
- import './outlined-text-field-BVcHUxiS.js';
1
+ import { r, s as c, n, v as clientContext, a as e, t, i, q as handleAsync, A, h as b } from './matter-dashboard-app-DAU1iSBf.js';
2
+ import { f as fireEvent } from './fire_event-BsHeUPFT.js';
3
+ import './outlined-text-field-CjfU8Kyf.js';
4
4
  import './main.js';
5
- import './validator-muF28wYx.js';
6
- import './prevent_default-tLhqZmsK.js';
5
+ import './validator-vt_0jnng.js';
6
+ import './prevent_default-BFUKRIR6.js';
7
7
 
8
8
  var __defProp = Object.defineProperty;
9
9
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1,5 +1,5 @@
1
- import { n, t, i, h as b } from './matter-dashboard-app-Dr-IYMsD.js';
2
- import { p as preventDefault } from './prevent_default-tLhqZmsK.js';
1
+ import { n, t, i, h as b } from './matter-dashboard-app-DAU1iSBf.js';
2
+ import { p as preventDefault } from './prevent_default-BFUKRIR6.js';
3
3
  import './main.js';
4
4
 
5
5
  var __defProp = Object.defineProperty;
@@ -1,4 +1,4 @@
1
- import { m as mixinDelegatesAria, i, _ as __decorate, n, f as e, A, h as b, j as i$1, t } from './matter-dashboard-app-Dr-IYMsD.js';
1
+ import { m as mixinDelegatesAria, i, _ as __decorate, n, f as e, A, h as b, j as i$1, t } from './matter-dashboard-app-DAU1iSBf.js';
2
2
 
3
3
  /**
4
4
  * @license
@@ -1,6 +1,6 @@
1
- import { e, N as NavigableKeys, _ as __decorate, a as e$1, n as n$1, o, r, i, c as createAnimationSignal, L as ListController, g as getActiveItem, b as getLastActivatableItem, d as getFirstActivatableItem, f as e$2, A, h as b, E as EASING, j as i$1, t, D, m as mixinDelegatesAria, k as mixinElementInternals, u, l as i$2, p as fireAndForget, q as handleAsync } from './matter-dashboard-app-Dr-IYMsD.js';
2
- import { r as redispatchEvent, p as preventDefault } from './prevent_default-tLhqZmsK.js';
3
- import { o as o$1, V as Validator, m as mixinOnReportValidity, a as mixinConstraintValidation, b as mixinFormAssociated, c as onReportValidity, g as getFormValue, d as createValidator, e as getValidityAnchor } from './validator-muF28wYx.js';
1
+ import { e, N as NavigableKeys, _ as __decorate, a as e$1, n as n$1, o, r, i, c as createAnimationSignal, L as ListController, g as getActiveItem, b as getLastActivatableItem, d as getFirstActivatableItem, f as e$2, A, h as b, E as EASING, j as i$1, t, D, m as mixinDelegatesAria, k as mixinElementInternals, u, l as i$2, p as fireAndForget, q as handleAsync } from './matter-dashboard-app-DAU1iSBf.js';
2
+ import { r as redispatchEvent, p as preventDefault } from './prevent_default-BFUKRIR6.js';
3
+ import { o as o$1, V as Validator, m as mixinOnReportValidity, a as mixinConstraintValidation, b as mixinFormAssociated, c as onReportValidity, g as getFormValue, d as createValidator, e as getValidityAnchor } from './validator-vt_0jnng.js';
4
4
  import './main.js';
5
5
 
6
6
  /**
@@ -742,7 +742,7 @@ const ThemeService = new ThemeServiceImpl();
742
742
  * SPDX-License-Identifier: Apache-2.0
743
743
  */
744
744
  async function main() {
745
- import('./matter-dashboard-app-Dr-IYMsD.js').then(function (n) { return n.C; });
745
+ import('./matter-dashboard-app-DAU1iSBf.js').then(function (n) { return n.C; });
746
746
  let url = "";
747
747
  const isProductionServer = location.origin.includes(":5580") || location.href.includes("hassio_ingress") || location.href.includes("/api/ingress/");
748
748
  if (!isProductionServer) {
@@ -4020,7 +4020,7 @@ MdListItem = __decorate([t$1('md-list-item')], MdListItem);
4020
4020
  */
4021
4021
  const showLogLevelDialog = async client => {
4022
4022
  var _document$querySelect;
4023
- await import('./log-level-dialog-BVxKJJ49.js');
4023
+ await import('./log-level-dialog-DNkKkUAW.js');
4024
4024
  const dialog = document.createElement("log-level-dialog");
4025
4025
  dialog.client = client;
4026
4026
  (_document$querySelect = document.querySelector("matter-dashboard-app")) === null || _document$querySelect === void 0 || _document$querySelect.renderRoot.appendChild(dialog);
@@ -4091,8 +4091,7 @@ let DashboardHeader = class extends i$3 {
4091
4091
  </md-icon-button>
4092
4092
  </a>` : ""}
4093
4093
 
4094
- <div>${this.title || ""}</div>
4095
- <div class="flex"></div>
4094
+ <div class="title">${this.title || ""}</div>
4096
4095
  <div class="actions">
4097
4096
  ${(_this$actions = this.actions) === null || _this$actions === void 0 ? void 0 : _this$actions.map(action => {
4098
4097
  return b`
@@ -4132,15 +4131,25 @@ DashboardHeader.styles = i$6`
4132
4131
  align-items: center;
4133
4132
  padding-left: 18px;
4134
4133
  padding-right: 8px;
4135
- height: 48px;
4134
+ min-height: 48px;
4136
4135
  }
4137
4136
 
4138
4137
  md-icon-button {
4139
4138
  margin-right: 8px;
4140
4139
  }
4141
4140
 
4142
- .flex {
4141
+ .title {
4143
4142
  flex: 1;
4143
+ min-width: 0;
4144
+ overflow: hidden;
4145
+ text-overflow: ellipsis;
4146
+ white-space: nowrap;
4147
+ }
4148
+
4149
+ .actions {
4150
+ display: flex;
4151
+ max-width: 100%;
4152
+ align-items: center;
4144
4153
  }
4145
4154
  `;
4146
4155
  __decorateClass$b([n$1()], DashboardHeader.prototype, "backButton", 2);
@@ -15592,7 +15601,7 @@ const clusters = {
15592
15601
  * SPDX-License-Identifier: Apache-2.0
15593
15602
  */
15594
15603
  const showDialogBox = async (type, dialogParams) => {
15595
- await import('./dialog-box-DFs0hcPv.js');
15604
+ await import('./dialog-box-B8Hw1z0X.js');
15596
15605
  return new Promise(resolve => {
15597
15606
  const dialog = document.createElement("dialox-box");
15598
15607
  dialog.params = dialogParams;
@@ -15766,7 +15775,7 @@ MdTextButton = __decorate([t$1('md-text-button')], MdTextButton);
15766
15775
  */
15767
15776
  const showNodeBindingDialog = async (client, node, endpoint) => {
15768
15777
  var _document$querySelect;
15769
- await import('./node-binding-dialog-CqE3VuZN.js');
15778
+ await import('./node-binding-dialog-F8QoGs1k.js');
15770
15779
  const dialog = document.createElement("node-binding-dialog");
15771
15780
  dialog.client = client;
15772
15781
  dialog.node = node;
@@ -16029,30 +16038,32 @@ let NodeDetails = class extends i$3 {
16029
16038
  }).join(" / ")}
16030
16039
  </div>`}
16031
16040
  </md-list-item>
16032
- <md-list-item class="btn">
16033
- <md-outlined-button @click=${handleAsync(() => this._reinterview())}
16034
- >Interview<ha-svg-icon slot="icon" .path=${mdiChatProcessing}></ha-svg-icon
16035
- ></md-outlined-button>
16036
- ${this._updateInitiated ? b` <md-outlined-button disabled
16037
- >Checking for updates<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
16038
- ></md-outlined-button>` : (this.node.updateState || 0) > 1 ? b` <md-outlined-button disabled
16039
- >${getUpdateStateLabel(this.node.updateState, this.node.updateStateProgress)}<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
16040
- ></md-outlined-button>` : b`<md-outlined-button @click=${handleAsync(() => this._searchUpdate())}
16041
- >Update<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
16042
- ></md-outlined-button>`}
16043
- ${bindings ? b`
16044
- <md-outlined-button @click=${handleAsync(() => this._binding())}>
16045
- Binding
16046
- <ha-svg-icon slot="icon" .path=${mdiLink}></ha-svg-icon>
16047
- </md-outlined-button>
16048
- ` : A}
16041
+ <md-list-item>
16042
+ <div class="btn-row">
16043
+ <md-outlined-button @click=${handleAsync(() => this._reinterview())}
16044
+ >Interview<ha-svg-icon slot="icon" .path=${mdiChatProcessing}></ha-svg-icon
16045
+ ></md-outlined-button>
16046
+ ${this._updateInitiated ? b` <md-outlined-button disabled
16047
+ >Checking for updates<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
16048
+ ></md-outlined-button>` : (this.node.updateState || 0) > 1 ? b` <md-outlined-button disabled
16049
+ >${getUpdateStateLabel(this.node.updateState, this.node.updateStateProgress)}<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
16050
+ ></md-outlined-button>` : b`<md-outlined-button @click=${handleAsync(() => this._searchUpdate())}
16051
+ >Update<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
16052
+ ></md-outlined-button>`}
16053
+ ${bindings ? b`
16054
+ <md-outlined-button @click=${handleAsync(() => this._binding())}>
16055
+ Binding
16056
+ <ha-svg-icon slot="icon" .path=${mdiLink}></ha-svg-icon>
16057
+ </md-outlined-button>
16058
+ ` : A}
16049
16059
 
16050
- <md-outlined-button @click=${handleAsync(() => this._openCommissioningWindow())}
16051
- >Share<ha-svg-icon slot="icon" .path=${mdiShareVariant}></ha-svg-icon
16052
- ></md-outlined-button>
16053
- <md-outlined-button @click=${handleAsync(() => this._remove())}
16054
- >Remove<ha-svg-icon slot="icon" .path=${mdiTrashCan}></ha-svg-icon
16055
- ></md-outlined-button>
16060
+ <md-outlined-button @click=${handleAsync(() => this._openCommissioningWindow())}
16061
+ >Share<ha-svg-icon slot="icon" .path=${mdiShareVariant}></ha-svg-icon
16062
+ ></md-outlined-button>
16063
+ <md-outlined-button @click=${handleAsync(() => this._remove())}
16064
+ >Remove<ha-svg-icon slot="icon" .path=${mdiTrashCan}></ha-svg-icon
16065
+ ></md-outlined-button>
16066
+ </div>
16056
16067
  </md-list-item>
16057
16068
  </md-list>
16058
16069
  `;
@@ -16160,14 +16171,28 @@ ${nodeUpdate.firmware_information}`,
16160
16171
  }
16161
16172
  };
16162
16173
  NodeDetails.styles = i$6`
16163
- .btn {
16174
+ .btn-row {
16164
16175
  --md-outlined-button-container-shape: 0px;
16176
+ display: flex;
16177
+ flex-wrap: wrap;
16178
+ gap: 8px;
16179
+ }
16180
+
16181
+ .btn-row md-outlined-button {
16182
+ max-width: 100%;
16165
16183
  }
16166
16184
 
16167
16185
  .left {
16168
- width: 30%;
16169
- display: inline-table;
16186
+ min-width: 120px;
16187
+ display: inline-block;
16188
+ }
16189
+
16190
+ @media (min-width: 600px) {
16191
+ .left {
16192
+ min-width: 150px;
16193
+ }
16170
16194
  }
16195
+
16171
16196
  .whitespace {
16172
16197
  height: 15px;
16173
16198
  }
@@ -16787,7 +16812,7 @@ DashboardFooter = __decorateClass$3([t$1("dashboard-footer")], DashboardFooter);
16787
16812
  */
16788
16813
  const showCommissionNodeDialog = async client => {
16789
16814
  var _document$querySelect;
16790
- await import('./commission-node-dialog-B4_wgFye.js');
16815
+ await import('./commission-node-dialog-reVmPzq3.js');
16791
16816
  const dialog = document.createElement("commission-node-dialog");
16792
16817
  dialog.client = client;
16793
16818
  (_document$querySelect = document.querySelector("matter-dashboard-app")) === null || _document$querySelect === void 0 || _document$querySelect.renderRoot.appendChild(dialog);
@@ -16850,11 +16875,12 @@ let ServerDetails = class extends i$3 {
16850
16875
  <div class="left">Node count: </div>${Object.keys(this.client.nodes).length}
16851
16876
  </div>
16852
16877
  </md-list-item>
16853
- <md-list-item class="btn">
16854
- <span>
16855
- <md-outlined-button @click=${this._commissionNode}>Commission node<ha-svg-icon slot="icon" .path=${mdiPlus}></ha-svg-icon></md-outlined-button>
16856
- <md-outlined-button @click=${handleAsync(() => this._uploadDiagnosticsDumpFile())}>Import node<ha-svg-icon slot="icon" .path=${mdiFile}></ha-svg-icon></md-outlined-button>
16857
- </md-list-item>
16878
+ <md-list-item>
16879
+ <div class="btn-row">
16880
+ <md-outlined-button @click=${this._commissionNode}>Commission node<ha-svg-icon slot="icon" .path=${mdiPlus}></ha-svg-icon></md-outlined-button>
16881
+ <md-outlined-button @click=${handleAsync(() => this._uploadDiagnosticsDumpFile())}>Import node<ha-svg-icon slot="icon" .path=${mdiFile}></ha-svg-icon></md-outlined-button>
16882
+ </div>
16883
+ </md-list-item>
16858
16884
  </md-list>
16859
16885
  <!-- hidden file element for the upload diagnostics -->
16860
16886
  <input
@@ -16883,17 +16909,37 @@ let ServerDetails = class extends i$3 {
16883
16909
  }
16884
16910
  };
16885
16911
  ServerDetails.styles = i$6`
16886
- .btn {
16912
+ .btn-row {
16887
16913
  --md-outlined-button-container-shape: 0px;
16914
+ display: flex;
16915
+ flex-wrap: wrap;
16916
+ gap: 8px;
16917
+ }
16918
+
16919
+ .btn-row md-outlined-button {
16920
+ max-width: 100%;
16888
16921
  }
16889
16922
 
16890
16923
  .left {
16891
- width: 30%;
16892
- display: inline-table;
16924
+ min-width: 120px;
16925
+ display: inline-block;
16893
16926
  }
16927
+
16928
+ @media (min-width: 600px) {
16929
+ .left {
16930
+ min-width: 160px;
16931
+ }
16932
+ }
16933
+
16894
16934
  .whitespace {
16895
16935
  height: 15px;
16896
16936
  }
16937
+
16938
+ .status {
16939
+ color: var(--danger-color);
16940
+ font-weight: bold;
16941
+ font-size: 0.8em;
16942
+ }
16897
16943
  `;
16898
16944
  ServerDetails = __decorateClass$2([t$1("server-details")], ServerDetails);
16899
16945
 
@@ -16986,11 +17032,20 @@ MatterServerView.styles = i$6`
16986
17032
  color: var(--danger-color);
16987
17033
  font-weight: bold;
16988
17034
  font-size: 0.8em;
17035
+ margin-left: 8px;
16989
17036
  }
16990
17037
 
16991
17038
  .hex-id {
16992
17039
  color: var(--text-color, rgba(0, 0, 0, 0.6));
16993
17040
  font-size: 0.85em;
17041
+ word-break: break-all;
17042
+ }
17043
+
17044
+ @media (max-width: 400px) {
17045
+ .hex-id {
17046
+ display: block;
17047
+ margin-top: 2px;
17048
+ }
16994
17049
  }
16995
17050
  `;
16996
17051
  __decorateClass$1([n$1()], MatterServerView.prototype, "nodes", 2);
@@ -1,8 +1,8 @@
1
- import { j as i, s as c, n, v as clientContext, a as e, i as i$1, q as handleAsync, A, h as b, t } from './matter-dashboard-app-Dr-IYMsD.js';
2
- import { p as preventDefault } from './prevent_default-tLhqZmsK.js';
3
- import './outlined-text-field-BVcHUxiS.js';
1
+ import { j as i, s as c, n, v as clientContext, a as e, i as i$1, q as handleAsync, A, h as b, t } from './matter-dashboard-app-DAU1iSBf.js';
2
+ import { p as preventDefault } from './prevent_default-BFUKRIR6.js';
3
+ import './outlined-text-field-CjfU8Kyf.js';
4
4
  import './main.js';
5
- import './validator-muF28wYx.js';
5
+ import './validator-vt_0jnng.js';
6
6
 
7
7
  var _staticBlock$1;
8
8
  /**
@@ -1,6 +1,6 @@
1
- import { j as i, w as e, x as i$1, y as t, z as E, A, m as mixinDelegatesAria, k as mixinElementInternals, i as i$2, _ as __decorate, n, r as r$1, a as e$1, o, f as e$2, h as b, u, l as i$3, t as t$1 } from './matter-dashboard-app-Dr-IYMsD.js';
2
- import { V as Validator, m as mixinOnReportValidity, a as mixinConstraintValidation, b as mixinFormAssociated, o as o$1, g as getFormValue, d as createValidator, e as getValidityAnchor, c as onReportValidity } from './validator-muF28wYx.js';
3
- import { r as redispatchEvent } from './prevent_default-tLhqZmsK.js';
1
+ import { j as i, w as e, x as i$1, y as t, z as E, A, m as mixinDelegatesAria, k as mixinElementInternals, i as i$2, _ as __decorate, n, r as r$1, a as e$1, o, f as e$2, h as b, u, l as i$3, t as t$1 } from './matter-dashboard-app-DAU1iSBf.js';
2
+ import { V as Validator, m as mixinOnReportValidity, a as mixinConstraintValidation, b as mixinFormAssociated, o as o$1, g as getFormValue, d as createValidator, e as getValidityAnchor, c as onReportValidity } from './validator-vt_0jnng.js';
3
+ import { r as redispatchEvent } from './prevent_default-BFUKRIR6.js';
4
4
 
5
5
  /**
6
6
  * @license
@@ -1,4 +1,4 @@
1
- import { E as EASING, m as mixinDelegatesAria, i, _ as __decorate, n, a as e, r, h as b, f as e$1, A, j as i$1, t } from './matter-dashboard-app-Dr-IYMsD.js';
1
+ import { E as EASING, m as mixinDelegatesAria, i, _ as __decorate, n, a as e, r, h as b, f as e$1, A, j as i$1, t } from './matter-dashboard-app-DAU1iSBf.js';
2
2
 
3
3
  /**
4
4
  * @license
@@ -1,4 +1,4 @@
1
- import { _ as __decorate, n as n$1, o as o$1, r, a as e, i as i$1, f as e$1, A, h as b, D, E as EASING, j as i$2, t, w as e$2, x as i$3, y as t$1, z as E, B as internals } from './matter-dashboard-app-Dr-IYMsD.js';
1
+ import { _ as __decorate, n as n$1, o as o$1, r, a as e, i as i$1, f as e$1, A, h as b, D, E as EASING, j as i$2, t, w as e$2, x as i$3, y as t$1, z as E, B as internals } from './matter-dashboard-app-DAU1iSBf.js';
2
2
 
3
3
  /**
4
4
  * @license
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@matter-server/dashboard",
3
- "version": "0.2.9",
3
+ "version": "0.2.10-alpha.0-20260128-f1462ea",
4
4
  "description": "Dashboard for OHF Matter Server",
5
5
  "bugs": {
6
6
  "url": "https://github.com/matter-js/matterjs-server/issues"
@@ -23,7 +23,7 @@
23
23
  },
24
24
  "devDependencies": {
25
25
  "@babel/preset-env": "^7.28.6",
26
- "@matter/main": "0.16.7",
26
+ "@matter/main": "0.16.8-alpha.0-20260127-de48449ad",
27
27
  "@rollup/plugin-babel": "^6.1.0",
28
28
  "@rollup/plugin-commonjs": "^29.0.0",
29
29
  "rollup-plugin-copy": "^3.5.0",
@@ -37,8 +37,8 @@
37
37
  "dependencies": {
38
38
  "@lit/context": "^1.1.6",
39
39
  "@material/web": "^2.4.1",
40
- "@matter-server/ws-client": "0.2.9",
41
- "@matter-server/custom-clusters": "0.2.9",
40
+ "@matter-server/ws-client": "0.2.10-alpha.0-20260128-f1462ea",
41
+ "@matter-server/custom-clusters": "0.2.10-alpha.0-20260128-f1462ea",
42
42
  "@mdi/js": "^7.4.47",
43
43
  "lit": "^3.3.2",
44
44
  "tslib": "^2.8.1"
@@ -92,8 +92,7 @@ export class DashboardHeader extends LitElement {
92
92
  </a>`
93
93
  : ""}
94
94
 
95
- <div>${this.title || ""}</div>
96
- <div class="flex"></div>
95
+ <div class="title">${this.title || ""}</div>
97
96
  <div class="actions">
98
97
  ${this.actions?.map(action => {
99
98
  return html`
@@ -137,15 +136,25 @@ export class DashboardHeader extends LitElement {
137
136
  align-items: center;
138
137
  padding-left: 18px;
139
138
  padding-right: 8px;
140
- height: 48px;
139
+ min-height: 48px;
141
140
  }
142
141
 
143
142
  md-icon-button {
144
143
  margin-right: 8px;
145
144
  }
146
145
 
147
- .flex {
146
+ .title {
148
147
  flex: 1;
148
+ min-width: 0;
149
+ overflow: hidden;
150
+ text-overflow: ellipsis;
151
+ white-space: nowrap;
152
+ }
153
+
154
+ .actions {
155
+ display: flex;
156
+ max-width: 100%;
157
+ align-items: center;
149
158
  }
150
159
  `;
151
160
  }
@@ -104,39 +104,41 @@ export class NodeDetails extends LitElement {
104
104
  .join(" / ")}
105
105
  </div>`}
106
106
  </md-list-item>
107
- <md-list-item class="btn">
108
- <md-outlined-button @click=${handleAsync(() => this._reinterview())}
109
- >Interview<ha-svg-icon slot="icon" .path=${mdiChatProcessing}></ha-svg-icon
110
- ></md-outlined-button>
111
- ${this._updateInitiated
112
- ? html` <md-outlined-button disabled
113
- >Checking for updates<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
114
- ></md-outlined-button>`
115
- : (this.node.updateState || 0) > 1
116
- ? html` <md-outlined-button disabled
117
- >${getUpdateStateLabel(
118
- this.node.updateState!,
119
- this.node.updateStateProgress,
120
- )}<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
121
- ></md-outlined-button>`
122
- : html`<md-outlined-button @click=${handleAsync(() => this._searchUpdate())}
123
- >Update<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
124
- ></md-outlined-button>`}
125
- ${bindings
126
- ? html`
127
- <md-outlined-button @click=${handleAsync(() => this._binding())}>
128
- Binding
129
- <ha-svg-icon slot="icon" .path=${mdiLink}></ha-svg-icon>
130
- </md-outlined-button>
131
- `
132
- : nothing}
107
+ <md-list-item>
108
+ <div class="btn-row">
109
+ <md-outlined-button @click=${handleAsync(() => this._reinterview())}
110
+ >Interview<ha-svg-icon slot="icon" .path=${mdiChatProcessing}></ha-svg-icon
111
+ ></md-outlined-button>
112
+ ${this._updateInitiated
113
+ ? html` <md-outlined-button disabled
114
+ >Checking for updates<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
115
+ ></md-outlined-button>`
116
+ : (this.node.updateState || 0) > 1
117
+ ? html` <md-outlined-button disabled
118
+ >${getUpdateStateLabel(
119
+ this.node.updateState!,
120
+ this.node.updateStateProgress,
121
+ )}<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
122
+ ></md-outlined-button>`
123
+ : html`<md-outlined-button @click=${handleAsync(() => this._searchUpdate())}
124
+ >Update<ha-svg-icon slot="icon" .path=${mdiUpdate}></ha-svg-icon
125
+ ></md-outlined-button>`}
126
+ ${bindings
127
+ ? html`
128
+ <md-outlined-button @click=${handleAsync(() => this._binding())}>
129
+ Binding
130
+ <ha-svg-icon slot="icon" .path=${mdiLink}></ha-svg-icon>
131
+ </md-outlined-button>
132
+ `
133
+ : nothing}
133
134
 
134
- <md-outlined-button @click=${handleAsync(() => this._openCommissioningWindow())}
135
- >Share<ha-svg-icon slot="icon" .path=${mdiShareVariant}></ha-svg-icon
136
- ></md-outlined-button>
137
- <md-outlined-button @click=${handleAsync(() => this._remove())}
138
- >Remove<ha-svg-icon slot="icon" .path=${mdiTrashCan}></ha-svg-icon
139
- ></md-outlined-button>
135
+ <md-outlined-button @click=${handleAsync(() => this._openCommissioningWindow())}
136
+ >Share<ha-svg-icon slot="icon" .path=${mdiShareVariant}></ha-svg-icon
137
+ ></md-outlined-button>
138
+ <md-outlined-button @click=${handleAsync(() => this._remove())}
139
+ >Remove<ha-svg-icon slot="icon" .path=${mdiTrashCan}></ha-svg-icon
140
+ ></md-outlined-button>
141
+ </div>
140
142
  </md-list-item>
141
143
  </md-list>
142
144
  `;
@@ -257,14 +259,28 @@ export class NodeDetails extends LitElement {
257
259
  }
258
260
 
259
261
  static override styles = css`
260
- .btn {
262
+ .btn-row {
261
263
  --md-outlined-button-container-shape: 0px;
264
+ display: flex;
265
+ flex-wrap: wrap;
266
+ gap: 8px;
267
+ }
268
+
269
+ .btn-row md-outlined-button {
270
+ max-width: 100%;
262
271
  }
263
272
 
264
273
  .left {
265
- width: 30%;
266
- display: inline-table;
274
+ min-width: 120px;
275
+ display: inline-block;
267
276
  }
277
+
278
+ @media (min-width: 600px) {
279
+ .left {
280
+ min-width: 150px;
281
+ }
282
+ }
283
+
268
284
  .whitespace {
269
285
  height: 15px;
270
286
  }
@@ -52,11 +52,12 @@ export class ServerDetails extends LitElement {
52
52
  <div class="left">Node count: </div>${Object.keys(this.client.nodes).length}
53
53
  </div>
54
54
  </md-list-item>
55
- <md-list-item class="btn">
56
- <span>
57
- <md-outlined-button @click=${this._commissionNode}>Commission node<ha-svg-icon slot="icon" .path=${mdiPlus}></ha-svg-icon></md-outlined-button>
58
- <md-outlined-button @click=${handleAsync(() => this._uploadDiagnosticsDumpFile())}>Import node<ha-svg-icon slot="icon" .path=${mdiFile}></ha-svg-icon></md-outlined-button>
59
- </md-list-item>
55
+ <md-list-item>
56
+ <div class="btn-row">
57
+ <md-outlined-button @click=${this._commissionNode}>Commission node<ha-svg-icon slot="icon" .path=${mdiPlus}></ha-svg-icon></md-outlined-button>
58
+ <md-outlined-button @click=${handleAsync(() => this._uploadDiagnosticsDumpFile())}>Import node<ha-svg-icon slot="icon" .path=${mdiFile}></ha-svg-icon></md-outlined-button>
59
+ </div>
60
+ </md-list-item>
60
61
  </md-list>
61
62
  <!-- hidden file element for the upload diagnostics -->
62
63
  <input
@@ -109,16 +110,36 @@ export class ServerDetails extends LitElement {
109
110
  };
110
111
 
111
112
  static override styles = css`
112
- .btn {
113
+ .btn-row {
113
114
  --md-outlined-button-container-shape: 0px;
115
+ display: flex;
116
+ flex-wrap: wrap;
117
+ gap: 8px;
118
+ }
119
+
120
+ .btn-row md-outlined-button {
121
+ max-width: 100%;
114
122
  }
115
123
 
116
124
  .left {
117
- width: 30%;
118
- display: inline-table;
125
+ min-width: 120px;
126
+ display: inline-block;
119
127
  }
128
+
129
+ @media (min-width: 600px) {
130
+ .left {
131
+ min-width: 160px;
132
+ }
133
+ }
134
+
120
135
  .whitespace {
121
136
  height: 15px;
122
137
  }
138
+
139
+ .status {
140
+ color: var(--danger-color);
141
+ font-weight: bold;
142
+ font-size: 0.8em;
143
+ }
123
144
  `;
124
145
  }
@@ -122,11 +122,20 @@ class MatterServerView extends LitElement {
122
122
  color: var(--danger-color);
123
123
  font-weight: bold;
124
124
  font-size: 0.8em;
125
+ margin-left: 8px;
125
126
  }
126
127
 
127
128
  .hex-id {
128
129
  color: var(--text-color, rgba(0, 0, 0, 0.6));
129
130
  font-size: 0.85em;
131
+ word-break: break-all;
132
+ }
133
+
134
+ @media (max-width: 400px) {
135
+ .hex-id {
136
+ display: block;
137
+ margin-top: 2px;
138
+ }
130
139
  }
131
140
  `;
132
141
  }