189 files

2026-09-08 18:05:32 +00:00
1 parent 79fefc0a7c
commit 303886f212
@@ -0,0 +1,125 @@
+/*! maintenance_supporter frontend 2.80.0 */
+import{a as x,b as $}from"./chunk-WXJEZVBF.js";import{a as h,b as n,d as b,e as y,f as m,g as o,h as _,i as a,j as g,k as v,o as f,p,z as c}from"./chunk-5CEYR4C6.js";import{a as l}from"./chunk-WJSTGOOD.js";var E=80,s=class extends y{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 v(this.hass)}get _isAdmin(){return this.hass?.user?.is_admin??!0}updated(t){super.updated(t),g(this,t),t.has("hass")&&this.hass&&!this._loaded&&(this._loaded=!0,this._load())}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=c(t,this._lang)}}async _save(){if(this._isAdmin){this._busy=!0,this._error="";try{let t=this._localMonthly.trim()===""?0:parseFloat(this._localMonthly),r=this._localYearly.trim()===""?0:parseFloat(this._localYearly),i={};!isNaN(t)&&t>=0&&(i.budget_monthly=t),!isNaN(r)&&r>=0&&(i.budget_yearly=r),await this.hass.connection.sendMessagePromise({type:"maintenance_supporter/global/update",settings:i}),await this._load()}catch(t){this._error=c(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,r=this._status;if(!r)return n`<ha-card><div class="loading">${a("loading",t)||"Loading\u2026"}</div></ha-card>`;let i=r.currency_symbol||_,k=r.alert_threshold_pct??E,w=[{label:a("budget_monthly",t)||"Monthly",spent:r.monthly_spent||0,budget:r.monthly_budget||0},{label:a("budget_yearly",t)||"Yearly",spent:r.yearly_spent||0,budget:r.yearly_budget||0}];return n`
+      <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">${i}</span>
+          </div>
+
+          ${this._error?n`<div class="error">${this._error}</div>`:b}
+
+          ${w.map(e=>{if(!(e.budget>0))return n`
+                <div class="track spent-only">
+                  <div class="track-label-row">
+                    <label>${e.label}</label>
+                    <span class="track-numbers ok">${p(e.spent,i,t,0)}</span>
+                  </div>
+                </div>
+              `;let d=Math.min(100,Math.max(0,e.spent/e.budget*100)),u=d>=100?"danger":d>=k?"warning":"ok";return n`
+              <div class="track">
+                <div class="track-label-row">
+                  <label>${e.label}</label>
+                  <span class="track-numbers ${u}">
+                    ${f(e.spent,t,0)} / ${p(e.budget,i,t,0)}
+                  </span>
+                </div>
+                <div class="bar"><div class="bar-fill ${u}" style="width:${d}%"></div></div>
+              </div>
+            `})}
+
+          ${this._isAdmin?n`
+                <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=${e=>{this._localMonthly=e.target.value,this._dirty=!0}} />
+                      <span class="input-suffix">${i}</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=${e=>{this._localYearly=e.target.value,this._dirty=!0}} />
+                      <span class="input-suffix">${i}</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>
+              `:n`
+                <button class="btn link" @click=${this._onDeepLink}>
+                  ${a("budget_open_panel",t)||"Open in panel"}
+                </button>
+              `}
+        </div>
+      </ha-card>
+    `}};s.styles=[$,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; }
+  `],l([m({attribute:!1})],s.prototype,"hass",2),l([o()],s.prototype,"_config",2),l([o()],s.prototype,"_status",2),l([o()],s.prototype,"_busy",2),l([o()],s.prototype,"_error",2),l([o()],s.prototype,"_localMonthly",2),l([o()],s.prototype,"_localYearly",2),l([o()],s.prototype,"_dirty",2);customElements.get("maintenance-budget-section-card")||customElements.define("maintenance-budget-section-card",s);x({type:"maintenance-budget-section-card",name:"Maintenance Supporter \u2014 Budget",description:"Inline monthly + yearly budget editor",preview:!1});export{s as MaintenanceBudgetSectionCard};
@@ -0,0 +1,64 @@
+/*! maintenance_supporter frontend 2.80.0 */
+import{a as d,b as a,d as l,e as p,f as s,i as c}from"./chunk-5CEYR4C6.js";import{a as r}from"./chunk-WJSTGOOD.js";function h(o,e){if(e)switch(o){case"date":return e.split("T")[0];case"time":return e.length===5?`${e}:00`:e;case"datetime":{let[i,n="00:00:00"]=e.split("T");return`${i} ${n.length===5?`${n}:00`:n}`}}}function u(o,e){if(typeof e!="string"||!e)return"";switch(o){case"date":return e.slice(0,10);case"time":return e.slice(0,5);case"datetime":{let[i,n="00:00:00"]=e.split(" ");return`${i}T${n.length===5?`${n}:00`:n}`}}}var t=class extends p{constructor(){super(...arguments);this.kind="date";this.label="";this.value="";this.clearable=!1;this.disabled=!1;this.required=!1;this.lang="en"}_selector(){switch(this.kind){case"date":return{date:{}};case"time":return{time:{no_second:!0}};case"datetime":return{datetime:{}}}}_onSelectorChange(i){i.stopPropagation(),this._emit(u(this.kind,i.detail?.value))}_clear(){this._emit("")}_emit(i){i!==this.value&&(this.value=i,this.dispatchEvent(new CustomEvent("value-changed",{bubbles:!0,composed:!0,detail:{value:i}})))}render(){return a`
+      <div class="field">
+        ${this.label?a`<span class="label">${this.label}${this.required?a`<span class="req">*</span>`:l}</span>`:l}
+        <div class="row">
+          <ha-selector
+            .hass=${this.hass}
+            .selector=${this._selector()}
+            .value=${h(this.kind,this.value)}
+            .required=${this.required}
+            .disabled=${this.disabled}
+            @value-changed=${this._onSelectorChange}
+          ></ha-selector>
+          ${this.clearable&&this.value&&!this.disabled?a`<button type="button" class="clear" title=${c("clear",this.lang)} aria-label=${c("clear",this.lang)} @click=${this._clear}>
+                <ha-icon icon="mdi:close"></ha-icon>
+              </button>`:l}
+        </div>
+        ${this.helper?a`<span class="helper">${this.helper}</span>`:l}
+      </div>
+    `}};t.styles=d`
+    :host { display: block; }
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+    .label {
+      font-size: 12px;
+      color: var(--secondary-text-color, #888);
+      font-weight: 500;
+    }
+    .req { color: var(--error-color, #f44336); margin-left: 2px; }
+    .row {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+    ha-selector {
+      flex: 1;
+      min-width: 0;
+    }
+    .clear {
+      flex: none;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 36px;
+      height: 36px;
+      padding: 0;
+      border: none;
+      border-radius: 50%;
+      background: transparent;
+      color: var(--secondary-text-color);
+      cursor: pointer;
+      --mdc-icon-size: 20px;
+    }
+    .clear:hover { background: rgba(var(--rgb-primary-text-color, 0, 0, 0), 0.08); }
+    .clear:focus-visible { outline: 2px solid var(--primary-color); }
+    .helper {
+      font-size: 11px;
+      color: var(--secondary-text-color);
+      font-style: italic;
+    }
+  `,r([s({attribute:!1})],t.prototype,"hass",2),r([s()],t.prototype,"kind",2),r([s()],t.prototype,"label",2),r([s()],t.prototype,"value",2),r([s()],t.prototype,"helper",2),r([s({type:Boolean})],t.prototype,"clearable",2),r([s({type:Boolean})],t.prototype,"disabled",2),r([s({type:Boolean})],t.prototype,"required",2),r([s()],t.prototype,"lang",2);customElements.get("ms-date-field")||customElements.define("ms-date-field",t);
@@ -0,0 +1,2 @@
+/*! maintenance_supporter frontend 2.80.0 */
+function l(i){if(!i)return[];let n=[],o=i.photo_doc_id;typeof o=="string"&&n.push(o);let r=i.photo_doc_ids;Array.isArray(r)&&n.push(...r);let e=[];for(let t of n){if(typeof t!="string")continue;let a=t.trim();if(!(!a||e.includes(a))&&(e.push(a),e.length>=10))break}return e}function c(){let i=new Uint8Array(4);return(globalThis.crypto??{getRandomValues:n=>n.map(()=>Math.floor(Math.random()*256))}).getRandomValues(i),Array.from(i,n=>n.toString(16).padStart(2,"0")).join("")}function s(i){let n=i?.reading_values;if(!Array.isArray(n))return[];let o=[],r=new Set;for(let e of n){if(!e||typeof e!="object")continue;let t=e;typeof t.id!="string"||!t.id||r.has(t.id)||typeof t.value!="number"||!Number.isFinite(t.value)||(r.add(t.id),o.push({id:t.id,name:typeof t.name=="string"?t.name:t.id,unit:typeof t.unit=="string"?t.unit:null,value:t.value}))}return o}function u(i){return i.filter(n=>n.type==="completed"&&(n.reading_value!=null||s(n).length>0)).sort((n,o)=>n.timestamp.localeCompare(o.timestamp))}function g(i){return u(i??[]).map(n=>({timestamp:n.timestamp,values:s(n)})).filter(n=>n.values.length>0)}function y(i,n,o){let r;for(let e of i){if(o!==void 0){let a=new Date(e.timestamp).getTime();if(!isNaN(a)&&a>=o)break}let t=e.values.find(a=>a.id===n);t&&(r=t)}return r}function p(i,n,o){let r=s(n).find(t=>t.id===o);if(!r)return null;let e=null;for(let t of u(i)){if(t.timestamp>=n.timestamp)break;let a=s(t).find(d=>d.id===o);a&&(e=a.value)}return e==null?null:r.value-e}function m(i){let n=new Set,o=new Set;for(let r of i){let e=(r.name||"").trim().toLowerCase();e&&(n.has(e)?o.add(r.id):n.add(e))}return o}function R(i){let n=[],o=new Set,r=new Set;for(let e of i){let t=(e.name||"").trim();if(!(!t||o.has(e.id)||r.has(t.toLowerCase()))&&(o.add(e.id),r.add(t.toLowerCase()),n.push({id:e.id,name:t,unit:(e.unit||"").trim()||null}),n.length>=20))break}return n}export{l as a,c as b,s as c,g as d,y as e,p as f,m as g,R as h};
@@ -0,0 +1,2 @@
+/*! maintenance_supporter frontend 2.80.0 */
+var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var t=(a,r,c,o)=>{for(var e=o>1?void 0:o?l(r,c):r,i=a.length-1,d;i>=0;i--)(d=a[i])&&(e=(o?d(r,c,e):d(e))||e);return o&&e&&s(r,c,e),e};var m={ok:"var(--success-color, #4caf50)",due_soon:"var(--warning-color, #ff9800)",overdue:"var(--error-color, #f44336)",triggered:"var(--deep-orange-color, #ff5722)",archived:"var(--disabled-color, #9e9e9e)",paused:"var(--info-color, #2196f3)"},v={ok:"mdi:check-circle",due_soon:"mdi:alert-circle",overdue:"mdi:alert-octagon",triggered:"mdi:bell-alert",archived:"mdi:archive-outline",paused:"mdi:pause-circle-outline",completed:"mdi:check-circle",skipped:"mdi:skip-next",missed:"mdi:calendar-remove",reset:"mdi:refresh"};export{t as a,m as b,v as c};
@@ -0,0 +1,60 @@
+/*! maintenance_supporter frontend 2.80.0 */
+import{a as t}from"./chunk-5CEYR4C6.js";function e(o){let r=window;r.customCards=r.customCards||[],r.customCards.some(a=>a.type===o.type)||r.customCards.push(o)}var d=t`
+  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{e as a,d as b};
@@ -0,0 +1,137 @@
+/*! maintenance_supporter frontend 2.80.0 */
+import{a as v,b}from"./chunk-WXJEZVBF.js";import{a as u,b as s,d as c,e as h,f as g,g as o,i,k as _,m,z as p}from"./chunk-5CEYR4C6.js";import{a}from"./chunk-WJSTGOOD.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)}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(),m(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>`:c}
+
+          ${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],y=d.task_refs?.length??0,f=this._editingId===n;return s`
+                      <div class="group-row">
+                        ${f?s`
+                              <input class="edit-input" type="text"
+                                .value=${this._editingName}
+                                ?disabled=${this._busy}
+                                @input=${l=>{this._editingName=l.target.value}}
+                                @keydown=${l=>this._onKeyDown(l,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">${y}</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>
+                                  `:c}
+                            `}
+                      </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=[b,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);v({type:"maintenance-groups-section-card",name:"Maintenance Supporter \u2014 Groups",description:"Inline group CRUD",preview:!1});export{e as MaintenanceGroupsSectionCard};
@@ -0,0 +1,134 @@
+/*! maintenance_supporter frontend 2.80.0 */
+import{a as b,b as g}from"./chunk-WXJEZVBF.js";import"./chunk-CWJ56MWO.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,m,z as o}from"./chunk-5CEYR4C6.js";import{a as i}from"./chunk-WJSTGOOD.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 f(this.hass)}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(),m(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=o(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=o(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=o(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=o(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,y=p?e("vacation_status_active",t)||"Active now":d?e("vacation_status_scheduled",t)||"Scheduled":e("vacation_status_inactive",t)||"Inactive",$=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 ${$}">${y}</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=${l=>this._toggleEnabled(l.target.checked)}
+                  ></ha-switch>
+                </div>
+
+                <div class="dates-row">
+                  <div class="date-field">
+                    <label>${e("vacation_start",t)||"Start"}</label>
+                    <ms-date-field
+                      kind="date"
+                      clearable
+                      .hass=${this.hass}
+                      .lang=${t}
+                      .value=${this._localStart}
+                      .disabled=${this._busy}
+                      @value-changed=${l=>{this._localStart=l.detail.value,this._dirty=!0}}
+                    ></ms-date-field>
+                  </div>
+                  <div class="date-field">
+                    <label>${e("vacation_end",t)||"End"}</label>
+                    <ms-date-field
+                      kind="date"
+                      clearable
+                      .hass=${this.hass}
+                      .lang=${t}
+                      .value=${this._localEnd}
+                      .disabled=${this._busy}
+                      @value-changed=${l=>{this._localEnd=l.detail.value,this._dirty=!0}}
+                    ></ms-date-field>
+                  </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=${l=>{this._localBuffer=parseInt(l.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=[g,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);b({type:"maintenance-vacation-section-card",name:"Maintenance Supporter \u2014 Vacation",description:"Inline vacation mode toggle + dates",preview:!1});export{a as MaintenanceVacationSectionCard};