diff --git a/custom_components/simple_irrigation/frontend/dist/simple-irrigation-panel.js.map b/custom_components/simple_irrigation/frontend/dist/simple-irrigation-panel.js.map
index e002c3b..3582db4 100644
--- a/custom_components/simple_irrigation/frontend/dist/simple-irrigation-panel.js.map
+++ b/custom_components/simple_irrigation/frontend/dist/simple-irrigation-panel.js.map
@@ -1 +1 @@
-{"version":3,"file":"simple-irrigation-panel.js","sources":["../node_modules/@lit/reactive-element/css-tag.js","../node_modules/@lit/reactive-element/reactive-element.js","../node_modules/lit-html/lit-html.js","../node_modules/lit-element/lit-element.js","../src/data/api.ts","../src/fire-event.ts","../src/i18n.ts","../src/helpers.ts","../src/load-ha-elements.ts","../src/navigation.ts","../src/styles.ts","../node_modules/tslib/tslib.es6.js","../node_modules/@lit/reactive-element/decorators/property.js","../node_modules/@lit/reactive-element/decorators/state.js","../src/entity-input.ts","../src/form-layout-styles.ts","../src/profile-datetime.ts","../src/date-format.ts","../src/views/view-general.ts","../src/schedule-phases.ts","../src/views/view-schedule.ts","../src/views/view-status.ts","../src/timetable-model.ts","../src/views/view-timetable.ts","../src/views/view-zones.ts","../src/simple-irrigation-panel.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&\"adoptedStyleSheets\"in Document.prototype&&\"replace\"in CSSStyleSheet.prototype,s=Symbol(),o=new WeakMap;class n{constructor(t,e,o){if(this._$cssResult$=!0,o!==s)throw Error(\"CSSResult is not constructable. Use `unsafeCSS` or `css` instead.\");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o.set(s,t))}return t}toString(){return this.cssText}}const r=t=>new n(\"string\"==typeof t?t:t+\"\",void 0,s),i=(t,...e)=>{const o=1===t.length?t[0]:e.reduce((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if(\"number\"==typeof t)return t;throw Error(\"Value passed to 'css' function must be a 'css' function result: \"+t+\". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.\")})(s)+t[o+1],t[0]);return new n(o,t,s)},S=(s,o)=>{if(e)s.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of o){const o=document.createElement(\"style\"),n=t.litNonce;void 0!==n&&o.setAttribute(\"nonce\",n),o.textContent=e.cssText,s.appendChild(o)}},c=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e=\"\";for(const s of t.cssRules)e+=s.cssText;return r(e)})(t):t;export{n as CSSResult,S as adoptStyles,i as css,c as getCompatibleStyle,e as supportsAdoptingStyleSheets,r as unsafeCSS};\n//# sourceMappingURL=css-tag.js.map\n","import{getCompatibleStyle as t,adoptStyles as s}from\"./css-tag.js\";export{CSSResult,css,supportsAdoptingStyleSheets,unsafeCSS}from\"./css-tag.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{is:i,defineProperty:e,getOwnPropertyDescriptor:h,getOwnPropertyNames:r,getOwnPropertySymbols:o,getPrototypeOf:n}=Object,a=globalThis,c=a.trustedTypes,l=c?c.emptyScript:\"\",p=a.reactiveElementPolyfillSupport,d=(t,s)=>t,u={toAttribute(t,s){switch(s){case Boolean:t=t?l:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},f=(t,s)=>!i(t,s),b={attribute:!0,type:String,converter:u,reflect:!1,useDefault:!1,hasChanged:f};Symbol.metadata??=Symbol(\"metadata\"),a.litPropertyMetadata??=new WeakMap;class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e(this.prototype,t,h)}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(d(\"elementProperties\")))return;const t=n(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(d(\"finalized\")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(d(\"properties\"))){const t=this.properties,s=[...r(t),...o(t)];for(const i of s)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(t(s))}else void 0!==s&&i.push(t(s));return i}static _$Eu(t,s){const i=s.attribute;return!1===i?void 0:\"string\"==typeof i?i:\"string\"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return s(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,s,i){this._$AK(t,i)}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&!0===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),h=\"function\"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u;this._$Em=e;const r=h.fromAttribute(s,t.type);this[e]=r??this._$Ej?.get(e)??r,this._$Em=null}}requestUpdate(t,s,i,e=!1,h){if(void 0!==t){const r=this.constructor;if(!1===e&&(h=this[t]),i??=r.getPropertyOptions(t),!((i.hasChanged??f)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(r._$Eu(t,i))))return;this.C(t,s,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),!0!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),!0===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t){const{wrapped:t}=i,e=this[s];!0!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(s)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}}y.elementStyles=[],y.shadowRootOptions={mode:\"open\"},y[d(\"elementProperties\")]=new Map,y[d(\"finalized\")]=new Map,p?.({ReactiveElement:y}),(a.reactiveElementVersions??=[]).push(\"2.1.2\");export{y as ReactiveElement,s as adoptStyles,u as defaultConverter,t as getCompatibleStyle,f as notEqual};\n//# sourceMappingURL=reactive-element.js.map\n","/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=globalThis,i=t=>t,s=t.trustedTypes,e=s?s.createPolicy(\"lit-html\",{createHTML:t=>t}):void 0,h=\"$lit$\",o=`lit$${Math.random().toFixed(9).slice(2)}$`,n=\"?\"+o,r=`<${n}>`,l=document,c=()=>l.createComment(\"\"),a=t=>null===t||\"object\"!=typeof t&&\"function\"!=typeof t,u=Array.isArray,d=t=>u(t)||\"function\"==typeof t?.[Symbol.iterator],f=\"[ \\t\\n\\f\\r]\",v=/<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g,_=/-->/g,m=/>/g,p=RegExp(`>|${f}(?:([^\\\\s\"'>=/]+)(${f}*=${f}*(?:[^ \\t\\n\\f\\r\"'\\`<>=]|(\"|')|))|$)`,\"g\"),g=/'/g,$=/\"/g,y=/^(?:script|style|textarea|title)$/i,x=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),b=x(1),w=x(2),T=x(3),E=Symbol.for(\"lit-noChange\"),A=Symbol.for(\"lit-nothing\"),C=new WeakMap,P=l.createTreeWalker(l,129);function V(t,i){if(!u(t)||!t.hasOwnProperty(\"raw\"))throw Error(\"invalid template strings array\");return void 0!==e?e.createHTML(i):i}const N=(t,i)=>{const s=t.length-1,e=[];let n,l=2===i?\"
\":3===i?\"\":\"\",c=v;for(let i=0;i\"===u[0]?(c=n??v,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?p:'\"'===u[3]?$:g):c===$||c===g?c=p:c===_||c===m?c=v:(c=p,n=void 0);const x=c===p&&t[i+1].startsWith(\"/>\")?\" \":\"\";l+=c===v?s+r:d>=0?(e.push(a),s.slice(0,d)+h+s.slice(d)+o+x):s+o+(-2===d?i:x)}return[V(t,l+(t[s]||\"\")+(2===i?\" \":3===i?\"\":\"\")),e]};class S{constructor({strings:t,_$litType$:i},e){let r;this.parts=[];let l=0,a=0;const u=t.length-1,d=this.parts,[f,v]=N(t,i);if(this.el=S.createElement(f,e),P.currentNode=this.el.content,2===i||3===i){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=P.nextNode())&&d.length
0){r.textContent=s?s.emptyScript:\"\";for(let s=0;s2||\"\"!==s[0]||\"\"!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=A}_$AI(t,i=this,s,e){const h=this.strings;let o=!1;if(void 0===h)t=M(this,t,i,0),o=!a(t)||t!==this._$AH&&t!==E,o&&(this._$AH=t);else{const e=t;let n,r;for(t=h[0],n=0;n{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new k(i.insertBefore(c(),t),t,void 0,s??{})}return h._$AI(t),h};export{j as _$LH,b as html,T as mathml,E as noChange,A as nothing,D as render,w as svg};\n//# sourceMappingURL=lit-html.js.map\n","import{ReactiveElement as t}from\"@lit/reactive-element\";export*from\"@lit/reactive-element\";import{render as e,noChange as r}from\"lit-html\";export*from\"lit-html\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const s=globalThis;class i extends t{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=e(r,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return r}}i._$litElement$=!0,i[\"finalized\"]=!0,s.litElementHydrateSupport?.({LitElement:i});const o=s.litElementPolyfillSupport;o?.({LitElement:i});const n={_$AK:(t,e,r)=>{t._$AK(e,r)},_$AL:t=>t._$AL};(s.litElementVersions??=[]).push(\"4.2.2\");export{i as LitElement,n as _$LE};\n//# sourceMappingURL=lit-element.js.map\n","import type { HomeAssistant, PanelStateResult } from \"../types\";\n\nexport const fetchPanelState = (\n hass: HomeAssistant,\n entryId: string\n): Promise =>\n hass.callWS({\n type: \"simple_irrigation/panel/state\",\n entry_id: entryId,\n });\n\nexport const saveGlobal = (\n hass: HomeAssistant,\n entryId: string,\n body: Record\n): Promise<{ success: boolean; error?: string }> =>\n hass.callApi(\"POST\", \"simple_irrigation/panel/global\", { entry_id: entryId, ...body });\n\nexport const saveZone = (\n hass: HomeAssistant,\n entryId: string,\n body: Record\n): Promise<{ success: boolean; error?: string; zone_id?: string }> =>\n hass.callApi(\"POST\", \"simple_irrigation/panel/zone\", { entry_id: entryId, ...body });\n\nexport const saveSlot = (\n hass: HomeAssistant,\n entryId: string,\n body: Record\n): Promise<{ success: boolean; error?: string; slot_id?: string }> =>\n hass.callApi(\"POST\", \"simple_irrigation/panel/slot\", { entry_id: entryId, ...body });\n\nexport const runSlotNow = (\n hass: HomeAssistant,\n entryId: string,\n slotId: string\n): Promise<{ success: boolean; error?: string }> =>\n hass.callApi(\"POST\", \"simple_irrigation/panel/run_slot\", {\n entry_id: entryId,\n slot_id: slotId,\n });\n\nexport const runZoneNow = (\n hass: HomeAssistant,\n entryId: string,\n zoneId: string\n): Promise<{ success: boolean; error?: string }> =>\n hass.callApi(\"POST\", \"simple_irrigation/panel/run_zone\", {\n entry_id: entryId,\n zone_id: zoneId,\n });\n\nexport const skipIrrigationToday = (\n hass: HomeAssistant,\n entryId: string\n): Promise<{ success: boolean; error?: string; pause_until?: string }> =>\n hass.callApi(\"POST\", \"simple_irrigation/panel/skip_today\", { entry_id: entryId });\n\nexport const panelControl = (\n hass: HomeAssistant,\n entryId: string,\n action: \"stop\" | \"skip_phase\" | \"clear_error\"\n): Promise<{ success: boolean; error?: string }> =>\n hass.callApi(\"POST\", \"simple_irrigation/panel/control\", {\n entry_id: entryId,\n action,\n });\n\nexport interface ConfigEntryRow {\n entry_id: string;\n title: string;\n domain: string;\n /** Set when the integration is disabled in HA (Settings → Devices). */\n disabled_by?: string | null;\n}\n\nexport const listSimpleIrrigationEntries = (\n hass: HomeAssistant\n): Promise =>\n hass.callWS({\n type: \"config_entries/get\",\n domain: \"simple_irrigation\",\n });\n","export function fireEvent(\n node: HTMLElement | Window,\n type: string,\n detail?: Record\n): void {\n const event = new CustomEvent(type, {\n bubbles: true,\n composed: true,\n detail: detail ?? {},\n });\n node.dispatchEvent(event);\n}\n","import type { HomeAssistant } from \"./types\";\n\n/** Must match `DOMAIN` in the Python integration. */\nexport const TRANSLATION_DOMAIN = \"simple_irrigation\";\n\n/** Flat key under `component.simple_irrigation.*` (e.g. `config_panel.tab_general`). */\nexport function t(\n hass: HomeAssistant | undefined,\n path: string,\n placeholders?: Record\n): string {\n if (!hass?.localize) {\n return path;\n }\n const fullKey = `component.${TRANSLATION_DOMAIN}.${path}`;\n const hasValues = Boolean(placeholders && Object.keys(placeholders).length);\n // HA uses IntlMessageFormat; placeholders must be passed here, not substituted afterward.\n let s = hasValues\n ? hass.localize(fullKey, placeholders)\n : hass.localize(fullKey);\n if (!s || s === fullKey) {\n s = path;\n if (placeholders) {\n for (const [k, v] of Object.entries(placeholders)) {\n s = s.split(`{${k}}`).join(String(v));\n }\n }\n }\n return s;\n}\n","import { fireEvent } from \"./fire-event\";\nimport { t } from \"./i18n\";\nimport type { HomeAssistant } from \"./types\";\n\n/** Home Assistant callApi may put a string or structured object in `error`. */\nexport function formatApiError(value: unknown, hass?: HomeAssistant): string {\n const fallback =\n hass?.localize != null\n ? t(hass, \"config_panel.errors_request_failed\")\n : \"Request failed\";\n if (value == null || value === \"\") {\n return fallback;\n }\n if (typeof value === \"string\") {\n return value;\n }\n if (value instanceof Error) {\n return value.message;\n }\n if (typeof value === \"object\") {\n const o = value as Record;\n if (typeof o.message === \"string\") {\n return o.message;\n }\n if (typeof o.error === \"string\") {\n return o.error;\n }\n try {\n return JSON.stringify(value);\n } catch {\n return fallback;\n }\n }\n return String(value);\n}\n\n/** Safe when the panel bundle runs twice (navigation, scoped custom element registry). */\nexport function defineCustomElementOnce(\n name: string,\n constructor: CustomElementConstructor,\n options?: ElementDefinitionOptions\n): void {\n if (customElements.get(name) !== undefined) {\n return;\n }\n customElements.define(name, constructor, options);\n}\n\nexport const navigate = (_node: unknown, path: string, replace = false): void => {\n if (replace) {\n history.replaceState(null, \"\", path);\n } else {\n history.pushState(null, \"\", path);\n }\n fireEvent(window, \"location-changed\", { replace });\n};\n","/** Wait until core HA custom elements used by the panel are defined. */\nexport async function loadHaPanelElements(): Promise {\n const tags = [\n \"ha-menu-button\",\n \"ha-tab-group\",\n \"ha-tab-group-tab\",\n \"ha-card\",\n \"ha-dialog\",\n \"ha-textfield\",\n \"ha-icon\",\n \"ha-switch\",\n ];\n await Promise.all(tags.map((t) => customElements.whenDefined(t).catch(() => undefined)));\n}\n","const BASE = \"simple-irrigation\";\n\nexport interface PanelPath {\n entryId: string | null;\n page: string;\n}\n\nexport const getPath = (): PanelPath => {\n const parts = window.location.pathname.split(\"/\").filter(Boolean);\n if (parts[0] !== BASE) {\n return { entryId: null, page: \"general\" };\n }\n if (parts.length < 2) {\n return { entryId: null, page: \"general\" };\n }\n const entryId = parts[1];\n const page = parts[2] || \"general\";\n return { entryId, page };\n};\n\nexport const exportPath = (entryId: string, page: string): string => {\n return `/${BASE}/${entryId}/${page}`;\n};\n\n/**\n * Remove `editSlot` from the current URL without dispatching `location-changed`.\n * Using `navigate()` would trigger a full panel reload and unmount the schedule view,\n * which closes the slot edit dialog immediately after opening it.\n */\nexport function stripEditSlotQueryFromUrl(): void {\n try {\n const url = new URL(window.location.href);\n if (!url.searchParams.has(\"editSlot\")) return;\n url.searchParams.delete(\"editSlot\");\n const qs = url.searchParams.toString();\n history.replaceState(null, \"\", url.pathname + (qs ? `?${qs}` : \"\") + url.hash);\n } catch {\n /* ignore */\n }\n}\n","import { css } from \"lit\";\n\nexport const panelStyles = css`\n :host {\n display: block;\n color: var(--primary-text-color);\n }\n .header {\n background-color: var(--app-header-background-color);\n color: var(--app-header-text-color, white);\n border-bottom: var(--app-header-border-bottom, none);\n }\n .toolbar {\n height: var(--header-height);\n display: flex;\n align-items: center;\n font-size: 20px;\n padding: 0 16px;\n font-weight: 400;\n box-sizing: border-box;\n }\n .main-title {\n margin: 0 0 0 24px;\n line-height: 20px;\n flex-grow: 1;\n }\n .version {\n font-size: 14px;\n opacity: 0.85;\n }\n ha-tab-group {\n margin-left: max(env(safe-area-inset-left), 24px);\n margin-right: max(env(safe-area-inset-right), 24px);\n --ha-tab-active-text-color: var(--app-header-text-color, white);\n --ha-tab-indicator-color: var(--app-header-text-color, white);\n --ha-tab-track-color: transparent;\n }\n .view {\n min-height: calc(100vh - 112px);\n display: flex;\n justify-content: center;\n padding: 16px;\n box-sizing: border-box;\n }\n .view-inner {\n width: 100%;\n max-width: 840px;\n }\n .entry-picker {\n padding: 24px;\n max-width: 560px;\n margin: 0 auto;\n }\n .entry-picker h2 {\n margin: 0 0 8px;\n font-size: 1.5rem;\n font-weight: 600;\n }\n .entry-picker .lead {\n margin: 0 0 20px;\n color: var(--secondary-text-color);\n line-height: 1.5;\n font-size: 0.95rem;\n }\n .entry-cards {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .entry-card {\n display: block;\n width: 100%;\n text-align: left;\n padding: 16px 18px;\n border-radius: 12px;\n border: 1px solid var(--divider-color);\n background: var(--card-background-color);\n color: var(--primary-text-color);\n cursor: pointer;\n font: inherit;\n box-sizing: border-box;\n transition:\n border-color 0.15s ease,\n box-shadow 0.15s ease;\n }\n .entry-card:hover {\n border-color: var(--primary-color);\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);\n }\n .entry-card:focus-visible {\n outline: 2px solid var(--primary-color);\n outline-offset: 2px;\n }\n .entry-card-head {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 8px 12px;\n margin-bottom: 6px;\n }\n .entry-card-title {\n font-size: 1.1rem;\n font-weight: 600;\n margin: 0;\n flex: 1;\n min-width: 0;\n }\n .entry-badge {\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n padding: 4px 8px;\n border-radius: 6px;\n flex-shrink: 0;\n }\n .entry-badge-on {\n color: var(--primary-color);\n background: var(--secondary-background-color, rgba(0, 0, 0, 0.06));\n }\n .entry-badge-off {\n color: var(--warning-color, #b85c00);\n background: var(--secondary-background-color, rgba(0, 0, 0, 0.06));\n }\n .entry-badge-ha {\n color: var(--error-color);\n background: var(--secondary-background-color, rgba(0, 0, 0, 0.06));\n }\n .entry-card-desc {\n margin: 0;\n font-size: 0.875rem;\n color: var(--secondary-text-color);\n line-height: 1.45;\n }\n .howto-add {\n margin-top: 28px;\n padding: 16px;\n border-radius: 8px;\n background: var(--secondary-background-color, rgba(0, 0, 0, 0.04));\n font-size: 0.9rem;\n line-height: 1.5;\n color: var(--secondary-text-color);\n }\n .entry-picker a {\n color: var(--primary-color);\n }\n ha-card {\n margin-bottom: 16px;\n }\n .row {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n align-items: flex-end;\n margin-bottom: 12px;\n }\n .grow {\n flex: 1;\n min-width: 160px;\n }\n .error {\n color: var(--error-color);\n margin: 8px 0;\n }\n .muted {\n opacity: 0.8;\n font-size: 0.9rem;\n }\n .error {\n color: var(--error-color);\n }\n`;\n","/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n ownKeys = Object.getOwnPropertyNames || function (o) {\r\n var ar = [];\r\n for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n return ar;\r\n };\r\n return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n if (value !== null && value !== void 0) {\r\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n var dispose, inner;\r\n if (async) {\r\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n dispose = value[Symbol.asyncDispose];\r\n }\r\n if (dispose === void 0) {\r\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n dispose = value[Symbol.dispose];\r\n if (async) inner = dispose;\r\n }\r\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n env.stack.push({ value: value, dispose: dispose, async: async });\r\n }\r\n else if (async) {\r\n env.stack.push({ async: true });\r\n }\r\n return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n var e = new Error(message);\r\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n function fail(e) {\r\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n env.hasError = true;\r\n }\r\n var r, s = 0;\r\n function next() {\r\n while (r = env.stack.pop()) {\r\n try {\r\n if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n if (r.dispose) {\r\n var result = r.dispose.call(r.value);\r\n if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n }\r\n else s |= 1;\r\n }\r\n catch (e) {\r\n fail(e);\r\n }\r\n }\r\n if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n if (env.hasError) throw env.error;\r\n }\r\n return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n });\r\n }\r\n return path;\r\n}\r\n\r\nexport default {\r\n __extends: __extends,\r\n __assign: __assign,\r\n __rest: __rest,\r\n __decorate: __decorate,\r\n __param: __param,\r\n __esDecorate: __esDecorate,\r\n __runInitializers: __runInitializers,\r\n __propKey: __propKey,\r\n __setFunctionName: __setFunctionName,\r\n __metadata: __metadata,\r\n __awaiter: __awaiter,\r\n __generator: __generator,\r\n __createBinding: __createBinding,\r\n __exportStar: __exportStar,\r\n __values: __values,\r\n __read: __read,\r\n __spread: __spread,\r\n __spreadArrays: __spreadArrays,\r\n __spreadArray: __spreadArray,\r\n __await: __await,\r\n __asyncGenerator: __asyncGenerator,\r\n __asyncDelegator: __asyncDelegator,\r\n __asyncValues: __asyncValues,\r\n __makeTemplateObject: __makeTemplateObject,\r\n __importStar: __importStar,\r\n __importDefault: __importDefault,\r\n __classPrivateFieldGet: __classPrivateFieldGet,\r\n __classPrivateFieldSet: __classPrivateFieldSet,\r\n __classPrivateFieldIn: __classPrivateFieldIn,\r\n __addDisposableResource: __addDisposableResource,\r\n __disposeResources: __disposeResources,\r\n __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n","import{notEqual as t,defaultConverter as e}from\"../reactive-element.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o={attribute:!0,type:String,converter:e,reflect:!1,hasChanged:t},r=(t=o,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),\"setter\"===n&&((t=Object.create(t)).wrapped=!0),s.set(r.name,t),\"accessor\"===n){const{name:o}=r;return{set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t,!0,r)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if(\"setter\"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t,!0,r)}}throw Error(\"Unsupported decorator location: \"+n)};function n(t){return(e,o)=>\"object\"==typeof o?r(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}export{n as property,r as standardProperty};\n//# sourceMappingURL=property.js.map\n","import{property as t}from\"./property.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function r(r){return t({...r,state:!0,attribute:!1})}export{r as state};\n//# sourceMappingURL=state.js.map\n","import { html, type TemplateResult } from \"lit\";\nimport { t } from \"./i18n\";\nimport type { HomeAssistant } from \"./types\";\n\n/** Entity IDs for allowed output domains (same rule set as the backend). */\nexport function entityIdsForDomains(hass: HomeAssistant, domains: string[]): string[] {\n return Object.keys(hass.states)\n .filter((eid) => domains.includes(eid.split(\".\", 1)[0]))\n .sort((a, b) => a.localeCompare(b));\n}\n\n/** One shared `` per form (by stable `listId`). */\nexport function renderEntityDatalist(\n hass: HomeAssistant,\n listId: string,\n domains: string[]\n): TemplateResult {\n const ids = entityIdsForDomains(hass, domains);\n return html`\n \n ${ids.map((id) => html` \n `;\n}\n\n/**\n * Browser autocomplete for entity_id — works inside panel_custom scoped registries where\n * `ha-entity-picker` is not registered.\n */\nexport function renderNativeEntityField(\n hass: HomeAssistant,\n listId: string,\n label: string,\n value: string,\n onValue: (v: string) => void\n): TemplateResult {\n return html`\n \n ${label} \n onValue((e.target as HTMLInputElement).value)}\n />\n
\n `;\n}\n","import { css } from \"lit\";\n\n/** Shared stacked form layout: titles, helper text, full-width controls. */\nexport const formLayoutStyles = css`\n .field-block {\n margin-bottom: 20px;\n }\n .field-title {\n display: block;\n font-weight: 500;\n margin-bottom: 4px;\n color: var(--primary-text-color);\n font-size: 1rem;\n }\n .field-desc {\n font-size: 0.875rem;\n color: var(--secondary-text-color);\n margin-bottom: 10px;\n line-height: 1.45;\n }\n .field-row {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n .field-row ha-textfield {\n width: 100%;\n display: block;\n }\n .entity-picker-rows {\n display: flex;\n flex-direction: column;\n gap: 12px;\n width: 100%;\n }\n .entity-picker-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n width: 100%;\n }\n .entity-picker-row .native-entity-field {\n flex: 1;\n min-width: 0;\n }\n .native-entity-field {\n display: flex;\n flex-direction: column;\n gap: 6px;\n }\n .native-entity-label {\n font-size: 0.75rem;\n color: var(--secondary-text-color);\n }\n .entity-id-input {\n width: 100%;\n box-sizing: border-box;\n padding: 12px 16px;\n border-radius: 4px;\n border: 1px solid var(--divider-color);\n background: var(--card-background-color);\n color: var(--primary-text-color);\n font-size: 1rem;\n font-family: inherit;\n min-height: 48px;\n }\n .entity-id-input:focus {\n outline: none;\n border-color: var(--primary-color);\n }\n button.row-remove {\n flex-shrink: 0;\n padding: 8px 12px;\n font-size: 0.875rem;\n border-radius: 4px;\n border: 1px solid var(--divider-color);\n background: var(--card-background-color);\n color: var(--primary-text-color);\n cursor: pointer;\n font-family: inherit;\n }\n button.row-remove:hover {\n border-color: var(--primary-color);\n color: var(--primary-color);\n }\n button.btn-outline {\n align-self: center;\n margin-top: 0;\n padding: 10px 18px;\n border-radius: 4px;\n border: 1px solid var(--divider-color);\n background: var(--card-background-color);\n color: var(--primary-text-color);\n cursor: pointer;\n font-size: 1rem;\n font-family: inherit;\n }\n .entity-picker-rows > button.btn-outline {\n align-self: flex-start;\n }\n button.btn-outline:hover {\n border-color: var(--primary-color);\n color: var(--primary-color);\n }\n button.add-row {\n align-self: flex-start;\n margin-top: 4px;\n padding: 8px 14px;\n font-size: 0.9rem;\n }\n .duration-row {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 12px;\n width: 100%;\n }\n .duration-row ha-textfield {\n width: 100%;\n display: block;\n }\n select.field-select {\n width: 100%;\n max-width: 100%;\n padding: 10px 12px;\n border-radius: 4px;\n border: 1px solid var(--divider-color);\n background: var(--card-background-color);\n color: var(--primary-text-color);\n font-size: 1rem;\n min-height: 48px;\n box-sizing: border-box;\n }\n .checkboxes {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .checkboxes label {\n display: flex;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n font-size: 1rem;\n }\n .switch-rows {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n .switch-row {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .switch-row ha-switch {\n flex-shrink: 0;\n }\n .switch-row .switch-row-label {\n font-size: 1rem;\n color: var(--primary-text-color);\n line-height: 1.3;\n }\n .action-row {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 10px;\n margin-top: 8px;\n }\n .dialog-footer {\n display: flex;\n flex-direction: column;\n gap: 0;\n width: 100%;\n box-sizing: border-box;\n }\n .dialog-footer-row {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 12px;\n width: 100%;\n }\n .dialog-footer-lead {\n flex: 0 0 auto;\n }\n .dialog-footer-actions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 10px;\n margin-left: auto;\n }\n`;\n","import type { HomeAssistant } from \"./types\";\n\n/** Subset of HA frontend `FrontendLocaleData` (user profile → Language & region). */\nexport interface HassUserLocale {\n language: string;\n time_format: string;\n date_format: string;\n time_zone?: string;\n}\n\nconst LOCAL_TZ = Intl.DateTimeFormat?.().resolvedOptions?.().timeZone ?? \"UTC\";\n\nfunction resolveTimeZonePref(localeTz: string | undefined, serverTimeZone: string): string {\n if (localeTz === \"local\" && LOCAL_TZ) return LOCAL_TZ;\n return serverTimeZone;\n}\n\nexport function useAmPmFromLocale(locale: HassUserLocale): boolean {\n const tf = locale.time_format;\n if (tf === \"language\" || tf === \"system\") {\n const testLang = tf === \"language\" ? locale.language : undefined;\n const test = new Date(\"January 1, 2023 22:00:00\").toLocaleString(testLang);\n return test.includes(\"10\");\n }\n return tf === \"12\";\n}\n\nfunction formatDateNumericPart(date: Date, locale: HassUserLocale, serverTz: string): string {\n const tz = resolveTimeZonePref(locale.time_zone, serverTz);\n const df = locale.date_format;\n if (df === \"language\" || df === \"system\") {\n return new Intl.DateTimeFormat(df === \"system\" ? undefined : locale.language, {\n year: \"numeric\",\n month: \"numeric\",\n day: \"numeric\",\n timeZone: tz,\n }).format(date);\n }\n const formatter = new Intl.DateTimeFormat(locale.language, {\n year: \"numeric\",\n month: \"numeric\",\n day: \"numeric\",\n timeZone: tz,\n });\n const parts = formatter.formatToParts(date);\n const literal = parts.find((p) => p.type === \"literal\")?.value ?? \"/\";\n const day = parts.find((p) => p.type === \"day\")?.value ?? \"\";\n const month = parts.find((p) => p.type === \"month\")?.value ?? \"\";\n const year = parts.find((p) => p.type === \"year\")?.value ?? \"\";\n const lastPart = parts[parts.length - 1];\n const lastLiteral = lastPart?.type === \"literal\" ? lastPart.value : \"\";\n if (df === \"DMY\") return `${day}${literal}${month}${literal}${year}${lastLiteral}`;\n if (df === \"MDY\") return `${month}${literal}${day}${literal}${year}${lastLiteral}`;\n if (df === \"YMD\") return `${year}${literal}${month}${literal}${day}${lastLiteral}`;\n return formatter.format(date);\n}\n\nfunction formatTimePart(date: Date, locale: HassUserLocale, serverTz: string): string {\n const tz = resolveTimeZonePref(locale.time_zone, serverTz);\n const ampm = useAmPmFromLocale(locale);\n return new Intl.DateTimeFormat(locale.language, {\n hour: ampm ? \"numeric\" : \"2-digit\",\n minute: \"2-digit\",\n hourCycle: ampm ? \"h12\" : \"h23\",\n timeZone: tz,\n }).format(date);\n}\n\n/**\n * Absolute instant (e.g. next run, pause until): weekday + profile date + profile time + TZ preference.\n */\nexport function formatDateTimeForProfile(\n hass: HomeAssistant | undefined,\n date: Date\n): string {\n if (!hass) return date.toLocaleString();\n const loc = hass.locale;\n const serverTz = hass.config?.time_zone ?? LOCAL_TZ;\n const lang = (loc?.language ?? hass.language)?.replace(/_/g, \"-\");\n const locComplete =\n loc &&\n typeof loc.language === \"string\" &&\n typeof loc.time_format === \"string\" &&\n typeof loc.date_format === \"string\";\n if (!locComplete) {\n return new Intl.DateTimeFormat(lang, {\n weekday: \"long\",\n day: \"2-digit\",\n month: \"2-digit\",\n year: \"numeric\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n }).format(date);\n }\n const tz = resolveTimeZonePref(loc!.time_zone, serverTz);\n const weekday = new Intl.DateTimeFormat(loc!.language, {\n weekday: \"long\",\n timeZone: tz,\n }).format(date);\n const datePart = formatDateNumericPart(date, loc!, serverTz);\n const timePart = formatTimePart(date, loc!, serverTz);\n return `${weekday}, ${datePart}, ${timePart}`;\n}\n\n/**\n * Schedule slot wall time (stored as HH:MM): same clock face, 12h/24h and spacing from profile.\n */\nexport function formatSlotTimeForProfile(hass: HomeAssistant | undefined, timeLocal: string): string {\n const m = /^(\\d{1,2}):(\\d{2})$/.exec(String(timeLocal).trim());\n if (!m) return timeLocal;\n const h = Math.min(23, Math.max(0, parseInt(m[1], 10)));\n const min = Math.min(59, Math.max(0, parseInt(m[2], 10)));\n const d = new Date(2000, 0, 1, h, min, 0, 0);\n const loc = hass?.locale;\n const lang = (loc?.language ?? hass?.language)?.replace(/_/g, \"-\") ?? undefined;\n if (!loc?.language || !loc.time_format) {\n return new Intl.DateTimeFormat(lang, {\n hour: \"2-digit\",\n minute: \"2-digit\",\n }).format(d);\n }\n const ampm = useAmPmFromLocale(loc);\n return new Intl.DateTimeFormat(loc.language, {\n hour: ampm ? \"numeric\" : \"2-digit\",\n minute: \"2-digit\",\n hourCycle: ampm ? \"h12\" : \"h23\",\n }).format(d);\n}\n","import { formatDateTimeForProfile, formatSlotTimeForProfile } from \"./profile-datetime\";\nimport type { HomeAssistant } from \"./types\";\n\nfunction locale(hass: HomeAssistant | undefined): string | undefined {\n const lang = hass?.locale?.language ?? hass?.language;\n if (!lang) return undefined;\n return lang.replace(/_/g, \"-\");\n}\n\n/**\n * Schedule slots use weekday 0 = Monday … 6 = Sunday (same as the Python model).\n * Uses the user's HA language for localized weekday names.\n */\nexport function weekdayLong(hass: HomeAssistant | undefined, mondayBasedIndex: number): string {\n const i = Math.max(0, Math.min(6, mondayBasedIndex));\n // 2024-01-01 is a Monday in local calendar semantics for display.\n const d = new Date(2024, 0, 1 + i);\n return new Intl.DateTimeFormat(locale(hass), { weekday: \"long\" }).format(d);\n}\n\n/**\n * Absolute instant: weekday + date + time using the user’s profile (12h/24h, DMY/MDY/YMD, server vs local TZ).\n */\nexport function formatDateTimeForDisplay(hass: HomeAssistant | undefined, date: Date): string {\n return formatDateTimeForProfile(hass, date);\n}\n\n/** Slot wall time HH:MM with profile 12h/24h (same numbers as stored; presentation only). */\nexport function formatTimeLocalForDisplay(hass: HomeAssistant | undefined, timeLocal: string): string {\n return formatSlotTimeForProfile(hass, timeLocal);\n}\n","import { LitElement, html, css, nothing } from \"lit\";\nimport { state } from \"lit/decorators.js\";\nimport { panelControl, saveGlobal, skipIrrigationToday } from \"../data/api\";\nimport { renderEntityDatalist, renderNativeEntityField } from \"../entity-input\";\nimport { defineCustomElementOnce, formatApiError } from \"../helpers\";\nimport { t } from \"../i18n\";\nimport { formLayoutStyles } from \"../form-layout-styles\";\nimport { formatDateTimeForDisplay, formatTimeLocalForDisplay, weekdayLong } from \"../date-format\";\nimport type { HomeAssistant, ScheduleNext } from \"../types\";\n\nexport class ViewGeneral extends LitElement {\n static properties = {\n hass: { attribute: false },\n entryId: { type: String },\n installation: { type: Object },\n scheduleNext: { type: Object },\n runState: { type: Object },\n onSaved: { attribute: false },\n };\n\n hass!: HomeAssistant;\n entryId!: string;\n installation!: Record;\n scheduleNext?: ScheduleNext;\n runState?: Record;\n onSaved?: () => void;\n\n static styles = [\n formLayoutStyles,\n css`\n ha-card {\n margin-bottom: 16px;\n }\n .card-content {\n padding: 0 8px 16px;\n }\n .error {\n color: var(--error-color);\n margin-bottom: 8px;\n }\n button.save {\n padding: 10px 20px;\n border-radius: 4px;\n border: none;\n background: var(--primary-color);\n color: var(--text-primary-color);\n cursor: pointer;\n font-size: 1rem;\n }\n button.save:disabled {\n opacity: 0.5;\n cursor: default;\n }\n .schedule-overview-inner {\n margin-top: 4px;\n }\n .schedule-hero {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n padding: 18px 18px 20px;\n border-radius: 12px;\n border: 1px solid var(--divider-color);\n background: linear-gradient(\n 145deg,\n rgba(var(--rgb-primary-color, 33, 150, 243), 0.12) 0%,\n transparent 55%\n );\n margin-bottom: 16px;\n }\n .schedule-hero-icon {\n flex-shrink: 0;\n --mdc-icon-size: 36px;\n color: var(--primary-color);\n opacity: 0.9;\n margin-top: 2px;\n }\n .schedule-hero-text {\n flex: 1;\n min-width: 0;\n }\n .schedule-hero-label {\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--secondary-text-color);\n margin: 0 0 6px;\n }\n .schedule-next-big {\n font-size: 1.35rem;\n font-weight: 600;\n margin: 0;\n line-height: 1.25;\n letter-spacing: -0.02em;\n color: var(--primary-text-color);\n }\n .schedule-slot-pills {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .schedule-slot-pill {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n padding: 12px 14px;\n border-radius: 10px;\n border: 1px solid var(--divider-color);\n background: var(--secondary-background-color, rgba(0, 0, 0, 0.03));\n line-height: 1.45;\n font-size: 0.9375rem;\n }\n .schedule-slot-pill ha-icon {\n flex-shrink: 0;\n --mdc-icon-size: 22px;\n color: var(--primary-color);\n opacity: 0.85;\n margin-top: 1px;\n }\n .schedule-slot-pill-main {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 2px;\n }\n .schedule-slot-name {\n font-weight: 600;\n font-size: 0.8125rem;\n color: var(--primary-color);\n }\n .schedule-slot-time {\n font-weight: 600;\n color: var(--primary-text-color);\n }\n .schedule-slot-zones {\n display: block;\n margin-top: 4px;\n font-size: 0.875rem;\n color: var(--secondary-text-color);\n }\n .plan-row {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 12px 20px;\n margin-bottom: 16px;\n }\n .plan-row ha-switch {\n margin-right: 8px;\n }\n .plan-label {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 1rem;\n }\n .muted-box {\n font-size: 0.875rem;\n color: var(--secondary-text-color);\n line-height: 1.45;\n margin: 0 0 12px;\n }\n .run-hero {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n padding: 18px 18px 20px;\n border-radius: 12px;\n border: 1px solid var(--divider-color);\n background: linear-gradient(\n 145deg,\n rgba(var(--rgb-primary-color, 33, 150, 243), 0.1) 0%,\n transparent 50%\n );\n margin-bottom: 14px;\n }\n .run-hero-icon {\n flex-shrink: 0;\n --mdc-icon-size: 38px;\n color: var(--primary-color);\n opacity: 0.92;\n margin-top: 2px;\n }\n .run-hero-body {\n flex: 1;\n min-width: 0;\n }\n .run-hero-label {\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--secondary-text-color);\n margin: 0 0 6px;\n }\n .run-hero-state {\n font-size: 1.35rem;\n font-weight: 600;\n margin: 0 0 10px;\n line-height: 1.25;\n letter-spacing: -0.02em;\n color: var(--primary-text-color);\n }\n .run-detail-pills {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .run-detail-pill {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 12px;\n border-radius: 10px;\n border: 1px solid var(--divider-color);\n background: var(--secondary-background-color, rgba(0, 0, 0, 0.03));\n font-size: 0.9rem;\n line-height: 1.45;\n }\n .run-detail-pill ha-icon {\n flex-shrink: 0;\n --mdc-icon-size: 20px;\n color: var(--primary-color);\n opacity: 0.85;\n margin-top: 2px;\n }\n .run-detail-pill strong {\n font-weight: 600;\n color: var(--primary-text-color);\n }\n button.ctrl {\n padding: 10px 16px;\n border-radius: 4px;\n border: 1px solid var(--divider-color);\n background: var(--card-background-color);\n color: var(--primary-text-color);\n cursor: pointer;\n font-size: 0.95rem;\n }\n button.ctrl.danger {\n border-color: var(--error-color);\n color: var(--error-color);\n }\n button.ctrl:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n `,\n ];\n\n private _busy = false;\n private _msg?: string;\n @state() private _runCtrlBusy = false;\n\n private _name = \"\";\n private _mode = \"normal\";\n private _maxParallel = 2;\n private _preStart: string[] = [];\n private _preStartDelaySec = 10;\n private _planEnabled = true;\n\n protected willUpdate(changed: Map): void {\n if (changed.has(\"installation\") && this.installation) {\n const inst = this.installation;\n this._name = String(inst.name ?? \"\");\n this._mode = String(inst.mode ?? \"normal\");\n this._maxParallel = Number(inst.max_parallel_zones ?? 2);\n this._planEnabled = Boolean(inst.enabled ?? true);\n const ps = Array.isArray(inst.pre_start_switches)\n ? (inst.pre_start_switches as string[]).filter(Boolean)\n : [];\n this._preStart = ps.length ? [...ps] : [\"\"];\n const d = Number(inst.pre_start_delay_sec ?? 10);\n this._preStartDelaySec = Number.isFinite(d)\n ? Math.max(1, Math.min(3600, Math.round(d)))\n : 10;\n }\n }\n\n private _pauseIsActive(): boolean {\n const raw = this.installation?.pause_until;\n if (!raw || typeof raw !== \"string\") return false;\n const t = Date.parse(raw);\n return !Number.isNaN(t) && t > Date.now();\n }\n\n private _fmtWhen(iso: string | null | undefined): string {\n if (!iso) return t(this.hass, \"config_panel.general_none_scheduled\");\n try {\n const d = new Date(iso);\n return formatDateTimeForDisplay(this.hass, d);\n } catch {\n return String(iso);\n }\n }\n\n private _wd(i: number): string {\n return weekdayLong(this.hass, i);\n }\n\n private _fmtPauseUntil(): string {\n const raw = this.installation?.pause_until;\n if (!raw || typeof raw !== \"string\") return \"\";\n return this._fmtWhen(raw);\n }\n\n private async _save(): Promise {\n this._busy = true;\n this._msg = undefined;\n this.requestUpdate();\n try {\n const res = await saveGlobal(this.hass, this.entryId, {\n name: this._name,\n pre_start_switches: this._preStart.filter(Boolean),\n pre_start_delay_sec: this._preStartDelaySec,\n mode: this._mode,\n max_parallel_zones: this._maxParallel,\n });\n if (!res.success) {\n this._msg = formatApiError(res.error, this.hass);\n } else {\n this.onSaved?.();\n }\n } catch (e) {\n this._msg = formatApiError(e, this.hass);\n } finally {\n this._busy = false;\n this.requestUpdate();\n }\n }\n\n private async _setPlanEnabled(enabled: boolean): Promise {\n this._busy = true;\n this._msg = undefined;\n this.requestUpdate();\n try {\n const res = await saveGlobal(this.hass, this.entryId, { enabled });\n if (!res.success) {\n this._msg = formatApiError(res.error, this.hass);\n } else {\n this._planEnabled = enabled;\n this.onSaved?.();\n }\n } catch (e) {\n this._msg = formatApiError(e, this.hass);\n } finally {\n this._busy = false;\n this.requestUpdate();\n }\n }\n\n private async _clearPause(): Promise {\n this._busy = true;\n this._msg = undefined;\n this.requestUpdate();\n try {\n const res = await saveGlobal(this.hass, this.entryId, { pause_until: null });\n if (!res.success) {\n this._msg = formatApiError(res.error, this.hass);\n } else {\n this.onSaved?.();\n }\n } catch (e) {\n this._msg = formatApiError(e, this.hass);\n } finally {\n this._busy = false;\n this.requestUpdate();\n }\n }\n\n private async _skipToday(): Promise {\n this._busy = true;\n this._msg = undefined;\n this.requestUpdate();\n try {\n const res = await skipIrrigationToday(this.hass, this.entryId);\n if (!res.success) {\n this._msg = formatApiError(res.error, this.hass);\n } else {\n this.onSaved?.();\n }\n } catch (e) {\n this._msg = formatApiError(e, this.hass);\n } finally {\n this._busy = false;\n this.requestUpdate();\n }\n }\n\n private _generalEntityListId(): string {\n return `si-ent-g-${this.entryId}`;\n }\n\n private _zoneName(zoneId: string): string {\n const zones = this.installation?.zones as Record> | undefined;\n const z = zones?.[zoneId];\n return z ? String(z.name ?? zoneId) : zoneId;\n }\n\n private _runStateBusy(rs: Record): boolean {\n const s = String(rs.run_state ?? \"idle\");\n return [\"preparing\", \"running\", \"stopping\"].includes(s);\n }\n\n private _formatUpcomingPhases(rs: Record): string {\n const up = rs.upcoming_phases;\n if (!Array.isArray(up) || up.length === 0) return \"\";\n const parts: string[] = [];\n for (const grp of up) {\n if (!Array.isArray(grp) || grp.length === 0) continue;\n parts.push(grp.map((id) => this._zoneName(String(id))).join(\", \"));\n }\n return parts.join(\" → \");\n }\n\n private async _panelControlAction(\n action: \"stop\" | \"skip_phase\" | \"clear_error\"\n ): Promise {\n this._runCtrlBusy = true;\n this._msg = undefined;\n this.requestUpdate();\n try {\n const res = await panelControl(this.hass, this.entryId, action);\n if (!res.success) {\n const err = res.error ?? \"request_failed\";\n this._msg =\n err === \"not_running\" && action === \"skip_phase\"\n ? t(this.hass, \"config_panel.errors_not_running_skip\")\n : String(err);\n } else {\n this.onSaved?.();\n }\n } catch (e) {\n this._msg = formatApiError(e, this.hass);\n } finally {\n this._runCtrlBusy = false;\n this.requestUpdate();\n }\n }\n\n protected render() {\n const domains = [\"switch\", \"input_boolean\", \"group\"];\n const sn = this.scheduleNext ?? { fire_at: null, slots: [] };\n const nextGlobal =\n sn.fire_at || (this.runState?.next_run_global as string | undefined) || null;\n const pauseOn = this._pauseIsActive();\n const rs = (this.runState ?? {}) as Record;\n const runBusy = this._runStateBusy(rs);\n const runStateStr = String(rs.run_state ?? \"idle\");\n const activeIds = Array.isArray(rs.active_zone_ids)\n ? (rs.active_zone_ids as string[])\n : [];\n const lastErr = rs.last_error ? String(rs.last_error) : \"\";\n const showStop = [\"preparing\", \"running\", \"stopping\"].includes(runStateStr);\n const upcomingLen = Array.isArray(rs.upcoming_phases) ? rs.upcoming_phases.length : 0;\n const showSkip =\n showStop &&\n runStateStr !== \"stopping\" &&\n (runStateStr === \"preparing\" || upcomingLen > 0);\n const showClearErr = Boolean(lastErr);\n const nextZonesLine = this._formatUpcomingPhases(rs);\n\n return html`\n ${renderEntityDatalist(this.hass, this._generalEntityListId(), domains)}\n \n \n
\n
\n
\n
${t(this.hass, \"config_panel.general_label_irrigation_state\")}
\n
\n ${runBusy\n ? runStateStr === \"preparing\"\n ? t(this.hass, \"config_panel.general_state_preparing\")\n : runStateStr === \"stopping\"\n ? t(this.hass, \"config_panel.general_state_stopping\")\n : t(this.hass, \"config_panel.general_state_running\")\n : runStateStr === \"error\"\n ? t(this.hass, \"config_panel.general_state_error_idle\")\n : t(this.hass, \"config_panel.general_state_idle\")}\n
\n ${runBusy && runStateStr === \"preparing\"\n ? html`
\n ${t(this.hass, \"config_panel.general_preparing_hint\")}\n
`\n : nothing}\n
\n
\n ${activeIds.length || nextZonesLine || lastErr\n ? html`\n
\n ${activeIds.length\n ? html`\n \n ${t(this.hass, \"config_panel.general_active_zones\")} \n ${activeIds.map((id) => this._zoneName(id)).join(\", \")} \n `\n : nothing}\n ${nextZonesLine\n ? html`\n \n ${t(this.hass, \"config_panel.general_next_zones\")} \n ${nextZonesLine} \n `\n : nothing}\n ${lastErr\n ? html`\n \n ${t(this.hass, \"config_panel.general_last_error\")} \n ${lastErr} \n `\n : nothing}\n \n `\n : nothing}\n ${showStop\n ? html`
\n ${t(this.hass, \"config_panel.general_scheduled_pause_hint\")}\n
`\n : nothing}\n ${showStop || showSkip || showClearErr\n ? html`
\n ${showStop\n ? html`\n this._panelControlAction(\"stop\")}\n >\n ${t(this.hass, \"config_panel.general_stop_irrigation\")}\n \n `\n : nothing}\n ${showSkip\n ? html`\n this._panelControlAction(\"skip_phase\")}\n >\n ${t(this.hass, \"config_panel.general_skip_phase\")}\n \n `\n : nothing}\n ${showClearErr\n ? html`\n this._panelControlAction(\"clear_error\")}\n >\n ${t(this.hass, \"config_panel.general_clear_error\")}\n \n `\n : nothing}\n
`\n : nothing}\n
\n\n \n \n ${!this._planEnabled\n ? html`
${t(this.hass, \"config_panel.general_plan_off_hint\")}
`\n : nothing}\n
\n
\n
\n
\n
${t(this.hass, \"config_panel.general_next_scheduled_run\")}
\n
${this._fmtWhen(nextGlobal)}
\n
\n
\n ${sn.slots?.length\n ? html`\n
\n ${sn.slots.map(\n (s) => html`\n \n \n ${s.name?.trim()\n ? html`${s.name.trim()} `\n : nothing}\n ${this._wd(s.weekday)} ${formatTimeLocalForDisplay(\n this.hass,\n s.time_local\n )}\n ${s.zone_names?.length\n ? html`${s.zone_names.join(\", \")}`\n : nothing}\n
\n \n `\n )}\n \n `\n : html`
${t(this.hass, \"config_panel.general_no_slots\")}
`}\n
\n
\n\n \n \n ${this._msg ? html`
${this._msg}
` : nothing}\n
\n \n {\n const tgt = e.target as HTMLInputElement & { checked: boolean };\n void this._setPlanEnabled(Boolean(tgt.checked));\n }}\n >\n ${t(this.hass, \"config_panel.general_enable_plan\")}\n \n
\n ${pauseOn\n ? html`
\n ${t(this.hass, \"config_panel.general_pause_active_hint\", {\n when: this._fmtPauseUntil(),\n })}\n
`\n : nothing}\n
\n this._skipToday()}\n >\n ${t(this.hass, \"config_panel.general_skip_today\")}\n \n this._clearPause()}\n >\n ${t(this.hass, \"config_panel.general_clear_pause\")}\n \n
\n
\n\n \n \n
\n
${t(this.hass, \"config_panel.general_installation_name\")} \n
${t(this.hass, \"config_panel.general_installation_name_desc\")}
\n
\n {\n this._name = (e.target as HTMLInputElement).value;\n }}\n >\n
\n
\n
\n
${t(this.hass, \"config_panel.general_pre_start_title\")} \n
${t(this.hass, \"config_panel.general_pre_start_desc\")}
\n
\n
\n ${this._preStart.map(\n (eid, i) => html`\n
\n ${renderNativeEntityField(\n this.hass,\n this._generalEntityListId(),\n i === 0\n ? t(this.hass, \"config_panel.general_pre_start_output_n\")\n : t(this.hass, \"config_panel.general_pre_start_output_i\", { n: i + 1 }),\n eid,\n (v) => {\n const next = [...this._preStart];\n next[i] = v;\n this._preStart = next;\n this.requestUpdate();\n }\n )}\n ${this._preStart.length > 1\n ? html`\n {\n this._preStart.splice(i, 1);\n if (this._preStart.length === 0) {\n this._preStart = [\"\"];\n }\n this.requestUpdate();\n }}\n >\n ${t(this.hass, \"config_panel.general_remove\")}\n \n `\n : nothing}\n
\n `\n )}\n
{\n this._preStart = [...this._preStart, \"\"];\n this.requestUpdate();\n }}\n >\n ${t(this.hass, \"config_panel.general_add_pre_start\")}\n \n \n
\n
\n
\n
${t(this.hass, \"config_panel.general_pre_start_delay_title\")} \n
${t(this.hass, \"config_panel.general_pre_start_delay_desc\")}
\n
\n {\n this._preStartDelaySec = Math.max(\n 1,\n Math.min(3600, parseInt((e.target as HTMLInputElement).value, 10) || 1)\n );\n }}\n >\n
\n
\n
\n
${t(this.hass, \"config_panel.general_watering_mode\")} \n
${t(this.hass, \"config_panel.general_watering_mode_desc\")}
\n
\n {\n this._mode = (e.target as HTMLSelectElement).value;\n }}\n >\n \n ${t(this.hass, \"config_panel.general_mode_eco\")}\n \n \n ${t(this.hass, \"config_panel.general_mode_normal\")}\n \n \n ${t(this.hass, \"config_panel.general_mode_extra\")}\n \n \n
\n
\n
\n
${t(this.hass, \"config_panel.general_max_parallel\")} \n
${t(this.hass, \"config_panel.general_max_parallel_desc\")}
\n
\n {\n this._maxParallel = Math.max(\n 1,\n Math.min(16, parseInt((e.target as HTMLInputElement).value, 10) || 1)\n );\n }}\n >\n
\n
\n
\n this._save()} ?disabled=${this._busy}>\n ${this._busy\n ? t(this.hass, \"config_panel.general_saving\")\n : t(this.hass, \"config_panel.general_save\")}\n \n
\n
\n `;\n }\n}\n\ndefineCustomElementOnce(\"si-view-general\", ViewGeneral);\n","/** Mirrors `grouping.compute_phases` for schedule slot preview in the panel. */\n\nexport interface ZonePhaseInput {\n enabled?: boolean;\n exclusive?: boolean;\n}\n\nexport function computePhases(\n orderedZoneIds: string[],\n zonesById: Record,\n maxParallelZones: number,\n skipDisabled = true\n): string[][] {\n const mp = Math.max(1, maxParallelZones);\n const phases: string[][] = [];\n let current: string[] = [];\n\n for (const zid of orderedZoneIds) {\n const zone = zonesById[zid];\n if (!zone) continue;\n if (skipDisabled && !zone.enabled) continue;\n\n if (zone.exclusive) {\n if (current.length) {\n phases.push(current);\n current = [];\n }\n phases.push([zid]);\n continue;\n }\n\n if (!current.length) {\n current = [zid];\n continue;\n }\n\n if (current.length >= mp) {\n phases.push(current);\n current = [zid];\n continue;\n }\n\n current.push(zid);\n }\n\n if (current.length) phases.push(current);\n return phases;\n}\n\n/** First occurrence of each zone id → 1-based phase index (same as `phase_index_per_zone`). */\nexport function phaseIndexByZoneId(\n orderedZoneIds: string[],\n zonesById: Record,\n maxParallelZones: number\n): Map {\n const phases = computePhases(orderedZoneIds, zonesById, maxParallelZones, true);\n const m = new Map();\n for (let i = 0; i < phases.length; i++) {\n const n = i + 1;\n for (const zid of phases[i]) {\n if (!m.has(zid)) m.set(zid, n);\n }\n }\n return m;\n}\n","import { LitElement, html, css, nothing, type PropertyValues } from \"lit\";\nimport { state } from \"lit/decorators.js\";\nimport { runSlotNow, saveSlot } from \"../data/api\";\nimport { defineCustomElementOnce, formatApiError } from \"../helpers\";\nimport { stripEditSlotQueryFromUrl } from \"../navigation\";\nimport { t } from \"../i18n\";\nimport { formLayoutStyles } from \"../form-layout-styles\";\nimport { formatTimeLocalForDisplay, weekdayLong } from \"../date-format\";\nimport { phaseIndexByZoneId, type ZonePhaseInput } from \"../schedule-phases\";\nimport type { HomeAssistant } from \"../types\";\n\ninterface SlotRow {\n slot_id: string;\n weekday: number;\n time_local: string;\n enabled: boolean;\n zone_ids_ordered: string[];\n name: string;\n}\n\nexport class ViewSchedule extends LitElement {\n static properties = {\n hass: { attribute: false },\n entryId: { type: String },\n installation: { type: Object },\n runState: { type: Object },\n onSaved: { attribute: false },\n };\n\n hass!: HomeAssistant;\n entryId!: string;\n installation!: Record;\n runState?: Record;\n onSaved?: () => void;\n\n static styles = [\n formLayoutStyles,\n css`\n ha-card {\n margin-bottom: 16px;\n }\n .card-content {\n padding: 0 8px 16px;\n }\n .error {\n color: var(--error-color);\n margin: 8px 0;\n }\n .intro {\n font-size: 0.875rem;\n color: var(--secondary-text-color);\n line-height: 1.45;\n margin: 0 0 16px;\n }\n .slot-row-wrap {\n display: flex;\n align-items: stretch;\n margin-bottom: 12px;\n border-radius: 8px;\n overflow: hidden;\n border: 1px solid var(--divider-color);\n background: var(--secondary-background-color, rgba(0, 0, 0, 0.02));\n }\n .slot-row-accent {\n width: 8px;\n flex-shrink: 0;\n background: var(--primary-color);\n transition: background 0.15s ease;\n }\n .slot-row-accent.inactive {\n background: var(--disabled-text-color, rgba(158, 158, 158, 0.45));\n }\n .slot-row {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 10px 12px;\n flex: 1;\n min-width: 0;\n padding: 14px 16px;\n }\n .slot-row-toggle {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n .slot-row-toggle ha-switch {\n --switch-padding: 4px;\n }\n .slot-row-summary {\n flex: 1;\n min-width: 160px;\n }\n .slot-row-title {\n font-size: 1.1rem;\n font-weight: 600;\n margin: 0 0 4px;\n }\n .slot-row-title .slot-name {\n font-weight: 700;\n }\n .slot-row-meta {\n font-size: 0.875rem;\n color: var(--secondary-text-color);\n margin: 0;\n }\n .slot-row-actions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 8px;\n }\n /* Override form-layout-styles .btn-outline (align-self + margin-top) so row actions line up */\n .slot-row-actions button {\n align-self: center;\n margin-top: 0;\n }\n .toolbar {\n margin-bottom: 16px;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 10px;\n }\n button {\n padding: 10px 16px;\n border-radius: 4px;\n border: 1px solid var(--divider-color);\n background: var(--card-background-color);\n color: var(--primary-text-color);\n cursor: pointer;\n font-size: 1rem;\n }\n button.primary {\n background: var(--primary-color);\n color: var(--text-primary-color);\n border: none;\n }\n button.danger {\n border-color: var(--error-color);\n color: var(--error-color);\n }\n .zones {\n list-style: none;\n padding: 0;\n margin: 12px 0;\n }\n .zones li {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 8px;\n margin-bottom: 10px;\n padding: 8px 0;\n border-bottom: 1px solid var(--divider-color);\n }\n .zones li:last-child {\n border-bottom: none;\n }\n .zones li.phase-sep {\n display: block;\n margin: 14px 0 6px;\n padding: 0;\n border-bottom: none;\n }\n .zones li.phase-sep span {\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n color: var(--secondary-text-color);\n }\n .zones li.phase-sep:first-child {\n margin-top: 0;\n }\n .zone-actions button {\n padding: 6px 12px;\n font-size: 0.875rem;\n }\n .zone-actions .btn-outline {\n padding: 6px 12px;\n font-size: 0.875rem;\n margin-top: 0;\n }\n .toolbar .btn-outline {\n margin-top: 0;\n }\n `,\n ];\n\n @state() private _busy = false;\n @state() private _msg?: string;\n private _newWeekday = 0;\n private _newTime = \"06:00\";\n private _newEnabled = true;\n private _newSlotName = \"\";\n\n @state() private _slotEditDraft: SlotRow | null = null;\n @state() private _addSlotDialogOpen = false;\n @state() private _addZonePick = \"\";\n /** Cleared when URL has no `editSlot` query; avoids reopening the same deep link repeatedly. */\n private _consumedEditSlotKey: string | null = null;\n\n private _wd(i: number): string {\n return weekdayLong(this.hass, i);\n }\n\n private _fmtSlotTime(timeLocal: string): string {\n return formatTimeLocalForDisplay(this.hass, timeLocal);\n }\n\n private _slots(): SlotRow[] {\n const s = this.installation?.schedule_slots as unknown[] | undefined;\n if (!Array.isArray(s)) return [];\n return s.map((raw) => {\n const o = raw as Record;\n return {\n slot_id: String(o.slot_id ?? \"\"),\n weekday: Number(o.weekday ?? 0),\n time_local: String(o.time_local ?? \"06:00\"),\n enabled: Boolean(o.enabled ?? true),\n zone_ids_ordered: Array.isArray(o.zone_ids_ordered)\n ? [...(o.zone_ids_ordered as string[])]\n : [],\n name: String(o.name ?? \"\").trim(),\n };\n });\n }\n\n private _cloneSlot(s: SlotRow): SlotRow {\n return {\n ...s,\n zone_ids_ordered: [...s.zone_ids_ordered],\n };\n }\n\n private _zoneName(zid: string): string {\n const zones = this.installation?.zones as Record> | undefined;\n const z = zones?.[zid];\n return z ? String(z.name ?? zid) : zid;\n }\n\n private async _call(body: Record): Promise {\n this._busy = true;\n this._msg = undefined;\n try {\n const res = await saveSlot(this.hass, this.entryId, body);\n if (!res.success) {\n this._msg = formatApiError(res.error, this.hass);\n return false;\n }\n this.onSaved?.();\n return true;\n } catch (e) {\n this._msg = formatApiError(e, this.hass);\n return false;\n } finally {\n this._busy = false;\n }\n }\n\n private _runtimeBusy(): boolean {\n const rs = this.runState ?? {};\n const s = String(rs.run_state ?? \"idle\");\n return [\"preparing\", \"running\", \"stopping\"].includes(s);\n }\n\n private async _runSlotNow(slotId: string): Promise {\n if (this._runtimeBusy()) return;\n this._busy = true;\n this._msg = undefined;\n this.requestUpdate();\n try {\n const res = (await runSlotNow(this.hass, this.entryId, slotId)) as {\n success: boolean;\n error?: string;\n };\n if (!res.success) {\n const err = res.error ?? \"run_failed\";\n this._msg =\n err === \"busy\"\n ? t(this.hass, \"config_panel.schedule_err_busy\")\n : err === \"empty_slot\"\n ? t(this.hass, \"config_panel.schedule_err_empty_slot\")\n : err === \"no_runnable_zones\"\n ? t(this.hass, \"config_panel.schedule_err_no_runnable\")\n : err === \"unknown_slot\"\n ? t(this.hass, \"config_panel.schedule_err_unknown_slot\")\n : String(err);\n } else {\n this.onSaved?.();\n }\n } catch (e) {\n this._msg = formatApiError(e, this.hass);\n } finally {\n this._busy = false;\n this.requestUpdate();\n }\n }\n\n private _closeEditDialog(): void {\n this._slotEditDraft = null;\n }\n\n private _consumeEditSlotQueryFromUrl(): void {\n const slotId = new URLSearchParams(window.location.search).get(\"editSlot\");\n if (!slotId) {\n this._consumedEditSlotKey = null;\n return;\n }\n if (!this.entryId) return;\n const key = `${this.entryId}:${slotId}`;\n if (this._consumedEditSlotKey === key) return;\n\n const slot = this._slots().find((s) => s.slot_id === slotId);\n const scheduleKnown = Array.isArray(this.installation?.schedule_slots);\n\n if (slot) {\n this._consumedEditSlotKey = key;\n this._msg = undefined;\n this._addZonePick = \"\";\n this._slotEditDraft = this._cloneSlot(slot);\n stripEditSlotQueryFromUrl();\n return;\n }\n\n if (scheduleKnown) {\n this._consumedEditSlotKey = key;\n stripEditSlotQueryFromUrl();\n }\n }\n\n private _resetNewSlotForm(): void {\n this._newWeekday = 0;\n this._newTime = \"06:00\";\n this._newEnabled = true;\n this._newSlotName = \"\";\n }\n\n private _closeAddSlotDialog(): void {\n this._addSlotDialogOpen = false;\n this._resetNewSlotForm();\n }\n\n private _zonesMap(): Record | undefined {\n return this.installation?.zones as Record | undefined;\n }\n\n private _maxParallelZones(): number {\n const n = Number(this.installation?.max_parallel_zones ?? 2);\n return Number.isFinite(n) && n >= 1 ? n : 2;\n }\n\n private _zonesPhaseInput(): Record {\n const zones = this.installation?.zones as\n | Record>\n | undefined;\n if (!zones) return {};\n const out: Record = {};\n for (const [id, z] of Object.entries(zones)) {\n out[id] = {\n enabled: Boolean(z?.enabled ?? true),\n exclusive: Boolean(z?.exclusive ?? false),\n };\n }\n return out;\n }\n\n private _addZoneOptionsForDraft(draft: SlotRow): string[] {\n const zones = this._zonesMap();\n if (!zones) return [];\n return Object.keys(zones).filter((id) => !draft.zone_ids_ordered.includes(id));\n }\n\n private async _saveSlotDraft(): Promise {\n const d = this._slotEditDraft;\n if (!d) return;\n const ok = await this._call({\n action: \"update\",\n slot_id: d.slot_id,\n weekday: d.weekday,\n time_local: d.time_local,\n enabled: d.enabled,\n zone_ids_ordered: d.zone_ids_ordered,\n name: d.name.trim(),\n });\n if (ok) {\n this._closeEditDialog();\n }\n }\n\n private async _deleteSlotDraft(): Promise {\n const d = this._slotEditDraft;\n if (!d) return;\n if (!confirm(t(this.hass, \"config_panel.schedule_confirm_delete_slot\"))) return;\n const ok = await this._call({ action: \"delete\", slot_id: d.slot_id });\n if (ok) {\n this._closeEditDialog();\n }\n }\n\n private async _toggleSlotEnabled(slot: SlotRow, enabled: boolean): Promise {\n if (this._busy) return;\n const ok = await this._call({\n action: \"update\",\n slot_id: slot.slot_id,\n weekday: slot.weekday,\n time_local: slot.time_local,\n enabled,\n zone_ids_ordered: slot.zone_ids_ordered,\n name: slot.name.trim(),\n });\n if (!ok) {\n this.requestUpdate();\n }\n }\n\n override updated(changed: PropertyValues): void {\n super.updated(changed);\n this._consumeEditSlotQueryFromUrl();\n }\n\n protected render() {\n const slots = this._slots();\n const zones = this._zonesMap();\n const draft = this._slotEditDraft;\n const addZoneOpts = draft ? this._addZoneOptionsForDraft(draft) : [];\n const editSlotTitle =\n draft != null\n ? t(this.hass, \"config_panel.schedule_edit_dialog_title\", {\n summary: draft.name.trim()\n ? `${draft.name.trim()} · ${this._wd(draft.weekday)} ${this._fmtSlotTime(\n draft.time_local\n )}`\n : `${this._wd(draft.weekday)} ${this._fmtSlotTime(draft.time_local)}`,\n })\n : \"\";\n\n return html`\n \n \n ${this._msg ? html`
${this._msg}
` : nothing}\n
${t(this.hass, \"config_panel.schedule_intro\")}
\n
\n {\n this._msg = undefined;\n this._addSlotDialogOpen = true;\n }}\n >\n ${t(this.hass, \"config_panel.schedule_add_slot\")}\n \n
\n ${slots.map((slot) => {\n const n = slot.zone_ids_ordered.length;\n return html`\n
\n
\n
\n {\n const tgt = e.target as HTMLInputElement & { checked: boolean };\n void this._toggleSlotEnabled(slot, Boolean(tgt.checked));\n }}\n >\n
\n
\n
\n ${slot.name\n ? html`${slot.name} · ${this._wd(\n slot.weekday\n )}\n ${this._fmtSlotTime(slot.time_local)}`\n : html`${this._wd(slot.weekday)} ${this._fmtSlotTime(slot.time_local)}`}\n
\n
\n ${(() => {\n const parts: string[] = [];\n if (!slot.enabled) {\n parts.push(t(this.hass, \"config_panel.zones_detail_disabled\"));\n }\n parts.push(\n n === 1\n ? t(this.hass, \"config_panel.schedule_zones_in_order_one\")\n : t(this.hass, \"config_panel.schedule_zones_in_order_many\", { n })\n );\n return parts.join(\" · \");\n })()}\n
\n
\n
\n this._runSlotNow(slot.slot_id)}\n >\n ${t(this.hass, \"config_panel.schedule_run_slot_now\")}\n \n {\n this._msg = undefined;\n this._addZonePick = \"\";\n this._slotEditDraft = this._cloneSlot(slot);\n }}\n >\n ${t(this.hass, \"config_panel.schedule_edit\")}\n \n
\n
\n