121 files

custom_components/maintenance_supporter/frontend-src/maintenance-card-editor.ts

@@ -211,6 +211,14 @@ export class MaintenanceSupporterCardEditor extends LitElement {
           ></ha-switch>
         </ha-formfield>
 
+        <ha-formfield label="${t("responsible_user", L)}">
+          <ha-switch
+            .checked=${this._config.show_assignee !== false}
+            @change=${(e: Event) =>
+              this._valueChanged("show_assignee", (e.target as HTMLInputElement).checked)}
+          ></ha-switch>
+        </ha-formfield>
+
         <ha-formfield label="${t("card_compact", L)}">
           <ha-switch
             .checked=${this._config.compact || false}

custom_components/maintenance_supporter/frontend-src/maintenance-card.ts

@@ -12,6 +12,7 @@ import type {
   SavedView,
   SavedViewFilters,
 } from "./types";
+import { UserService } from "./user-service";
 import "./maintenance-card-editor";
 import "./components/complete-dialog";
 import {
@@ -33,6 +34,11 @@ export class MaintenanceSupporterCard extends LitElement {
   @state() private _stats: StatisticsResponse | null = null;
   @state() private _unsub: (() => void) | null = null;
   @state() private _viewFilters: SavedViewFilters | null = null;
+  /** id → display name for the assignee badge. Empty until users/list
+   *  resolves; the badge stays hidden rather than showing a raw uuid. */
+  @state() private _userNames: Record<string, string> = {};
+  private _userService: UserService | null = null;
+  private _userNamesLoaded = false;
 
   private get _lang(): string {
     return this.hass?.language || "en";
@@ -95,6 +101,19 @@ export class MaintenanceSupporterCard extends LitElement {
     if (lang && !isLocaleLoaded(lang)) {
       ensureLocale(lang).then(() => this.requestUpdate());
     }
+    // Assignee names: resolved once, only when the config allows it AND some
+    // task actually carries a responsible user. The condition is checked
+    // synchronously here — an unconditional call whose promise triggered a
+    // re-render looped the element forever. Assigning `_userNames` (@state)
+    // is what re-renders once the list arrives.
+    if (
+      this.hass &&
+      !this._userNamesLoaded &&
+      this._config.show_assignee !== false &&
+      this._objects.some((o) => o.tasks.some((tk) => tk.responsible_user_id))
+    ) {
+      this._loadUserNames();
+    }
     if (changedProps.has("hass") && this.hass) {
       if (!this._dataLoaded) {
         this._dataLoaded = true;
@@ -127,6 +146,35 @@ export class MaintenanceSupporterCard extends LitElement {
     await this._loadViewFilters();
   }
 
+  /** Resolve display names for the assignee badge (best-effort).
+   *
+   *  `users/list` is a READ-tier command, so the household members this card
+   *  is built for can call it without admin rights. A failure (or a task
+   *  whose user was deleted) leaves the name unresolved and the badge simply
+   *  does not render — never a raw user id. */
+  /** Display name of the task's responsible user, or "" when the badge must
+   *  stay hidden (feature off, nobody assigned, or the name not resolved).
+   *  With a rotation this is whoever is up next — the pointer the engine
+   *  advances on every completion. */
+  private _assigneeName(task: MaintenanceTask): string {
+    if (this._config.show_assignee === false) return "";
+    const id = task.responsible_user_id;
+    if (!id) return "";
+    return this._userNames[id] || "";
+  }
+
+  private async _loadUserNames(): Promise<void> {
+    this._userNamesLoaded = true;
+    if (!this._userService) this._userService = new UserService(this.hass);
+    else this._userService.updateHass(this.hass);
+    try {
+      const users = await this._userService.getUsers();
+      this._userNames = Object.fromEntries(users.map((u) => [u.id, u.name]));
+    } catch {
+      // leave whatever we had; the badge hides for unresolved ids
+    }
+  }
+
   /** Resolve the configured saved view's filters (best-effort). A missing or
    *  deleted view degrades to "no view filter" — same fallback semantics as
    *  the backend's notification routing, never an inexplicably empty card. */
@@ -322,7 +370,19 @@ export class MaintenanceSupporterCard extends LitElement {
                               ></ha-icon>`
                             : nothing}
                         </div>
-                        ${!compact ? html`<div class="task-meta">${object_name} · ${t(task.type, L)}</div>` : nothing}
+                        ${!compact
+                          ? html`<div class="task-meta">
+                              ${object_name} · ${t(task.type, L)}${this._assigneeName(task)
+                                ? html` · <span class="assignee"
+                                    ><ha-icon icon="mdi:account"></ha-icon>${this._assigneeName(task)}</span
+                                  >`
+                                : nothing}
+                            </div>`
+                          : this._assigneeName(task)
+                            ? html`<div class="task-meta compact-assignee" title="${this._assigneeName(task)}">
+                                <ha-icon icon="mdi:account"></ha-icon>${this._assigneeName(task)}
+                              </div>`
+                            : nothing}
                       </div>
                       <div class="task-due">
                         ${task.days_until_due !== null && task.days_until_due !== undefined
@@ -455,6 +515,24 @@ export class MaintenanceSupporterCard extends LitElement {
       .task-name { font-size: 14px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
       .postponed-icon { --mdc-icon-size: 14px; color: var(--secondary-text-color); vertical-align: text-bottom; margin-inline-start: 4px; }
       .task-meta { font-size: 12px; color: var(--secondary-text-color); }
+      .assignee, .compact-assignee {
+        display: inline-flex;
+        align-items: center;
+        gap: 2px;
+        white-space: nowrap;
+      }
+      .assignee ha-icon, .compact-assignee ha-icon {
+        --mdc-icon-size: 13px;
+        width: 13px;
+        height: 13px;
+      }
+      /* Compact rows have no meta line of their own — keep the name from
+         pushing the due column off a narrow phone card. */
+      .compact-assignee {
+        max-width: 11ch;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
 
       .task-due { font-size: 13px; color: var(--secondary-text-color); min-width: 40px; text-align: right; }
       .overdue-text { color: var(--error-color); font-weight: 500; }

custom_components/maintenance_supporter/frontend-src/types.ts

@@ -324,6 +324,10 @@ export interface CardConfig {
   filter_due_max_days?: number;
   compact?: boolean;
   show_actions?: boolean;
+  // Whose turn is it (v2.43): show the task's responsible user on each row.
+  // Defaults to ON — with rotations the row is the only place a household
+  // sees who is up next. Rows without an assignee simply render nothing.
+  show_assignee?: boolean;
   // Saved-view scope (v2.26): apply a saved view's task-selecting filters
   // (status / user / label) ON TOP of the card's own filters. The view's
   // sort/group dimensions are panel display state and are not applied here.

custom_components/maintenance_supporter/frontend/strategy/chunks/budget-section-card-VOW5P7WH.js

@@ -1,125 +0,0 @@
-import{a as f}from"./chunk-MJ4XKOCC.js";import{a as h,b as o,d as b,e as m,f as g,g as n,h as _,i as a,k as v,s as p}from"./chunk-UJYDYB7M.js";import{a as i}from"./chunk-PEGRBZWY.js";var s=class extends m{constructor(){super(...arguments);this._config={type:""};this._status=null;this._busy=!1;this._error="";this._localMonthly="";this._localYearly="";this._dirty=!1;this._loaded=!1}setConfig(t){this._config=t}getCardSize(){return 2}get _lang(){return this.hass?.language||"en"}get _isAdmin(){return this.hass?.user?.is_admin??!0}updated(t){super.updated(t),t.has("hass")&&this.hass&&!this._loaded&&(this._loaded=!0,this._load(),v(this._lang).then(()=>this.requestUpdate()))}async _load(){try{let t=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/budget_status"});this._status=t,this._localMonthly=t.monthly_budget?String(t.monthly_budget):"",this._localYearly=t.yearly_budget?String(t.yearly_budget):"",this._dirty=!1}catch(t){this._error=p(t,this._lang)}}async _save(){if(this._isAdmin){this._busy=!0,this._error="";try{let t=parseFloat(this._localMonthly),e=parseFloat(this._localYearly),r={};!isNaN(t)&&t>=0&&(r.budget_monthly=t),!isNaN(e)&&e>=0&&(r.budget_yearly=e),await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/global/update",settings:r}),await this._load()}catch(t){this._error=p(t,this._lang)}finally{this._busy=!1}}}_onDeepLink(){history.pushState(null,"","/maintenance-supporter?ms_action=open_budget"),window.dispatchEvent(new CustomEvent("location-changed"))}render(){let t=this._lang,e=this._status;if(!e)return o`<ha-card><div class="loading">${a("loading",t)||"Loading\u2026"}</div></ha-card>`;let r=e.currency_symbol||_,l=e.monthly_budget?Math.min(100,(e.monthly_spent||0)/e.monthly_budget*100):0,d=e.yearly_budget?Math.min(100,(e.yearly_spent||0)/e.yearly_budget*100):0,u=l>=100?"danger":l>=80?"warning":"ok",y=d>=100?"danger":d>=80?"warning":"ok";return o`
-      <ha-card>
-        <div class="card-content">
-          <div class="header">
-            <div class="title">
-              <span class="emoji">💰</span>
-              <span>${this._config.title||a("settings_budget",t)||"Budget"}</span>
-            </div>
-            <span class="currency">${r}</span>
-          </div>
-
-          ${this._error?o`<div class="error">${this._error}</div>`:b}
-
-          <div class="track">
-            <div class="track-label-row">
-              <label>${a("budget_monthly",t)||"Monthly"}</label>
-              <span class="track-numbers ${u}">
-                ${(e.monthly_spent||0).toFixed(0)} / ${(e.monthly_budget||0).toFixed(0)} ${r}
-              </span>
-            </div>
-            <div class="bar"><div class="bar-fill ${u}" style="width:${l}%"></div></div>
-          </div>
-
-          <div class="track">
-            <div class="track-label-row">
-              <label>${a("budget_yearly",t)||"Yearly"}</label>
-              <span class="track-numbers ${y}">
-                ${(e.yearly_spent||0).toFixed(0)} / ${(e.yearly_budget||0).toFixed(0)} ${r}
-              </span>
-            </div>
-            <div class="bar"><div class="bar-fill ${y}" style="width:${d}%"></div></div>
-          </div>
-
-          ${this._isAdmin?o`
-                <div class="inputs-row">
-                  <div class="input-field">
-                    <label>${a("budget_monthly_set",t)||"Set monthly"}</label>
-                    <div class="input-wrap">
-                      <input type="number" min="0" step="1"
-                        .value=${this._localMonthly}
-                        ?disabled=${this._busy}
-                        @input=${c=>{this._localMonthly=c.target.value,this._dirty=!0}} />
-                      <span class="input-suffix">${r}</span>
-                    </div>
-                  </div>
-                  <div class="input-field">
-                    <label>${a("budget_yearly_set",t)||"Set yearly"}</label>
-                    <div class="input-wrap">
-                      <input type="number" min="0" step="1"
-                        .value=${this._localYearly}
-                        ?disabled=${this._busy}
-                        @input=${c=>{this._localYearly=c.target.value,this._dirty=!0}} />
-                      <span class="input-suffix">${r}</span>
-                    </div>
-                  </div>
-                </div>
-                <div class="actions">
-                  <button class="btn ${this._dirty?"primary":"muted"}"
-                    @click=${this._save}
-                    ?disabled=${this._busy||!this._dirty}>
-                    <ha-icon icon="${this._dirty?"mdi:content-save":"mdi:check"}"></ha-icon>
-                    ${this._dirty?a("save",t)||"Save":a("saved",t)||"Saved"}
-                  </button>
-                  <button class="btn link" @click=${this._onDeepLink}>
-                    ${a("budget_advanced",t)||"Currency, alerts\u2026"}
-                  </button>
-                </div>
-              `:o`
-                <button class="btn link" @click=${this._onDeepLink}>
-                  ${a("budget_open_panel",t)||"Open in panel"}
-                </button>
-              `}
-        </div>
-      </ha-card>
-    `}};s.styles=[f,h`
-    .currency {
-      font-size: 14px; font-weight: 600;
-      color: var(--secondary-text-color);
-      background: var(--secondary-background-color);
-      padding: 2px 10px; border-radius: 999px;
-    }
-    .track { display: flex; flex-direction: column; gap: 4px; }
-    .track-label-row {
-      display: flex; align-items: center; justify-content: space-between;
-    }
-    .track-label-row label {
-      font-size: 12px; color: var(--secondary-text-color);
-      text-transform: uppercase; letter-spacing: 0.5px;
-    }
-    .track-numbers { font-size: 13px; font-weight: 600; }
-    .track-numbers.ok { color: var(--primary-text-color); }
-    .track-numbers.warning { color: #ff9800; }
-    .track-numbers.danger { color: var(--error-color, #f44336); }
-    .bar {
-      height: 6px; background: var(--secondary-background-color);
-      border-radius: 3px; overflow: hidden;
-    }
-    .bar-fill { height: 100%; transition: width 0.3s; border-radius: 3px; }
-    .bar-fill.ok { background: var(--primary-color); }
-    .bar-fill.warning { background: #ff9800; }
-    .bar-fill.danger { background: var(--error-color, #f44336); }
-    .inputs-row {
-      display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
-      padding-top: 4px; border-top: 1px solid var(--divider-color);
-    }
-    .input-field { display: flex; flex-direction: column; gap: 4px; }
-    .input-field label {
-      font-size: 11px; color: var(--secondary-text-color);
-      text-transform: uppercase; letter-spacing: 0.3px;
-    }
-    .input-wrap { position: relative; display: flex; align-items: center; }
-    .input-wrap input {
-      flex: 1; padding: 6px 32px 6px 8px; font-size: 13px;
-      background: var(--secondary-background-color, #2c2c2c);
-      color: var(--primary-text-color);
-      border: 1px solid var(--divider-color); border-radius: 6px;
-      font-family: inherit;
-    }
-    .input-suffix {
-      position: absolute; right: 8px;
-      color: var(--secondary-text-color); font-size: 13px;
-      pointer-events: none;
-    }
-    .actions { display: flex; gap: 8px; align-items: center; }
-  `],i([g({attribute:!1})],s.prototype,"hass",2),i([n()],s.prototype,"_config",2),i([n()],s.prototype,"_status",2),i([n()],s.prototype,"_busy",2),i([n()],s.prototype,"_error",2),i([n()],s.prototype,"_localMonthly",2),i([n()],s.prototype,"_localYearly",2),i([n()],s.prototype,"_dirty",2);customElements.get("maintenance-budget-section-card")||customElements.define("maintenance-budget-section-card",s);window.customCards=window.customCards||[];window.customCards.push({type:"maintenance-budget-section-card",name:"Maintenance Supporter \u2014 Budget",description:"Inline monthly + yearly budget editor",preview:!1});export{s as MaintenanceBudgetSectionCard};

custom_components/maintenance_supporter/frontend/strategy/chunks/chunk-MJ4XKOCC.js

@@ -1,59 +0,0 @@
-import{a as r}from"./chunk-UJYDYB7M.js";var a=r`
-  ha-card { overflow: hidden; }
-  .card-content {
-    padding: 16px;
-    display: flex; flex-direction: column;
-    gap: 12px;
-  }
-  .header {
-    display: flex; align-items: center; justify-content: space-between;
-    gap: 12px;
-  }
-  .title {
-    display: flex; align-items: center; gap: 8px;
-    font-size: 16px; font-weight: 500;
-  }
-  .emoji { font-size: 20px; }
-
-  /* Button family — primary action / muted-saved-state / link / icon-with-text */
-  .btn {
-    padding: 6px 12px; font-size: 13px;
-    border-radius: 6px; cursor: pointer;
-    border: 1px solid var(--divider-color);
-    background: var(--secondary-background-color, transparent);
-    color: var(--primary-text-color);
-    font-weight: 500;
-    display: inline-flex; align-items: center; gap: 4px;
-  }
-  .btn:hover { background: var(--state-icon-color, rgba(255,255,255,0.06)); }
-  .btn[disabled] { opacity: 0.5; cursor: not-allowed; }
-  .btn.primary {
-    background: var(--primary-color);
-    color: var(--text-primary-color, white);
-    border-color: var(--primary-color);
-  }
-  .btn.primary[disabled] { opacity: 0.6; }
-  .btn.muted {
-    background: transparent;
-    color: var(--secondary-text-color);
-    border-style: dashed;
-  }
-  .btn.muted[disabled] { opacity: 1; cursor: default; }
-  .btn.muted ha-icon, .btn.primary ha-icon { --mdc-icon-size: 14px; }
-  .btn.link {
-    background: transparent; border: none; padding: 6px 4px;
-    color: var(--primary-color); margin-left: auto;
-  }
-  .btn.link:hover { background: transparent; text-decoration: underline; }
-
-  /* Error + loading states */
-  .error {
-    padding: 8px; border-radius: 6px;
-    background: rgba(211, 47, 47, 0.1);
-    color: var(--error-color, #d32f2f); font-size: 13px;
-  }
-  .loading {
-    padding: 24px; text-align: center;
-    color: var(--secondary-text-color);
-  }
-`;export{a};

custom_components/maintenance_supporter/frontend/strategy/chunks/groups-section-card-F4CGXZMM.js

@@ -1,136 +0,0 @@
-import{a as m}from"./chunk-MJ4XKOCC.js";import{a as u,b as s,d as l,e as h,f as g,g as o,i,k as _,s as p}from"./chunk-UJYDYB7M.js";import{a}from"./chunk-PEGRBZWY.js";var e=class extends h{constructor(){super(...arguments);this._config={type:""};this._groups={};this._loaded=!1;this._busy=!1;this._error="";this._newName="";this._editingId=null;this._editingName="";this._hasInitiallyLoaded=!1}setConfig(t){this._config=t}getCardSize(){return 2}get _lang(){return this.hass?.language||"en"}get _isAdmin(){return this.hass?.user?.is_admin??!0}updated(t){super.updated(t),t.has("hass")&&this.hass&&!this._hasInitiallyLoaded&&(this._hasInitiallyLoaded=!0,this._load(),_(this._lang).then(()=>this.requestUpdate()))}async _load(){try{let t=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/groups"});this._groups=t.groups||{},this._loaded=!0}catch(t){this._error=p(t,this._lang)}}async _addGroup(){if(!this._isAdmin)return;let t=this._newName.trim();if(t){this._busy=!0,this._error="";try{await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/group/create",name:t}),this._newName="",await this._load()}catch(r){this._error=p(r,this._lang)}finally{this._busy=!1}}}_startEdit(t){this._editingId=t,this._editingName=this._groups[t]?.name||""}async _saveEdit(){if(!this._isAdmin||!this._editingId)return;let t=this._editingName.trim();if(t){this._busy=!0,this._error="";try{await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/group/update",group_id:this._editingId,name:t}),this._editingId=null,this._editingName="",await this._load()}catch(r){this._error=p(r,this._lang)}finally{this._busy=!1}}}async _deleteGroup(t,r){if(!this._isAdmin)return;let n=(i("group_delete_confirm",this._lang)||'Delete group "{name}"?').replace("{name}",r);if(window.confirm(n)){this._busy=!0;try{await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/group/delete",group_id:t}),await this._load()}catch(d){this._error=p(d,this._lang)}finally{this._busy=!1}}}_onDeepLink(){history.pushState(null,"","/maintenance-supporter?ms_action=open_groups"),window.dispatchEvent(new CustomEvent("location-changed"))}_onKeyDown(t,r){t.key==="Enter"?(t.preventDefault(),r()):t.key==="Escape"&&(t.preventDefault(),this._editingId=null,this._editingName="")}render(){let t=this._lang;if(!this._loaded)return s`<ha-card><div class="loading">${i("loading",t)||"Loading\u2026"}</div></ha-card>`;let r=Object.keys(this._groups);return s`
-      <ha-card>
-        <div class="card-content">
-          <div class="header">
-            <div class="title">
-              <span class="emoji">🏷️</span>
-              <span>${this._config.title||i("groups",t)||"Groups"}</span>
-              <span class="count">${r.length}</span>
-            </div>
-          </div>
-
-          ${this._error?s`<div class="error">${this._error}</div>`:l}
-
-          ${r.length===0?s`<div class="empty">${i("groups_empty",t)||"No groups yet."}</div>`:s`
-                <div class="group-list">
-                  ${r.map(n=>{let d=this._groups[n],v=d.task_refs?.length??0,b=this._editingId===n;return s`
-                      <div class="group-row">
-                        ${b?s`
-                              <input class="edit-input" type="text"
-                                .value=${this._editingName}
-                                ?disabled=${this._busy}
-                                @input=${c=>{this._editingName=c.target.value}}
-                                @keydown=${c=>this._onKeyDown(c,this._saveEdit.bind(this))} />
-                              <button class="btn small primary"
-                                @click=${this._saveEdit}
-                                ?disabled=${this._busy||!this._editingName.trim()}>
-                                ${i("save",t)||"Save"}
-                              </button>
-                              <button class="btn small"
-                                @click=${()=>{this._editingId=null}}>
-                                ${i("cancel",t)||"Cancel"}
-                              </button>
-                            `:s`
-                              <span class="group-name">${d.name||"Unnamed"}</span>
-                              <span class="task-count">${v}</span>
-                              ${this._isAdmin?s`
-                                    <button class="icon-btn"
-                                      title="${i("edit",t)||"Edit"}"
-                                      @click=${()=>this._startEdit(n)}
-                                      ?disabled=${this._busy}>
-                                      <ha-icon icon="mdi:pencil"></ha-icon>
-                                    </button>
-                                    <button class="icon-btn danger"
-                                      title="${i("delete",t)||"Delete"}"
-                                      @click=${()=>this._deleteGroup(n,d.name||"Unnamed")}
-                                      ?disabled=${this._busy}>
-                                      <ha-icon icon="mdi:delete"></ha-icon>
-                                    </button>
-                                  `:l}
-                            `}
-                      </div>
-                    `})}
-                </div>
-              `}
-
-          ${this._isAdmin?s`
-                <div class="add-row">
-                  <input type="text"
-                    placeholder="${i("group_new_placeholder",t)||"Add group\u2026"}"
-                    .value=${this._newName}
-                    ?disabled=${this._busy}
-                    @input=${n=>{this._newName=n.target.value}}
-                    @keydown=${n=>this._onKeyDown(n,this._addGroup.bind(this))} />
-                  <button class="btn primary"
-                    @click=${this._addGroup}
-                    ?disabled=${this._busy||!this._newName.trim()}>
-                    <ha-icon icon="mdi:plus"></ha-icon>
-                    ${i("add",t)||"Add"}
-                  </button>
-                </div>
-                <button class="btn link" @click=${this._onDeepLink}>
-                  ${i("groups_manage_tasks",t)||"Manage task assignments\u2026"}
-                </button>
-              `:s`
-                <button class="btn link" @click=${this._onDeepLink}>
-                  ${i("groups_open_panel",t)||"Open in panel"}
-                </button>
-              `}
-        </div>
-      </ha-card>
-    `}};e.styles=[m,u`
-    .count {
-      font-size: 12px; color: var(--secondary-text-color);
-      background: var(--secondary-background-color);
-      padding: 2px 8px; border-radius: 999px;
-    }
-    .empty {
-      padding: 16px; text-align: center;
-      color: var(--secondary-text-color); font-style: italic;
-    }
-    .group-list { display: flex; flex-direction: column; gap: 4px; }
-    .group-row {
-      display: flex; align-items: center; gap: 8px;
-      padding: 6px 8px; border-radius: 6px;
-      background: var(--secondary-background-color, rgba(255,255,255,0.03));
-    }
-    .group-name { flex: 1; font-size: 14px; }
-    .task-count {
-      font-size: 11px; color: var(--secondary-text-color);
-      background: var(--card-background-color, rgba(0,0,0,0.2));
-      padding: 1px 8px; border-radius: 999px;
-      font-weight: 500;
-    }
-    .edit-input {
-      flex: 1; padding: 4px 8px; font-size: 14px;
-      background: var(--card-background-color, #1c1c1c);
-      color: var(--primary-text-color);
-      border: 1px solid var(--primary-color); border-radius: 4px;
-      font-family: inherit;
-    }
-    .icon-btn {
-      background: transparent; border: none; cursor: pointer;
-      color: var(--secondary-text-color); padding: 4px;
-      border-radius: 4px;
-    }
-    .icon-btn:hover {
-      background: var(--state-icon-color, rgba(255,255,255,0.06));
-      color: var(--primary-text-color);
-    }
-    .icon-btn.danger:hover { color: var(--error-color); }
-    .icon-btn ha-icon { --mdc-icon-size: 18px; }
-    .add-row {
-      display: flex; gap: 6px;
-      padding-top: 8px; border-top: 1px solid var(--divider-color);
-    }
-    .add-row input {
-      flex: 1; padding: 6px 8px; font-size: 13px;
-      background: var(--secondary-background-color, #2c2c2c);
-      color: var(--primary-text-color);
-      border: 1px solid var(--divider-color); border-radius: 6px;
-      font-family: inherit;
-    }
-    /* Card-specific overrides on the shared .btn */
-    .btn.small { padding: 4px 8px; font-size: 12px; }
-    .btn ha-icon { --mdc-icon-size: 16px; }
-  `],a([g({attribute:!1})],e.prototype,"hass",2),a([o()],e.prototype,"_config",2),a([o()],e.prototype,"_groups",2),a([o()],e.prototype,"_loaded",2),a([o()],e.prototype,"_busy",2),a([o()],e.prototype,"_error",2),a([o()],e.prototype,"_newName",2),a([o()],e.prototype,"_editingId",2),a([o()],e.prototype,"_editingName",2);customElements.get("maintenance-groups-section-card")||customElements.define("maintenance-groups-section-card",e);window.customCards=window.customCards||[];window.customCards.push({type:"maintenance-groups-section-card",name:"Maintenance Supporter \u2014 Groups",description:"Inline group CRUD",preview:!1});export{e as MaintenanceGroupsSectionCard};

custom_components/maintenance_supporter/frontend/strategy/chunks/vacation-section-card-VPURZT3C.js

@@ -1,121 +0,0 @@
-import{a as m}from"./chunk-MJ4XKOCC.js";import{a as h,b as n,d as c,e as _,f as v,g as r,i as e,k as f,s as l}from"./chunk-UJYDYB7M.js";import{a as i}from"./chunk-PEGRBZWY.js";var a=class extends _{constructor(){super(...arguments);this._config={type:""};this._state=null;this._busy=!1;this._error="";this._localStart="";this._localEnd="";this._localBuffer=7;this._dirty=!1;this._loaded=!1}setConfig(t){this._config=t}getCardSize(){return 2}get _lang(){return this.hass?.language||"en"}get _isAdmin(){return this.hass?.user?.is_admin??!0}updated(t){super.updated(t),t.has("hass")&&this.hass&&!this._loaded&&(this._loaded=!0,this._load(),f(this._lang).then(()=>this.requestUpdate()))}async _load(){try{let t=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/vacation/state"});this._state=t,this._localStart=t.start||"",this._localEnd=t.end||"",this._localBuffer=t.buffer_days??7,this._dirty=!1}catch(t){this._error=l(t,this._lang)}}async _toggleEnabled(t){this._busy=!0,this._error="";try{let s=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/vacation/update",enabled:t});this._state=s}catch(s){this._error=l(s,this._lang)}finally{this._busy=!1}}async _save(){if(this._isAdmin){this._busy=!0,this._error="";try{let t=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/vacation/update",start:this._localStart||null,end:this._localEnd||null,buffer_days:this._localBuffer});this._state=t,this._dirty=!1}catch(t){this._error=l(t,this._lang)}finally{this._busy=!1}}}async _endNow(){if(this._isAdmin&&window.confirm(e("vacation_end_now_confirm",this._lang)||"End vacation immediately?")){this._busy=!0;try{let t=await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/vacation/end_now"});this._state=t,this._localStart=t.start||"",this._localEnd=t.end||""}catch(t){this._error=l(t,this._lang)}finally{this._busy=!1}}}_onDeepLink(){history.pushState(null,"","/maintenance-supporter?ms_action=open_vacation"),window.dispatchEvent(new CustomEvent("location-changed"))}render(){let t=this._lang,s=this._state;if(!s)return n`<ha-card><div class="loading">${e("loading",t)||"Loading\u2026"}</div></ha-card>`;let p=s.is_active===!0,d=s.enabled===!0,u=s.exempt_task_ids?.length??0,b=p?e("vacation_status_active",t)||"Active now":d?e("vacation_status_scheduled",t)||"Scheduled":e("vacation_status_inactive",t)||"Inactive",g=p?"active":d?"scheduled":"inactive";return n`
-      <ha-card>
-        <div class="card-content">
-          <div class="header">
-            <div class="title">
-              <span class="emoji">🏖️</span>
-              <span>${this._config.title||e("vacation_mode",t)||"Vacation mode"}</span>
-            </div>
-            <span class="status-pill ${g}">${b}</span>
-          </div>
-
-          ${this._error?n`<div class="error">${this._error}</div>`:c}
-
-          ${this._isAdmin?n`
-                <div class="row toggle-row">
-                  <label>${e("enable",t)||"Enable"}</label>
-                  <ha-switch
-                    .checked=${d}
-                    .disabled=${this._busy}
-                    @change=${o=>this._toggleEnabled(o.target.checked)}
-                  ></ha-switch>
-                </div>
-
-                <div class="dates-row">
-                  <div class="date-field">
-                    <label>${e("vacation_start",t)||"Start"}</label>
-                    <input type="date" .value=${this._localStart}
-                      ?disabled=${this._busy}
-                      @input=${o=>{this._localStart=o.target.value,this._dirty=!0}} />
-                  </div>
-                  <div class="date-field">
-                    <label>${e("vacation_end",t)||"End"}</label>
-                    <input type="date" .value=${this._localEnd}
-                      ?disabled=${this._busy}
-                      @input=${o=>{this._localEnd=o.target.value,this._dirty=!0}} />
-                  </div>
-                  <div class="date-field buffer">
-                    <label>${e("vacation_buffer",t)||"Buffer days"}</label>
-                    <input type="number" min="0" max="14"
-                      .value=${String(this._localBuffer)}
-                      ?disabled=${this._busy}
-                      @input=${o=>{this._localBuffer=parseInt(o.target.value,10)||0,this._dirty=!0}} />
-                  </div>
-                </div>
-
-                <div class="actions">
-                  <button class="btn ${this._dirty?"primary":"muted"}"
-                    @click=${this._save}
-                    ?disabled=${this._busy||!this._dirty}>
-                    <ha-icon icon="${this._dirty?"mdi:content-save":"mdi:check"}"></ha-icon>
-                    ${this._dirty?e("save",t)||"Save":e("saved",t)||"Saved"}
-                  </button>
-                  ${p?n`<button class="btn"
-                        @click=${this._endNow}
-                        ?disabled=${this._busy}>
-                        ${e("vacation_end_now",t)||"End now"}
-                      </button>`:c}
-                  ${u>0?n`<button class="btn link"
-                        @click=${this._onDeepLink}>
-                        ${u} ${e("vacation_exempt_count",t)||"exempt"}…
-                      </button>`:n`<button class="btn link"
-                        @click=${this._onDeepLink}>
-                        ${e("vacation_advanced",t)||"Advanced\u2026"}
-                      </button>`}
-                </div>
-              `:n`
-                <div class="readonly">
-                  ${d&&s.start&&s.end?n`<div>${s.start} → ${s.end}</div>`:c}
-                  <button class="btn link" @click=${this._onDeepLink}>
-                    ${e("vacation_open_panel",t)||"Open in panel"}
-                  </button>
-                </div>
-              `}
-        </div>
-      </ha-card>
-    `}};a.styles=[m,h`
-    .status-pill {
-      font-size: 11px; font-weight: 600;
-      padding: 3px 8px; border-radius: 999px;
-      text-transform: uppercase; letter-spacing: 0.5px;
-    }
-    .status-pill.active {
-      background: rgba(76, 175, 80, 0.15);
-      color: #4caf50;
-    }
-    .status-pill.scheduled {
-      background: rgba(255, 152, 0, 0.15);
-      color: #ff9800;
-    }
-    .status-pill.inactive {
-      background: rgba(158, 158, 158, 0.15);
-      color: var(--secondary-text-color);
-    }
-    .row.toggle-row {
-      display: flex; align-items: center; justify-content: space-between;
-    }
-    .row.toggle-row label {
-      font-size: 14px; color: var(--primary-text-color);
-    }
-    .dates-row {
-      display: grid; grid-template-columns: 1fr 1fr 100px; gap: 10px;
-    }
-    .date-field.buffer label { white-space: nowrap; }
-    .date-field { display: flex; flex-direction: column; gap: 4px; }
-    .date-field label {
-      font-size: 11px; color: var(--secondary-text-color);
-      text-transform: uppercase; letter-spacing: 0.3px;
-    }
-    .date-field input {
-      padding: 6px 8px; font-size: 13px;
-      background: var(--secondary-background-color, #2c2c2c);
-      color: var(--primary-text-color);
-      border: 1px solid var(--divider-color); border-radius: 6px;
-      font-family: inherit;
-    }
-    .date-field input:disabled { opacity: 0.5; cursor: not-allowed; }
-    .actions {
-      display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
-    }
-    .readonly { display: flex; flex-direction: column; gap: 8px; }
-  `],i([v({attribute:!1})],a.prototype,"hass",2),i([r()],a.prototype,"_config",2),i([r()],a.prototype,"_state",2),i([r()],a.prototype,"_busy",2),i([r()],a.prototype,"_error",2),i([r()],a.prototype,"_localStart",2),i([r()],a.prototype,"_localEnd",2),i([r()],a.prototype,"_localBuffer",2),i([r()],a.prototype,"_dirty",2);customElements.get("maintenance-vacation-section-card")||customElements.define("maintenance-vacation-section-card",a);window.customCards=window.customCards||[];window.customCards.push({type:"maintenance-vacation-section-card",name:"Maintenance Supporter \u2014 Vacation",description:"Inline vacation mode toggle + dates",preview:!1});export{a as MaintenanceVacationSectionCard};

custom_components/maintenance_supporter/manifest.json

@@ -22,5 +22,5 @@
   "requirements": [
     "pypdf>=4.3.0"
   ],
-  "version": "2.42.1"
+  "version": "2.43.0"
 }

custom_components/maintenance_supporter/sensor.py

@@ -507,6 +507,12 @@ class MaintenanceDaysUntilDueSensor(MaintenanceEntity, SensorEntity):
     the task is due (negative once overdue), which is what gauge and
     progress-bar cards need; the status sensor only carries this as an
     attribute. Manual, archived and trigger-only tasks read unknown.
+
+    Its entity_id is pinned language-independently (same reasoning as the
+    global summary sensors): with ``has_entity_name`` the slug would
+    otherwise derive from the TRANSLATED entity name, so a German install
+    would get ``..._tage_bis_faellig`` and the documented gauge recipe would
+    only work in English. The friendly name stays localized.
     """
 
     _attr_translation_key = "days_until_due"
@@ -528,6 +534,14 @@ class MaintenanceDaysUntilDueSensor(MaintenanceEntity, SensorEntity):
         object_slug = slugify_object_name(obj_data.get("name", "unknown"))
         self._attr_unique_id = f"maintenance_supporter_{object_slug}_{task_id}_days_until_due"
         self._attr_translation_placeholders = {"task_name": task_data.get("name", "")}
+        # Pin the documented, language-independent entity_id. Only NEW entities
+        # are affected — an already-registered one keeps its registry id.
+        task_slug = task_data.get("entity_slug") or slugify_object_name(task_data.get("name", task_id))
+        self.entity_id = async_generate_entity_id(
+            ENTITY_ID_FORMAT,
+            f"{object_slug}_{task_slug}_days_until_due",
+            hass=coordinator.hass,
+        )
 
     @property
     def native_value(self) -> int | None: