Localize built-in YAML field descriptions

The built-in trigger/condition/action schemas carried English descriptions
inline, which surfaced untranslated in the hover tooltip and completion info.

Store translation keys in `description` instead — the hover element and the
completion source already localize it and fall back to the raw string, which
keeps backend-supplied descriptions (services, integration triggers and
conditions) working unchanged. Adds the strings under
`ui.panel.config.automation.editor.yaml_schema`, plus a test asserting every
built-in description key resolves in en.json.

Also drops the remaining `any` casts in serviceActionSchema in favour of a
declared ServiceField shape.

Co-Authored-By: Claude Opus 5 <[email protected]>

.agents/skills/ha-frontend-components/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: ha-frontend-components
-description: Home Assistant frontend component patterns. Use when implementing or reviewing dialogs, ha-form, ha-alert, loading states, keyboard shortcuts, tooltips, panels, Lovelace cards, or ha-button usage.
+description: Home Assistant frontend component patterns. Use when implementing or reviewing dialogs, ha-form, ha-alert, keyboard shortcuts, tooltips, panels, Lovelace cards, or ha-button usage.
 ---
 
 # HA Frontend Components
@@ -91,36 +91,6 @@ html`
 `;
 ```
 
-## Loading States
-
-Pick the indicator by what is loading, following the [Loading pattern](https://contributors.home-assistant.io/design/patterns/loading/):
-
-- Use a skeleton from `src/components/skeleton/` (`ha-skeleton`, `ha-skeleton-text`, `ha-skeleton-icon`) when content loads into a layout you already know, such as table rows, tile text, or a log. It holds the layout, so nothing jumps when the content arrives.
-- Use `ha-spinner` only when a whole area loads and its shape is unknown.
-- Use `ha-button` with `loading`, or `ha-progress-button`, for an action started from a button. Don't put a separate spinner next to it.
-
-Wrap the indicator in `ha-fade-in` from `src/components/animation/ha-fade-in.ts`:
-
-- Fade a skeleton in straight away over about 300ms (`.duration=${300}`), as the data table does. It stands in for the content, so a delay would leave an empty gap.
-- Delay a spinner or progress bar, usually by `.delay=${500}`, so a load that finishes within that time never flashes it. Some slower areas, such as backups and updates, use `${1000}`.
-- Don't fade in the loaded content itself.
-
-Give a skeleton group the `progressbar` role and a translated label, as `ha-spinner` has, rather than visible "Loading" text. A loading state always ends in the content, an empty state, or an error.
-
-```ts
-html`
-  <ha-fade-in .duration=${300} easing="ease-in">
-    <div
-      role="progressbar"
-      aria-label=${this._i18n.localize("ui.common.loading")}
-    >
-      <ha-skeleton-text></ha-skeleton-text>
-    </div>
-  </ha-fade-in>
-  <ha-fade-in .delay=${500}><ha-spinner></ha-spinner></ha-fade-in>
-`;
-```
-
 ## Shortcuts And Tooltips
 
 Use `ShortcutManager` from `src/common/keyboard/shortcuts.ts` for keyboard shortcuts. It blocks shortcuts in input fields, can prevent shortcuts during text selection, and supports character and KeyCode shortcuts for non-latin keyboards. See `src/state/quick-bar-mixin.ts` for global shortcut examples.

.agents/skills/ha-frontend-contexts/SKILL.md

@@ -16,7 +16,7 @@ Container components may keep `hass` when they own it and feed providers. Leaf c
 ## Core Files
 
 - Context definitions: `src/data/context/index.ts`
-- `consume` decorator, `ContextSubscriptionController`, and `consumeContext` / `ContextController` for reactive controllers: `src/common/decorators/consume.ts` (use instead of `@lit/context`'s `consume` and `ContextConsumer`, enforced by ESLint)
+- `consume` decorator and `ContextSubscriptionController`: `src/common/decorators/consume.ts` (use instead of `@lit/context`'s `consume` and `ContextConsumer`, enforced by ESLint)
 - Entity-scoped consume helpers: `src/common/decorators/consume-context-entry.ts`
 - Transform decorator: `src/common/decorators/transform.ts`
 - Canonical migration example: `src/panels/lovelace/cards/hui-button-card.ts`
@@ -37,8 +37,6 @@ Container components may keep `hass` when they own it and feed providers. Leaf c
 | `apiContext`                                                         | `hass.callService`, `hass.callApi`, `hass.callApiRaw`, `hass.callWS`, `hass.sendWS`, `hass.fetchWithAuth` |
 | `uiContext`                                                          | themes, selected theme, panels, sidebar, and UI state                                                     |
 | `narrowViewportContext`                                              | narrow-layout boolean                                                                                     |
-| `reducedMotionContext`                                               | `prefers-reduced-motion` media query                                                                      |
-| `brandsAccessTokenContext`                                           | the `hass` rerender that brand images wait for to get their token                                         |
 
 Lazy contexts subscribe on first consumer and tear down after the last consumer: `labelsContext`, `fullEntitiesContext`, `configEntriesContext`, `manifestsContext`, `triggerDescriptionsContext`, and `conditionDescriptionsContext`.
 
@@ -52,9 +50,7 @@ Import `consume` from `src/common/decorators/consume`, not from `@lit/context`.
 - `@state()` plus `@consume` plus `@transform`: rerenders only when the transformed value changes.
 - `@consume` alone: the field stays current but never triggers a render. Use this for values only read in event handlers or callbacks, such as `apiContext`, or for data read on demand, such as picker item callbacks.
 
-In reactive controllers, extend `ContextController` and decorate fields with `consumeContext({ context, subscribe, transform })` from the same file. `transform` stores one part of the context value, and `contextUpdated()` runs only when that part changes. `@state()` and `@transform` do not work on controller fields; call `host.requestUpdate()` when the host needs to rerender. Example: `src/data/service-info-controller.ts`.
-
-For lazily created subscriptions, use `ContextSubscriptionController` from the same file instead of `@lit/context`'s `ContextConsumer`, which also forces a host update. Its callback must store the value in a reactive field or call `host.requestUpdate()` itself when the host needs to rerender.
+In controllers or for lazily created subscriptions, use `ContextSubscriptionController` from the same file instead of `@lit/context`'s `ContextConsumer`, which also forces a host update. Its callback must store the value in a reactive field or call `host.requestUpdate()` itself when the host needs to rerender.
 
 Use entity-scoped helpers when the component watches an entity ID held on the host:
 
@@ -94,6 +90,5 @@ To consume a whole group untransformed, omit `@transform` and type the field as
 - The component consumes the narrowest context needed for the data it reads.
 - A broad `hass` property is kept only when the component is a container or external API requires it.
 - Entity-scoped reads use the consume helpers rather than ad hoc context transforms.
-- A component that renders brand images consumes `brandsAccessTokenContext` with `@state()`, so the images fill in once the token arrives or rotates.
 - Context fields read during render or `willUpdate` are marked `@state()` so updates trigger rendering. Fields only read outside the render cycle are left without `@state()`.
 - Tests and mocks only provide the data the component actually consumes.

.agents/skills/ha-frontend-demo/SKILL.md

@@ -54,10 +54,6 @@ http://localhost:8090/?demo=<second slug>#/energy/water
 - `demo/src/stubs/`: Mocked WebSocket and REST APIs.
 - `demo/script/develop_demo`, `demo/script/build_demo`: Development server and static build wrappers.
 
-## Core Data
-
-The service descriptions in `src/fake_data/demo_services.ts` and the trigger and condition descriptions and icons in `demo/src/stubs/automation_platforms_*.ts` are generated from Home Assistant Core. Do not edit them by hand. Run `script/gen_demo_core_data` to regenerate them from the core `dev` branch, and add a domain to the lists in `build-scripts/gulp/gen-demo-core-data.js` when the demo needs its services, triggers, or conditions. Their translations come from the backend translations merged into the demo build.
-
 ## Shared Gallery Stubs
 
 `demo/src/stubs/` is shared, not demo-private: gallery pages import from it directly. Before changing or removing anything a stub does, search for its callers across `demo/src/` and `gallery/src/`, then check the affected gallery pages as well as the demo.

.agents/skills/ha-frontend-query-params/SKILL.md

@@ -1,91 +0,0 @@
----
-name: ha-frontend-query-params
-description: Home Assistant frontend URL query param patterns. Use when keeping page state such as filters, search, sorting or grouping in the URL, adding or reading typed query params, using QueryParamsController or the data table's sync-url and column urlName, building in-app links with a query string, or adding params to My Home Assistant redirects.
----
-
-# HA Frontend Query Params
-
-Use this skill when implementing or reviewing state kept in the URL's query string, or links that set it. Cross-load `ha-frontend-lit` for the controller and lifecycle work, `ha-frontend-testing` for running tests, and `ha-frontend-review` when reviewing.
-
-## Typed Params
-
-`src/common/url/query-params.ts` turns a typed config into values and back:
-
-- `QueryParamConfig` lists keys by type: `string`, `list` (one comma-separated param, `?label=a,b`), `date` (ISO string) and `boolean` (`{ key, trueValue }`, true only when the param equals `trueValue`).
-- `QueryParamValues<typeof config>` is the matching partial values type.
-- `decodeQueryParams(source, config)` reads a `SearchParamsSource` (a `URLSearchParams`, a plain record or a query string). Empty values are skipped.
-- `createQueryString(values, config)` writes the values, leaving out empty strings, empty lists and false booleans.
-- `updateQueryString(current, values, config)` replaces only the config's params in an existing query string and keeps every other param exactly as written.
-- `hasQueryParams(source, config)` tells whether a URL has any of the config's params, which is how a page knows whether a link asked for anything.
-- `serviceTargetFromQueryParams` and `queryParamsFromServiceTarget` map `HassServiceTarget` keys to list params.
-
-Give each feature its own `*-query-params.ts` in `src/common/url/` holding its config (`as const satisfies QueryParamConfig`), its values type, and the helpers that turn params into page state and back. Follow the existing ones: `data-table-query-params.ts`, `marketplace-query-params.ts`, `history-logbook-query-params.ts` and `todo-query-params.ts`. Helpers in `src/data/` that build outside links use a local config the same way, as `src/data/integration.ts` and `src/data/system_log_report.ts` do. In new code, prefer these over hand-built `URLSearchParams`, string concatenation or `extractSearchParam` reads from `src/common/url/search-params.ts`.
-
-## QueryParamsController
-
-`src/common/controllers/query-params-controller.ts` keeps part of a page's state in the URL. Construct it with the host, the feature's config and options:
-
-- `enabled()`: whether the host syncs right now. It can change, as on the Marketplace dashboard, which turns it off on the Discover tab.
-- `navigated()`: called when the page's URL changes while the host is connected (`location-changed` or `popstate`), and when the host reconnects after its first update. Read the URL with `searchParams()`, apply it, then `write()` the state back.
-
-Methods:
-
-- `searchParams()` returns the current params, or `undefined` when the controller is disabled or the URL is on another path.
-- `write(values, debounced?)` updates only the config's params with `replaceCurrentUrl`, so it replaces the current history entry. Pass `debounced` for values that change while typing; the write lands 300 ms after the last one and any later write replaces it.
-- `flush()` writes a pending debounced write now. The data table calls it when the search box loses focus. Call it before anything that adds its own history entry, such as a dialog.
-
-The controller binds to `currentPath()` when the host connects and does nothing while the URL is on another path. Navigating away drops a pending write. When a page is reached through a router `defaultPage` (such as `/marketplace` landing on `/marketplace/browse`), check that a link to the bare path still syncs, since the redirect may land after the host connects.
-
-Read the URL yourself on the first render, after the initial state is set (in `willUpdate` before `hasUpdated`, or `firstUpdated`), and leave later navigations to `navigated()`. `ha-marketplace-dashboard.ts` and `lorawan-devices.ts` show both. When moving a page to the controller, remove its own `location-changed` and `popstate` listeners and any search kept in history state, since the controller replaces them.
-
-When a router reuses one element for different items, such as one app's tab after another's, key it on the item so the controller binds again to the new path.
-
-## URL Rules
-
-- Writes replace the current history entry, so Back leaves the page instead of undoing each change. Push a new entry only for a deliberate navigation, such as picking another log provider.
-- Debounce search writes. Write sort, group and filter changes straight away.
-- Leave empty and default values out of the URL, such as an empty search or ascending direction.
-- A param in the URL wins over stored preferences. A link with none of the page's params keeps what the user picked before; `hasQueryParams` makes that check.
-- A link with any of the page's params replaces the search and every filter, since a filter left over from before would hide part of what the link shows. Show what the link applied, but don't store it: links often carry someone else's choices, such as a My Home Assistant link made with `m`. Store only what the user changes on the page, and only that setting.
-- The URL is the whole state. Don't add filters while applying a link; a link that needs one, such as showing disabled devices, says so in its params (`status=disabled`).
-- A link to a page that is already open must apply the new URL. Handle `navigated()`, not only the first render. The router often keeps a page alive, so this is the common case, not an edge case.
-- Use one comma-separated param for several values (`?status=new,installed`), which `list` params do.
-- Use the names other pages already use for the same thing: `search`, `sort`, `direction` and `group` for the table, and `floor`, `area`, `device`, `label`, `config_entry`, `sub_entry` and `assistants` for the shared filters.
-- A search box's text is always `search`, never `filter` or `q`.
-- Keep existing param names so existing links and My Home Assistant links keep working. When renaming, read the old name as well for about six months, with a code comment naming the release it can be removed in, and write only the new name. Keep the old name in the config, use it only as a fallback when reading, and leave it out of the values you write, so the next write removes it from the URL.
-- Pages opt in. Some use params for other things, such as `?domain=` starting the add integration flow on the integrations dashboard, so check what a page already reads before syncing it.
-- Collapsed groups, column order and hidden columns stay in storage (`@storage`), not the URL.
-- Link to a page by its main path, not an alias, so a link to an open page lands on the same path and applies.
-
-## Data Tables
-
-`hass-tabs-subpage-data-table` with the `sync-url` attribute keeps `search`, `sort`, `direction` and `group` in the URL through `dataTableQueryParamsFromState` and `dataTableQueryStateFromUrl`. A linked search replaces the current one, and sorting or grouping a link leaves out keeps what was picked before. The table fires `search-changed`, `sorting-changed` and `grouping-changed` when a link changes them, with `link` set, so the page shows them without storing them. Use `DataTableSettingsController` (`src/common/controllers/data-table-settings-controller.ts`) for the stored search, sorting and grouping: give it the page's storage keys, bind its `search`, `sorting` and `grouping` to the table, and its `searchChanged`, `sortingChanged` and `groupingChanged` to the table's events. Call `showSearch` for a search the page reads from a link itself. A page the router keeps open shows what the user stored when it's opened again without params, like from the sidebar: the controller and table restore the search, sorting and grouping, and a page with filters restores its stored filters when its URL has no params.
-
-- Give sortable and groupable columns a short public `urlName` (for example `type`, not `translated_category`). Sorting falls back to the column id without one; grouping is only written for columns that have one, so internal ids don't end up in links.
-- When a column definition is shared between pages, set its `urlName` where the shared column is defined, so every page uses the same name.
-- The table reads the URL once, as soon as it has columns. When a column only exists once data has loaded, such as Filename on the dashboards page, turn syncing on only after loading succeeds (`?sync-url=${!this._loading && !this._loadFailed}`), or a link that sorts or groups by that column is dropped.
-- The page owns its filters. Give it a filter config in its `*-query-params.ts`, a helper that turns filter values into params, and one that turns a link back into the search and filter values. The link helper returns `undefined` when the URL has none of the filter params and none of the table's (`dataTableQueryParamConfig`), so stored choices stay. Use a second controller on the page for them, as `ha-marketplace-dashboard.ts` and `lorawan-devices.ts` do. `browseUrl` and `browseLinkFromUrl` in `src/panels/marketplace/dashboards/dashboard-repositories.ts` show the pair.
-- Filter components also send the value the page gave them once they have looked up their items, so a filter event isn't always the user's. Store a filter only when it changes what the URL holds, comparing the filters' query strings before and after, as `helpersFilterQueryString` does, and store only that filter.
-- A memoized filter that also reads async state (anything loaded after the page connects) must take that state as a memoize argument, or a linked filter shows stale results until something else changes.
-- A filter component that looks up related items asynchronously should drop a lookup whose value has since changed, or two links landing within one lookup apply the older one.
-
-## Coverage Check
-
-Before calling a page done:
-
-1. List every filter, sortable column, groupable column, the search box and any view toggle (such as a tab, raw view or provider). Confirm each one is written to the URL and read back from a link, both on first render and on a page that is already open.
-2. Search the codebase for in-app links and `navigate()` calls into the page with a query string, and move them to the current param names and the page's main path. `lorawan-connections.ts` and `lorawan-overview.ts` link into `lorawan-devices.ts` this way.
-
-## My Home Assistant Links
-
-When a page gains params, add them to its redirect in `getMyRedirects()` in `src/panels/my/ha-panel-my.ts`:
-
-- List them under `params` as `"string?"`, matching what the page reads. For a data table page that includes `search`, `sort`, `direction` and `group` as well as its filters. Keep the list in a const next to the others, such as `marketplaceTableParams`, which several redirects share.
-- Point the redirect at the page's main path, the one the page's controller binds to.
-- Don't add legacy param names.
-- Add the same params to the redirect's entry in `redirect.json` in `home-assistant/my.home-assistant.io`, in a separate pull request that links the frontend pull request. Merge it only once the frontend pull request is in `dev`.
-- In the frontend pull request, link the My Home Assistant pull request under "Additional information": `- Link to My Home Assistant pull request: home-assistant/my.home-assistant.io#<n>`.
-
-## Tests
-
-Follow `test/common/url/query-params.test.ts`, `test/common/url/data-table-query-params.test.ts` and `test/common/controllers/query-params-controller.test.ts`. For a feature's params file, cover the encode and decode round trip, defaults being left out, and legacy names still being read. Test the helpers, not the page rendering, and only where the logic could break without anyone noticing.

.agents/skills/ha-frontend-review/SKILL.md

@@ -58,7 +58,7 @@ Readiness and invalidation:
 
 Repository-owned contracts:
 
-- Consult the public [frontend contributor documentation](https://contributors.home-assistant.io/frontend/) for documented architecture, data flow, design, and development workflows.
+- Consult the public [frontend developer documentation](https://developers.home-assistant.io/docs/frontend/) for documented architecture, data flow, design, and development workflows.
 - For new leaf components, load `ha-frontend-contexts` and verify they consume narrow contexts instead of introducing a broad `hass` property; containers and external APIs may still require `hass`.
 - Verify backend assumptions against the owning Core, Supervisor, or WebSocket implementation, and component assumptions against the exported component contract.
 - Prefer canonical repository helpers and test setup over duplicate local implementations.

.browserslistrc

@@ -15,45 +15,38 @@ not UCAndroid > 0
 # Floors are pinned explicitly (not usage-based) so the support policy is
 # deliberate and does not drift with global usage statistics, which do not
 # represent old tablets and wall displays used as Home Assistant dashboards:
-# - iOS/Safari >= 15.4: where native <dialog> (ha-drawer, popovers,
-#   wa-dialog) landed. Dropped: the iOS 12 devices, iPad Air 1 / mini 2 /
-#   mini 3, iPhone 5s / 6 / 6 Plus and iPod touch 6. Nothing ends between
-#   iOS 12 and 15.8, so no other device is affected. On the Mac, Safari 15.4
-#   runs on macOS 10.15 Catalina and later. The Chrome floor, not Safari,
-#   decides what the legacy build has to transpile.
-# - Chrome >= 67: the first Chromium with BigInt, which Babel cannot
-#   transpile. The boundary on Fire tablets is the Amazon WebView build, not
-#   the Fire OS major: WebView 70+ (Fire OS 5.6.4+ on the 2017 models, Fire
-#   OS 6.3.1.2+, Fire OS 7) keeps working, WebView 59 (Fire OS 5 on the 2015
-#   and 2016 models, Fire OS 6.3.0.1) is dropped. Also covers the Chromecast
-#   1st gen (frozen at Chrome 70, the next hard ceiling) and old kiosk
-#   webviews above it.
+# - iOS/Safari >= 12: iPad Air 1 / mini 2 / mini 3 (last supported iOS).
+#   Older iPads (iPad 2/3/mini 1 on iOS 9.3, iPad 4 on iOS 10.3) cannot run
+#   the app: their engines lack custom elements, shadow DOM, and/or CSS grid.
+# - Chrome >= 59: Fire OS 5 tablets (Fire 7/HD 8/HD 10 through ~2017) have
+#   their system WebView pinned at Chromium 59 and commonly run Fully Kiosk;
+#   also covers old kiosk browsers and no-longer-updating webviews above it.
 # - Edge >= 79: all Chromium-based Edge. Costs nothing (above the Chrome
 #   floor); mainly catches Edge 109 on Windows 7/8.1 and update-frozen
 #   enterprise installs, whose engines can run the legacy build fine.
-# - Firefox >= 98: where native <dialog> landed; otherwise a zero-cost floor,
-#   not a chased population — pinning it adds no babel transforms, core-js
-#   modules, or Lightning CSS prefixes to the output. Mozilla-supported Firefox (incl. current ESR) always matches
+# - Firefox >= 94: the zero-cost floor, not a chased population — pinning it
+#   adds no babel transforms, core-js modules, or Lightning CSS prefixes to
+#   the output. Mozilla-supported Firefox (incl. current ESR) always matches
 #   [modern]; Firefox on old OSes is not supported (use Chrome 109 instead).
 #   If Firefox ever becomes the pin forcing extra output, raise it first.
-# - Samsung >= 9: Samsung Internet on old Galaxy tablets (9.2 is Chromium 67)
-Chrome >= 67
-ChromeAndroid >= 67
+# - Samsung >= 9: Samsung Internet on old Galaxy tablets
+Chrome >= 59
+ChromeAndroid >= 59
 Edge >= 79
-Firefox >= 98
-FirefoxAndroid >= 98
-iOS >= 15.4
-Safari >= 15.4
+Firefox >= 94
+FirefoxAndroid >= 94
+iOS >= 12
+Safari >= 12
 Samsung >= 9
 
 [legacy-sw]
 # Same as legacy, restricted to browsers that support service workers
 # (currently resolves to the same set; guards the service worker build if the legacy floor ever drops below them)
-Chrome >= 67 and supports serviceworkers
-ChromeAndroid >= 67 and supports serviceworkers
+Chrome >= 59 and supports serviceworkers
+ChromeAndroid >= 59 and supports serviceworkers
 Edge >= 79 and supports serviceworkers
-Firefox >= 98 and supports serviceworkers
-FirefoxAndroid >= 98 and supports serviceworkers
-iOS >= 15.4 and supports serviceworkers
-Safari >= 15.4 and supports serviceworkers
+Firefox >= 94 and supports serviceworkers
+FirefoxAndroid >= 94 and supports serviceworkers
+iOS >= 12 and supports serviceworkers
+Safari >= 12 and supports serviceworkers
 Samsung >= 9 and supports serviceworkers

.gitattributes

@@ -12,7 +12,3 @@
 
 demo/public/api/camera_proxy_stream/* binary
 demo/public/api/media_player_proxy/* binary
-
-# Generated by `gh actions-lock`. Highlight it as YAML and don't auto-merge it:
-# on a conflict, restore it from the base branch and run `gh actions-lock`.
-.github/workflows/actions.lock linguist-language=YAML -merge

.github/PULL_REQUEST_TEMPLATE.md

@@ -51,8 +51,8 @@
 
 - This PR fixes or closes issue: fixes #
 - This PR is related to issue or discussion:
-- Link to [documentation][docs-repository] pull request:
-- Link to [contributors documentation][contributors-repository] pull request:
+- Link to documentation pull request:
+- Link to developer documentation pull request:
 - Link to backend pull request:
 
 ## Checklist
@@ -63,8 +63,7 @@
   for before merging your code.
 
   AI tools are welcome, but contributors are responsible for *fully*
-  understanding the code before submitting a PR. Please follow our AI policy:
-  https://contributors.home-assistant.io/start/ai-policy/
+  understanding the code before submitting a PR.
 -->
 
 - [ ] I understand the code I am submitting and can explain how it works.
@@ -106,5 +105,4 @@ To help with the load of incoming pull requests:
   Below, some useful links you could explore:
 -->
 [docs-repository]: https://github.com/home-assistant/home-assistant.io
-[contributors-repository]: https://github.com/home-assistant/contributors.home-assistant.io
-[perfect-pr]: https://contributors.home-assistant.io/start/pull-requests/#before-you-open-it
+[perfect-pr]: https://developers.home-assistant.io/docs/review-process/#creating-the-perfect-pr

.github/actionlint.yaml

@@ -1,6 +0,0 @@
-paths:
-  .github/workflows/**/*.{yml,yaml}:
-    ignore:
-      # actionlint doesn't support `$/` self-repository actions yet, remove once it does:
-      # https://github.com/rhysd/actionlint/issues/711
-      - 'specifying action "\$/[^"]+" in invalid format because ref is missing'

.github/actions/prepare-dependencies/action.yml

@@ -24,7 +24,7 @@ runs:
 
     - name: Setup Node and install
       if: steps.dependencies.outputs.cache-hit != 'true'
-      uses: $/.github/actions/setup
+      uses: ./.github/actions/setup
       with:
         cache: false
 

.github/actions/setup/action.yml

@@ -34,7 +34,7 @@ runs:
           hashFiles('.nvmrc', 'package.json', 'pnpm-lock.yaml', 'pnpm-workspace.yaml', 'patches/**') }}
 
     - name: Setup Node
-      uses: actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1 # v7.1.0
+      uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
       with:
         node-version-file: ".nvmrc"
 

.github/labeler.yml

@@ -1,23 +1,3 @@
-# Path rules for .github/workflows/labeler.yaml, which runs actions/labeler on
-# every pull request. A label is added when a pull request changes a matching
-# file, and removed again when it no longer does, including one added by hand.
-#
-# Do not add these labels here. .github/scripts/label-content.mts applies and
-# removes them from paths and code. A rule here would remove them whenever its
-# paths don't match, even when the script's code check does:
-#
-# - Companion App
-# - Home Assistant Link
-# - Labs
-# - Supervisor
-
-Activity:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/logbook/**
-          - src/panels/lovelace/**/*logbook*
-          - src/data/logbook.ts
-
 Agents:
   - changed-files:
       - any-glob-to-any-file:
@@ -36,36 +16,6 @@ Agents:
           - .github/skills/**
           - .github/workflows/copilot-setup-steps.yml
 
-AI:
-  - changed-files:
-      - any-glob-to-any-file:
-          - "src/panels/config/core/{ha-config-section-ai,ai-task-pref,mcp-pref}.ts"
-          - src/components/ha-suggest-with-ai-button.ts
-          - "src/data/{ai_task,llm}.ts"
-
-Areas:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/config/areas/**
-          - src/data/area/**
-          - "src/data/{area_floor_picker,floor_registry,ws-area_registry,ws-floor_registry}.ts"
-
-Automations:
-  - changed-files:
-      - any-glob-to-any-file:
-          - "src/panels/config/{automation,script,scene,blueprint}/**"
-          - src/components/automation/**
-          - src/components/trace/**
-          - src/data/trace*.ts
-          - "src/data/{automation,automation_i18n,script,script_i18n,scene,blueprint,trigger,condition,action}.ts"
-
-Backups:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/config/backup/**
-          - src/data/backup*.ts
-          - src/onboarding/onboarding-restore-backup.ts
-
 Build:
   - changed-files:
       - any-glob-to-any-file:
@@ -73,37 +23,12 @@ Build:
           - .browserslistrc
           - gulpfile.js
 
-Calendar:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/calendar/**
-          - src/panels/lovelace/**/*calendar*
-          - src/data/calendar.ts
-
 Cast:
   - changed-files:
       - any-glob-to-any-file:
           - cast/src/**
           - src/cast/**
 
-Connectivity:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/config/connectivity/**
-          - src/panels/config/tags/**
-          - "src/panels/config/integrations/integration-panels/{bluetooth,infrared,matter,modbus,mqtt,radio_frequency,serial,thread,zha,zwave_js}/**"
-          - "src/data/{bluetooth,infrared,matter,matter-lock,modbus,mqtt,otbr,radio_frequency,tag,thread,usb,zha,zwave_js,zwave_js-credentials}.ts"
-
-Dashboards:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/lovelace/**
-          - "src/panels/{home,climate,light,security,maintenance,map}/**"
-          - src/panels/config/lovelace/**
-          - "src/panels/config/dashboard/{dashboard-card,dialog-new-dashboard,show-dialog-new-dashboard}.ts"
-          - src/data/lovelace/**
-          - src/data/lovelace*.ts
-
 Demo:
   - changed-files:
       - any-glob-to-any-file:
@@ -132,29 +57,6 @@ Dependencies:
           - "^renovate/"
           - "^dependabot/"
 
-Devices:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/config/devices/**
-          - src/data/device/device_registry.ts
-          - src/data/ws-device_registry.ts
-
-Energy:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/energy/**
-          - src/panels/config/energy/**
-          - src/panels/lovelace/cards/energy/**
-          - src/panels/lovelace/**/*energy*
-          - src/data/energy*.ts
-
-Entities:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/config/entities/**
-          - src/data/entity/entity_registry*.ts
-          - src/data/ws-entity_registry_display.ts
-
 GitHub Actions:
   - changed-files:
       - any-glob-to-any-file:
@@ -162,100 +64,6 @@ GitHub Actions:
           - .github/workflows/**
           - .github/*.yml
 
-Helpers:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/config/helpers/**
-          - src/data/helpers_crud.ts
-
-History:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/history/**
-          - src/panels/lovelace/**/*history*
-          - src/data/history.ts
-
-Integrations:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/config/integrations/**
-          - src/panels/config/application_credentials/**
-          - src/dialogs/config-flow/**
-          - src/data/application_credential.ts
-          - src/data/config_entries.ts
-          - "src/data/{config_flow,data_entry_flow,options_flow,sub_config_flow}.ts"
-
-Labels:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/config/labels/**
-          - src/data/label/**
-
-Landing Page:
-  - changed-files:
-      - any-glob-to-any-file:
-          - landing-page/**
-
-Marketplace:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/marketplace/**
-          - src/data/marketplace/**
-          - src/panels/config/integrations/offer-marketplace-uninstall.ts
-
-Media:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/media-browser/**
-          - src/components/media-player/**
-          - src/data/media_source.ts
-
-Notifications:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/dialogs/notifications/**
-          - src/data/persistent_notification.ts
-
-Onboarding:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/onboarding/**
-          - src/auth/**
-          - src/data/onboarding.ts
-          - src/data/auth.ts
-
-People:
-  - changed-files:
-      - any-glob-to-any-file:
-          - "src/panels/config/{person,users}/**"
-          - "src/data/{person,user,ws-user}.ts"
-
-Profile:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/profile/**
-
-Search:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/dialogs/quick-bar/**
-          - src/state/quick-bar-mixin.ts
-          - "src/data/{quick_bar,search}.ts"
-
-Sidebar:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/components/ha-sidebar.ts
-          - src/dialogs/sidebar/**
-
-System:
-  - changed-files:
-      - any-glob-to-any-file:
-          - "src/panels/config/{core,hardware,info,logs,network,repairs,storage}/**"
-          - src/panels/config/dashboard/ha-config-updates.ts
-          - "src/dialogs/{repairs-flow,restart}/**"
-          - "src/data/{analytics,entity_id_format,error_log,hardware,network,repairs,system_health,system_log,system_log_report,update}.ts"
-
 "Tests: E2E":
   - changed-files:
       - any-glob-to-any-file:
@@ -285,37 +93,3 @@ System:
       - any-glob-to-any-file:
           - test/*.ts
           - "test/!(e2e)/**"
-
-Theming:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/resources/theme/**
-          - src/state/themes-mixin.ts
-          - src/common/dom/apply_themes_on_element.ts
-          - "src/data/{theme,ws-themes}.ts"
-
-To-do:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/todo/**
-          - src/panels/lovelace/**/*todo*
-          - src/data/todo.ts
-
-Tools:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/config/tools/**
-
-Voice:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/config/voice-assistants/**
-          - "src/dialogs/{voice-assistant-setup,voice-command-dialog}/**"
-          - src/components/ha-assist-chat.ts
-          - "src/data/{assist_pipeline,assist_satellite,conversation,stt,tts,wake_word}.ts"
-
-Zones:
-  - changed-files:
-      - any-glob-to-any-file:
-          - src/panels/config/zone/**
-          - src/data/zone.ts

.github/scripts/check-blocking-labels.mts

@@ -0,0 +1,46 @@
+#!/usr/bin/env node
+// Fails the check when a pull request carries a label that blocks merging, and
+// writes the outcome to the job summary. Invoked from the `check` job in
+// .github/workflows/blocking-labels.yaml via actions/github-script:
+//
+//   const { default: checkBlockingLabels } =
+//     await import(`${process.env.GITHUB_WORKSPACE}/.github/scripts/check-blocking-labels.mts`);
+//   await checkBlockingLabels({ github, context, core });
+
+import type {
+  GitHubScriptArgs,
+  PullRequestPayload,
+} from "./github-script.d.ts";
+
+export default async function checkBlockingLabels({
+  context,
+  core,
+}: GitHubScriptArgs<PullRequestPayload>) {
+  const blockingLabels = [
+    "wait for backend",
+    "Needs UX",
+    "Do Not Review",
+    "Blocked",
+    "has-parent",
+  ];
+  const prLabels = context.payload.pull_request.labels.map((l) => l.name);
+  const found = blockingLabels.filter((bl) => prLabels.includes(bl));
+  if (found.length > 0) {
+    const message = `This Pull Request is blocked by label${found.length > 1 ? "s" : ""}: ${found.join(", ")}`;
+    await core.summary
+      .addHeading(":no_entry_sign: Pull Request is blocked", 2)
+      .addRaw(message)
+      .write();
+    core.setFailed(message);
+  } else {
+    await core.summary
+      .addHeading(
+        ":white_check_mark: Pull Request is clear to merge after review",
+        2
+      )
+      .addRaw(
+        "This Pull Request is not blocked by any labels which prevent it from being merged."
+      )
+      .write();
+  }
+}

.github/scripts/check-npm-metadata.mts

@@ -1,289 +0,0 @@
-#!/usr/bin/env node
-// Checks npm registry metadata for the direct dependencies in package.json:
-// deprecation, source repository and provenance. On pull requests only newly
-// added packages are checked, and a deprecated one fails the check. Scheduled
-// and manual runs report on every direct dependency without failing. Invoked
-// from the `npm-metadata` job in .github/workflows/dependency-review.yaml via
-// actions/github-script:
-//
-//   const { default: checkNpmMetadata } =
-//     await import(`${process.env.GITHUB_WORKSPACE}/.github/scripts/check-npm-metadata.mts`);
-//   await checkNpmMetadata({ github, context, core });
-
-import type { Octokit } from "@octokit/rest";
-import type {
-  Context,
-  Core,
-  GitHubScriptArgs,
-  PullRequestPayload,
-} from "./github-script.d.ts";
-import { withRetry } from "./github-retry.mts";
-
-// Scheduled and manual runs have no pull request
-type Payload = Partial<PullRequestPayload>;
-
-type Section =
-  | "dependencies"
-  | "devDependencies"
-  | "optionalDependencies"
-  | "peerDependencies";
-
-type PackageJson = Partial<Record<Section, Record<string, string>>>;
-
-interface Dependency {
-  name: string;
-  // The package npm installs, which differs from name for npm: aliases
-  registryName: string;
-  version: string;
-  section: Section;
-}
-
-// The fields read from a version document on registry.npmjs.org
-interface NpmManifest {
-  deprecated?: string;
-  repository?: string | { url?: string };
-  dist?: { attestations?: object };
-}
-
-interface Result {
-  name: string;
-  version: string;
-  section: Section;
-  skipped?: string;
-  deprecated?: string;
-  repository?: string;
-  provenance?: boolean;
-}
-
-const SECTIONS: Section[] = [
-  "dependencies",
-  "devDependencies",
-  "optionalDependencies",
-  "peerDependencies",
-];
-
-const EXACT_VERSION = /^\d+\.\d+\.\d+(?:[-+][0-9A-Za-z.-]+)?$/;
-
-const NPM_ALIAS = /^npm:((?:@[^/]+\/)?[^@]+)@(.+)$/;
-
-const CONCURRENCY = 8;
-
-// Returns undefined when the registry reports 404, and throws on any other
-// failure so a registry outage fails the job instead of skipping the check.
-const fetchJson = async <T,>(url: string): Promise<T | undefined> => {
-  const response = await fetch(url);
-
-  if (response.status === 404) {
-    return undefined;
-  }
-
-  if (!response.ok) {
-    throw new Error(
-      `Request to ${url} failed: ${response.status} ${response.statusText}`
-    );
-  }
-
-  return JSON.parse(await response.text());
-};
-
-const readPackageJson = async (
-  github: Octokit,
-  context: Context<Payload>,
-  ref: string
-): Promise<PackageJson> => {
-  const { data } = await withRetry(`package.json lookup at ${ref}`, () =>
-    github.rest.repos.getContent({
-      ...context.repo,
-      path: "package.json",
-      ref,
-      mediaType: { format: "raw" },
-    })
-  );
-
-  // The raw media type returns the file contents as a string, but Octokit
-  // types the response as the JSON form
-  if (typeof data !== "string") {
-    throw new Error("Expected raw package.json contents");
-  }
-
-  return JSON.parse(data);
-};
-
-const listDependencies = (pkg: PackageJson): Dependency[] =>
-  SECTIONS.flatMap((section) =>
-    Object.entries(pkg[section] ?? {}).map(([name, spec]) => {
-      // npm: aliases install another package, e.g. npm:[email protected]
-      const alias = spec.match(NPM_ALIAS);
-
-      return {
-        name,
-        registryName: alias?.[1] ?? name,
-        version: alias?.[2] ?? spec,
-        section,
-      };
-    })
-  );
-
-const repositoryUrl = (repository: NpmManifest["repository"]) => {
-  const url = typeof repository === "string" ? repository : repository?.url;
-
-  return url?.replace(/^git\+/, "").replace(/\.git$/, "");
-};
-
-const checkPackage = async ({
-  name,
-  registryName,
-  version,
-  section,
-}: Dependency): Promise<Result> => {
-  const result = {
-    name: registryName === name ? name : `${name} (npm:${registryName})`,
-    version,
-    section,
-  };
-
-  if (!EXACT_VERSION.test(version)) {
-    return { ...result, skipped: "not an exact version" };
-  }
-
-  const manifest = await fetchJson<NpmManifest>(
-    `https://registry.npmjs.org/${encodeURIComponent(registryName)}/${version}`
-  );
-
-  if (!manifest) {
-    return { ...result, skipped: "not found on the npm registry" };
-  }
-
-  return {
-    ...result,
-    deprecated: manifest.deprecated,
-    repository: repositoryUrl(manifest.repository),
-    provenance: Boolean(manifest.dist?.attestations),
-  };
-};
-
-const checkAll = async (dependencies: Dependency[]) => {
-  const results: Result[] = [];
-
-  for (let i = 0; i < dependencies.length; i += CONCURRENCY) {
-    results.push(
-      // eslint-disable-next-line no-await-in-loop
-      ...(await Promise.all(
-        dependencies.slice(i, i + CONCURRENCY).map(checkPackage)
-      ))
-    );
-  }
-
-  return results;
-};
-
-const writeSummary = async (core: Core, heading: string, results: Result[]) => {
-  await core.summary
-    .addHeading(heading, 2)
-    .addTable([
-      [
-        "Package",
-        "Version",
-        "Section",
-        "Deprecated",
-        "Provenance",
-        "Repository",
-      ].map((data) => ({ data, header: true })),
-      ...results.map((result) =>
-        result.skipped
-          ? [
-              result.name,
-              result.version,
-              result.section,
-              `skipped: ${result.skipped}`,
-              "-",
-              "-",
-            ]
-          : [
-              result.name,
-              result.version,
-              result.section,
-              result.deprecated ? "yes" : "no",
-              result.provenance ? "yes" : "no",
-              result.repository ?? "none",
-            ]
-      ),
-    ])
-    .write();
-};
-
-export default async function checkNpmMetadata({
-  github,
-  context,
-  core,
-}: GitHubScriptArgs<Payload>) {
-  const pr = context.payload.pull_request;
-
-  if (!pr) {
-    const pkg = await readPackageJson(github, context, context.sha);
-    const results = await checkAll(listDependencies(pkg));
-
-    const flagged = (result: Result) =>
-      Number(
-        Boolean(result.skipped || result.deprecated || !result.repository)
-      );
-
-    results.sort(
-      (a, b) => flagged(b) - flagged(a) || a.name.localeCompare(b.name)
-    );
-    await writeSummary(core, "Direct dependencies", results);
-
-    return;
-  }
-
-  const [base, head] = await Promise.all([
-    readPackageJson(github, context, pr.base.sha),
-    readPackageJson(github, context, pr.head.sha),
-  ]);
-
-  // Compare the packages npm installs, so pointing an npm: alias at another
-  // package counts as new, but moving a package between sections does not
-  const existing = new Set(
-    listDependencies(base).map(({ registryName }) => registryName)
-  );
-
-  const added = listDependencies(head).filter(
-    ({ registryName }) => !existing.has(registryName)
-  );
-
-  if (added.length === 0) {
-    core.info("No new dependencies");
-
-    return;
-  }
-
-  const results = await checkAll(added);
-  const annotation = { file: "package.json" };
-
-  for (const result of results) {
-    const label = `${result.name}@${result.version}`;
-
-    if (result.skipped) {
-      core.warning(`${label}: ${result.skipped}, not checked`, annotation);
-      continue;
-    }
-
-    if (result.deprecated) {
-      core.error(`${label} is deprecated: ${result.deprecated}`, annotation);
-    }
-
-    if (!result.repository) {
-      core.warning(`${label} has no source repository`, annotation);
-    }
-
-    if (!result.provenance) {
-      core.notice(`${label} was published without provenance`, annotation);
-    }
-  }
-
-  await writeSummary(core, "New dependencies", results);
-
-  if (results.some((result) => result.deprecated)) {
-    core.setFailed("New dependencies must not be deprecated on npm");
-  }
-}

.github/scripts/check-pull-request-standards.mts

@@ -13,7 +13,6 @@ import type {
   GitHubScriptArgs,
   PullRequestPayload,
 } from "./github-script.d.ts";
-import { withRetry } from "./github-retry.mts";
 
 export default async function checkPullRequestStandards({
   github,
@@ -32,12 +31,10 @@ export default async function checkPullRequestStandards({
     return;
   }
   try {
-    await withRetry("organization membership check", () =>
-      github.rest.orgs.checkMembershipForUser({
-        org: "home-assistant",
-        username: pr.user.login,
-      })
-    );
+    await github.rest.orgs.checkMembershipForUser({
+      org: "home-assistant",
+      username: pr.user.login,
+    });
     core.info(`Skipping organization member: ${pr.user.login}`);
     return;
   } catch (_error) {
@@ -91,9 +88,7 @@ export default async function checkPullRequestStandards({
            }
          }`;
     try {
-      await withRetry(`comment ${minimized ? "minimize" : "restore"}`, () =>
-        github.graphql(mutation, { id: subjectId })
-      );
+      await github.graphql(mutation, { id: subjectId });
     } catch (error) {
       core.info(
         `Could not ${minimized ? "minimize" : "restore"} comment: ${error instanceof Error ? error.message : error}`
@@ -137,14 +132,12 @@ export default async function checkPullRequestStandards({
 
   const isValid = problems.length === 0;
 
-  const comments = await withRetry("comment list", () =>
-    github.paginate(github.rest.issues.listComments, {
-      owner,
-      repo,
-      issue_number,
-      per_page: 100,
-    })
-  );
+  const comments = await github.paginate(github.rest.issues.listComments, {
+    owner,
+    repo,
+    issue_number,
+    per_page: 100,
+  });
 
   const existing = comments.find((c) => c.body?.includes(marker));
   const hasLabel = pr.labels.some((l) => l.name === label);
@@ -154,14 +147,12 @@ export default async function checkPullRequestStandards({
 
     if (hasLabel) {
       await ignoreMissing(() =>
-        withRetry("label removal", () =>
-          github.rest.issues.removeLabel({
-            owner,
-            repo,
-            issue_number,
-            name: label,
-          })
-        )
+        github.rest.issues.removeLabel({
+          owner,
+          repo,
+          issue_number,
+          name: label,
+        })
       );
     }
     if (existing) {
@@ -173,14 +164,12 @@ export default async function checkPullRequestStandards({
   core.info(`Pull request standards not met:\n- ${problems.join("\n- ")}`);
 
   if (!hasLabel) {
-    await withRetry("label addition", () =>
-      github.rest.issues.addLabels({
-        owner,
-        repo,
-        issue_number,
-        labels: [label],
-      })
-    );
+    await github.rest.issues.addLabels({
+      owner,
+      repo,
+      issue_number,
+      labels: [label],
+    });
   }
 
   const message =
@@ -192,21 +181,18 @@ export default async function checkPullRequestStandards({
     `\n\n` +
     `Please complete the ` +
     `[PR template](https://github.com/home-assistant/frontend/blob/dev/.github/PULL_REQUEST_TEMPLATE.md?plain=1) ` +
-    `and see the [contributor docs](https://contributors.home-assistant.io/start/pull-requests/#fill-out-the-template) ` +
-    `for more on creating a great pull request.`;
+    `and see the [developer docs](https://developers.home-assistant.io/docs/review-process) ` +
+    `for more on creating a great pull request (see point 6).`;
 
   if (existing) {
-    await withRetry("comment update", () =>
-      github.rest.issues.updateComment({
-        owner,
-        repo,
-        comment_id: existing.id,
-        body: message,
-      })
-    );
+    await github.rest.issues.updateComment({
+      owner,
+      repo,
+      comment_id: existing.id,
+      body: message,
+    });
     await setMinimized(existing.node_id, false);
   } else {
-    // Not retried, as a retry after GitHub created the comment would post it twice
     await github.rest.issues.createComment({
       owner,
       repo,

.github/scripts/check-task-authorization.mts

@@ -9,7 +9,6 @@
 //   await checkTaskAuthorization({ github, context, core });
 
 import type { GitHubScriptArgs, IssuePayload } from "./github-script.d.ts";
-import { withRetry } from "./github-retry.mts";
 
 export default async function checkTaskAuthorization({
   github,
@@ -20,20 +19,17 @@ export default async function checkTaskAuthorization({
 
   // Check if user is an organization member
   try {
-    await withRetry("organization membership check", () =>
-      github.rest.orgs.checkMembershipForUser({
-        org: "home-assistant",
-        username: issueAuthor,
-      })
-    );
+    await github.rest.orgs.checkMembershipForUser({
+      org: "home-assistant",
+      username: issueAuthor,
+    });
     core.info(`✅ ${issueAuthor} is an organization member`);
     return; // Authorized
   } catch (_error) {
     core.info(`❌ ${issueAuthor} is not authorized to create Task issues`);
   }
 
-  // Close the issue with a comment. Not retried, as a retry after GitHub
-  // created the comment would post it twice.
+  // Close the issue with a comment
   await github.rest.issues.createComment({
     owner: context.repo.owner,
     repo: context.repo.repo,
@@ -47,22 +43,18 @@ export default async function checkTaskAuthorization({
       `If you believe you should have access to create Task issues, please contact the maintainers.`,
   });
 
-  await withRetry("issue close", () =>
-    github.rest.issues.update({
-      owner: context.repo.owner,
-      repo: context.repo.repo,
-      issue_number: context.issue.number,
-      state: "closed",
-    })
-  );
+  await github.rest.issues.update({
+    owner: context.repo.owner,
+    repo: context.repo.repo,
+    issue_number: context.issue.number,
+    state: "closed",
+  });
 
   // Add a label to indicate this was auto-closed
-  await withRetry("auto-closed label", () =>
-    github.rest.issues.addLabels({
-      owner: context.repo.owner,
-      repo: context.repo.repo,
-      issue_number: context.issue.number,
-      labels: ["auto-closed"],
-    })
-  );
+  await github.rest.issues.addLabels({
+    owner: context.repo.owner,
+    repo: context.repo.repo,
+    issue_number: context.issue.number,
+    labels: ["auto-closed"],
+  });
 }

.github/scripts/github-retry.mts

@@ -1,69 +0,0 @@
-// Retries GitHub API requests with jittered exponential backoff. Shared by the
-// workflow scripts in this directory, test/e2e/post-report-comment.mjs and the
-// fetch-nightly-translations gulp task. Only wrap requests that are safe to
-// repeat: a create that fails after GitHub has applied it would run twice.
-//
-// This replaces @octokit/plugin-retry, which only retries HTTP error statuses
-// on a fixed 1s, 4s, 9s delay with no jitter or logging. GitHub can also
-// answer 200 with briefly stale data, such as the nightly translations lookup
-// returning an old run with no artifact, and the plugin cannot retry that.
-// github-script also leaves its built-in retries off by default.
-
-const RETRIES = 3;
-
-const BASE_DELAY = 1000; // ms
-
-const MAX_DELAY = 10000; // ms
-
-const TRANSIENT_STATUSES = new Set([408, 429, 500, 502, 503, 504]);
-
-// Throw from a request to retry a response GitHub may answer differently on
-// the next attempt, such as briefly stale data
-export class RetryableError extends Error {}
-
-// Octokit reports network failures as status 500
-const isRetryable = (err: unknown) => {
-  if (err instanceof RetryableError) {
-    return true;
-  }
-
-  if (!(err instanceof Error) || !("status" in err)) {
-    return false;
-  }
-
-  const status = Number(err.status);
-
-  return (
-    TRANSIENT_STATUSES.has(status) ||
-    (status === 403 && /rate limit/i.test(err.message))
-  );
-};
-
-export async function withRetry<T>(
-  label: string,
-  request: () => Promise<T>
-): Promise<T> {
-  for (let attempt = 1; ; attempt++) {
-    try {
-      // eslint-disable-next-line no-await-in-loop
-      return await request();
-    } catch (err) {
-      if (attempt > RETRIES || !isRetryable(err)) {
-        throw err;
-      }
-
-      const delay =
-        Math.min(BASE_DELAY * 2 ** (attempt - 1), MAX_DELAY) *
-        (0.8 + Math.random() * 0.4);
-
-      // eslint-disable-next-line no-console
-      console.log(
-        `Retrying ${label} after ${(delay / 1000).toFixed(1)}s (attempt ${attempt}/${RETRIES}): ${err instanceof Error ? err.message : err}`
-      );
-      // eslint-disable-next-line no-await-in-loop
-      await new Promise((resolve) => {
-        setTimeout(resolve, delay);
-      });
-    }
-  }
-}

.github/scripts/github-script.d.ts

@@ -2,24 +2,14 @@
 // limited to the parts they use.
 import type { Octokit } from "@octokit/rest";
 
-export type SummaryTableCell = string | { data: string; header?: boolean };
-
 export interface Summary {
   addHeading(text: string, level?: number): Summary;
   addRaw(text: string): Summary;
-  addTable(rows: SummaryTableCell[][]): Summary;
   write(): Promise<Summary>;
 }
 
-export interface AnnotationProperties {
-  file?: string;
-}
-
 export interface Core {
   info(message: string): void;
-  notice(message: string, properties?: AnnotationProperties): void;
-  warning(message: string, properties?: AnnotationProperties): void;
-  error(message: string, properties?: AnnotationProperties): void;
   setFailed(message: string): void;
   summary: Summary;
 }
@@ -36,8 +26,6 @@ export interface PullRequestPayload {
     draft: boolean;
     user: User;
     labels: { name: string }[];
-    base: { sha: string };
-    head: { sha: string };
   };
 }
 
@@ -48,7 +36,6 @@ export interface IssuePayload {
 }
 
 export interface Context<Payload> {
-  sha: string;
   repo: { owner: string; repo: string };
   issue: { owner: string; repo: string; number: number };
   payload: Payload;

.github/scripts/github-summary.mts

@@ -1,56 +0,0 @@
-/**
- * Builds a section of a workflow run's summary: a heading, a table of rows and
- * the warnings raised along the way.
- *
- * Warnings are also logged as annotations, so a script can report problems
- * without failing its step.
- */
-
-import type { AnnotationProperties, Core } from "./github-script.d.ts";
-
-interface SummaryOptions {
-  heading: string;
-  columns: string[];
-  // Shown instead of the table when no rows were added
-  empty: string;
-}
-
-export const createSummary = (
-  core: Core,
-  { heading, columns, empty }: SummaryOptions
-) => {
-  const rows: string[][] = [];
-  const warnings: string[] = [];
-
-  return {
-    addRow: (...cells: string[]) => {
-      rows.push(cells);
-    },
-
-    warn: (message: string, properties?: AnnotationProperties) => {
-      core.warning(message, properties);
-      warnings.push(message);
-    },
-
-    write: async () => {
-      core.summary.addHeading(heading, 2);
-
-      if (rows.length > 0) {
-        core.summary.addTable([
-          columns.map((data) => ({ data, header: true })),
-          ...rows,
-        ]);
-      } else {
-        core.summary.addRaw(`${empty}\n`);
-      }
-
-      if (warnings.length > 0) {
-        core.summary
-          .addHeading("Warnings", 3)
-          .addRaw(`${warnings.map((warning) => `- ${warning}`).join("\n")}\n`);
-      }
-
-      await core.summary.write();
-    },
-  };
-};

.github/scripts/label-content.mts

@@ -1,324 +0,0 @@
-#!/usr/bin/env node
-/**
- * Applies the Companion App, Home Assistant Link, Labs and Supervisor labels
- * to pull requests.
- *
- * These areas are often changed from code outside their folders, which
- * actions/labeler can't see, so this script owns them and .github/labeler.yml
- * leaves them out.
- *
- * A label matches when the pull request:
- * - changes a file in one of the area's paths, or
- * - adds or removes a line that uses the area's API, such as gating a feature
- *   behind Labs or only showing it on Supervisor installs.
- *
- * Like actions/labeler, a label is removed once the pull request no longer
- * matches, including one added by hand.
- *
- * Invoked from the `triage` job in .github/workflows/labeler.yaml.
- */
-
-import type {
-  GitHubScriptArgs,
-  PullRequestPayload,
-} from "./github-script.d.ts";
-import { withRetry } from "./github-retry.mts";
-import { createSummary } from "./github-summary.mts";
-
-const RULES: { label: string; paths: RegExp[]; pattern: RegExp }[] = [
-  {
-    label: "Companion App",
-    paths: [
-      /^src\/external_app\//,
-      /^src\/data\/external\.ts$/,
-      /^src\/util\/is_ios\.ts$/,
-    ],
-    // Reads or messages the companion app the frontend is running in, or
-    // imports its modules. Matches imports of data/external rather than
-    // isExternal, which is also a common local name.
-    pattern:
-      /\bauth\??\.external\b(?:[!?]*\.\w+)*(?:\([^)]*)?|\bfireExternalBusMessage\([^)]*|(?:\bimport\s[^;]*?from\s*|\bimport\(\s*)["'][^"']*\/(?:external_app\/[^"']*|data\/external)["']/g,
-  },
-  {
-    label: "Home Assistant Link",
-    paths: [
-      /^src\/panels\/config\/cloud\//,
-      /^src\/data\/cloud\//,
-      /^src\/data\/cloud\.ts$/,
-    ],
-    // Only runs when Home Assistant Link is set up
-    pattern: /isComponentLoaded\([^)]*["']cloud["']/g,
-  },
-  {
-    label: "Labs",
-    paths: [/^src\/panels\/config\/labs\//, /^src\/data\/labs\.ts$/],
-    // Gates a feature behind, or toggles, a Labs preview feature
-    pattern:
-      /\b(?:subscribeLabFeatures?|fetchLabFeatures|labsUpdatePreviewFeature)\([^)]*/g,
-  },
-  {
-    label: "Supervisor",
-    paths: [
-      /^src\/panels\/config\/apps\//,
-      /^src\/panels\/app\//,
-      /^src\/data\/hassio\//,
-      /^src\/data\/supervisor\//,
-    ],
-    // Only runs on installs with the Supervisor
-    pattern: /isComponentLoaded\([^)]*["']hassio["']/g,
-  },
-];
-
-interface HunkSide {
-  lines: string[];
-  changed: boolean[];
-}
-
-interface CodeChange {
-  code: string;
-  filename: string;
-}
-
-const parseHunks = (patch: string) => {
-  const hunks: { before: HunkSide; after: HunkSide }[] = [];
-
-  for (const line of patch.split("\n")) {
-    if (line.startsWith("@@")) {
-      hunks.push({
-        before: { lines: [], changed: [] },
-        after: { lines: [], changed: [] },
-      });
-      continue;
-    }
-
-    const hunk = hunks.at(-1);
-
-    if (!hunk || line.startsWith("\\")) {
-      continue;
-    }
-
-    const text = line.slice(1);
-
-    if (!line.startsWith("+")) {
-      hunk.before.lines.push(text);
-      hunk.before.changed.push(line.startsWith("-"));
-    }
-
-    if (!line.startsWith("-")) {
-      hunk.after.lines.push(text);
-      hunk.after.changed.push(line.startsWith("+"));
-    }
-  }
-
-  return hunks;
-};
-
-// Ignores whitespace and trailing commas outside strings, as Prettier changes
-// them when wrapping
-const normaliseCode = (code: string) => {
-  const parts = code.split(
-    /("(?:[^"\\\n]|\\.)*"|'(?:[^'\\\n]|\\.)*'|`(?:[^`\\]|\\.)*`)/
-  );
-
-  return parts
-    .map((part, i) => {
-      if (i % 2 === 1) {
-        return part;
-      }
-
-      const stripped = part.replace(/\s+/g, "").replace(/,(?=[}\])])/g, "");
-
-      return i === parts.length - 1 ? stripped.replace(/,$/, "") : stripped;
-    })
-    .join("");
-};
-
-// Matches whole calls, which can span lines, that touch a changed line
-const changedMatches = (side: HunkSide, pattern: RegExp) => {
-  const text = side.lines.join("\n");
-  const matches: string[] = [];
-
-  for (const match of text.matchAll(pattern)) {
-    const first = text.slice(0, match.index).split("\n").length - 1;
-    const last = first + match[0].split("\n").length - 1;
-
-    if (side.changed.slice(first, last + 1).some(Boolean)) {
-      matches.push(normaliseCode(match[0]));
-    }
-  }
-
-  return matches;
-};
-
-// Matches that were only moved, reindented or reformatted cancel out in pairs,
-// returning a file with a match that doesn't
-const unmatchedChange = (added: CodeChange[], removed: CodeChange[]) => {
-  const remaining = [...removed];
-
-  for (const change of added) {
-    const index = remaining.findIndex(({ code }) => code === change.code);
-
-    if (index === -1) {
-      return change.filename;
-    }
-
-    remaining.splice(index, 1);
-  }
-
-  return remaining[0]?.filename;
-};
-
-const describeError = (cause: unknown) =>
-  cause instanceof Error ? cause.message : String(cause);
-
-const isNotFound = (cause: unknown) =>
-  cause instanceof Error && "status" in cause && cause.status === 404;
-
-export default async function labelContent({
-  github,
-  context,
-  core,
-}: GitHubScriptArgs<PullRequestPayload>) {
-  const pr = context.payload.pull_request;
-
-  const summary = createSummary(core, {
-    heading: "Content labels",
-    columns: ["Label", "Change", "Reason"],
-    empty: "No content labels changed.",
-  });
-
-  if (process.env.LABELER_OUTCOME === "failure") {
-    summary.warn(
-      "Applying labels from .github/labeler.yml failed, see its step"
-    );
-  }
-
-  // Bot pull requests, such as Prettier bumps, rewrite code they don't change
-  const checkCode = pr.user.type !== "Bot";
-
-  const { owner, repo } = context.repo;
-
-  let files;
-  let existing: Set<string>;
-
-  try {
-    // Read the current labels, as the event's snapshot can be stale by now
-    const [fileList, labels] = await Promise.all([
-      withRetry("pull request files", () =>
-        github.paginate(github.rest.pulls.listFiles, {
-          owner,
-          repo,
-          pull_number: pr.number,
-          per_page: 100,
-        })
-      ),
-      withRetry("pull request labels", () =>
-        github.paginate(github.rest.issues.listLabelsOnIssue, {
-          owner,
-          repo,
-          issue_number: pr.number,
-          per_page: 100,
-        })
-      ),
-    ]);
-
-    files = fileList;
-    existing = new Set(labels.map((l) => l.name));
-  } catch (error) {
-    summary.warn(
-      `Could not read the pull request's files and labels: ${describeError(error)}`
-    );
-    await summary.write();
-
-    return;
-  }
-
-  const add: { label: string; reason: string }[] = [];
-  const remove: string[] = [];
-
-  for (const rule of RULES) {
-    const added: CodeChange[] = [];
-    const removed: CodeChange[] = [];
-
-    if (checkCode) {
-      for (const { filename, patch } of files) {
-        for (const { before, after } of parseHunks(patch ?? "")) {
-          for (const code of changedMatches(after, rule.pattern)) {
-            added.push({ code, filename });
-          }
-
-          for (const code of changedMatches(before, rule.pattern)) {
-            removed.push({ code, filename });
-          }
-        }
-      }
-    }
-
-    // Renames count for both locations, as moving a file out of an area changes it
-    const match =
-      files.find(({ filename, previous_filename }) =>
-        rule.paths.some(
-          (path) =>
-            path.test(filename) ||
-            (previous_filename !== undefined && path.test(previous_filename))
-        )
-      )?.filename ?? unmatchedChange(added, removed);
-
-    if (match && !existing.has(rule.label)) {
-      core.info(`Adding ${rule.label} for ${match}`);
-      add.push({ label: rule.label, reason: match });
-    } else if (!match && existing.has(rule.label)) {
-      core.info(`Removing ${rule.label}, no longer matched`);
-      remove.push(rule.label);
-    }
-  }
-
-  const removals = await Promise.allSettled(
-    remove.map((name) =>
-      withRetry("label removal", () =>
-        github.rest.issues.removeLabel({
-          owner,
-          repo,
-          issue_number: pr.number,
-          name,
-        })
-      )
-    )
-  );
-
-  removals.forEach((removal, i) => {
-    const name = remove[i];
-
-    // Already removed, such as by hand or a run that raced this one
-    if (removal.status === "fulfilled" || isNotFound(removal.reason)) {
-      summary.addRow(name, "Removed", "No longer matched");
-    } else {
-      summary.warn(
-        `Could not remove ${name}: ${describeError(removal.reason)}`
-      );
-    }
-  });
-
-  if (add.length > 0) {
-    try {
-      await withRetry("label addition", () =>
-        github.rest.issues.addLabels({
-          owner,
-          repo,
-          issue_number: pr.number,
-          labels: add.map(({ label }) => label),
-        })
-      );
-
-      for (const { label, reason } of add) {
-        summary.addRow(label, "Added", reason);
-      }
-    } catch (error) {
-      summary.warn(
-        `Could not add ${add.map(({ label }) => label).join(", ")}: ${describeError(error)}`
-      );
-    }
-  }
-
-  await summary.write();
-}

.github/scripts/tsconfig.json

@@ -13,7 +13,7 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "skipLibCheck": true,
-    "types": ["node"]
+    "types": []
   },
   "include": ["*.mts", "*.d.ts"]
 }

.github/workflows/actions-lock.yaml

@@ -1,41 +0,0 @@
-name: Verify actions lockfile
-
-on:
-  push:
-    branches:
-      - dev
-      - master
-    paths:
-      - ".github/actions/**"
-      - ".github/workflows/**"
-  pull_request:
-    branches:
-      - dev
-      - master
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
-  cancel-in-progress: true
-
-permissions:
-  contents: read
-
-jobs:
-  verify:
-    name: Verify actions lockfile
-    runs-on: ubuntu-latest
-    env:
-      GH_ACTIONS_LOCK_VERSION: v0.4.1
-    steps:
-      - name: Check out files from GitHub
-        uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-        with:
-          persist-credentials: false
-      - name: Install gh-actions-lock
-        env:
-          GH_TOKEN: ${{ github.token }}
-        run: gh extension install github/gh-actions-lock --pin "${GH_ACTIONS_LOCK_VERSION}"
-      - name: Verify lockfile
-        env:
-          GH_TOKEN: ${{ github.token }}
-        run: gh actions-lock --verify

.github/workflows/actions.lock

@@ -1,190 +0,0 @@
-# This file is machine-generated by `gh actions-lock`.
-# Do not edit by hand; run `gh actions-lock` to update.
-# Docs: https://gh.io/actions-lockfile
-version: 'v0.0.3'
-workflows:
-    '.github/workflows/actionlint.yaml':
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-    '.github/workflows/actions-lock.yaml':
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-    '.github/workflows/cast_deployment.yaml':
-        - 'actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9'
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-        - 'actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1'
-    '.github/workflows/ci.yaml':
-        - 'actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9'
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-        - 'actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1'
-        - 'actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9'
-    '.github/workflows/codeql-analysis.yaml':
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-        - 'github/codeql-action@9b3254085494b55a0f7c4c2b3d2d52cc712ce370'
-    '.github/workflows/copilot-setup-steps.yml':
-        - 'actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9'
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-        - 'actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1'
-    '.github/workflows/demo_deployment.yaml':
-        - 'actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9'
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-        - 'actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1'
-    '.github/workflows/dependency-review.yaml':
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-        - 'actions/dependency-review-action@a1d282b36b6f3519aa1f3fc636f609c47dddb294'
-        - 'actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3'
-    '.github/workflows/design_deployment.yaml':
-        - 'actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9'
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-        - 'actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1'
-    '.github/workflows/design_preview.yaml':
-        - 'actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9'
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-        - 'actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1'
-    '.github/workflows/e2e.yaml':
-        - 'actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9'
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-        - 'actions/download-artifact@9000827ccba6bdab643e8b6fd33ac0654aef8333'
-        - 'actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3'
-        - 'actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1'
-        - 'actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9'
-    '.github/workflows/labeler.yaml':
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-        - 'actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3'
-        - 'actions/labeler@bf12e9b00b37c5c0ca2b87b79b2daf7891dbda13'
-    '.github/workflows/lock.yaml':
-        - 'dessant/lock-threads@89ae32b08ed1a541efecbab17912962a5e38981c'
-    '.github/workflows/nightly.yaml':
-        - 'actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9'
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-        - 'actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1'
-        - 'actions/setup-python@6d4fd22b20465ccc0f7354476588e8df7c9ca0e0'
-        - 'actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9'
-    '.github/workflows/pull-request-standards.yaml':
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-        - 'actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3'
-    '.github/workflows/relative-ci.yaml':
-        - 'relative-ci/agent-action@711f3a8fa1b928e6afde280011110c9b0a224a60'
-    '.github/workflows/release-drafter.yaml':
-        - 'release-drafter/release-drafter@978bb0b30c5ee8cdd332ced253758157150d43f0'
-    '.github/workflows/release.yaml':
-        - 'actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9'
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-        - 'actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1'
-        - 'actions/setup-python@6d4fd22b20465ccc0f7354476588e8df7c9ca0e0'
-        - 'home-assistant/actions@86d4564712fa02543c808e3a693dd04f9d3f8361'
-        - 'home-assistant/wheels@9e17ab1ed5c4c79d8b61e29fa63de25ca2710716'
-        - 'pypa/gh-action-pypi-publish@7245906fb61fa33a13554f9d5fb856fe61758086'
-    '.github/workflows/restrict-task-creation.yaml':
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-        - 'actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3'
-    '.github/workflows/stale.yaml':
-        - 'actions/stale@4391f3da665fdf50b6810c1a66712fb9ba21aa93'
-    '.github/workflows/sync-device-classes.yaml':
-        - 'actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9'
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-        - 'actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1'
-        - 'peter-evans/create-pull-request@5f6978faf089d4d20b00c7766989d076bb2fc7f1'
-    '.github/workflows/sync-sensor-entity-constants.yaml':
-        - 'actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9'
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-        - 'actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1'
-        - 'peter-evans/create-pull-request@5f6978faf089d4d20b00c7766989d076bb2fc7f1'
-    '.github/workflows/translations.yaml':
-        - 'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1'
-dependencies:
-    'actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9':
-        ref: 'v6.1.0'
-        commit: 'sha1-55cc8345863c7cc4c66a329aec7e433d2d1c52a9'
-        owner_id: 44036562
-        repo_id: 215566462
-    'actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1':
-        ref: 'v7.0.1'
-        commit: 'sha1-3d3c42e5aac5ba805825da76410c181273ba90b1'
-        owner_id: 44036562
-        repo_id: 197814629
-    'actions/dependency-review-action@a1d282b36b6f3519aa1f3fc636f609c47dddb294':
-        ref: 'v5.0.0'
-        commit: 'sha1-a1d282b36b6f3519aa1f3fc636f609c47dddb294'
-        owner_id: 44036562
-        repo_id: 476372928
-    'actions/download-artifact@9000827ccba6bdab643e8b6fd33ac0654aef8333':
-        ref: 'v8.0.2'
-        commit: 'sha1-9000827ccba6bdab643e8b6fd33ac0654aef8333'
-        owner_id: 44036562
-        repo_id: 192626254
-    'actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3':
-        ref: 'v9.0.0'
-        commit: 'sha1-3a2844b7e9c422d3c10d287c895573f7108da1b3'
-        owner_id: 44036562
-        repo_id: 205262760
-    'actions/labeler@bf12e9b00b37c5c0ca2b87b79b2daf7891dbda13':
-        ref: 'v7.0.0'
-        commit: 'sha1-bf12e9b00b37c5c0ca2b87b79b2daf7891dbda13'
-        owner_id: 44036562
-        repo_id: 177139928
-    'actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1':
-        ref: 'v7.1.0'
-        commit: 'sha1-949feb2413d6458794dcd2491c4babbbce0c15c1'
-        owner_id: 44036562
-        repo_id: 189476904
-    'actions/setup-python@6d4fd22b20465ccc0f7354476588e8df7c9ca0e0':
-        ref: 'v7.1.0'
-        commit: 'sha1-6d4fd22b20465ccc0f7354476588e8df7c9ca0e0'
-        owner_id: 44036562
-        repo_id: 192625525
-    'actions/setup-python@a309ff8b426b58ec0e2a45f0f869d46889d02405':
-        ref: 'v6.2.0'
-        commit: 'sha1-a309ff8b426b58ec0e2a45f0f869d46889d02405'
-        owner_id: 44036562
-        repo_id: 192625525
-    'actions/stale@4391f3da665fdf50b6810c1a66712fb9ba21aa93':
-        ref: 'v11.0.0'
-        commit: 'sha1-4391f3da665fdf50b6810c1a66712fb9ba21aa93'
-        owner_id: 44036562
-        repo_id: 200437066
-    'actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9':
-        ref: 'v7.0.2'
-        commit: 'sha1-cf430e030ddbb5b0abf93d22962f4752f3646cd9'
-        owner_id: 44036562
-        repo_id: 192625955
-    'dessant/lock-threads@89ae32b08ed1a541efecbab17912962a5e38981c':
-        ref: 'v6.0.2'
-        commit: 'sha1-89ae32b08ed1a541efecbab17912962a5e38981c'
-        owner_id: 7513068
-        repo_id: 113918130
-    'github/codeql-action@9b3254085494b55a0f7c4c2b3d2d52cc712ce370':
-        ref: 'v4.39.1'
-        commit: 'sha1-9b3254085494b55a0f7c4c2b3d2d52cc712ce370'
-        owner_id: 9919
-        repo_id: 259445878
-    'home-assistant/actions@86d4564712fa02543c808e3a693dd04f9d3f8361':
-        ref: 'master'
-        commit: 'sha1-86d4564712fa02543c808e3a693dd04f9d3f8361'
-        owner_id: 13844975
-        repo_id: 173703505
-    'home-assistant/wheels@9e17ab1ed5c4c79d8b61e29fa63de25ca2710716':
-        ref: '2026.07.0'
-        commit: 'sha1-9e17ab1ed5c4c79d8b61e29fa63de25ca2710716'
-        owner_id: 13844975
-        repo_id: 184234812
-    'peter-evans/create-pull-request@5f6978faf089d4d20b00c7766989d076bb2fc7f1':
-        ref: 'v8.1.1'
-        commit: 'sha1-5f6978faf089d4d20b00c7766989d076bb2fc7f1'
-        owner_id: 18365890
-        repo_id: 197176365
-    'pypa/gh-action-pypi-publish@7245906fb61fa33a13554f9d5fb856fe61758086':
-        ref: 'v1.14.3'
-        commit: 'sha1-7245906fb61fa33a13554f9d5fb856fe61758086'
-        owner_id: 647025
-        repo_id: 178055147
-        uses:
-            - 'actions/setup-python@a309ff8b426b58ec0e2a45f0f869d46889d02405'
-    'relative-ci/agent-action@711f3a8fa1b928e6afde280011110c9b0a224a60':
-        ref: 'v3.2.4'
-        commit: 'sha1-711f3a8fa1b928e6afde280011110c9b0a224a60'
-        owner_id: 43522883
-        repo_id: 398376354
-    'release-drafter/release-drafter@978bb0b30c5ee8cdd332ced253758157150d43f0':
-        ref: 'v7.10.0'
-        commit: 'sha1-978bb0b30c5ee8cdd332ced253758157150d43f0'
-        owner_id: 58292376
-        repo_id: 139022359

.github/workflows/blocking-labels.yaml

@@ -0,0 +1,35 @@
+name: Blocking labels
+
+on:
+  pull_request:
+    types:
+      - opened
+      - synchronize
+      - reopened
+      - labeled
+      - unlabeled
+    branches:
+      - dev
+      - master
+
+permissions:
+  contents: read
+
+jobs:
+  check:
+    name: Check for labels which block the Pull Request from being merged
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out workflow scripts
+        uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
+        with:
+          persist-credentials: false
+          sparse-checkout: .github/scripts
+      - name: Check for blocking labels
+        uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
+        with:
+          script: |
+            const { default: checkBlockingLabels } = await import(
+              `${process.env.GITHUB_WORKSPACE}/.github/scripts/check-blocking-labels.mts`
+            );
+            await checkBlockingLabels({ github, context, core });

.github/workflows/cast_deployment.yaml

@@ -30,17 +30,17 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node and install
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
 
       - name: Build Cast
-        uses: $/.github/actions/build
+        uses: ./.github/actions/build
         with:
           target: build-cast
           github-token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Deploy to Netlify
         id: deploy
-        uses: $/.github/actions/netlify-deploy
+        uses: ./.github/actions/netlify-deploy
         with:
           dir: cast/dist
           alias: dev
@@ -62,17 +62,17 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node and install
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
 
       - name: Build Cast
-        uses: $/.github/actions/build
+        uses: ./.github/actions/build
         with:
           target: build-cast
           github-token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Deploy to Netlify
         id: deploy
-        uses: $/.github/actions/netlify-deploy
+        uses: ./.github/actions/netlify-deploy
         with:
           dir: cast/dist
           auth-token: ${{ secrets.NETLIFY_AUTH_TOKEN }}

.github/workflows/ci.yaml

@@ -31,7 +31,7 @@ jobs:
         with:
           persist-credentials: false
       - name: Prepare dependencies
-        uses: $/.github/actions/prepare-dependencies
+        uses: ./.github/actions/prepare-dependencies
 
   lint:
     name: Lint and check format
@@ -43,7 +43,7 @@ jobs:
         with:
           persist-credentials: false
       - name: Setup Node with shared dependencies
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
         with:
           node-modules-cache: true
       - name: Check for duplicate dependencies
@@ -89,7 +89,7 @@ jobs:
         with:
           persist-credentials: false
       - name: Setup Node with shared dependencies
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
         with:
           node-modules-cache: true
       - name: Build resources
@@ -100,9 +100,12 @@ jobs:
         run: pnpm run test
   build:
     name: Build frontend
-    needs:
-      - lint
-      - test
+    # Runs alongside lint and test rather than after them: the build only needs
+    # the dependency tree, and with the rspack cache it is no longer expensive
+    # enough to be worth serialising behind the other checks. The
+    # cancel-on-failure job below stops the run as soon as a check fails, so a
+    # broken pull request does not finish building.
+    needs: prepare-dependencies
     runs-on: ubuntu-latest
     steps:
       - name: Check out files from GitHub
@@ -110,7 +113,7 @@ jobs:
         with:
           persist-credentials: false
       - name: Setup Node with shared dependencies
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
         with:
           node-modules-cache: true
       # Read-only reuse of the rspack cache written by the nightly (see
@@ -127,14 +130,14 @@ jobs:
           restore-keys: |
             rspack-cache-${{ runner.os }}-
       - name: Build Application
-        uses: $/.github/actions/build
+        uses: ./.github/actions/build
         with:
           target: build-app
           github-token: ${{ secrets.GITHUB_TOKEN }}
           is-test: true
           rspack-cache: readonly
       - name: Upload bundle stats
-        uses: actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9 # v7.0.2
+        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
         with:
           name: frontend-bundle-stats
           path: build/stats/*.json
@@ -142,9 +145,60 @@ jobs:
       - name: Check entrypoint bundle size budget
         run: pnpm run check-bundlesize
       - name: Upload frontend build
-        uses: actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9 # v7.0.2
+        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
         with:
           name: frontend-build
           path: hass_frontend/
           if-no-files-found: error
           retention-days: 7
+
+  # Now that the checks run in parallel, a failing lint or test no longer stops
+  # the build from finishing on its own, so this watches them and cancels the
+  # whole run on the first failure.
+  #
+  # It is a separate job on purpose. Cancelling needs `actions: write`, and the
+  # other jobs check out the pull request and run its build scripts — handing
+  # them that scope would give PR-controlled code (or a compromised dependency)
+  # write access to Actions. This job never checks out the repository, so the
+  # elevated token stays away from PR code. It also cannot be a job that
+  # `needs` the checks: that would only start once they have all finished, which
+  # is exactly too late to cancel anything.
+  cancel-on-failure:
+    name: Cancel run on failure
+    needs: prepare-dependencies
+    runs-on: ubuntu-latest
+    permissions:
+      actions: write
+    timeout-minutes: 30
+    steps:
+      - name: Cancel the run when a check fails
+        env:
+          GH_TOKEN: ${{ github.token }}
+          REPO: ${{ github.repository }}
+          RUN_ID: ${{ github.run_id }}
+        run: |
+          watched='^(Lint and check format|Run tests|Build frontend)$'
+          while :; do
+            jobs=$(gh api "repos/$REPO/actions/runs/$RUN_ID/jobs?per_page=100" \
+              --paginate --jq '.jobs[] | [.name, .status, (.conclusion // "")] | @tsv' \
+              2>/dev/null || true)
+
+            failed=$(printf '%s\n' "$jobs" | awk -F'\t' -v w="$watched" \
+              '$1 ~ w && ($3 == "failure" || $3 == "timed_out") { print $1 }')
+            if [ -n "$failed" ]; then
+              echo "Cancelling the run, these checks failed:"
+              printf '%s\n' "$failed"
+              gh run cancel "$RUN_ID" --repo "$REPO" || true
+              exit 0
+            fi
+
+            found=$(printf '%s\n' "$jobs" | awk -F'\t' -v w="$watched" '$1 ~ w' | wc -l)
+            running=$(printf '%s\n' "$jobs" | awk -F'\t' -v w="$watched" \
+              '$1 ~ w && $2 != "completed" { print $1 }')
+            if [ "$found" -ge 3 ] && [ -z "$running" ]; then
+              echo "All checks finished without failure"
+              exit 0
+            fi
+
+            sleep 15
+          done

.github/workflows/codeql-analysis.yaml

@@ -32,12 +32,12 @@ jobs:
           persist-credentials: false
 
       - name: Initialize CodeQL
-        uses: github/codeql-action/init@9b3254085494b55a0f7c4c2b3d2d52cc712ce370 # v4.39.1
+        uses: github/codeql-action/init@1c5b675653bb5c22dbe9b12b556ec555138e09fd # v4.38.1
         with:
           languages: javascript-typescript
           build-mode: none
 
       - name: Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@9b3254085494b55a0f7c4c2b3d2d52cc712ce370 # v4.39.1
+        uses: github/codeql-action/analyze@1c5b675653bb5c22dbe9b12b556ec555138e09fd # v4.38.1
         with:
           category: "/language:javascript-typescript"

.github/workflows/copilot-setup-steps.yml

@@ -22,45 +22,10 @@ jobs:
         with:
           persist-credentials: false
 
-      # These steps mirror .github/actions/setup with node-modules-cache enabled.
-      # Copilot runs this workflow in a context that can't resolve `$/`
-      # self-repository actions, so the steps are inlined here.
-      - name: Restore complete dependency tree
-        id: dependency-cache
-        continue-on-error: true
-        uses: actions/cache/restore@55cc8345863c7cc4c66a329aec7e433d2d1c52a9 # v6.1.0
+      - name: Setup Node and install
+        uses: ./.github/actions/setup
         with:
-          path: |
-            node_modules
-            ~/.local/share/pnpm/store
-          key: >-
-            node-modules-v1-${{ runner.os }}-${{ runner.arch }}-${{
-            hashFiles('.nvmrc', 'package.json', 'pnpm-lock.yaml', 'pnpm-workspace.yaml', 'patches/**') }}
-
-      - name: Setup Node
-        uses: actions/setup-node@949feb2413d6458794dcd2491c4babbbce0c15c1 # v7.1.0
-        with:
-          node-version-file: ".nvmrc"
-
-      - name: Enable Corepack
-        run: corepack enable
-
-      - name: Get pnpm store directory
-        id: pnpm-store
-        if: steps.dependency-cache.outputs.cache-hit != 'true'
-        run: echo "path=$(pnpm store path --silent)" >> "$GITHUB_OUTPUT"
-
-      - name: Cache pnpm store
-        if: steps.pnpm-store.outputs.path
-        uses: actions/cache@55cc8345863c7cc4c66a329aec7e433d2d1c52a9 # v6.1.0
-        with:
-          path: ${{ steps.pnpm-store.outputs.path }}
-          key: pnpm-store-${{ runner.os }}-${{ runner.arch }}-${{ hashFiles('pnpm-lock.yaml') }}
-          restore-keys: pnpm-store-${{ runner.os }}-${{ runner.arch }}-
-
-      - name: Install dependencies
-        if: steps.dependency-cache.outputs.cache-hit != 'true'
-        run: pnpm install --frozen-lockfile
+          node-modules-cache: true
 
       - name: Skip fetching nightly translations
         run: echo "SKIP_FETCH_NIGHTLY_TRANSLATIONS=1" >> "$GITHUB_ENV"

.github/workflows/demo_deployment.yaml

@@ -31,17 +31,17 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node and install
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
 
       - name: Build Demo
-        uses: $/.github/actions/build
+        uses: ./.github/actions/build
         with:
           target: build-demo
           github-token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Deploy to Netlify
         id: deploy
-        uses: $/.github/actions/netlify-deploy
+        uses: ./.github/actions/netlify-deploy
         with:
           dir: demo/dist
           auth-token: ${{ secrets.NETLIFY_AUTH_TOKEN }}
@@ -62,17 +62,17 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node and install
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
 
       - name: Build Demo
-        uses: $/.github/actions/build
+        uses: ./.github/actions/build
         with:
           target: build-demo
           github-token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Deploy to Netlify
         id: deploy
-        uses: $/.github/actions/netlify-deploy
+        uses: ./.github/actions/netlify-deploy
         with:
           dir: demo/dist
           auth-token: ${{ secrets.NETLIFY_AUTH_TOKEN }}

.github/workflows/dependency-review.yaml

@@ -1,55 +0,0 @@
-name: Dependency review
-
-on:
-  pull_request:
-    branches:
-      - dev
-    paths:
-      - package.json
-      - pnpm-lock.yaml
-      - pnpm-workspace.yaml
-  schedule:
-    - cron: "0 6 1 * *" # Monthly report on all direct dependencies
-  workflow_dispatch:
-
-permissions: {}
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
-  cancel-in-progress: true
-
-jobs:
-  dependency-review:
-    name: Review dependency changes
-    if: github.event_name == 'pull_request'
-    runs-on: ubuntu-latest
-    permissions:
-      contents: read # To compare the dependency graph between base and head
-    steps:
-      - name: Dependency review
-        uses: actions/dependency-review-action@a1d282b36b6f3519aa1f3fc636f609c47dddb294 # v5.0.0
-        with:
-          license-check: false # Covered by pnpm lint:licenses
-          fail-on-severity: high
-          show-openssf-scorecard: true
-          warn-on-openssf-scorecard-level: 3
-
-  npm-metadata:
-    name: Check npm metadata
-    runs-on: ubuntu-latest
-    permissions:
-      contents: read # To read package.json
-    steps:
-      - name: Check out workflow scripts
-        uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-        with:
-          persist-credentials: false
-          sparse-checkout: .github/scripts
-      - name: Check npm metadata
-        uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
-        with:
-          script: |
-            const { default: checkNpmMetadata } = await import(
-              `${process.env.GITHUB_WORKSPACE}/.github/scripts/check-npm-metadata.mts`
-            );
-            await checkNpmMetadata({ github, context, core });

.github/workflows/design_deployment.yaml

@@ -25,17 +25,17 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node and install
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
 
       - name: Build Gallery
-        uses: $/.github/actions/build
+        uses: ./.github/actions/build
         with:
           target: build-gallery
           github-token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Deploy to Netlify
         id: deploy
-        uses: $/.github/actions/netlify-deploy
+        uses: ./.github/actions/netlify-deploy
         with:
           dir: gallery/dist
           auth-token: ${{ secrets.NETLIFY_AUTH_TOKEN }}

.github/workflows/design_preview.yaml

@@ -29,17 +29,17 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node and install
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
 
       - name: Build Gallery
-        uses: $/.github/actions/build
+        uses: ./.github/actions/build
         with:
           target: build-gallery
           github-token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Deploy preview to Netlify
         id: deploy
-        uses: $/.github/actions/netlify-deploy
+        uses: ./.github/actions/netlify-deploy
         with:
           dir: gallery/dist
           alias: deploy-preview-${{ github.event.number }}

.github/workflows/e2e.yaml

@@ -32,13 +32,13 @@ jobs:
           persist-credentials: false
 
       - name: Prepare dependencies
-        uses: $/.github/actions/prepare-dependencies
+        uses: ./.github/actions/prepare-dependencies
 
   prepare-container-dependencies:
     name: Prepare container dependencies
     runs-on: ubuntu-latest
     container:
-      image: mcr.microsoft.com/playwright:v1.64.1-noble@sha256:47b510dd9230bf0b9bfc9b20102241e577ea7a99334ab4c3ca19f19770e9b8ea
+      image: mcr.microsoft.com/playwright:v1.63.0-noble
       options: --user 1001
     defaults:
       run:
@@ -50,7 +50,7 @@ jobs:
           persist-credentials: false
 
       - name: Prepare dependencies
-        uses: $/.github/actions/prepare-dependencies
+        uses: ./.github/actions/prepare-dependencies
         with:
           node-modules-cache-key: node-modules-container-v1
 
@@ -66,19 +66,19 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node with shared dependencies
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
         with:
           node-modules-cache: true
 
       - name: Build demo
-        uses: $/.github/actions/build
+        uses: ./.github/actions/build
         with:
           target: build-demo-e2e
           github-token: ${{ secrets.GITHUB_TOKEN }}
           is-test: true
 
       - name: Upload demo build
-        uses: actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9 # v7.0.2
+        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
         with:
           name: demo-dist
           path: demo/dist/
@@ -97,19 +97,19 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node with shared dependencies
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
         with:
           node-modules-cache: true
 
       - name: Build e2e test app
-        uses: $/.github/actions/build
+        uses: ./.github/actions/build
         with:
           target: build-e2e-test-app-e2e
           github-token: ${{ secrets.GITHUB_TOKEN }}
           is-test: true
 
       - name: Upload e2e test app build
-        uses: actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9 # v7.0.2
+        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
         with:
           name: e2e-test-app-dist
           path: test/e2e/app/dist/
@@ -128,19 +128,19 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node with shared dependencies
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
         with:
           node-modules-cache: true
 
       - name: Build gallery
-        uses: $/.github/actions/build
+        uses: ./.github/actions/build
         with:
           target: build-gallery
           github-token: ${{ secrets.GITHUB_TOKEN }}
           is-test: true
 
       - name: Upload gallery build
-        uses: actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9 # v7.0.2
+        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
         with:
           name: gallery-dist
           path: gallery/dist/
@@ -155,7 +155,7 @@ jobs:
       - prepare-container-dependencies
     runs-on: ubuntu-latest
     container:
-      image: mcr.microsoft.com/playwright:v1.64.1-noble@sha256:47b510dd9230bf0b9bfc9b20102241e577ea7a99334ab4c3ca19f19770e9b8ea
+      image: mcr.microsoft.com/playwright:v1.63.0-noble
       options: --user 1001 --ipc=host
     defaults:
       run:
@@ -176,13 +176,13 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node with shared dependencies
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
         with:
           node-modules-cache: true
           node-modules-cache-key: node-modules-container-v1
 
       - name: Download demo build
-        uses: actions/download-artifact@9000827ccba6bdab643e8b6fd33ac0654aef8333 # v8.0.2
+        uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8.0.1
         with:
           name: demo-dist
           path: demo/dist/
@@ -192,7 +192,7 @@ jobs:
         timeout-minutes: 15
 
       - name: Upload demo blob report
-        uses: actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9 # v7.0.2
+        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
         if: always()
         with:
           name: blob-report-demo-${{ matrix.shardIndex }}
@@ -207,7 +207,7 @@ jobs:
       - prepare-container-dependencies
     runs-on: ubuntu-latest
     container:
-      image: mcr.microsoft.com/playwright:v1.64.1-noble@sha256:47b510dd9230bf0b9bfc9b20102241e577ea7a99334ab4c3ca19f19770e9b8ea
+      image: mcr.microsoft.com/playwright:v1.63.0-noble
       options: --user 1001 --ipc=host
     defaults:
       run:
@@ -230,13 +230,13 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node with shared dependencies
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
         with:
           node-modules-cache: true
           node-modules-cache-key: node-modules-container-v1
 
       - name: Download e2e test app build
-        uses: actions/download-artifact@9000827ccba6bdab643e8b6fd33ac0654aef8333 # v8.0.2
+        uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8.0.1
         with:
           name: e2e-test-app-dist
           path: test/e2e/app/dist/
@@ -246,7 +246,7 @@ jobs:
         timeout-minutes: 15
 
       - name: Upload app blob report
-        uses: actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9 # v7.0.2
+        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
         if: always()
         with:
           name: blob-report-app-${{ matrix.shardIndex }}
@@ -261,7 +261,7 @@ jobs:
       - prepare-container-dependencies
     runs-on: ubuntu-latest
     container:
-      image: mcr.microsoft.com/playwright:v1.64.1-noble@sha256:47b510dd9230bf0b9bfc9b20102241e577ea7a99334ab4c3ca19f19770e9b8ea
+      image: mcr.microsoft.com/playwright:v1.63.0-noble
       options: --user 1001 --ipc=host
     defaults:
       run:
@@ -284,13 +284,13 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node with shared dependencies
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
         with:
           node-modules-cache: true
           node-modules-cache-key: node-modules-container-v1
 
       - name: Download gallery build
-        uses: actions/download-artifact@9000827ccba6bdab643e8b6fd33ac0654aef8333 # v8.0.2
+        uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8.0.1
         with:
           name: gallery-dist
           path: gallery/dist/
@@ -300,7 +300,7 @@ jobs:
         timeout-minutes: 15
 
       - name: Upload gallery blob report
-        uses: actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9 # v7.0.2
+        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
         if: always()
         with:
           name: blob-report-gallery-${{ matrix.shardIndex }}
@@ -326,26 +326,26 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node with shared dependencies
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
         with:
           node-modules-cache: true
 
       - name: Download demo blob reports
-        uses: actions/download-artifact@9000827ccba6bdab643e8b6fd33ac0654aef8333 # v8.0.2
+        uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8.0.1
         continue-on-error: true
         with:
           pattern: blob-report-demo-*
           path: test/e2e/reports/demo/
 
       - name: Download app blob reports
-        uses: actions/download-artifact@9000827ccba6bdab643e8b6fd33ac0654aef8333 # v8.0.2
+        uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8.0.1
         continue-on-error: true
         with:
           pattern: blob-report-app-*
           path: test/e2e/reports/app/
 
       - name: Download gallery blob reports
-        uses: actions/download-artifact@9000827ccba6bdab643e8b6fd33ac0654aef8333 # v8.0.2
+        uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8.0.1
         continue-on-error: true
         with:
           pattern: blob-report-gallery-*
@@ -359,7 +359,7 @@ jobs:
 
       - name: Upload merged HTML report
         id: upload-report
-        uses: actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9 # v7.0.2
+        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
         with:
           name: playwright-report
           path: test/e2e/reports/combined/

.github/workflows/labeler.yaml

@@ -1,11 +1,6 @@
 name: "Pull Request Labeler"
 
-on: pull_request_target # zizmor: ignore[dangerous-triggers] -- safe: checks out base repo scripts only and reads PR files through the API, never PR head code
-
-# Runs one at a time per pull request, so an older run can't undo a newer one
-concurrency:
-  group: ${{ github.workflow }}-${{ github.event.pull_request.number }}
-  cancel-in-progress: true
+on: pull_request_target # zizmor: ignore[dangerous-triggers] -- safe: only runs actions/labeler, no PR code checkout
 
 jobs:
   triage:
@@ -15,24 +10,6 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Apply labels
-        id: labeler
-        continue-on-error: true
         uses: actions/labeler@bf12e9b00b37c5c0ca2b87b79b2daf7891dbda13 # v7.0.0
         with:
           sync-labels: true
-      - name: Check out workflow scripts
-        uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-        with:
-          persist-credentials: false
-          sparse-checkout: .github/scripts
-      - name: Apply content labels
-        continue-on-error: true
-        uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
-        env:
-          LABELER_OUTCOME: ${{ steps.labeler.outcome }}
-        with:
-          script: |
-            const { default: labelContent } = await import(
-              `${process.env.GITHUB_WORKSPACE}/.github/scripts/label-content.mts`
-            );
-            await labelContent({ github, context, core });

.github/workflows/nightly.yaml

@@ -26,12 +26,12 @@ jobs:
           persist-credentials: false
 
       - name: Set up Python ${{ env.PYTHON_VERSION }}
-        uses: actions/setup-python@6d4fd22b20465ccc0f7354476588e8df7c9ca0e0 # v7.1.0
+        uses: actions/setup-python@5fda3b95a4ea91299a34e894583c3862153e4b97 # v7.0.0
         with:
           python-version: ${{ env.PYTHON_VERSION }}
 
       - name: Setup Node and install
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
         with:
           immutable: false
 
@@ -104,7 +104,7 @@ jobs:
           key: rspack-cache-${{ runner.os }}-${{ github.run_id }}-${{ github.run_attempt }}
 
       - name: Upload build artifacts
-        uses: actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9 # v7.0.2
+        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
         with:
           name: wheels
           path: dist/home_assistant_frontend*.whl
@@ -124,7 +124,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node and install
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
         with:
           immutable: false
 
@@ -137,7 +137,7 @@ jobs:
         run: tar -czvf translations.tar.gz translations
 
       - name: Upload translations
-        uses: actions/upload-artifact@cf430e030ddbb5b0abf93d22962f4752f3646cd9 # v7.0.2
+        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
         with:
           name: translations
           path: translations.tar.gz

.github/workflows/relative-ci.yaml

@@ -18,7 +18,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Send bundle stats and build information to RelativeCI
-        uses: relative-ci/agent-action@711f3a8fa1b928e6afde280011110c9b0a224a60 # v3.2.4
+        uses: relative-ci/agent-action@fcf45416581928e8dd62eded78ce98c78e5149f8 # v3.2.3
         with:
           key: ${{ secrets.RELATIVE_CI_KEY_frontend_modern }}
           token: ${{ github.token }}
@@ -31,7 +31,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Send bundle stats and build information to RelativeCI
-        uses: relative-ci/agent-action@711f3a8fa1b928e6afde280011110c9b0a224a60 # v3.2.4
+        uses: relative-ci/agent-action@fcf45416581928e8dd62eded78ce98c78e5149f8 # v3.2.3
         with:
           key: ${{ secrets.RELATIVE_CI_KEY_frontend_legacy }}
           token: ${{ github.token }}

.github/workflows/release-drafter.yaml

@@ -19,6 +19,6 @@ jobs:
       pull-requests: read
     runs-on: ubuntu-latest
     steps:
-      - uses: release-drafter/release-drafter@978bb0b30c5ee8cdd332ced253758157150d43f0 # v7.10.0
+      - uses: release-drafter/release-drafter@34d80673e067bdc0c24568d3af899c216adcfaa9 # v7.7.0
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/release.yaml

@@ -31,15 +31,15 @@ jobs:
           persist-credentials: false
 
       - name: Set up Python ${{ env.PYTHON_VERSION }}
-        uses: actions/setup-python@6d4fd22b20465ccc0f7354476588e8df7c9ca0e0 # v7.1.0
+        uses: actions/setup-python@5fda3b95a4ea91299a34e894583c3862153e4b97 # v7.0.0
         with:
           python-version: ${{ env.PYTHON_VERSION }}
 
       - name: Verify version
-        uses: home-assistant/actions/helpers/verify-version@86d4564712fa02543c808e3a693dd04f9d3f8361 # master
+        uses: home-assistant/actions/helpers/verify-version@58bff37c8947f690ace498be413a9b78d6f30f93 # master
 
       - name: Setup Node and install
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
         with:
           immutable: false
           cache: false
@@ -85,7 +85,7 @@ jobs:
           key: compress-cache-${{ runner.os }}-${{ github.run_id }}-${{ github.run_attempt }}
 
       - name: Publish to PyPI
-        uses: pypa/gh-action-pypi-publish@7245906fb61fa33a13554f9d5fb856fe61758086 # v1.14.3
+        uses: pypa/gh-action-pypi-publish@dc37677b2e1c63e2034f94d8a5b11f265b73ba33 # v1.14.2
         with:
           skip-existing: true
 
@@ -146,7 +146,7 @@ jobs:
         with:
           persist-credentials: false
       - name: Setup Node and install
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
         with:
           immutable: false
           cache: false

.github/workflows/restrict-task-creation.yaml

@@ -15,33 +15,22 @@ jobs:
     name: Add no-stale label
     runs-on: ubuntu-latest
     permissions:
-      contents: read # To check out workflow scripts
       issues: write # To add labels to issues
     if: >-
       github.event.issue.type.name == 'Task'
       || github.event.issue.type.name == 'Epic'
       || github.event.issue.type.name == 'Opportunity'
     steps:
-      - name: Check out workflow scripts
-        uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-        with:
-          persist-credentials: false
-          sparse-checkout: .github/scripts
       - name: Add no-stale label
         uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
         with:
           script: |
-            const { withRetry } = await import(
-              `${process.env.GITHUB_WORKSPACE}/.github/scripts/github-retry.mts`
-            );
-            await withRetry("no-stale label", () =>
-              github.rest.issues.addLabels({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                issue_number: context.issue.number,
-                labels: ['no-stale']
-              })
-            );
+            await github.rest.issues.addLabels({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: context.issue.number,
+              labels: ['no-stale']
+            });
 
   check-authorization:
     name: Check authorization

.github/workflows/stale.yaml

@@ -15,12 +15,11 @@ jobs:
     if: github.repository == 'home-assistant/frontend'
     runs-on: ubuntu-latest
     steps:
-      - name: Stale policy
+      - name: 90 days stale policy
         uses: actions/stale@4391f3da665fdf50b6810c1a66712fb9ba21aa93 # v11.0.0
         with:
           repo-token: ${{ secrets.GITHUB_TOKEN }}
-          days-before-issue-stale: 90
-          days-before-pr-stale: 60
+          days-before-stale: 90
           days-before-close: 7
           operations-per-run: 25
           remove-stale-when-updated: true

.github/workflows/sync-device-classes.yaml

@@ -27,7 +27,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node and install
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
 
       - name: Regenerate device class constants
         run: ./script/gen_device_classes

.github/workflows/sync-sensor-entity-constants.yaml

@@ -28,7 +28,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node and install
-        uses: $/.github/actions/setup
+        uses: ./.github/actions/setup
 
       - name: Regenerate sensor entity constants
         run: ./script/gen_sensor_entity_constants

.gitignore

@@ -67,3 +67,4 @@ test/e2e/app/dist/
 .serena
 
 test/benchmarks/results/
+

.nvmrc

@@ -1 +1 @@
-24.22.2
+24.21.0

AGENTS.md

@@ -40,13 +40,12 @@ Never run `tsc` or `pnpm lint:types` with file arguments. When `tsc` receives fi
 Detailed guidance lives in `.agents/skills/<name>/SKILL.md`. Load every matching skill before detailed implementation or review. For reviews, load `ha-frontend-review` alongside all companions that apply to the changed code or behavior:
 
 - `ha-frontend-contexts`: Lit contexts, `hass` migration, and rerender-sensitive state access.
-- `ha-frontend-components`: dialogs, forms, alerts, loading states, shortcuts, tooltips, panels, and Lovelace cards.
+- `ha-frontend-components`: dialogs, forms, alerts, shortcuts, tooltips, panels, and Lovelace cards.
 - `ha-frontend-events`: event handler typing, custom event dispatch, and event-map declarations.
 - `ha-frontend-types`: backend data contracts, optional schemas, shared types, assertions, and lifecycle types.
 - `ha-frontend-lit`: reactive fields, DOM queries, lifecycle behavior, and render-derived state.
 - `ha-frontend-styling`: theme variables, spacing tokens, responsive layout, RTL, and view transitions.
 - `ha-frontend-testing`: lint, typecheck, Vitest, Playwright e2e dev servers, and benchmarks.
-- `ha-frontend-query-params`: typed URL query params, `QueryParamsController`, data table URL sync, in-app links, and My Home Assistant redirect params.
 - `ha-frontend-user-facing-text`: localization, terminology, sentence case, and Home Assistant text style.
 - `ha-frontend-review`: PR template use, existing review feedback, review checklist, recurring issues, and UI/UX evidence including gallery specifications.
 - `ha-frontend-ux-readiness`: UI/UX routing that complements frontend review for new user experiences.

AI_POLICY.md

@@ -41,5 +41,5 @@ Contributions that do not follow this policy will be closed. Repeated violations
 ---
 
 The canonical version of this policy is published at
-<https://contributors.home-assistant.io/start/ai-policy/>. In case of differences,
+<https://developers.home-assistant.io/docs/ai_policy>. In case of differences,
 the published version applies.

LICENSE.md

@@ -1,201 +1,194 @@
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
+Apache License
+==============
 
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+_Version 2.0, January 2004_
+_&lt;<http://www.apache.org/licenses/>&gt;_
 
-   1. Definitions.
+### Terms and Conditions for use, reproduction, and distribution
 
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
+#### 1. Definitions
 
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
+“License” shall mean the terms and conditions for use, reproduction, and
+distribution as defined by Sections 1 through 9 of this document.
 
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
+“Licensor” shall mean the copyright owner or entity authorized by the copyright
+owner that is granting the License.
 
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
+“Legal Entity” shall mean the union of the acting entity and all other entities
+that control, are controlled by, or are under common control with that entity.
+For the purposes of this definition, “control” means **(i)** the power, direct or
+indirect, to cause the direction or management of such entity, whether by
+contract or otherwise, or **(ii)** ownership of fifty percent (50%) or more of the
+outstanding shares, or **(iii)** beneficial ownership of such entity.
 
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
+“You” (or “Your”) shall mean an individual or Legal Entity exercising
+permissions granted by this License.
 
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
+“Source” form shall mean the preferred form for making modifications, including
+but not limited to software source code, documentation source, and configuration
+files.
 
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
+“Object” form shall mean any form resulting from mechanical transformation or
+translation of a Source form, including but not limited to compiled object code,
+generated documentation, and conversions to other media types.
 
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
+“Work” shall mean the work of authorship, whether in Source or Object form, made
+available under the License, as indicated by a copyright notice that is included
+in or attached to the work (an example is provided in the Appendix below).
 
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
+“Derivative Works” shall mean any work, whether in Source or Object form, that
+is based on (or derived from) the Work and for which the editorial revisions,
+annotations, elaborations, or other modifications represent, as a whole, an
+original work of authorship. For the purposes of this License, Derivative Works
+shall not include works that remain separable from, or merely link (or bind by
+name) to the interfaces of, the Work and Derivative Works thereof.
 
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
+“Contribution” shall mean any work of authorship, including the original version
+of the Work and any modifications or additions to that Work or Derivative Works
+thereof, that is intentionally submitted to Licensor for inclusion in the Work
+by the copyright owner or by an individual or Legal Entity authorized to submit
+on behalf of the copyright owner. For the purposes of this definition,
+“submitted” means any form of electronic, verbal, or written communication sent
+to the Licensor or its representatives, including but not limited to
+communication on electronic mailing lists, source code control systems, and
+issue tracking systems that are managed by, or on behalf of, the Licensor for
+the purpose of discussing and improving the Work, but excluding communication
+that is conspicuously marked or otherwise designated in writing by the copyright
+owner as “Not a Contribution.”
 
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
+“Contributor” shall mean Licensor and any individual or Legal Entity on behalf
+of whom a Contribution has been received by Licensor and subsequently
+incorporated within the Work.
 
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
+#### 2. Grant of Copyright License
 
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
+Subject to the terms and conditions of this License, each Contributor hereby
+grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free,
+irrevocable copyright license to reproduce, prepare Derivative Works of,
+publicly display, publicly perform, sublicense, and distribute the Work and such
+Derivative Works in Source or Object form.
 
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
+#### 3. Grant of Patent License
 
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
+Subject to the terms and conditions of this License, each Contributor hereby
+grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free,
+irrevocable (except as stated in this section) patent license to make, have
+made, use, offer to sell, sell, import, and otherwise transfer the Work, where
+such license applies only to those patent claims licensable by such Contributor
+that are necessarily infringed by their Contribution(s) alone or by combination
+of their Contribution(s) with the Work to which such Contribution(s) was
+submitted. If You institute patent litigation against any entity (including a
+cross-claim or counterclaim in a lawsuit) alleging that the Work or a
+Contribution incorporated within the Work constitutes direct or contributory
+patent infringement, then any patent licenses granted to You under this License
+for that Work shall terminate as of the date such litigation is filed.
 
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
+#### 4. Redistribution
 
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
+You may reproduce and distribute copies of the Work or Derivative Works thereof
+in any medium, with or without modifications, and in Source or Object form,
+provided that You meet the following conditions:
 
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
+* **(a)** You must give any other recipients of the Work or Derivative Works a copy of
+this License; and
+* **(b)** You must cause any modified files to carry prominent notices stating that You
+changed the files; and
+* **(c)** You must retain, in the Source form of any Derivative Works that You distribute,
+all copyright, patent, trademark, and attribution notices from the Source form
+of the Work, excluding those notices that do not pertain to any part of the
+Derivative Works; and
+* **(d)** If the Work includes a “NOTICE” text file as part of its distribution, then any
+Derivative Works that You distribute must include a readable copy of the
+attribution notices contained within such NOTICE file, excluding those notices
+that do not pertain to any part of the Derivative Works, in at least one of the
+following places: within a NOTICE text file distributed as part of the
+Derivative Works; within the Source form or documentation, if provided along
+with the Derivative Works; or, within a display generated by the Derivative
+Works, if and wherever such third-party notices normally appear. The contents of
+the NOTICE file are for informational purposes only and do not modify the
+License. You may add Your own attribution notices within Derivative Works that
+You distribute, alongside or as an addendum to the NOTICE text from the Work,
+provided that such additional attribution notices cannot be construed as
+modifying the License.
 
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
+You may add Your own copyright statement to Your modifications and may provide
+additional or different license terms and conditions for use, reproduction, or
+distribution of Your modifications, or for any such Derivative Works as a whole,
+provided Your use, reproduction, and distribution of the Work otherwise complies
+with the conditions stated in this License.
 
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
+#### 5. Submission of Contributions
 
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
+Unless You explicitly state otherwise, any Contribution intentionally submitted
+for inclusion in the Work by You to the Licensor shall be under the terms and
+conditions of this License, without any additional terms or conditions.
+Notwithstanding the above, nothing herein shall supersede or modify the terms of
+any separate license agreement you may have executed with Licensor regarding
+such Contributions.
 
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
+#### 6. Trademarks
 
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
+This License does not grant permission to use the trade names, trademarks,
+service marks, or product names of the Licensor, except as required for
+reasonable and customary use in describing the origin of the Work and
+reproducing the content of the NOTICE file.
 
-   END OF TERMS AND CONDITIONS
+#### 7. Disclaimer of Warranty
 
-   APPENDIX: How to apply the Apache License to your work.
+Unless required by applicable law or agreed to in writing, Licensor provides the
+Work (and each Contributor provides its Contributions) on an “AS IS” BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied,
+including, without limitation, any warranties or conditions of TITLE,
+NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are
+solely responsible for determining the appropriateness of using or
+redistributing the Work and assume any risks associated with Your exercise of
+permissions under this License.
 
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
+#### 8. Limitation of Liability
 
-   Copyright [yyyy] [name of copyright owner]
+In no event and under no legal theory, whether in tort (including negligence),
+contract, or otherwise, unless required by applicable law (such as deliberate
+and grossly negligent acts) or agreed to in writing, shall any Contributor be
+liable to You for damages, including any direct, indirect, special, incidental,
+or consequential damages of any character arising as a result of this License or
+out of the use or inability to use the Work (including but not limited to
+damages for loss of goodwill, work stoppage, computer failure or malfunction, or
+any and all other commercial damages or losses), even if such Contributor has
+been advised of the possibility of such damages.
 
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
+#### 9. Accepting Warranty or Additional Liability
 
-       http://www.apache.org/licenses/LICENSE-2.0
+While redistributing the Work or Derivative Works thereof, You may choose to
+offer, and charge a fee for, acceptance of support, warranty, indemnity, or
+other liability obligations and/or rights consistent with this License. However,
+in accepting such obligations, You may act only on Your own behalf and on Your
+sole responsibility, not on behalf of any other Contributor, and only if You
+agree to indemnify, defend, and hold each Contributor harmless for any liability
+incurred by, or claims asserted against, such Contributor by reason of your
+accepting any such warranty or additional liability.
 
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
+_END OF TERMS AND CONDITIONS_
+
+### APPENDIX: How to apply the Apache License to your work
+
+To apply the Apache License to your work, attach the following boilerplate
+notice, with the fields enclosed by brackets `[]` replaced with your own
+identifying information. (Don't include the brackets!) The text should be
+enclosed in the appropriate comment syntax for the file format. We also
+recommend that a file or class name and description of purpose be included on
+the same “printed page” as the copyright notice for easier identification within
+third-party archives.
+
+    Copyright [yyyy] [name of copyright owner]
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.

README.md

@@ -6,12 +6,12 @@ This is the repository for the official [Home Assistant](https://home-assistant.
 
 - [View demo of Home Assistant](https://demo.home-assistant.io/)
 - [More information about Home Assistant](https://home-assistant.io)
-- [Frontend development instructions](https://contributors.home-assistant.io/frontend/development/)
+- [Frontend development instructions](https://developers.home-assistant.io/docs/frontend/development/)
 
 ## Development
 
 - Initial setup: `script/setup`
-- Development: [Instructions](https://contributors.home-assistant.io/frontend/development/)
+- Development: [Instructions](https://developers.home-assistant.io/docs/frontend/development/)
 - Production build: `pnpm build`
 - Gallery: `cd gallery && script/develop_gallery`
 

build-scripts/babel-plugins/custom-polyfill-plugin.js

@@ -18,6 +18,17 @@ const polyfillSupport = {
     safari: 17.4,
     samsung: 15.0,
   },
+  "element-getattributenames": {
+    android: 61,
+    chrome: 61,
+    edge: 18,
+    firefox: 45,
+    ios: 10.3,
+    opera: 48,
+    opera_mobile: 45,
+    safari: 10.1,
+    samsung: 8.0,
+  },
   "element-toggleattribute": {
     android: 69,
     chrome: 69,
@@ -56,20 +67,39 @@ const polyfillSupport = {
   "intl-other": {
     // Not specified (i.e. always try polyfill) since compatibility depends on supported locales
   },
+  "resize-observer": {
+    android: 64,
+    chrome: 64,
+    edge: 79,
+    firefox: 69,
+    ios: 13.4,
+    opera: 51,
+    opera_mobile: 47,
+    safari: 13.1,
+    samsung: 9.0,
+  },
 };
 
-// Map of instance and static properties to the corresponding polyfill key
-// and actual module to import
+// Map of global variables and/or instance and static properties to the
+// corresponding polyfill key and actual module to import
 const polyfillMap = {
+  global: {
+    ResizeObserver: {
+      key: "resize-observer",
+      module: join(POLYFILL_DIR, "resize-observer.ts"),
+    },
+  },
   instance: {
     attachInternals: {
       key: "element-internals",
       module: "element-internals-polyfill",
     },
-    toggleAttribute: {
-      key: "element-toggleattribute",
-      module: join(POLYFILL_DIR, "element-toggleattribute.ts"),
-    },
+    ...Object.fromEntries(
+      ["getAttributeNames", "toggleAttribute"].map((prop) => {
+        const key = `element-${prop.toLowerCase()}`;
+        return [prop, { key, module: join(POLYFILL_DIR, `${key}.ts`) }];
+      })
+    ),
   },
   static: {
     Intl: {

build-scripts/bundle-budget.json

@@ -1,15 +1,15 @@
 {
   "_comment": "Initial JS budget (raw/uncompressed bytes) for the cold-load critical entrypoints. Enforced by build-scripts/check-bundle-size.cjs in CI. Re-seed after an intentional change with `--update --headroom=<percent>`.",
   "frontend-modern": {
-    "app": 627654,
-    "core": 57901,
-    "authorize": 593862,
-    "onboarding": 709255
+    "app": 593517,
+    "core": 54884,
+    "authorize": 557490,
+    "onboarding": 676131
   },
   "frontend-legacy": {
-    "app": 724225,
-    "core": 163115,
-    "authorize": 693913,
-    "onboarding": 812415
+    "app": 738388,
+    "core": 188119,
+    "authorize": 716748,
+    "onboarding": 840680
   }
 }

build-scripts/bundle.cjs

@@ -96,9 +96,8 @@ module.exports.htmlMinifierOptions = {
 module.exports.terserOptions = ({ latestBuild, isTestBuild }) => ({
   // Highest syntax the minifier may emit; it never downlevels. Every browser
   // in [modern] is well past ES2020 (universal since spring 2020); the
-  // [legacy] floors (Chrome 67 / Safari 15) top out at ES2019: optional
-  // catch binding is in, `?.` and `??` (Chrome 80) are not.
-  ecma: latestBuild ? 2020 : 2019,
+  // [legacy] floors (Chrome 59 / Safari 12) top out at ES2017.
+  ecma: latestBuild ? 2020 : 2017,
   module: latestBuild,
   format: { comments: false },
   sourceMap: !isTestBuild,
@@ -117,16 +116,6 @@ module.exports.swcOptions = () => ({
   },
 });
 
-const corejsPolyfills = (exclude = []) => [
-  "babel-plugin-polyfill-corejs3",
-  {
-    method: "usage-global",
-    version: dependencies["core-js"],
-    shippedProposals: true,
-    exclude,
-  },
-];
-
 module.exports.babelOptions = ({ latestBuild, isTestBuild, sw, worker }) => ({
   babelrc: false,
   compact: false,
@@ -148,7 +137,14 @@ module.exports.babelOptions = ({ latestBuild, isTestBuild, sw, worker }) => ({
     // Inject Core-JS polyfills on demand. Babel 8 removed preset-env's
     // `useBuiltIns`/`corejs` options, so the equivalent polyfill provider is
     // configured directly here (`usage-global` matches the old `useBuiltIns: "usage"`).
-    corejsPolyfills(),
+    [
+      "babel-plugin-polyfill-corejs3",
+      {
+        method: "usage-global",
+        version: dependencies["core-js"],
+        shippedProposals: true,
+      },
+    ],
     [
       path.join(BABEL_PLUGINS, "inline-constants-plugin.cjs"),
       {
@@ -189,21 +185,12 @@ module.exports.babelOptions = ({ latestBuild, isTestBuild, sw, worker }) => ({
         path.join(paths.root_dir, "src/resources/polyfills"),
         ...[
           "@formatjs/(?:ecma402-abstract|intl-\\w+)",
+          "@lit-labs/virtualizer/polyfills",
           "@webcomponents/scoped-custom-element-registry",
           "element-internals-polyfill",
         ].map((p) => new RegExp(`/node_modules/${p}/`)),
       ],
     },
-    {
-      // It only constructs `Uint8Array`s, but any reference to one pulls in
-      // every typed array polyfill, and this lands in the `core` entrypoint.
-      test: /[\\/]node_modules[\\/]home-assistant-js-websocket[\\/]/,
-      plugins: [
-        corejsPolyfills([
-          /^(es|esnext)\.(array-buffer|typed-array|uint8-array)\./,
-        ]),
-      ],
-    },
     {
       // Use unambiguous for dependencies so that require() is correctly injected into CommonJS files
       // Exclusions are needed in some cases where ES modules have no static imports or exports, such as polyfills
@@ -284,7 +271,6 @@ module.exports.config = {
       name: "demo" + nameSuffix(latestBuild),
       entry: {
         main: path.resolve(paths.demo_dir, "src/entrypoint.ts"),
-        embed: path.resolve(paths.demo_dir, "src/embed/entrypoint.ts"),
         ...module.exports.mapWorkerEntry(),
       },
       outputPath: outputPath(paths.demo_output_root, latestBuild),
@@ -292,8 +278,6 @@ module.exports.config = {
       defineOverlay: {
         __VERSION__: JSON.stringify(`DEMO-${env.version()}`),
         __DEMO__: true,
-        // The embed sets the global to load static files from its own server.
-        __STATIC_PATH__: '(globalThis.__HA_STATIC_PATH__ || "/static/")',
       },
       isProdBuild,
       latestBuild,

build-scripts/eslint-rules/index.mjs

@@ -1,10 +0,0 @@
-// @ts-check
-
-import { noUnusedElementImport } from "./no-unused-element-import.mjs";
-
-export default {
-  meta: { name: "eslint-plugin-ha" },
-  rules: {
-    "no-unused-element-import": noUnusedElementImport,
-  },
-};

build-scripts/eslint-rules/no-unused-element-import.mjs

@@ -1,188 +0,0 @@
-// @ts-check
-
-import fs from "node:fs";
-import path from "node:path";
-
-const TAG_PATTERN =
-  /@customElement\(\s*["'`]([a-z0-9_-]+)["'`]|customElements\.define\(\s*["'`]([a-z0-9_-]+)["'`]/g;
-
-const EXTENSIONS = /\.(ts|js)$/;
-
-// Entry points register the root element that the served HTML renders.
-const ENTRY_POINT = /(^|[\\/])(entrypoints[\\/]|entrypoint\.(ts|js)$)/;
-
-// These resolve a tag from config at runtime, so they register every candidate
-// they may be asked for.
-const RUNTIME_REGISTRY =
-  /[\\/]create-element[\\/]|createLovelaceElement\(|getLovelaceElementClass\(/;
-
-/** @type {Map<string, string[]>} */
-const tagCache = new Map();
-
-/** Tags the module at `file` registers when imported. */
-const registeredTags = (file) => {
-  let tags = tagCache.get(file);
-  if (!tags) {
-    try {
-      const source = fs.readFileSync(file, "utf8");
-      tags = [...source.matchAll(TAG_PATTERN)].map((m) => m[1] || m[2]);
-    } catch {
-      tags = [];
-    }
-    tagCache.set(file, tags);
-  }
-  return tags;
-};
-
-const isFile = (candidate) => {
-  try {
-    return fs.statSync(candidate).isFile();
-  } catch {
-    return false;
-  }
-};
-
-const resolveModule = (fromFile, request) => {
-  const base = path.resolve(path.dirname(fromFile), request);
-  return [
-    base,
-    `${base}.ts`,
-    `${base}.js`,
-    base.replace(/\.js$/, ".ts"),
-    path.join(base, "index.ts"),
-    path.join(base, "index.js"),
-  ].find((candidate) => EXTENSIONS.test(candidate) && isFile(candidate));
-};
-
-// `hui-${type}-card` or "state-card-" + domain never spell the tag out.
-const buildsTagAtRuntime = (source, tag) => {
-  const segments = tag.split("-");
-  for (let end = 1; end < segments.length; end++) {
-    const prefix = `${segments.slice(0, end).join("-")}-`;
-    if (
-      source.includes(`\`${prefix}\${`) ||
-      source.includes(`"${prefix}" +`) ||
-      source.includes(`'${prefix}' +`)
-    ) {
-      return true;
-    }
-  }
-  return false;
-};
-
-// Plain substring matching, so <ha-icon-button> counts as a use of ha-icon.
-// That direction is deliberate: it misses dead imports rather than asking for
-// a removal that breaks registration.
-const usesTag = (body, tag) => body.includes(tag);
-
-// A gallery page registers the elements its sibling markdown demos render, so
-// that markdown is part of what the module is used by.
-const siblingMarkup = (file) => {
-  const markdown = file.replace(EXTENSIONS, ".markdown");
-  try {
-    return fs.readFileSync(markdown, "utf8");
-  } catch {
-    return "";
-  }
-};
-
-/** Blanks out the given ranges so an import path cannot count as a usage. */
-const withoutRanges = (source, ranges) => {
-  let result = source;
-  for (const [start, end] of ranges) {
-    result =
-      result.slice(0, start) + " ".repeat(end - start) + result.slice(end);
-  }
-  return result;
-};
-
-/**
- * Side-effect imports register a custom element. ESLint's unused-import rules
- * cannot judge them — there is no binding to be unused — so a registration
- * outlives the template that needed it and nothing reports the dead import.
- *
- * Deliberately not fixable: removing the import is only safe once every file
- * that renders the element imports it itself, which this rule cannot see.
- *
- * Off in eslint.config.mjs while a backlog of those paired cases remains;
- * `pnpm lint:element-imports` enables it as a warning to list them. Flip it to
- * "error" there once the list is empty.
- *
- * No disable comments while it is off: ESLint reports them as unused
- * directives, which fails lint:eslint. Imports that must stay get theirs in
- * the change that turns the rule on.
- */
-export const noUnusedElementImport = {
-  meta: {
-    type: "suggestion",
-    docs: {
-      description:
-        "Disallow side-effect imports of a custom element the importing file never uses",
-    },
-    schema: [],
-    messages: {
-      unused:
-        '"{{request}}" only registers <{{tags}}>, which this file never uses. Remove the import, adding it to whichever file renders the element if that file relies on this registration.',
-    },
-  },
-
-  create(context) {
-    const filename = context.filename;
-    if (!EXTENSIONS.test(filename) || ENTRY_POINT.test(filename)) {
-      return {};
-    }
-
-    return {
-      Program(program) {
-        const imports = program.body.filter(
-          (node) => node.type === "ImportDeclaration"
-        );
-        const sideEffectImports = imports.filter(
-          (node) =>
-            node.specifiers.length === 0 &&
-            typeof node.source.value === "string" &&
-            node.source.value.startsWith(".")
-        );
-        if (!sideEffectImports.length) {
-          return;
-        }
-
-        const source = context.sourceCode.getText();
-        if (RUNTIME_REGISTRY.test(filename) || RUNTIME_REGISTRY.test(source)) {
-          return;
-        }
-        // Every import declaration, not just the side-effect ones: a module
-        // path is never a usage, and `import type { HaCard } from "./ha-card"`
-        // would otherwise pass off its own path as one.
-        const body =
-          withoutRanges(
-            source,
-            imports.map((node) => node.range)
-          ) + siblingMarkup(filename);
-
-        for (const node of sideEffectImports) {
-          const request = node.source.value;
-          const target = resolveModule(filename, request);
-          if (!target) {
-            continue;
-          }
-          // No tags means no registration to judge: styles, polyfills, mocks.
-          const tags = registeredTags(target);
-          if (
-            !tags.length ||
-            tags.some(
-              (tag) => usesTag(body, tag) || buildsTagAtRuntime(body, tag)
-            )
-          ) {
-            continue;
-          }
-          context.report({
-            node,
-            messageId: "unused",
-            data: { request, tags: tags.join(">, <") },
-          });
-        }
-      },
-    };
-  },
-};

build-scripts/gulp/download-translations.js

@@ -5,7 +5,6 @@ import mapStream from "map-stream";
 import transform from "gulp-json-transform";
 import { LokaliseApi } from "@lokalise/node-api";
 import JSZip from "jszip";
-import { SERVICE_DOMAINS } from "./gen-demo-core-data.js";
 
 const inDir = "translations";
 const inDirFrontend = `${inDir}/frontend`;
@@ -52,34 +51,15 @@ function convertBackendTranslations(data, _file) {
   if (!data.component) {
     return output;
   }
-  // Keep the entity domains and the domains with automation triggers or
-  // conditions, so the demo can show states and describe automations. Only
-  // keep the services of the domains whose services the demo mocks.
   Object.keys(data.component).forEach((domain) => {
-    const {
-      entity_component,
-      services,
-      triggers,
-      conditions,
-      selector,
-      title,
-    } = data.component[domain];
-    if (
-      !entity_component &&
-      !triggers &&
-      !conditions &&
-      !SERVICE_DOMAINS.includes(domain)
-    ) {
+    if (!("entity_component" in data.component[domain])) {
       return;
     }
-    output.component[domain] = {
-      entity_component,
-      services: SERVICE_DOMAINS.includes(domain) ? services : undefined,
-      triggers,
-      conditions,
-      selector,
-      title,
-    };
+    output.component[domain] = { entity_component: {} };
+    Object.keys(data.component[domain].entity_component).forEach((key) => {
+      output.component[domain].entity_component[key] =
+        data.component[domain].entity_component[key];
+    });
   });
   return output;
 }
@@ -175,9 +155,8 @@ gulp.task("fetch-lokalise", async function () {
     fs.mkdir(inDirBackend, { recursive: true }),
   ]);
 
-  // The backend project only provides the translations the mocked backend
-  // needs (see convertBackendTranslations), which are merged into the demo,
-  // gallery, cast and e2e builds. The shipped app fetches
+  // The backend project only provides entity_component translations, which are
+  // merged into the demo, gallery, cast and e2e builds. The shipped app fetches
   // them live from core, so builds that only produce the app (release, release
   // landing-page) can skip this second, whole-project export to save time.
   const projects = Object.entries(lokaliseProjects).filter(

build-scripts/gulp/entry-html.js

@@ -232,11 +232,7 @@ gulp.task(
   )
 );
 
-const DEMO_PAGE_ENTRIES = {
-  "index.html": ["main"],
-  "components.html": ["embed"],
-  "embed.js": ["embed"],
-};
+const DEMO_PAGE_ENTRIES = { "index.html": ["main"] };
 
 gulp.task(
   "gen-pages-demo-dev",

build-scripts/gulp/fetch-nightly-translations.js

@@ -1,6 +1,7 @@
 // Task to download the latest Lokalise translations from the nightly workflow artifacts
 
 import { createOAuthDeviceAuth } from "@octokit/auth-oauth-device";
+import { retry } from "@octokit/plugin-retry";
 import { Octokit } from "@octokit/rest";
 import { deleteAsync } from "del";
 import { mkdir, readFile, writeFile } from "fs/promises";
@@ -9,20 +10,11 @@ import jszip from "jszip";
 import path from "path";
 import process from "process";
 import { extract } from "tar";
-import {
-  RetryableError,
-  withRetry,
-} from "../../.github/scripts/github-retry.mts";
-
-type Artifact = Awaited<
-  ReturnType<Octokit["rest"]["actions"]["listArtifactsForRepo"]>
->["data"]["artifacts"][number];
 
 const MAX_AGE = 24; // hours
 const OWNER = "home-assistant";
 const REPO = "frontend";
-
-const BRANCH = "dev";
+const WORKFLOW_NAME = "nightly.yaml";
 const ARTIFACT_NAME = "translations";
 const CLIENT_ID = "Iv1.3914e28cb27834d1";
 const EXTRACT_DIR = "translations";
@@ -44,16 +36,11 @@ gulp.task("fetch-nightly-translations", async function () {
 
   // Read current translations artifact info if it exists,
   // and stop if they are not old enough
-  let currentArtifact: Artifact | null;
+  let currentArtifact;
   try {
-    const artifact: Artifact = JSON.parse(
-      await readFile(ARTIFACT_FILE, "utf-8")
-    );
-
-    currentArtifact = artifact;
-
+    currentArtifact = JSON.parse(await readFile(ARTIFACT_FILE, "utf-8"));
     const currentAge =
-      (Date.now() - Date.parse(artifact.created_at ?? "")) / 3600000;
+      (Date.now() - Date.parse(currentArtifact.created_at)) / 3600000;
     if (currentAge < MAX_AGE) {
       console.log(
         "Keeping current translations (only %s hours old)",
@@ -76,19 +63,19 @@ gulp.task("fetch-nightly-translations", async function () {
     }
     console.warn(
       "Failed to fetch nightly translations, continuing with English only:",
-      err instanceof Error ? err.message : err
+      err?.message || err
     );
   }
 });
 
-async function fetchTranslations(currentArtifact: Artifact | null) {
+async function fetchTranslations(currentArtifact) {
   // To store file writing promises
   const createExtractDir = mkdir(EXTRACT_DIR, { recursive: true });
-  const writings: Promise<void>[] = [];
+  const writings = [];
 
   // Authenticate to GitHub using GitHub action token if it exists,
   // otherwise look for a saved user token or generate a new one if none
-  let tokenAuth: { token: string };
+  let tokenAuth;
   if (process.env.GITHUB_TOKEN) {
     tokenAuth = { token: process.env.GITHUB_TOKEN };
   } else {
@@ -117,86 +104,69 @@ async function fetchTranslations(currentArtifact: Artifact | null) {
       });
       tokenAuth = await auth({ type: "oauth" });
       writings.push(
-        createExtractDir.then(() =>
+        createExtractDir.then(
           writeFile(TOKEN_FILE, JSON.stringify(tokenAuth, null, 2))
         )
       );
     }
   }
 
+  // Authenticate with token and request workflow runs from GitHub
   console.log("Fetching new translations...");
-
-  // Authenticate with token and find the newest translations artifact
-  const octokit = new Octokit({
+  const octokit = new (Octokit.plugin(retry))({
     userAgent: "Fetch Nightly Translations",
     auth: tokenAuth.token,
   });
 
-  // Only the nightly workflow uploads this artifact. Requiring a run from this
-  // repository's own branch excludes artifacts uploaded by fork pull requests.
-  const latestArtifact = await withRetry(
-    "translations artifact lookup",
-    async () => {
-      const { data } = await octokit.rest.actions.listArtifactsForRepo({
-        owner: OWNER,
-        repo: REPO,
-        name: ARTIFACT_NAME,
-        per_page: 10,
-      });
+  const workflowRunsResponse = await octokit.rest.actions.listWorkflowRuns({
+    owner: OWNER,
+    repo: REPO,
+    workflow_id: WORKFLOW_NAME,
+    status: "success",
+    event: "schedule",
+    per_page: 1,
+    exclude_pull_requests: true,
+  });
+  if (workflowRunsResponse.data.total_count === 0) {
+    throw Error("No successful nightly workflow runs found");
+  }
+  const latestNightlyRun = workflowRunsResponse.data.workflow_runs[0];
 
-      const artifact = data.artifacts.find(
-        ({ expired, workflow_run: run }) =>
-          !expired &&
-          run?.head_branch === BRANCH &&
-          run.head_repository_id === run.repository_id
-      );
-
-      if (!artifact) {
-        throw new RetryableError(
-          `No ${ARTIFACT_NAME} artifact found from ${BRANCH}`
-        );
-      }
-
-      return artifact;
-    }
-  );
-
-  console.log(
-    "Latest translations artifact is %s from workflow run %s (%s)",
-    latestArtifact.id,
-    latestArtifact.workflow_run?.id,
-    latestArtifact.created_at
-  );
-
-  // Stop if current is already the latest
-  if (currentArtifact?.id === latestArtifact.id) {
+  // Stop if current is already the latest, otherwise Find the translations artifact
+  if (currentArtifact?.workflow_run.id === latestNightlyRun.id) {
     console.log("Stopping because current translations are still the latest");
     return;
   }
+  const latestArtifact = (
+    await octokit.actions.listWorkflowRunArtifacts({
+      owner: OWNER,
+      repo: REPO,
+      run_id: latestNightlyRun.id,
+    })
+  ).data.artifacts.find((artifact) => artifact.name === ARTIFACT_NAME);
+  if (!latestArtifact) {
+    throw Error("Latest nightly workflow run has no translations artifact");
+  }
 
   // Remove the current translations
-  const deleteCurrent = Promise.all(writings).then(() =>
+  const deleteCurrent = Promise.all(writings).then(
     deleteAsync([`${EXTRACT_DIR}/*`, `!${ARTIFACT_FILE}`, `!${TOKEN_FILE}`])
   );
 
   // Get the download URL and follow the redirect to download (stored as ArrayBuffer)
-  const downloadResponse = await withRetry("translations download", () =>
-    octokit.rest.actions.downloadArtifact({
-      owner: OWNER,
-      repo: REPO,
-      artifact_id: latestArtifact.id,
-      archive_format: "zip",
-    })
-  );
-
-  // Octokit types the redirect, but fetch follows it to the archive
-  if ((downloadResponse.status as number) !== 200) {
+  const downloadResponse = await octokit.actions.downloadArtifact({
+    owner: OWNER,
+    repo: REPO,
+    artifact_id: latestArtifact.id,
+    archive_format: "zip",
+  });
+  if (downloadResponse.status !== 200) {
     throw Error("Failure downloading translations artifact");
   }
 
   // Artifact is a tarball, but GitHub adds it to a zip file
   console.log("Unpacking downloaded translations...");
-  const zip = await jszip.loadAsync(downloadResponse.data as ArrayBuffer);
+  const zip = await jszip.loadAsync(downloadResponse.data);
   await deleteCurrent;
   const extractStream = zip.file(/.*/)[0].nodeStream().pipe(extract());
   await new Promise((resolve, reject) => {

build-scripts/gulp/gather-static.js

@@ -2,14 +2,10 @@
 
 import fs from "fs-extra";
 import gulp from "gulp";
-import { createHash } from "node:crypto";
-import { createRequire } from "node:module";
 import path from "path";
 import paths from "../paths.cjs";
 import { ensureMapAssets, mapAssetsDir } from "./map-assets.js";
 
-const require = createRequire(import.meta.url);
-
 const npmPath = (...parts) =>
   path.resolve(paths.root_dir, "node_modules", ...parts);
 const polyPath = (...parts) => path.resolve(paths.root_dir, ...parts);
@@ -81,30 +77,19 @@ async function copyMapPanel(staticDir) {
   // Style, glyphs and sprites for the vector base map
   await ensureMapAssets();
   fs.copySync(mapAssetsDir, staticPath("map/"));
+  copyFileDir(
+    npmPath("@mapbox/mapbox-gl-rtl-text/dist/mapbox-gl-rtl-text.js"),
+    staticPath("map/")
+  );
   // Controls and popups of the native MapLibre engine
   copyFileDir(npmPath("maplibre-gl/dist/maplibre-gl.css"), staticPath("map/"));
 }
 
 function copyZXingWasm(staticDir) {
   const staticPath = genStaticPath(staticDir);
-  // Resolve through barcode-detector, the wasm must match the zxing-wasm JS it bundles
-  const zxingWasm = createRequire(require.resolve("barcode-detector")).resolve(
-    "zxing-wasm/reader/zxing_reader.wasm"
-  );
-  const {
-    ZXING_WASM_SHA256,
-    ZXING_WASM_VERSION,
-  } = require("barcode-detector/pure");
-  const wasm = fs.readFileSync(zxingWasm);
-  if (createHash("sha256").update(wasm).digest("hex") !== ZXING_WASM_SHA256) {
-    throw new Error(
-      `${zxingWasm} does not match the zxing-wasm ${ZXING_WASM_VERSION} bundled in barcode-detector`
-    );
-  }
-  // Versioned file name, see locateFile in ha-qr-scanner
-  fs.outputFileSync(
-    staticPath("js", `zxing_reader-${ZXING_WASM_VERSION}.wasm`),
-    wasm
+  copyFileDir(
+    npmPath("zxing-wasm/dist/reader/zxing_reader.wasm"),
+    staticPath("js")
   );
 }
 

build-scripts/gulp/gen-demo-core-data.js

@@ -1,422 +0,0 @@
-// Generates the service, trigger and condition descriptions the demo and
-// gallery serve instead of a backend, from the files in Home Assistant Core.
-import gulp from "gulp";
-import { CORE_SCHEMA, load, mergeTag } from "js-yaml";
-import { writeFile } from "node:fs/promises";
-import { join } from "node:path";
-import process from "node:process";
-import prettier from "prettier";
-import paths from "../paths.cjs";
-
-const CORE_URL =
-  process.env.CORE_COMPONENTS_URL ||
-  "https://raw.githubusercontent.com/home-assistant/core/refs/heads/dev/homeassistant/components";
-
-// Integrations whose services the mocked backend provides
-export const SERVICE_DOMAINS = [
-  "alarm_control_panel",
-  "automation",
-  "button",
-  "calendar",
-  "camera",
-  "climate",
-  "conversation",
-  "counter",
-  "cover",
-  "device_tracker",
-  "fan",
-  "frontend",
-  "group",
-  "homeassistant",
-  "humidifier",
-  "image_processing",
-  "input_boolean",
-  "input_button",
-  "input_datetime",
-  "input_number",
-  "input_select",
-  "input_text",
-  "lawn_mower",
-  "light",
-  "lock",
-  "logger",
-  "media_player",
-  "notify",
-  "number",
-  "persistent_notification",
-  "person",
-  "recorder",
-  "remote",
-  "scene",
-  "schedule",
-  "script",
-  "select",
-  "siren",
-  "switch",
-  "system_log",
-  "text",
-  "timer",
-  "todo",
-  "tts",
-  "update",
-  "vacuum",
-  "valve",
-  "water_heater",
-  "weather",
-  "zone",
-];
-
-// Services that return data. Core sets this when it registers a service, it is
-// not part of services.yaml. The value is whether the response is optional.
-const RESPONSE_SERVICES = {
-  "calendar.get_events": false,
-  "conversation.process": true,
-  "media_player.browse_media": false,
-  "media_player.search_media": false,
-  "recorder.get_statistics": false,
-  "schedule.get_schedule": false,
-  "todo.get_items": false,
-  "weather.get_forecasts": false,
-};
-
-// Services that are still in services.yaml, but that core no longer registers
-const UNREGISTERED_SERVICES = ["weather.get_forecast"];
-
-// Integrations that provide the new style triggers and conditions
-const AUTOMATION_PLATFORM_DOMAINS = [
-  "air_quality",
-  "alarm_control_panel",
-  "assist_satellite",
-  "battery",
-  "button",
-  "calendar",
-  "climate",
-  "counter",
-  "cover",
-  "door",
-  "doorbell",
-  "event",
-  "fan",
-  "garage_door",
-  "gate",
-  "humidifier",
-  "humidity",
-  "illuminance",
-  "lawn_mower",
-  "light",
-  "lock",
-  "media_player",
-  "moisture",
-  "moon",
-  "motion",
-  "occupancy",
-  "power",
-  "remote",
-  "scene",
-  "schedule",
-  "select",
-  "siren",
-  "sun",
-  "switch",
-  "temperature",
-  "text",
-  "timer",
-  "todo",
-  "update",
-  "vacuum",
-  "valve",
-  "vibration",
-  "water_heater",
-  "window",
-  "zone",
-];
-
-// YAML 1.2 with merge keys, which matches how core reads these files
-const YAML_SCHEMA = CORE_SCHEMA.withTags([mergeTag]);
-
-const HEADER = `// This file is auto-generated from Home Assistant Core. Do not edit by hand.
-// Regenerate with \`script/gen_demo_core_data\`.`;
-
-const fetchCoreFile = async (domain, file) => {
-  const url = `${CORE_URL}/${domain}/${file}`;
-  const response = await fetch(url);
-  if (response.status === 404) {
-    return undefined;
-  }
-  if (!response.ok) {
-    throw new Error(`Failed to fetch ${url}: ${response.status}`);
-  }
-  return response.text();
-};
-
-// Fetches a file of every domain, keyed by domain
-const fetchCoreFiles = async (domains, file) =>
-  Object.fromEntries(
-    await Promise.all(
-      domains.map(async (domain) => [domain, await fetchCoreFile(domain, file)])
-    )
-  );
-
-const parseYaml = (content) => load(content, { schema: YAML_SCHEMA }) ?? {};
-
-// Enum references look like "cover.CoverEntityFeature.OPEN"
-const ENUM_REFERENCE = /^([a-z_]+)\.[A-Z]\w*\.[A-Z0-9_]+$/;
-
-const enumDomains = (value, domains = new Set()) => {
-  if (typeof value === "string") {
-    const match = value.match(ENUM_REFERENCE);
-    if (match) {
-      domains.add(match[1]);
-    }
-  } else if (value && typeof value === "object") {
-    Object.values(value).forEach((val) => enumDomains(val, domains));
-  }
-  return domains;
-};
-
-// Resolves "<domain>.<Enum>.<MEMBER>" to the value of the member, like core
-const enumResolver = async (yamls) => {
-  const domains = [...enumDomains(yamls)];
-  const [consts, inits] = await Promise.all([
-    fetchCoreFiles(domains, "const.py"),
-    fetchCoreFiles(domains, "__init__.py"),
-  ]);
-  return (reference) => {
-    const [domain, enumName, member] = reference.split(".");
-    for (const source of [consts[domain], inits[domain]]) {
-      const match = source
-        ?.split(`class ${enumName}(`)[1]
-        ?.match(new RegExp(`\\n\\s+${member} = ("[^"]*"|\\d+)`));
-      if (match) {
-        return JSON.parse(match[1]);
-      }
-    }
-    throw new Error(`Unknown enum ${reference}`);
-  };
-};
-
-const createResolvers = (enumValue) => {
-  // In entity filters, every item of the supported features, a feature or a
-  // list of features, becomes one bit mask
-  const featureMask = (features) =>
-    [].concat(features).reduce(
-      // eslint-disable-next-line no-bitwise
-      (mask, feature) => mask | enumValue(feature),
-      0
-    );
-
-  const resolveSelector = (value) => {
-    if (Array.isArray(value)) {
-      return value.map(resolveSelector);
-    }
-    if (!value || typeof value !== "object") {
-      return value;
-    }
-    return Object.fromEntries(
-      Object.entries(value).map(([key, val]) => [
-        key,
-        key === "supported_features"
-          ? [].concat(val).map(featureMask)
-          : resolveSelector(val),
-      ])
-    );
-  };
-
-  // Like core, an empty target allows any target
-  const resolveTarget = (target) => resolveSelector(target ?? {});
-
-  // Field filters keep their lists, with every enum resolved on its own
-  const resolveField = (field) => {
-    const result = { ...field };
-    if (field.selector) {
-      result.selector = resolveSelector(field.selector);
-    }
-    if (field.filter?.supported_features) {
-      result.filter = {
-        ...result.filter,
-        supported_features: field.filter.supported_features.map(enumValue),
-      };
-    }
-    if (field.filter?.attribute) {
-      result.filter = {
-        ...result.filter,
-        attribute: Object.fromEntries(
-          Object.entries(field.filter.attribute).map(([name, options]) => [
-            name,
-            options.map(enumValue),
-          ])
-        ),
-      };
-    }
-    return result;
-  };
-
-  // Fields can be grouped in sections, which hold fields themselves
-  const resolveFields = (fields) =>
-    Object.fromEntries(
-      Object.entries(fields ?? {}).map(([key, field]) => [
-        key,
-        field && "fields" in field && !("selector" in field)
-          ? { ...field, fields: resolveFields(field.fields) }
-          : resolveField(field ?? {}),
-      ])
-    );
-
-  return { resolveFields, resolveTarget };
-};
-
-// Mirrors how core builds the response of get_services
-const serviceDescriptions = (yamls, { resolveFields, resolveTarget }) =>
-  Object.fromEntries(
-    SERVICE_DOMAINS.map((domain) => {
-      if (!yamls[domain]) {
-        throw new Error(`No services.yaml found for ${domain}`);
-      }
-      const services = Object.entries(yamls[domain])
-        .filter(
-          ([service]) =>
-            !service.startsWith(".") &&
-            !UNREGISTERED_SERVICES.includes(`${domain}.${service}`)
-        )
-        .map(([service, value]) => {
-          const description = { fields: resolveFields(value?.fields) };
-          for (const item of ["description", "name"]) {
-            if (value && item in value) {
-              description[item] = value[item];
-            }
-          }
-          if (value && "target" in value) {
-            description.target = resolveTarget(value.target);
-          }
-          const key = `${domain}.${service}`;
-          if (key in RESPONSE_SERVICES) {
-            description.response = { optional: RESPONSE_SERVICES[key] };
-          }
-          return [service, description];
-        });
-      return [domain, Object.fromEntries(services)];
-    })
-  );
-
-// Mirrors how core builds the trigger and condition platform descriptions
-const platformDescriptions = (yamls, { resolveFields, resolveTarget }) =>
-  Object.fromEntries(
-    AUTOMATION_PLATFORM_DOMAINS.flatMap((domain) =>
-      Object.entries(yamls[domain] ?? {})
-        // Keys starting with a dot only hold YAML anchors
-        .filter(([key, value]) => !key.startsWith(".") && value)
-        .map(([key, value]) => {
-          const absoluteKey = !key.startsWith("_")
-            ? `${domain}.${key}`
-            : key.slice(1) || domain;
-          const description = { fields: resolveFields(value.fields) };
-          if ("target" in value) {
-            description.target = resolveTarget(value.target);
-          }
-          return [absoluteKey, description];
-        })
-    )
-  );
-
-// The trigger or condition icons of every domain that has them
-const platformIcons = (icons, category) =>
-  Object.fromEntries(
-    Object.entries(icons)
-      .map(([domain, content]) => [
-        domain,
-        content ? JSON.parse(content)[category] : undefined,
-      ])
-      .filter(([, categoryIcons]) => categoryIcons)
-  );
-
-const parseYamls = (files) =>
-  Object.fromEntries(
-    Object.entries(files)
-      .filter(([, content]) => content !== undefined)
-      .map(([domain, content]) => [domain, parseYaml(content)])
-  );
-
-const writeTs = async (path, content) => {
-  const file = join(paths.root_dir, path);
-  const options = await prettier.resolveConfig(file);
-  await writeFile(
-    file,
-    await prettier.format(`${HEADER}\n${content}`, {
-      ...options,
-      filepath: file,
-    })
-  );
-};
-
-gulp.task("gen-demo-core-data", async () => {
-  const [servicesFiles, triggersFiles, conditionsFiles, iconsFiles] =
-    await Promise.all([
-      fetchCoreFiles(SERVICE_DOMAINS, "services.yaml"),
-      fetchCoreFiles(AUTOMATION_PLATFORM_DOMAINS, "triggers.yaml"),
-      fetchCoreFiles(AUTOMATION_PLATFORM_DOMAINS, "conditions.yaml"),
-      fetchCoreFiles(AUTOMATION_PLATFORM_DOMAINS, "icons.json"),
-    ]);
-  const servicesYamls = parseYamls(servicesFiles);
-  const triggersYamls = parseYamls(triggersFiles);
-  const conditionsYamls = parseYamls(conditionsFiles);
-  const resolvers = createResolvers(
-    await enumResolver([servicesYamls, triggersYamls, conditionsYamls])
-  );
-  for (const key of UNREGISTERED_SERVICES) {
-    const [domain, service] = key.split(".");
-    if (!(service in (servicesYamls[domain] ?? {}))) {
-      throw new Error(`Remove ${key} from UNREGISTERED_SERVICES, it is gone`);
-    }
-  }
-  const services = serviceDescriptions(servicesYamls, resolvers);
-  for (const key of Object.keys(RESPONSE_SERVICES)) {
-    const [domain, service] = key.split(".");
-    if (!services[domain]?.[service]) {
-      throw new Error(`Service ${key} that returns a response does not exist`);
-    }
-  }
-  const triggers = platformDescriptions(triggersYamls, resolvers);
-  const conditions = platformDescriptions(conditionsYamls, resolvers);
-  const icons = {
-    triggers: platformIcons(iconsFiles, "triggers"),
-    conditions: platformIcons(iconsFiles, "conditions"),
-  };
-
-  await Promise.all([
-    writeTs(
-      "src/fake_data/demo_services.ts",
-      `import type { HassServices } from "home-assistant-js-websocket";
-
-// Core sends more than the HassServices type covers, like sections and list
-// examples.
-export const demoServices = ${JSON.stringify(services)} as unknown as HassServices;
-`
-    ),
-    writeTs(
-      "demo/src/stubs/automation_platform_domains.ts",
-      `
-// Integrations that provide the new style triggers and conditions. Their
-// translations are part of the demo build.
-export const automationPlatformDomains = ${JSON.stringify(AUTOMATION_PLATFORM_DOMAINS)};
-`
-    ),
-    writeTs(
-      "demo/src/stubs/automation_platforms_data.ts",
-      `import type { ConditionDescriptions } from "../../../src/data/condition";
-import type { TriggerDescriptions } from "../../../src/data/trigger";
-
-export const triggerDescriptions: TriggerDescriptions = ${JSON.stringify(triggers)};
-
-export const conditionDescriptions: ConditionDescriptions = ${JSON.stringify(conditions)};
-`
-    ),
-    writeTs(
-      "demo/src/stubs/automation_platforms_icons.ts",
-      `
-export const triggerIcons = ${JSON.stringify(icons.triggers)};
-
-export const conditionIcons = ${JSON.stringify(icons.conditions)};
-`
-    ),
-  ]);
-});

build-scripts/gulp/gen-sensor-entity-constants.js

@@ -69,7 +69,7 @@ export const SENSOR_STATE_CLASSES: string[] = [
 ${stateClasses.map((stateClass) => `  "${stateClass}",`).join("\n")}
 ];
 
-export const SENSOR_STATE_CLASS_UNITS: Record<string, (string | null)[]> = {
+export const SENSOR_STATE_CLASS_UNITS: Record<string, string[]> = {
 ${Object.entries(stateClassUnits)
   .map(
     ([stateClass, units]) =>

build-scripts/gulp/index.mjs

@@ -6,10 +6,9 @@ import "./demo.js";
 import "./download-translations.js";
 import "./e2e-test-app.js";
 import "./entry-html.js";
-import "./fetch-nightly-translations.mts";
+import "./fetch-nightly-translations.js";
 import "./gallery.js";
 import "./gather-static.js";
-import "./gen-demo-core-data.js";
 import "./gen-device-classes.js";
 import "./gen-icons-json.js";
 import "./gen-sensor-entity-constants.js";

build-scripts/gulp/licenses.js

@@ -29,7 +29,7 @@ const LICENSE_OVERRIDES = [
     // type-fest ships two license files (MIT for code, CC0 for types).
     // We use the MIT license since that covers the bundled code.
     packageName: "type-fest",
-    version: "5.10.0",
+    version: "5.8.0",
     licenseFile: "license-mit",
   },
 ];

build-scripts/gulp/rspack.js

@@ -153,9 +153,7 @@ gulp.task("rspack-watch-app", () => {
       : createAppConfig({ isProdBuild: false, latestBuild: true })
   ).watch({ poll: isWsl }, doneHandler());
   gulp.watch(
-    // Watch the folder via a glob; git replaces en.json on checkout/stash,
-    // which can permanently drop a watch on the file itself
-    path.join(paths.translations_src, "*.json"),
+    path.join(paths.translations_src, "en.json"),
     gulp.series("build-translations", "copy-translations-app")
   );
 });

build-scripts/gulp/translations.js

@@ -10,7 +10,7 @@ import { finished } from "node:stream/promises";
 import env from "../env.cjs";
 import paths from "../paths.cjs";
 import { mergeTranslations } from "./merge-translations.js";
-import "./fetch-nightly-translations.mts";
+import "./fetch-nightly-translations.js";
 
 const inFrontendDir = "translations/frontend";
 const inBackendDir = "translations/backend";

build-scripts/rspack.cjs

@@ -3,7 +3,6 @@ const fs = require("fs");
 const { existsSync } = fs;
 const path = require("path");
 const rspack = require("@rspack/core");
-const browserslist = require("browserslist");
 // eslint-disable-next-line @typescript-eslint/naming-convention
 const { RsdoctorRspackPlugin } = require("@rsdoctor/rspack-plugin");
 // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -41,21 +40,6 @@ const TOOLCHAIN_PACKAGES = [
   "caniuse-lite",
 ];
 
-// Not direct dependencies: read the copy the package that loads them uses.
-const TOOLCHAIN_PACKAGE_PARENTS = {
-  terser: "terser-webpack-plugin",
-  "caniuse-lite": "browserslist",
-};
-
-const toolchainVersion = (pkg) => {
-  const parent = TOOLCHAIN_PACKAGE_PARENTS[pkg];
-  const lookup = parent && [
-    path.dirname(require.resolve(`${parent}/package.json`)),
-  ];
-  return require(require.resolve(`${pkg}/package.json`, { paths: lookup }))
-    .version;
-};
-
 // Our own build logic — the config, loaders and babel plugins. Their contents
 // (not their paths) go into the cache version, so a change invalidates the
 // cache the same way `buildDependencies` would, but without tying validity to
@@ -79,7 +63,9 @@ const PATCHES_DIR = path.join(paths.root_dir, "patches");
 // stays valid when reused on a different machine or checkout path.
 const cacheVersion = () => {
   const parts = [
-    ...TOOLCHAIN_PACKAGES.map((pkg) => `${pkg}@${toolchainVersion(pkg)}`),
+    ...TOOLCHAIN_PACKAGES.map(
+      (pkg) => `${pkg}@${require(`${pkg}/package.json`).version}`
+    ),
     ...CONFIG_FILES.map(
       (file) => `${path.basename(file)}:${fs.readFileSync(file, "utf8")}`
     ),
@@ -129,10 +115,7 @@ const createRspackConfig = ({
     dontHash = new Set();
   }
   const ignorePackages = bundle.ignorePackages({ latestBuild });
-  // pnpm links node_modules/lit-html into its store; rspack compares real paths
-  const litHtmlRoot = fs.realpathSync(
-    path.resolve(__dirname, "../node_modules/lit-html")
-  );
+  const litHtmlRoot = path.resolve(__dirname, "../node_modules/lit-html");
   const litHtmlDevelopmentRoot = path.join(litHtmlRoot, "development");
   const litDisableDevModeLoader = path.join(
     __dirname,
@@ -214,49 +197,23 @@ const createRspackConfig = ({
           },
         },
         {
-          // MapLibre's worker loads ESM plugins through `import(url)`, which
-          // is never taken here: the RTL plugin is UMD. Rspack's stub for that
-          // fully dynamic request is exactly what should remain - rejecting,
-          // and free of syntax the legacy floor cannot parse - so the warning
-          // about it is noise. The page side builds a blob import from
-          // `new URL(url, import.meta.url)` for a worker on another origin,
-          // as in the demo embed. That is a URL, not an asset to bundle, and
-          // the worker URL is absolute, so leave it as it is.
+          // MapLibre's worker loads ESM plugins through `import(url)`, and the
+          // page side builds a blob import from `new URL(url, import.meta.url)`
+          // for a cross-origin worker. Neither path is taken here: the RTL
+          // plugin is UMD and the worker is served from the page's origin.
+          // Rspack's stubs for these fully dynamic requests are exactly what
+          // should remain - rejecting, and free of syntax the legacy floor
+          // cannot parse - so the warnings about them are noise.
           test: /[\\/]maplibre-gl[\\/]dist[\\/]maplibre-gl(?:-worker)?\.mjs$/,
           parser: {
             exprContextCritical: false,
-            url: false,
           },
         },
         {
           test: /\.css$/,
           type: "asset/source",
-          // Imported stylesheets skip the minifier that compiles css``
-          // templates, so legacy builds compile logical properties and :is()
-          // here
-          use: latestBuild
-            ? []
-            : [
-                {
-                  loader: "builtin:lightningcss-loader",
-                  options: {
-                    targets: browserslist.loadConfig({
-                      path: paths.root_dir,
-                      env: "legacy",
-                    }),
-                  },
-                },
-              ],
         },
-        // The demo embed reads its own URL at runtime to find its files.
-        // Keep import.meta.url instead of replacing it with the source path.
-        // Development builds wrap modules in eval(), which rejects import.meta.
-        latestBuild &&
-          isProdBuild && {
-            test: path.resolve(paths.demo_dir, "src/embed/public-path.ts"),
-            parser: { importMeta: false },
-          },
-      ].filter(Boolean),
+      ],
     },
     optimization: {
       minimizer: [
@@ -420,14 +377,6 @@ const createRspackConfig = ({
     resolve: {
       extensions: [".ts", ".js", ".json"],
       alias: {
-        // @formatjs/bigdecimal uses BigInt (Safari 14, Chrome 67), which
-        // breaks the NumberFormat and PluralRules polyfills
-        ...(!latestBuild && {
-          "@formatjs/bigdecimal$": path.join(
-            paths.root_dir,
-            "src/resources/polyfills/bigdecimal.ts"
-          ),
-        }),
         "lit/static-html$": "lit/static-html.js",
         "lit/decorators$": "lit/decorators.js",
         "lit/directive$": "lit/directive.js",
@@ -444,6 +393,8 @@ const createRspackConfig = ({
         "lit/directives/keyed$": "lit/directives/keyed.js",
         "@lit-labs/virtualizer/layouts/grid":
           "@lit-labs/virtualizer/layouts/grid.js",
+        "@lit-labs/virtualizer/polyfills/resize-observer-polyfill/ResizeObserver":
+          "@lit-labs/virtualizer/polyfills/resize-observer-polyfill/ResizeObserver.js",
         "@lit-labs/observers/resize-controller":
           "@lit-labs/observers/resize-controller.js",
         "@formatjs/intl-durationformat/should-polyfill$":

cast/src/launcher/layout/hc-cast.ts

@@ -1,7 +1,8 @@
+import type { ActionDetail } from "@material/mwc-list/mwc-list";
 import { mdiCast, mdiCastConnected, mdiViewDashboard } from "@mdi/js";
 import type { Auth, Connection } from "home-assistant-js-websocket";
 import type { TemplateResult, PropertyValues } from "lit";
-import { LitElement, css, html, nothing } from "lit";
+import { LitElement, css, html } from "lit";
 import { customElement, property, state } from "lit/decorators";
 import type { CastManager } from "../../../../src/cast/cast_manager";
 import {
@@ -13,14 +14,12 @@ import {
   enableWrite,
   saveTokens,
 } from "../../../../src/common/auth/token_storage";
-import type { HASSDomCurrentTargetEvent } from "../../../../src/common/dom/fire_event";
 import { atLeastVersion } from "../../../../src/common/config/version";
 import "../../../../src/components/ha-button";
 import "../../../../src/components/ha-icon";
+import "../../../../src/components/ha-list";
+import "../../../../src/components/ha-list-item";
 import "../../../../src/components/ha-svg-icon";
-import "../../../../src/components/item/ha-list-item-option";
-import type { HaListItemOption } from "../../../../src/components/item/ha-list-item-option";
-import "../../../../src/components/list/ha-list-selectable";
 import {
   getLegacyLovelaceCollection,
   getLovelaceCollection,
@@ -54,9 +53,6 @@ class HcCast extends LitElement {
           `
         : undefined;
 
-    const views = this.lovelaceViews ?? [{ title: "Home" }];
-    const hasIcons = views.some((view) => view.icon);
-
     return html`
       <hc-layout .auth=${this.auth} .connection=${this.connection}>
         ${
@@ -97,41 +93,45 @@ class HcCast extends LitElement {
                   </p>
                 `
               : html`
-                  <div class="section-header" id="pick-view-header">
-                    PICK A VIEW
-                  </div>
-                  <ha-list-selectable
-                    controlled
-                    aria-labelledby="pick-view-header"
-                  >
-                    ${views.map(
+                  <div class="section-header">PICK A VIEW</div>
+                  <ha-list @action=${this._handlePickView} activatable>
+                    ${(
+                      this.lovelaceViews ?? [
+                        {
+                          title: "Home",
+                        },
+                      ]
+                    ).map(
                       (view, idx) => html`
-                        <ha-list-item-option
-                          data-index=${idx}
-                          @click=${this._handlePickView}
-                          .headline=${view.title || view.path || "Unnamed view"}
+                        <ha-list-item
+                          graphic="avatar"
+                          .activated=${
+                            this.castManager.status?.lovelacePath ===
+                            (view.path ?? idx)
+                          }
                           .selected=${
                             this.castManager.status?.lovelacePath ===
                             (view.path ?? idx)
                           }
                         >
+                          ${view.title || view.path || "Unnamed view"}
                           ${
-                            !hasIcons
-                              ? nothing
-                              : view.icon
-                                ? html`<ha-icon
-                                    slot="start"
+                            view.icon
+                              ? html`
+                                  <ha-icon
                                     .icon=${view.icon}
-                                  ></ha-icon>`
-                                : html`<ha-svg-icon
-                                    slot="start"
-                                    .path=${mdiViewDashboard}
-                                  ></ha-svg-icon>`
+                                    slot="graphic"
+                                  ></ha-icon>
+                                `
+                              : html`<ha-svg-icon
+                                  slot="item-icon"
+                                  .path=${mdiViewDashboard}
+                                ></ha-svg-icon>`
                           }
-                        </ha-list-item-option>
+                        </ha-list-item>
                       `
-                    )}
-                  </ha-list-selectable>
+                    )}</ha-list
+                  >
                 `
         }
 
@@ -194,6 +194,14 @@ class HcCast extends LitElement {
     });
   }
 
+  protected updated(changedProps: PropertyValues<this>) {
+    super.updated(changedProps);
+    this.toggleAttribute(
+      "hide-icons",
+      this.lovelaceViews ? !this.lovelaceViews.some((view) => view.icon) : true
+    );
+  }
+
   private async _handleSkipSaveTokens() {
     this.askWrite = false;
   }
@@ -207,13 +215,8 @@ class HcCast extends LitElement {
     this.castManager.requestSession();
   }
 
-  // Listens to clicks instead of `ha-list-item-selected`, which does not fire
-  // for the selected view, so the current view can still be cast again.
-  private async _handlePickView(
-    ev: HASSDomCurrentTargetEvent<HaListItemOption>
-  ) {
-    const index = Number(ev.currentTarget.dataset.index);
-    const path = this.lovelaceViews?.[index]?.path ?? index;
+  private async _handlePickView(ev: CustomEvent<ActionDetail>) {
+    const path = this.lovelaceViews?.[ev.detail.index]?.path ?? ev.detail.index;
     await ensureConnectedCastSession(this.castManager!, this.auth!);
     castSendShowLovelaceView(this.castManager, this.auth.data.hassUrl, path);
   }
@@ -268,11 +271,16 @@ class HcCast extends LitElement {
       color: var(--secondary-text-color);
     }
 
-    ha-list-item-option ha-icon,
-    ha-list-item-option ha-svg-icon {
+    ha-list-item ha-icon,
+    ha-list-item ha-svg-icon {
+      padding: 12px;
       color: var(--secondary-text-color);
     }
 
+    :host([hide-icons]) ha-icon {
+      display: none;
+    }
+
     .spacer {
       flex: 1;
     }

cast/src/media/entrypoint.ts

@@ -4,18 +4,23 @@ const castContext = framework.CastReceiverContext.getInstance();
 
 const playerManager = castContext.getPlayerManager();
 
-playerManager.setMessageInterceptor("LOAD", (loadRequestData) => {
-  const media = loadRequestData.media;
-  // Special handling if it came from Google Assistant
-  if (media.entity) {
-    media.contentId = media.entity;
-    media.streamType = "LIVE";
-    media.contentType = "application/vnd.apple.mpegurl";
-    // @ts-expect-error type definition is wrong, should be "FMP4" instead of "fmp4"
-    // https://developers.google.com/cast/docs/reference/web_receiver/cast.framework.messages#.HlsVideoSegmentFormat
-    media.hlsVideoSegmentFormat = "FMP4";
+playerManager.setMessageInterceptor(
+  "LOAD" as framework.messages.MessageType.LOAD,
+  (loadRequestData) => {
+    const media = loadRequestData.media;
+    // Special handling if it came from Google Assistant
+    if (media.entity) {
+      media.contentId = media.entity;
+      media.streamType = "LIVE" as framework.messages.StreamType.LIVE;
+      media.contentType = "application/vnd.apple.mpegurl";
+      // @ts-ignore
+      // type definition is wrong, should be "FMP4" instead of "fmp4"
+      // https://developers.google.com/cast/docs/reference/web_receiver/cast.framework.messages#.HlsVideoSegmentFormat
+      media.hlsVideoSegmentFormat =
+        "FMP4" as framework.messages.HlsVideoSegmentFormat.FMP4;
+    }
+    return loadRequestData;
   }
-  return loadRequestData;
-});
+);
 
 castContext.start();

cast/src/receiver/demo/cast-demo-lovelace.ts

@@ -4,7 +4,7 @@ import { castContext } from "../cast_context";
 
 export const castDemoLovelace: () => LovelaceConfig = () => {
   const touchSupported =
-    castContext.getDeviceCapabilities()?.touch_input_supported;
+    castContext.getDeviceCapabilities().touch_input_supported;
   return {
     views: [
       {

cast/src/receiver/entrypoint.ts

@@ -19,7 +19,7 @@ const playerStylesAdded = false;
 let controls: HTMLElement | null;
 
 const setTouchControlsVisibility = (visible: boolean) => {
-  if (!castContext.getDeviceCapabilities()?.touch_input_supported) {
+  if (!castContext.getDeviceCapabilities().touch_input_supported) {
     return;
   }
   controls =
@@ -39,7 +39,8 @@ const playDummyMedia = (viewTitle?: string) => {
   loadRequestData.media.contentId =
     "https://cast.home-assistant.io/images/google-nest-hub.png";
   loadRequestData.media.contentType = "image/jpeg";
-  loadRequestData.media.streamType = "NONE";
+  loadRequestData.media.streamType =
+    "NONE" as framework.messages.StreamType.NONE;
   const metadata = new framework.messages.GenericMediaMetadata();
   metadata.title = viewTitle;
   loadRequestData.media.metadata = metadata;
@@ -50,7 +51,7 @@ const playDummyMedia = (viewTitle?: string) => {
     clearTimeout(timeOut);
     timeOut = undefined;
   }
-  if (castContext.getDeviceCapabilities()?.touch_input_supported) {
+  if (castContext.getDeviceCapabilities().touch_input_supported) {
     timeOut = window.setTimeout(() => playDummyMedia(viewTitle), 540000); // repeat every 9 minutes to keep it active (gets deactivated after 10 minutes)
   }
 };
@@ -90,12 +91,15 @@ options.disableIdleTimeout = true;
 options.customNamespaces = {
   // type definition is wrong, should be "JSON" instead of "json"
   // https://developers.google.com/cast/docs/reference/web_receiver/cast.framework.system#.MessageType
-  [CAST_NS]: "JSON",
+  [CAST_NS]: "JSON" as framework.system.MessageType.JSON,
 };
 
 castContext.addCustomMessageListener(CAST_NS, (ev) => {
   // We received a show Lovelace command, stop media from playing, hide media player and show Lovelace controller
-  if (playerManager.getPlayerState() !== "IDLE") {
+  if (
+    playerManager.getPlayerState() !==
+    ("IDLE" as framework.messages.PlayerState.IDLE)
+  ) {
     playerManager.stop();
   } else {
     showLovelaceController();
@@ -107,37 +111,46 @@ castContext.addCustomMessageListener(CAST_NS, (ev) => {
 
 const playerManager = castContext.getPlayerManager();
 
-playerManager.setMessageInterceptor("LOAD", (loadRequestData) => {
-  if (
-    loadRequestData.media.contentId ===
-    "https://cast.home-assistant.io/images/google-nest-hub.png"
-  ) {
+playerManager.setMessageInterceptor(
+  "LOAD" as framework.messages.MessageType.LOAD,
+  (loadRequestData) => {
+    if (
+      loadRequestData.media.contentId ===
+      "https://cast.home-assistant.io/images/google-nest-hub.png"
+    ) {
+      return loadRequestData;
+    }
+    // We received a play media command, hide Lovelace and show media player
+    showMediaPlayer();
+    const media = loadRequestData.media;
+    // Special handling if it came from Google Assistant
+    if (media.entity) {
+      media.contentId = media.entity;
+      media.streamType = "LIVE" as framework.messages.StreamType.LIVE;
+      media.contentType = "application/vnd.apple.mpegurl";
+      // type definition is wrong, should be "FMP4" instead of "fmp4"
+      // https://developers.google.com/cast/docs/reference/web_receiver/cast.framework.messages#.HlsVideoSegmentFormat
+      media.hlsVideoSegmentFormat =
+        "FMP4" as framework.messages.HlsVideoSegmentFormat.FMP4;
+    }
     return loadRequestData;
   }
-  // We received a play media command, hide Lovelace and show media player
-  showMediaPlayer();
-  const media = loadRequestData.media;
-  // Special handling if it came from Google Assistant
-  if (media.entity) {
-    media.contentId = media.entity;
-    media.streamType = "LIVE";
-    media.contentType = "application/vnd.apple.mpegurl";
-    // @ts-expect-error type definition is wrong, should be "FMP4" instead of "fmp4"
-    // https://developers.google.com/cast/docs/reference/web_receiver/cast.framework.messages#.HlsVideoSegmentFormat
-    media.hlsVideoSegmentFormat = "FMP4";
-  }
-  return loadRequestData;
-});
+);
 
-playerManager.addEventListener("MEDIA_STATUS", (event) => {
-  if (
-    event.mediaStatus?.playerState === "IDLE" &&
-    event.mediaStatus?.idleReason &&
-    event.mediaStatus?.idleReason !== "INTERRUPTED"
-  ) {
-    // media finished or stopped, return to default Lovelace
-    showLovelaceController();
+playerManager.addEventListener(
+  "MEDIA_STATUS" as framework.events.EventType.MEDIA_STATUS,
+  (event) => {
+    if (
+      event.mediaStatus?.playerState ===
+        ("IDLE" as framework.messages.PlayerState.IDLE) &&
+      event.mediaStatus?.idleReason &&
+      event.mediaStatus?.idleReason !==
+        ("INTERRUPTED" as framework.messages.IdleReason.INTERRUPTED)
+    ) {
+      // media finished or stopped, return to default Lovelace
+      showLovelaceController();
+    }
   }
-});
+);
 
 castContext.start(options);

cast/src/receiver/layout/hc-main.ts

@@ -27,7 +27,6 @@ import type {
   LovelaceConfig,
   LovelaceDashboardStrategyConfig,
 } from "../../../../src/data/lovelace/config/types";
-import { normalizeLovelaceConfig } from "../../../../src/data/lovelace/config/normalize";
 import { isStrategyDashboard } from "../../../../src/data/lovelace/config/types";
 import { fetchResources } from "../../../../src/data/lovelace/resource";
 import { loadLovelaceResources } from "../../../../src/panels/lovelace/common/load-resources";
@@ -35,6 +34,7 @@ import { HassElement } from "../../../../src/state/hass-element";
 import { castContext } from "../cast_context";
 import "./hc-launch-screen";
 import { getPanelTitleFromUrlPath } from "../../../../src/data/panel";
+import { checkLovelaceConfig } from "../../../../src/panels/lovelace/common/check-lovelace-config";
 
 const DEFAULT_CONFIG: LovelaceDashboardStrategyConfig = {
   strategy: {
@@ -359,7 +359,7 @@ export class HcMain extends HassElement {
       this._urlPath || "lovelace"
     );
     castContext.setApplicationState(title || "");
-    this._lovelaceConfig = normalizeLovelaceConfig(
+    this._lovelaceConfig = checkLovelaceConfig(
       lovelaceConfig
     ) as LovelaceConfig;
   }

demo/public/_headers

@@ -16,10 +16,3 @@
 
 /frontend_latest/*
   Cache-Control: public, max-age: 604800, s-maxage=604800
-  Access-Control-Allow-Origin: *
-
-/embed.js
-  Access-Control-Allow-Origin: *
-
-/static/*
-  Access-Control-Allow-Origin: *

demo/src/configs/demo-configs.ts

@@ -1,16 +1,12 @@
 import { navigate } from "../../../src/common/navigate";
-import { slugify } from "../../../src/common/string/slugify";
-import type { LocalizeFunc } from "../../../src/common/translations/localize";
 import type { MockHomeAssistant } from "../../../src/fake_data/provide_hass";
 import type { Lovelace } from "../../../src/panels/lovelace/types";
 import { setDemoAreas } from "../stubs/area_registry";
-import { setPlatformEntityRegistryEntries } from "../stubs/entity_registry";
 import { energyEntities } from "../stubs/entities";
 import { connectivityEntities } from "../stubs/connectivity/fixtures";
 import { setDemoFloors } from "../stubs/floor_registry";
 import { getDemoTheme } from "../stubs/frontend";
-import type { EntityInput } from "../../../src/fake_data/entities/types";
-import type { DemoAutomation, DemoConfig, DemoTheme } from "./types";
+import type { DemoConfig, DemoTheme } from "./types";
 
 export const applyDemoTheme = (hass: MockHomeAssistant, theme: DemoTheme) => {
   if (typeof theme === "function") {
@@ -20,95 +16,6 @@ export const applyDemoTheme = (hass: MockHomeAssistant, theme: DemoTheme) => {
   hass.mockTheme(null, getDemoTheme(theme));
 };
 
-export const automationEntity = ({
-  config: automation,
-  entityId,
-  state = "on",
-  icon,
-  lastTriggered,
-}: DemoAutomation): EntityInput => ({
-  entity_id: entityId ?? `automation.${slugify(automation.alias)}`,
-  platform: "automation",
-  state,
-  attributes: {
-    id: automation.id,
-    friendly_name: automation.alias,
-    last_triggered:
-      lastTriggered === undefined
-        ? null
-        : new Date(Date.now() - lastTriggered * 60000).toISOString(),
-    mode: automation.mode ?? "single",
-    current: 0,
-    // Like core, only the modes that can run more than once have a maximum
-    ...((automation.mode === "queued" || automation.mode === "parallel") && {
-      max: automation.max ?? 10,
-    }),
-    icon,
-  },
-});
-
-// Automations saved in the editor during this session, per demo
-// Automations saved in the editor during this session, per demo. A deleted
-// automation is null.
-const savedAutomations: Record<
-  string,
-  Record<string, DemoAutomation | null>
-> = {};
-
-export const saveDemoAutomation = (
-  id: string,
-  automation: DemoAutomation | null
-) => {
-  savedAutomations[selectedDemo] = {
-    ...savedAutomations[selectedDemo],
-    [id]: automation,
-  };
-};
-
-// The automations of a demo config, with the ones saved in the editor
-export const demoAutomations = (
-  demo: string,
-  config: DemoConfig
-): DemoAutomation[] => {
-  const saved = savedAutomations[demo] ?? {};
-  const configured = config.automations ?? [];
-  const ids = new Set(configured.map((automation) => automation.config.id));
-  return [
-    ...configured.map((automation) =>
-      automation.config.id in saved ? saved[automation.config.id] : automation
-    ),
-    ...Object.values(saved).filter(
-      (automation) => automation && !ids.has(automation.config.id)
-    ),
-  ].filter((automation): automation is DemoAutomation => automation !== null);
-};
-
-// The automation entities are derived from the configs the editor shows, so
-// their names and IDs always match.
-export const demoConfigEntities = (
-  demo: string,
-  config: DemoConfig,
-  localize: LocalizeFunc
-): EntityInput[] => [
-  ...config.entities(localize),
-  ...demoAutomations(demo, config).map(automationEntity),
-];
-
-// Like core, the automations of a demo config are in the entity registry
-export const registerDemoAutomations = (
-  hass: MockHomeAssistant,
-  demo: string,
-  config: DemoConfig
-) =>
-  setPlatformEntityRegistryEntries(
-    hass,
-    "automation",
-    demoAutomations(demo, config).map((automation) => ({
-      entity_id: automationEntity(automation).entity_id,
-      unique_id: automation.config.id,
-    }))
-  );
-
 export const demoConfigs: Record<string, () => Promise<DemoConfig>> = {
   sections: () => import("./sections").then((mod) => mod.demoSections),
   home: () => import("./home").then((mod) => mod.demoHome),
@@ -145,8 +52,7 @@ export const setDemoConfig = async (
 
   setDemoFloors(hass, config.floors);
   setDemoAreas(hass, config.areas);
-  hass.addEntities(demoConfigEntities(demo, config, hass.localize), true);
-  registerDemoAutomations(hass, demo, config);
+  hass.addEntities(config.entities(hass.localize), true);
   hass.addEntities(energyEntities());
   // Replaced the whole state map above, so the entities that do not belong to a
   // demo config have to be added back.

demo/src/configs/home/strategies.ts

@@ -7,7 +7,7 @@ import type { HomeDashboardStrategyConfig } from "../../../../src/panels/lovelac
 import { HomeDashboardStrategy } from "../../../../src/panels/lovelace/strategies/home/home-dashboard-strategy";
 import type { HomeOverviewViewStrategyConfig } from "../../../../src/panels/lovelace/strategies/home/home-overview-view-strategy";
 import { HomeOverviewViewStrategy } from "../../../../src/panels/lovelace/strategies/home/home-overview-view-strategy";
-import type { HeadingCardConfig } from "../../../../src/panels/lovelace/cards/types";
+import { generateLovelaceSectionStrategy } from "../../../../src/panels/lovelace/strategies/get-strategy";
 import type { HomeAssistant } from "../../../../src/types";
 
 export interface DemoHomeDashboardStrategyConfig extends Omit<
@@ -61,33 +61,29 @@ class DemoHomeOverviewViewStrategy extends ReactiveElement {
       { ...config, type: "home-overview" },
       hass
     );
-    // Add the demo card to the favorites section, found by its heading
-    const favoritesHeading = hass.localize(
-      "ui.panel.lovelace.strategy.home.favorites"
+    // Expand the favorites section so the demo card can be added to it
+    const sections = await Promise.all(
+      (view.sections || []).map(async (section) => {
+        if (
+          !isStrategySection(section) ||
+          section.strategy.type !== "common-controls"
+        ) {
+          return section;
+        }
+        // The demo card takes up the space of two tiles
+        const limit = (section.strategy.limit as number | undefined) ?? 8;
+        const favorites = await generateLovelaceSectionStrategy(
+          { ...section, strategy: { ...section.strategy, limit: limit - 2 } },
+          hass
+        );
+        const [heading, ...cards] = favorites.cards || [];
+        return {
+          ...favorites,
+          // Place the demo card first so the tiles fill the rows next to it
+          cards: [heading, { type: "custom:ha-demo-next-card" }, ...cards],
+        };
+      })
     );
-    const sections = (view.sections || []).map((section) => {
-      if (
-        isStrategySection(section) ||
-        !section.cards?.some(
-          (card) =>
-            card.type === "heading" &&
-            (card as HeadingCardConfig).heading === favoritesHeading
-        )
-      ) {
-        return section;
-      }
-      const [heading, ...cards] = section.cards;
-      return {
-        ...section,
-        // Place the demo card first so the tiles fill the rows next to it. It
-        // takes up the space of two tiles, so keep two less, but at least six.
-        cards: [
-          heading,
-          { type: "custom:ha-demo-next-card" },
-          ...cards.slice(0, Math.max(6, cards.length - 2)),
-        ],
-      };
-    });
 
     return {
       ...view,

demo/src/configs/sections/automations.ts

@@ -1,361 +0,0 @@
-import type { DemoAutomation } from "../types";
-
-export const demoAutomationsSections: DemoAutomation[] = [
-  {
-    lastTriggered: 60 * 9,
-    state: "off",
-    icon: "mdi:auto-mode",
-    config: {
-      id: "1700669321947",
-      alias: "Home Assistant Auto-update",
-      description:
-        "Installs Home Assistant updates at night, so nobody is bothered by the restart.",
-      triggers: [{ trigger: "time", at: "03:00:00" }],
-      conditions: [
-        {
-          condition: "update.is_available",
-          target: { entity_id: "update.home_assistant_core_update" },
-          options: { for: "00:00:00" },
-        },
-      ],
-      actions: [
-        {
-          action: "update.install",
-          target: { entity_id: "update.home_assistant_core_update" },
-          data: { backup: true },
-        },
-      ],
-      mode: "queued",
-    },
-  },
-  {
-    lastTriggered: 25,
-    config: {
-      id: "1700669322001",
-      alias: "Kitchen lights on motion",
-      description:
-        "Turns on the kitchen lights when motion is detected and turns them off again once the kitchen has been empty for 2 minutes.",
-      triggers: [
-        {
-          trigger: "motion.detected",
-          target: { entity_id: "binary_sensor.kitchen_motion" },
-          options: { for: "00:00:00" },
-        },
-      ],
-      conditions: [],
-      actions: [
-        {
-          action: "light.turn_on",
-          target: {
-            entity_id: ["light.kitchen_spotlights", "light.worktop_spotlights"],
-          },
-          data: { brightness_pct: 80 },
-        },
-        {
-          wait_for_trigger: [
-            {
-              trigger: "motion.cleared",
-              target: { entity_id: "binary_sensor.kitchen_motion" },
-              options: { for: "00:02:00" },
-            },
-          ],
-        },
-        {
-          action: "light.turn_off",
-          target: {
-            entity_id: ["light.kitchen_spotlights", "light.worktop_spotlights"],
-          },
-        },
-      ],
-      mode: "restart",
-    },
-  },
-  {
-    lastTriggered: 60 * 3,
-    config: {
-      id: "1700669322002",
-      alias: "Outdoor light from sunset to sunrise",
-      description:
-        "Uses trigger IDs to handle both sunset and sunrise in one automation.",
-      triggers: [
-        {
-          trigger: "sun.sunset",
-          id: "sunset",
-          options: {
-            offset: { days: 0, hours: 0, minutes: 15, seconds: 0 },
-            offset_type: "before",
-          },
-        },
-        {
-          trigger: "sun.sunrise",
-          id: "sunrise",
-          options: {
-            offset: { days: 0, hours: 0, minutes: 0, seconds: 0 },
-            offset_type: "before",
-          },
-        },
-      ],
-      conditions: [],
-      actions: [
-        {
-          choose: [
-            {
-              conditions: [{ condition: "trigger", id: "sunset" }],
-              sequence: [
-                {
-                  action: "light.turn_on",
-                  target: { entity_id: "light.outdoor_light" },
-                },
-              ],
-            },
-            {
-              conditions: [{ condition: "trigger", id: "sunrise" }],
-              sequence: [
-                {
-                  action: "light.turn_off",
-                  target: { entity_id: "light.outdoor_light" },
-                },
-              ],
-            },
-          ],
-        },
-      ],
-      mode: "single",
-    },
-  },
-  {
-    lastTriggered: 60 * 14,
-    config: {
-      id: "1700669322003",
-      alias: "Flood light on motion when dark",
-      description:
-        "Turns on the flood light for 5 minutes when someone walks by in the dark.",
-      triggers: [
-        {
-          trigger: "motion.detected",
-          target: { entity_id: "binary_sensor.outdoor_motion_sensor_motion" },
-          options: { for: "00:00:00" },
-        },
-      ],
-      conditions: [
-        {
-          condition: "illuminance.is_value",
-          target: { entity_id: "sensor.outdoor_motion_sensor_illuminance" },
-          options: {
-            threshold: {
-              type: "below",
-              value: { number: 50, unit_of_measurement: "lx" },
-            },
-            for: "00:00:00",
-          },
-        },
-      ],
-      actions: [
-        {
-          action: "light.turn_on",
-          target: { entity_id: "light.flood_light" },
-        },
-        { delay: { hours: 0, minutes: 5, seconds: 0, milliseconds: 0 } },
-        {
-          action: "light.turn_off",
-          target: { entity_id: "light.flood_light" },
-        },
-      ],
-      mode: "restart",
-    },
-  },
-  {
-    lastTriggered: 60 * 26,
-    config: {
-      id: "1700669322004",
-      alias: "Close the shutters when it gets hot",
-      description:
-        "Keeps the living room cool by closing the shutters on hot, sunny days.",
-      triggers: [
-        {
-          trigger: "temperature.crossed_threshold",
-          target: { entity_id: "sensor.outdoor_temperature" },
-          options: {
-            threshold: {
-              type: "above",
-              value: { number: 25, unit_of_measurement: "°C" },
-            },
-            for: "00:10:00",
-          },
-        },
-      ],
-      conditions: [{ condition: "sun.is_up" }],
-      actions: [
-        {
-          action: "cover.close_cover",
-          target: {
-            entity_id: [
-              "cover.living_room_garden_shutter",
-              "cover.living_room_graveyard_shutter",
-              "cover.living_room_left_shutter",
-              "cover.living_room_right_shutter",
-            ],
-          },
-        },
-      ],
-      mode: "single",
-    },
-  },
-  {
-    lastTriggered: 60 * 50,
-    config: {
-      id: "1700669322005",
-      alias: "Fridge door left open",
-      description:
-        "Sends a reminder when the fridge door has been open for 2 minutes.",
-      triggers: [
-        {
-          trigger: "door.opened",
-          target: { entity_id: "binary_sensor.fridge_door" },
-          options: { for: "00:02:00" },
-        },
-      ],
-      conditions: [],
-      actions: [
-        {
-          action: "notify.notify",
-          data: {
-            title: "Fridge door",
-            message: "The fridge door has been open for 2 minutes.",
-          },
-        },
-      ],
-      mode: "single",
-    },
-  },
-  {
-    lastTriggered: 90,
-    config: {
-      id: "1700669322006",
-      alias: "Meeting mode",
-      description:
-        "Pauses the music in the study and turns on the lights when a meeting starts.",
-      triggers: [
-        {
-          trigger: "switch.turned_on",
-          target: { entity_id: "switch.in_meeting" },
-          options: { for: "00:00:00" },
-        },
-      ],
-      conditions: [],
-      actions: [
-        {
-          action: "media_player.media_pause",
-          target: { entity_id: "media_player.study_nest_hub" },
-        },
-        {
-          action: "light.turn_on",
-          target: { entity_id: "light.study_spotlights" },
-          data: { brightness_pct: 100, color_temp_kelvin: 4000 },
-        },
-      ],
-      mode: "single",
-    },
-  },
-  {
-    lastTriggered: 60 * 20,
-    config: {
-      id: "1700669322009",
-      alias: "Lights up when the music pauses",
-      description:
-        "Turns on the living room spotlights when the music is paused in the evening.",
-      triggers: [
-        {
-          trigger: "media_player.paused_playing",
-          target: { entity_id: "media_player.living_room_nest_mini" },
-          options: { for: "00:00:00" },
-        },
-      ],
-      conditions: [{ condition: "sun.is_set" }],
-      actions: [
-        {
-          action: "light.turn_on",
-          target: { entity_id: "light.living_room_spotlights" },
-          data: { brightness_pct: 40 },
-        },
-      ],
-      mode: "single",
-    },
-  },
-  {
-    lastTriggered: 60 * 7,
-    config: {
-      id: "1700669322007",
-      alias: "Lower heating when the car leaves",
-      triggers: [
-        {
-          trigger: "zone.left",
-          target: { entity_id: "device_tracker.car" },
-          options: { zone: "zone.home", for: "00:00:00" },
-        },
-      ],
-      conditions: [
-        {
-          condition: "time",
-          weekday: ["mon", "tue", "wed", "thu", "fri"],
-        },
-      ],
-      actions: [
-        {
-          action: "climate.set_temperature",
-          target: {
-            entity_id: ["climate.ground_floor", "climate.first_floor"],
-          },
-          data: { temperature: 17 },
-        },
-      ],
-      mode: "single",
-    },
-  },
-  {
-    lastTriggered: 60 * 11,
-    config: {
-      id: "1700669322008",
-      alias: "Good night",
-      description:
-        "Turns off all lights and closes the shutters at 23:00 on weeknights.",
-      triggers: [
-        {
-          trigger: "time",
-          at: "23:00:00",
-          weekday: ["sun", "mon", "tue", "wed", "thu"],
-        },
-      ],
-      conditions: [],
-      actions: [
-        {
-          action: "light.turn_off",
-          target: {
-            entity_id: [
-              "light.floor_lamp",
-              "light.living_room_spotlights",
-              "light.bar_lamp",
-              "light.kitchen_spotlights",
-              "light.worktop_spotlights",
-              "light.study_spotlights",
-            ],
-          },
-        },
-        {
-          action: "cover.close_cover",
-          target: {
-            entity_id: [
-              "cover.living_room_garden_shutter",
-              "cover.living_room_graveyard_shutter",
-              "cover.living_room_left_shutter",
-              "cover.living_room_right_shutter",
-              "cover.kitchen_shutter",
-              "cover.study_shutter",
-            ],
-          },
-        },
-      ],
-      mode: "single",
-    },
-  },
-];

demo/src/configs/sections/entities.ts

@@ -140,18 +140,6 @@ export const demoEntitiesSections: DemoConfig["entities"] = (localize) =>
         friendly_name: "Outdoor humidity",
       },
     },
-    // Used by the automation for when the car leaves home
-    "zone.home": {
-      entity_id: "zone.home",
-      state: "0",
-      attributes: {
-        latitude: 52.3731339,
-        longitude: 4.8903147,
-        radius: 100,
-        friendly_name: "Home",
-        icon: "mdi:home",
-      },
-    },
     "device_tracker.car": {
       entity_id: "device_tracker.car",
       state: "not_home",
@@ -526,6 +514,19 @@ export const demoEntitiesSections: DemoConfig["entities"] = (localize) =>
         friendly_name: "Outdoor motion sensor Illuminance",
       },
     },
+    "automation.home_assistant_auto_update": {
+      entity_id: "automation.home_assistant_auto_update",
+      state: "off",
+      attributes: {
+        id: "1700669321947",
+        last_triggered: "2024-02-29T18:02:05.343139+00:00",
+        mode: "queued",
+        current: 0,
+        max: 50,
+        icon: "mdi:auto-mode",
+        friendly_name: "Home Assistant Auto-update",
+      },
+    },
     "update.home_assistant_operating_system_update": {
       entity_id: "update.home_assistant_operating_system_update",
       state: "off",

demo/src/configs/sections/index.ts

@@ -1,5 +1,4 @@
 import type { DemoConfig } from "../types";
-import { demoAutomationsSections } from "./automations";
 import { demoEntitiesSections } from "./entities";
 import { demoLovelaceSections } from "./lovelace";
 
@@ -9,6 +8,5 @@ export const demoSections: DemoConfig = {
   name: "Home Demo",
   lovelace: demoLovelaceSections,
   entities: demoEntitiesSections,
-  automations: demoAutomationsSections,
   theme: { theme: "default", dark: false },
 };

demo/src/configs/types.ts

@@ -1,6 +1,5 @@
 import type { TemplateResult } from "lit";
 import type { LocalizeFunc } from "../../../src/common/translations/localize";
-import type { ManualAutomationConfig } from "../../../src/data/automation";
 import type { LovelaceRawConfig } from "../../../src/data/lovelace/config/types";
 import type { EntityInput } from "../../../src/fake_data/entities/types";
 import type { ThemeSettings } from "../../../src/types";
@@ -9,16 +8,6 @@ import type { DemoFloor } from "../stubs/floor_registry";
 
 export type DemoTheme = ThemeSettings | (() => Record<string, string> | null);
 
-export interface DemoAutomation {
-  config: ManualAutomationConfig & { id: string; alias: string };
-  /** Defaults to the alias as slug */
-  entityId?: string;
-  state?: "on" | "off";
-  icon?: string;
-  /** Minutes ago */
-  lastTriggered?: number;
-}
-
 export interface DemoConfig {
   index?: number;
   name: string;
@@ -28,7 +17,6 @@ export interface DemoConfig {
     string | ((localize: LocalizeFunc) => string | TemplateResult<1>);
   lovelace: (localize: LocalizeFunc) => LovelaceRawConfig;
   entities: (localize: LocalizeFunc) => EntityInput[];
-  automations?: DemoAutomation[];
   floors?: DemoFloor[];
   areas?: DemoArea[];
   theme: DemoTheme;

demo/src/embed/context.ts

@@ -1,4 +0,0 @@
-import { createContext } from "@lit/context";
-import type { HomeAssistant } from "../../../src/types";
-
-export const embedHassContext = createContext<HomeAssistant>("embedHass");

demo/src/embed/entrypoint.ts

@@ -1,25 +0,0 @@
-import "./public-path";
-import "./workers";
-// The provider must be defined first. Custom elements upgrade in the order
-// they are defined, and cards need a provider to request their context from.
-import "./ha-embed-provider";
-import "./ha-embed-card";
-// For custom cards, which can't load them themselves. The built-in cards only
-// load ha-list-item-button with the map card. The full app loads ha-select
-// with the more info dialog.
-import "../../../src/components/item/ha-list-item-button";
-import "../../../src/components/ha-select";
-import { fontStyles } from "../../../src/resources/roboto";
-
-// Font faces only work in the document, not in the shadow root of the card.
-// Defining Roboto does not change the page unless it already uses Roboto.
-document.head.append(
-  Object.assign(document.createElement("style"), {
-    textContent: fontStyles.cssText,
-  })
-);
-
-// Custom cards use the helpers to create built-in cards. The dashboard panel
-// sets the same global in the full app.
-(window as any).loadCardHelpers = () =>
-  import("../../../src/panels/lovelace/custom-card-helpers");

demo/src/embed/ha-embed-card.ts

@@ -1,218 +0,0 @@
-import { ContextEvent } from "@lit/context";
-import { css, html, LitElement, nothing } from "lit";
-import { customElement, property, state } from "lit/decorators";
-import { classMap } from "lit/directives/class-map";
-import { createRef, ref } from "lit/directives/ref";
-import { consume } from "../../../src/common/decorators/consume";
-import { computeRTLDirection } from "../../../src/common/util/compute_rtl";
-import type { LovelaceCardConfig } from "../../../src/data/lovelace/config/card";
-import { handleAction } from "../../../src/panels/lovelace/common/handle-action";
-import { computeCardGridSize } from "../../../src/panels/lovelace/common/compute-card-grid-size";
-import "../../../src/panels/lovelace/cards/hui-card";
-import type { HuiCard } from "../../../src/panels/lovelace/cards/hui-card";
-import type { HomeAssistant } from "../../../src/types";
-import { embedHassContext } from "./context";
-import { readScriptData } from "./script-data";
-import { embedThemeStyles } from "./theme-styles";
-
-const pageProvider = (): HTMLElement =>
-  document.querySelector("ha-embed-provider") ??
-  document.body.appendChild(document.createElement("ha-embed-provider"));
-
-// Looks past shadow roots, so a card inside another component still finds
-// the provider around that component.
-const insideProvider = (element: Element): boolean => {
-  let current: Element | null = element;
-
-  while (current) {
-    if (current.closest("ha-embed-provider")) {
-      return true;
-    }
-
-    const root = current.getRootNode();
-    current = root instanceof ShadowRoot ? root.host : null;
-  }
-
-  return false;
-};
-
-/**
- * Renders a Lovelace card. The card uses the provider with the ID in
- * `provider`, else the closest provider around it, else the first provider on
- * the page. If the page has no provider, the card adds an empty one.
- *
- * The card takes the columns and rows it would take in a section, so cards
- * in an element with `display: grid` and 12 columns lay out like a section.
- * It also sets `--column-size` and `--row-size` on itself.
- */
-@customElement("ha-embed-card")
-export class HaEmbedCard extends LitElement {
-  /**
-   * The card configuration. Also read from a JSON or YAML script child, see
-   * `readScriptData`.
-   */
-  @property({ type: Object }) public config?: LovelaceCardConfig;
-
-  /** The ID of the `ha-embed-provider` to use. */
-  @property() public provider?: string;
-
-  @state()
-  @consume({ context: embedHassContext, subscribe: true })
-  private _hass?: HomeAssistant;
-
-  // A provider that is not an ancestor, which gets the context requests of the
-  // card and its content. Context requests only reach ancestors by themselves.
-  private _linkedProvider?: HTMLElement;
-
-  private _scriptRead = false;
-
-  private _card = createRef<HuiCard>();
-
-  constructor() {
-    super();
-    this.addEventListener("context-request", (ev) => {
-      if (!this._linkedProvider) {
-        return;
-      }
-      ev.stopPropagation();
-      this._linkedProvider.dispatchEvent(
-        new ContextEvent(
-          ev.context,
-          ev.contextTarget,
-          ev.callback,
-          ev.subscribe
-        )
-      );
-    });
-    // Cards fire their tap, hold and double tap actions for the app to handle
-    this.addEventListener("hass-action", (ev) => {
-      if (this._hass) {
-        // The element that fired the action, so that fire-dom-event reaches
-        // listeners inside custom cards, as in action-mixin
-        const node = (ev.composedPath()[0] as HTMLElement | undefined) ?? this;
-        handleAction(node, this._hass, ev.detail.config, ev.detail.action);
-      }
-    });
-  }
-
-  public connectedCallback() {
-    // Before super.connectedCallback(), which sends the context requests.
-    this._linkedProvider = this.provider
-      ? (document.getElementById(this.provider) ?? undefined)
-      : insideProvider(this)
-        ? undefined
-        : pageProvider();
-    super.connectedCallback();
-
-    // Only once, so that moving the card keeps a config set since
-    if (this._scriptRead) {
-      return;
-    }
-
-    this._scriptRead = true;
-
-    const config = readScriptData(this) as LovelaceCardConfig | undefined;
-    if (config) {
-      this.config = config;
-    }
-  }
-
-  protected render() {
-    if (!this._hass || !this.config) {
-      return nothing;
-    }
-    return html`<div
-      class=${classMap({ theme: true, dark: this._hass.themes.darkMode })}
-      dir=${computeRTLDirection(this._hass)}
-    >
-      <hui-card
-        ${ref(this._card)}
-        .hass=${this._hass}
-        .config=${this.config}
-        .layout=${"grid"}
-        @card-updated=${this._updateSize}
-        @card-visibility-changed=${this._updateSize}
-      ></hui-card>
-    </div>`;
-  }
-
-  protected updated() {
-    // The card element only exists once hui-card has updated
-    this._card.value?.updateComplete.then(() => this._updateSize());
-  }
-
-  // The size the card gets in a section, set on the host so that the page can
-  // lay out cards in a grid of 12 columns, like a section
-  private _updateSize = () => {
-    const card = this._card.value;
-    if (!card) {
-      return;
-    }
-    const { rows, columns } = computeCardGridSize(card.getGridOptions());
-    this.hidden = card.hidden;
-    this.toggleAttribute("full-width", columns === "full");
-    this.toggleAttribute("fit-rows", typeof rows === "number");
-    this.style.setProperty(
-      "--column-size",
-      typeof columns === "number" ? String(columns) : null
-    );
-    this.style.setProperty(
-      "--row-size",
-      typeof rows === "number" ? String(rows) : null
-    );
-  };
-
-  static styles = [
-    embedThemeStyles,
-    css`
-      /* The sizes of a card in a section, see hui-grid-section */
-      :host {
-        --row-gap: var(--ha-section-grid-row-gap, 8px);
-        --row-height: var(--ha-section-grid-row-height, 56px);
-        display: block;
-        grid-row: span var(--row-size, 1);
-        grid-column: span min(var(--column-size, 12), 12);
-      }
-      :host([full-width]) {
-        grid-column: 1 / -1;
-      }
-      :host([hidden]) {
-        display: none;
-      }
-      :host([fit-rows]) .theme {
-        height: calc(
-          (var(--row-size, 1) * (var(--row-height) + var(--row-gap))) - var(
-              --row-gap
-            )
-        );
-      }
-      /* The text styles the app sets on html and body, so that the card does
-         not inherit the text styles of the page that embeds it. */
-      .theme {
-        color: var(--primary-text-color);
-        font-family: var(--ha-font-family-body);
-        font-size: var(--ha-font-size-m);
-        font-weight: var(--ha-font-weight-body);
-        line-height: normal;
-        letter-spacing: normal;
-        text-align: start;
-        -moz-osx-font-smoothing: var(--ha-moz-osx-font-smoothing);
-        -webkit-font-smoothing: var(--ha-font-smoothing);
-      }
-      /* What setDirectionStyles sets on the app for a right-to-left language,
-         here only for the card */
-      .theme[dir="rtl"] {
-        --direction: rtl;
-        --float-start: right;
-        --float-end: left;
-        --scale-direction: -1;
-      }
-    `,
-  ];
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    "ha-embed-card": HaEmbedCard;
-  }
-}

demo/src/embed/ha-embed-provider.ts

@@ -1,293 +0,0 @@
-import { ContextProvider, provide } from "@lit/context";
-import type { HassEntities } from "home-assistant-js-websocket";
-import type { PropertyValues } from "lit";
-import { html, LitElement } from "lit";
-import { customElement, property } from "lit/decorators";
-import { fireEvent } from "../../../src/common/dom/fire_event";
-import { listenMediaQuery } from "../../../src/common/dom/media_query";
-import type { AreaRegistryEntry } from "../../../src/data/area/area_registry";
-import type { CalendarEventApiData } from "../../../src/data/calendar";
-import { reducedMotionContext } from "../../../src/data/context";
-import type { EnergyInfo, EnergyPreferences } from "../../../src/data/energy";
-import { EMPTY_PREFERENCES } from "../../../src/data/energy";
-import type { EntityRegistryEntry } from "../../../src/data/entity/entity_registry";
-import type { EntityInput } from "../../../src/fake_data/entities/types";
-import type { MockHomeAssistant } from "../../../src/fake_data/provide_hass";
-import { provideHass } from "../../../src/fake_data/provide_hass";
-import type { DemoArea } from "../stubs/area_registry";
-import { toAreaRegistryEntry } from "../stubs/area_registry";
-import { mockAuth } from "../stubs/auth";
-import {
-  FAMILY_EVENTS,
-  mockCalendarEvents,
-  WORK_EVENTS,
-} from "../stubs/calendar";
-import { extEntry, newEntry } from "../stubs/entity_registry";
-import { mockHistory } from "../stubs/history";
-import { mockIcons } from "../stubs/icons";
-import { mockLogbook } from "../stubs/logbook";
-import { mockMediaPlayer } from "../stubs/media_player";
-import { mockRecorder } from "../stubs/recorder";
-import { mockSensor } from "../stubs/sensor";
-import { mockExtractFromTarget } from "../stubs/target";
-import { mockTemplate } from "../stubs/template";
-import { mockTodo } from "../stubs/todo";
-import { mockWeather } from "../stubs/weather";
-import { embedHassContext } from "./context";
-import { readScriptData } from "./script-data";
-
-/** The data of a provider, as set by its script child. */
-interface EmbedProviderData {
-  entities?: EntityInput[];
-  areas?: DemoArea[];
-  calendars?: Record<string, CalendarEventApiData[]>;
-  energy?: Partial<EnergyPreferences>;
-}
-
-const SAMPLE_CALENDAR_EVENTS = [FAMILY_EVENTS, WORK_EVENTS];
-
-// "living_room" becomes "Living room"
-const areaName = (areaId: string) => {
-  const name = areaId.replaceAll("_", " ");
-
-  return name.charAt(0).toUpperCase() + name.slice(1);
-};
-
-/**
- * Holds a mocked Home Assistant backend for all `ha-embed-card` elements
- * inside it. Cards in the same provider share their entities.
- */
-@customElement("ha-embed-provider")
-export class HaEmbedProvider extends LitElement {
-  @provide({ context: embedHassContext })
-  @property({ attribute: false })
-  public hass!: MockHomeAssistant;
-
-  /**
-   * All entities of the backend. Each change replaces all entities.
-   * Also read from a JSON or YAML script child, see `readScriptData`. The
-   * script holds either the list of entities or an object with `entities`,
-   * `areas`, `calendars` and `energy`.
-   */
-  @property({ type: Array }) public entities: EntityInput[] = [];
-
-  /** All areas. Without them, an area for each `area_id` of the entities. */
-  @property({ attribute: false }) public areas?: DemoArea[];
-
-  /**
-   * Events of calendar entities by entity ID. Calendars without events here
-   * get sample events around today.
-   */
-  @property({ attribute: false }) public calendars?: Record<
-    string,
-    CalendarEventApiData[]
-  >;
-
-  /** Energy preferences. Without them, energy is not set up. */
-  @property({ attribute: false }) public energy?: Partial<EnergyPreferences>;
-
-  /** Light or dark mode of the cards. Without it, the browser setting. */
-  @property({ attribute: "color-scheme" }) public colorScheme?:
-    "light" | "dark";
-
-  private _reducedMotion = new ContextProvider(this, {
-    context: reducedMotionContext,
-    initialValue: false,
-  });
-
-  private _prefersDark = matchMedia("(prefers-color-scheme: dark)").matches;
-
-  private _unsubMediaQueries: (() => void)[] = [];
-
-  private _scriptRead = false;
-
-  private _applyColorScheme() {
-    const dark = this.colorScheme
-      ? this.colorScheme === "dark"
-      : this._prefersDark;
-    if (this.hass.themes.darkMode !== dark) {
-      this.hass.updateHass({
-        themes: { ...this.hass.themes, darkMode: dark },
-        selectedTheme: { ...this.hass.selectedTheme!, dark },
-      });
-    }
-  }
-
-  constructor() {
-    super();
-    // Set up in the constructor so that the contexts exist before the
-    // child cards connect and request them.
-    const hass = provideHass(this);
-    hass.updateTranslations(null);
-    hass.updateTranslations("lovelace");
-    mockIcons(hass);
-    mockAuth(hass);
-    mockHistory(hass);
-    mockRecorder(hass);
-    mockTemplate(hass);
-    mockSensor(hass);
-    mockMediaPlayer(hass);
-    mockTodo(hass);
-    mockWeather(hass);
-    mockLogbook(hass);
-    hass.updateHass({
-      config: {
-        ...hass.config,
-        components: [...hass.config.components, "logbook"],
-      },
-    });
-    mockCalendarEvents(hass, (entityId, currentHass) => {
-      if (!(entityId in currentHass.states)) {
-        return null;
-      }
-
-      const calendarIds = Object.keys(currentHass.states).filter((id) =>
-        id.startsWith("calendar.")
-      );
-
-      return (
-        this.calendars?.[entityId] ??
-        SAMPLE_CALENDAR_EVENTS[
-          calendarIds.indexOf(entityId) % SAMPLE_CALENDAR_EVENTS.length
-        ]
-      );
-    });
-    hass.mockWS("config/area_registry/list", (_msg, currentHass) =>
-      Object.values(currentHass.areas)
-    );
-    // The registry of the entities, without settings such as calendar colors
-    const registryEntries = (currentHass: MockHomeAssistant) =>
-      Object.values(currentHass.entities).map(
-        (entity): EntityRegistryEntry => ({
-          ...newEntry({
-            entity_id: entity.entity_id,
-            platform: entity.platform ?? "demo",
-            unique_id: entity.entity_id,
-          }),
-          area_id: entity.area_id ?? null,
-          device_id: entity.device_id ?? null,
-        })
-      );
-    hass.mockWS("config/entity_registry/list", (_msg, currentHass) =>
-      registryEntries(currentHass)
-    );
-    hass.mockWS(
-      "config/entity_registry/get",
-      (msg: { entity_id: string }, currentHass: MockHomeAssistant) => {
-        const entry = registryEntries(currentHass).find(
-          (item) => item.entity_id === msg.entity_id
-        );
-        if (!entry) {
-          throw new Error(`Entity not found: ${msg.entity_id}`);
-        }
-        return extEntry(entry);
-      }
-    );
-    mockExtractFromTarget(hass);
-    hass.mockWS("energy/get_prefs", (): EnergyPreferences => ({
-      ...EMPTY_PREFERENCES,
-      ...this.energy,
-    }));
-    hass.mockWS("energy/info", (): EnergyInfo => ({
-      cost_sensors: {},
-      solar_forecast_domains: [],
-    }));
-    this._applyColorScheme();
-  }
-
-  public connectedCallback() {
-    super.connectedCallback();
-    this._unsubMediaQueries = [
-      listenMediaQuery("(prefers-color-scheme: dark)", (matches) => {
-        this._prefersDark = matches;
-        this._applyColorScheme();
-      }),
-      listenMediaQuery("(prefers-reduced-motion: reduce)", (matches) =>
-        this._reducedMotion.setValue(matches)
-      ),
-    ];
-
-    // Only once, so that moving the provider keeps the current entities
-    if (this._scriptRead) {
-      return;
-    }
-
-    this._scriptRead = true;
-
-    const data = readScriptData(this) as
-      EntityInput[] | EmbedProviderData | undefined;
-
-    if (Array.isArray(data)) {
-      this.entities = data;
-    } else if (data) {
-      this.entities = data.entities ?? [];
-      this.areas = data.areas;
-      this.calendars = data.calendars;
-      this.energy = data.energy;
-    }
-  }
-
-  public disconnectedCallback() {
-    super.disconnectedCallback();
-    this._unsubMediaQueries.forEach((unsub) => unsub());
-    this._unsubMediaQueries = [];
-  }
-
-  protected willUpdate(changedProps: PropertyValues<this>) {
-    if (changedProps.has("colorScheme")) {
-      this._applyColorScheme();
-    }
-
-    if (changedProps.has("entities") || changedProps.has("areas")) {
-      const areas: DemoArea[] =
-        this.areas ??
-        [
-          ...new Set(
-            this.entities
-              .map((entity) => entity.area_id)
-              .filter((areaId) => areaId !== undefined)
-          ),
-        ].map((areaId) => ({ area_id: areaId, name: areaName(areaId) }));
-
-      const areasById: Record<string, AreaRegistryEntry> = {};
-      areas.forEach((area) => {
-        areasById[area.area_id] = toAreaRegistryEntry(area);
-      });
-      // Before the entities, so that their names can include the area
-      this.hass.updateHass({ areas: areasById });
-
-      // Entities that services changed keep their state when only the areas
-      // change
-      if (changedProps.has("entities")) {
-        this.hass.addEntities(this.entities, true);
-      } else {
-        this.hass.updateFormatFunctions();
-      }
-    }
-  }
-
-  protected updated(changedProps: PropertyValues<this>) {
-    const oldHass = changedProps.get("hass");
-    // The first update holds the initial entities. They are not changes.
-    if (!oldHass) {
-      return;
-    }
-    // Other updates, such as loaded translations, keep the same states object.
-    if (oldHass.states !== this.hass.states) {
-      fireEvent(this, "states-changed", { states: this.hass.states });
-    }
-  }
-
-  protected render() {
-    return html`<slot></slot>`;
-  }
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    "ha-embed-provider": HaEmbedProvider;
-  }
-  interface HASSDomEvents {
-    "states-changed": { states: HassEntities };
-  }
-}

demo/src/embed/public-path.ts

@@ -1,20 +0,0 @@
-/* eslint-disable @typescript-eslint/naming-convention */
-declare global {
-  var __HA_STATIC_PATH__: string | undefined;
-}
-declare let __webpack_public_path__: string;
-/* eslint-enable @typescript-eslint/naming-convention */
-
-// Load chunks and static files from the server that hosts this script, so
-// that other sites can embed the cards. Only the modern production build keeps
-// `import.meta.url` (see build-scripts/rspack.cjs). The legacy and development
-// builds only run on the demo site, where the default paths are correct.
-// `new URL(path, import.meta.url)` in one expression is an asset reference for
-// the bundler, so the script URL goes into a variable first.
-if (__BUILD__ === "modern" && !__DEV__) {
-  const scriptUrl = import.meta.url;
-  __webpack_public_path__ = new URL(".", scriptUrl).href;
-  globalThis.__HA_STATIC_PATH__ = new URL("../static/", scriptUrl).href;
-}
-
-export {};

demo/src/embed/script-data.ts

@@ -1,17 +0,0 @@
-import { load } from "js-yaml";
-
-/**
- * Parses the data in a `<script type="application/json">` or
- * `<script type="text/yaml">` child of the element.
- */
-export const readScriptData = (element: HTMLElement): unknown => {
-  const script = element.querySelector<HTMLScriptElement>(
-    ':scope > script[type="application/json"], :scope > script[type="text/yaml"]'
-  );
-  if (!script) {
-    return undefined;
-  }
-  return script.type === "text/yaml"
-    ? load(script.textContent!)
-    : JSON.parse(script.textContent!);
-};

demo/src/embed/theme-styles.ts

@@ -1,61 +0,0 @@
-import { unsafeCSS } from "lit";
-import { hex2rgb } from "../../../src/common/color/convert-color";
-import { darkColorVariables } from "../../../src/resources/theme/color";
-import { darkSemanticVariables } from "../../../src/resources/theme/semantic.globals";
-import { themeStyles } from "../../../src/resources/theme/theme";
-
-// The theme styles set variables on `html`, next to fonts and other page
-// styles. Only the variables, media queries, and keyframes are copied, and
-// `html` becomes `selector`. This keeps the theme inside the card, so that it
-// does not change the page that embeds the card.
-const scopeThemeStyles = (cssText: string, selector: string): string => {
-  // A style element in a separate document parses the CSS without applying it.
-  const doc = document.implementation.createHTMLDocument("");
-  const style = doc.createElement("style");
-  style.textContent = cssText;
-  doc.head.append(style);
-
-  const convert = (rules: CSSRuleList): string =>
-    Array.from(rules, (rule) => {
-      if (rule instanceof CSSStyleRule) {
-        if (rule.selectorText !== "html") {
-          return "";
-        }
-        const variables = Array.from(rule.style)
-          .filter((name) => name.startsWith("--"))
-          .map((name) => `${name}:${rule.style.getPropertyValue(name)};`);
-        return `${selector}{${variables.join("")}}`;
-      }
-      if (rule instanceof CSSMediaRule) {
-        return `@media ${rule.conditionText}{${convert(rule.cssRules)}}`;
-      }
-      if (rule instanceof CSSKeyframesRule) {
-        return rule.cssText;
-      }
-      return "";
-    }).join("");
-
-  return convert(style.sheet!.cssRules);
-};
-
-const darkTheme = {
-  ...darkSemanticVariables,
-  ...darkColorVariables,
-};
-
-// Like processTheme in apply_themes_on_element, each hex color also sets its
-// `--rgb-` variable, else those keep their light theme values
-const darkVariables = Object.entries(darkTheme).flatMap(([name, value]) => {
-  const variable = `--${name}:${value};`;
-
-  if (!value.startsWith("#") || `rgb-${name}` in darkTheme) {
-    return [variable];
-  }
-
-  return [variable, `--rgb-${name}:${hex2rgb(value).join(",")};`];
-});
-
-export const embedThemeStyles = unsafeCSS(
-  scopeThemeStyles(themeStyles, ".theme") +
-    `.theme.dark{${darkVariables.join("")}}`
-);

demo/src/embed/workers.ts

@@ -1,32 +0,0 @@
-// Browsers only start a worker from a script on the page's own origin, and
-// the workers of the cards, such as the markdown worker, are served next to
-// this script. A worker from another origin starts from a blob instead, which
-// loads the real worker script. The demo serves its scripts with CORS.
-const pageWorker = globalThis.Worker;
-
-globalThis.Worker = class extends pageWorker {
-  constructor(scriptUrl: string | URL, options?: WorkerOptions) {
-    const url = new URL(scriptUrl, location.href);
-
-    if (url.origin === location.origin) {
-      super(scriptUrl, options);
-      return;
-    }
-
-    const source =
-      options?.type === "module"
-        ? `import ${JSON.stringify(url.href)};`
-        : `importScripts(${JSON.stringify(url.href)});`;
-    const blobUrl = URL.createObjectURL(
-      new Blob([source], { type: "text/javascript" })
-    );
-
-    try {
-      super(blobUrl, options);
-    } finally {
-      URL.revokeObjectURL(blobUrl);
-    }
-  }
-};
-
-export {};

demo/src/ha-demo.ts

@@ -1,18 +1,11 @@
 import { customElement } from "lit/decorators";
-import type { LocalizeFunc } from "../../src/common/translations/localize";
 import { isNavigationClick } from "../../src/common/dom/is-navigation-click";
 import { navigate } from "../../src/common/navigate";
 import type { MockHomeAssistant } from "../../src/fake_data/provide_hass";
 import { provideHass } from "../../src/fake_data/provide_hass";
 import { HomeAssistantAppEl } from "../../src/layouts/home-assistant";
 import type { HomeAssistant } from "../../src/types";
-import {
-  applyDemoTheme,
-  demoConfigEntities,
-  registerDemoAutomations,
-  selectedDemo,
-  selectedDemoConfig,
-} from "./configs/demo-configs";
+import { applyDemoTheme, selectedDemoConfig } from "./configs/demo-configs";
 import { mockAreaRegistry, setDemoAreas } from "./stubs/area_registry";
 import {
   connectivityCommands,
@@ -25,10 +18,7 @@ import { demoDevices } from "./stubs/devices";
 import { mockDeviceRegistry } from "./stubs/device_registry";
 import { mockEnergy } from "./stubs/energy";
 import { energyEntities } from "./stubs/entities";
-import {
-  mockEntityRegistry,
-  mockEntityRegistryDisplay,
-} from "./stubs/entity_registry";
+import { mockEntityRegistry } from "./stubs/entity_registry";
 import { mockEvents } from "./stubs/events";
 import { mockFloorRegistry, setDemoFloors } from "./stubs/floor_registry";
 import { mockFrontend } from "./stubs/frontend";
@@ -36,8 +26,6 @@ import { mockHardware } from "./stubs/hardware";
 import { mockHassioSupervisor } from "./stubs/hassio_supervisor";
 import { mockIntegration } from "./stubs/integration";
 import { mockLabelRegistry } from "./stubs/label_registry";
-import { mockLogbook } from "./stubs/logbook";
-import { automationPlatformDomains } from "./stubs/automation_platform_domains";
 import { mockIcons } from "./stubs/icons";
 import { mockHistory } from "./stubs/history";
 import { mockLovelace } from "./stubs/lovelace";
@@ -51,7 +39,6 @@ import { mockTemplate } from "./stubs/template";
 import { mockTodo } from "./stubs/todo";
 import { mockTranslations } from "./stubs/translations";
 import { mockUsagePrediction } from "./stubs/usage_prediction";
-import { mockWeather } from "./stubs/weather";
 
 // WS command / REST path prefixes whose mocks live in the lazily imported
 // config-panel chunk (see ./stubs/config-panel). Must stay in sync with it.
@@ -71,13 +58,6 @@ const CONFIG_PANEL_COMMANDS = [
   "system_health/",
   "backup/",
   "automation/config",
-  "trigger_platforms/subscribe",
-  "condition_platforms/subscribe",
-  "get_triggers_for_target",
-  "get_conditions_for_target",
-  "get_services_for_target",
-  "extract_from_target",
-  "explain_target",
   "script/config",
   "config/automation/config",
   "config/script/config",
@@ -87,7 +67,6 @@ const CONFIG_PANEL_COMMANDS = [
   "assist_pipeline/",
   "config/entity_registry/settings/",
   "slugify",
-  "marketplace/",
   ...connectivityCommands,
 ];
 
@@ -109,81 +88,25 @@ export class HaDemo extends HomeAssistantAppEl {
       config: {
         ...hass.config,
         components: [
-          // Some automation platforms are loaded already
-          ...new Set([
-            ...(hass.config?.components ?? []),
-            "backup",
-            "webhook",
-            "usage_prediction",
-            "assist_pipeline",
-            "hassio",
-            "hardware",
-            "marketplace",
-            ...connectivityComponents,
-            ...automationPlatformDomains,
-          ]),
+          ...(hass.config?.components ?? []),
+          "backup",
+          "webhook",
+          "usage_prediction",
+          "assist_pipeline",
+          "hassio",
+          "hardware",
+          ...connectivityComponents,
         ],
       },
-      panels: {
-        ...hass.panels,
-        // Opened from the settings page, not listed in the sidebar
-        marketplace: {
-          component_name: "marketplace",
-          icon: null,
-          title: null,
-          config: null,
-          url_path: "marketplace",
-        },
-      },
     });
 
     const localizePromise =
       // @ts-ignore
       this._loadFragmentTranslations(hass.language, "page-demo").then(
-        // hass is not updated yet when another fragment started loading
-        // meanwhile, so use the localize with these translations directly
-        (localize?: LocalizeFunc) => localize ?? this.hass!.localize
+        () => this.hass!.localize
       );
 
-    mockLovelace(hass, localizePromise, [
-      {
-        id: "music",
-        url_path: "music",
-        require_admin: false,
-        show_in_sidebar: true,
-        icon: "mdi:music",
-        title: "Music",
-        mode: "storage",
-      },
-      {
-        id: "cameras",
-        url_path: "cameras",
-        require_admin: false,
-        show_in_sidebar: true,
-        icon: "mdi:cctv",
-        title: "Cameras",
-        mode: "storage",
-      },
-      {
-        id: "garden",
-        url_path: "garden",
-        require_admin: false,
-        show_in_sidebar: true,
-        icon: "mdi:flower",
-        title: "Garden",
-        mode: "storage",
-      },
-      {
-        id: "lovelace-advanced",
-        url_path: "lovelace-advanced",
-        require_admin: false,
-        show_in_sidebar: false,
-        icon: "mdi:cog",
-        title: "Advanced",
-        mode: "yaml",
-        filename: "lovelace-advanced.yaml",
-      },
-    ]);
+    mockLovelace(hass, localizePromise);
     mockAuth(hass);
     mockTranslations(hass, localizePromise);
     mockHistory(hass);
@@ -193,9 +116,7 @@ export class HaDemo extends HomeAssistantAppEl {
     mockSystemLog(hass);
     mockTemplate(hass);
     mockEvents(hass);
-    mockLogbook(hass);
     mockMediaPlayer(hass);
-    mockWeather(hass);
     mockFrontend(hass);
     mockHardware(hass);
     mockHassioSupervisor(hass);
@@ -215,37 +136,8 @@ export class HaDemo extends HomeAssistantAppEl {
     mockAreaRegistry(hass);
     mockDeviceRegistry(hass, demoDevices);
     mockFloorRegistry(hass);
-    mockLabelRegistry(hass, [
-      {
-        label_id: "kitchen",
-        name: "Kitchen",
-        icon: null,
-        color: "red",
-        description: "Everything in the kitchen",
-        created_at: 1735689600,
-        modified_at: 1735689600,
-      },
-      {
-        label_id: "garden",
-        name: "Garden",
-        icon: "mdi:flower",
-        color: "green",
-        description: null,
-        created_at: 1735689600,
-        modified_at: 1735689600,
-      },
-      {
-        label_id: "battery-powered",
-        name: "Battery powered",
-        icon: null,
-        color: "orange",
-        description: "Runs on batteries",
-        created_at: 1735689600,
-        modified_at: 1735689600,
-      },
-    ]);
+    mockLabelRegistry(hass);
     mockUsagePrediction(hass);
-    mockEntityRegistryDisplay(hass);
     mockEntityRegistry(hass, [
       {
         config_entry_id: "co2signal",
@@ -301,8 +193,7 @@ export class HaDemo extends HomeAssistantAppEl {
       ([conf, localize]) => {
         setDemoFloors(hass, conf.floors);
         setDemoAreas(hass, conf.areas);
-        hass.addEntities(demoConfigEntities(selectedDemo, conf, localize));
-        registerDemoAutomations(hass, selectedDemo, conf);
+        hass.addEntities(conf.entities(localize));
         applyDemoTheme(hass, conf.theme);
       }
     );

demo/src/html/components.html.template

@@ -1,762 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Home Assistant card components</title>
-    <%= renderTemplate("../../../src/html/_header.html.template") %>
-    <meta name="referrer" content="same-origin" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
-    <meta name="theme-color" content="#03a9f4" />
-    <style>
-      :root {
-        color-scheme: light;
-        --page-background: #fafafa;
-        --page-text: #212121;
-        --page-code-background: #e5e5e5;
-        --page-divider: #dddddd;
-      }
-      @media (prefers-color-scheme: dark) {
-        :root:not([data-scheme="light"]) {
-          color-scheme: dark;
-          --page-background: #111111;
-          --page-text: #e1e1e1;
-          --page-code-background: #1c1c1c;
-          --page-divider: #333333;
-        }
-      }
-      :root[data-scheme="dark"] {
-        color-scheme: dark;
-        --page-background: #111111;
-        --page-text: #e1e1e1;
-        --page-code-background: #1c1c1c;
-        --page-divider: #333333;
-      }
-      html {
-        background-color: var(--page-background);
-        color: var(--page-text);
-      }
-      body {
-        font-family: Roboto, Noto, sans-serif;
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-font-smoothing: antialiased;
-        line-height: 1.5;
-        margin: 0;
-        padding: 0 16px 64px;
-      }
-      main {
-        max-width: 880px;
-        margin: 0 auto;
-      }
-      h1 {
-        margin: 32px 0 8px;
-      }
-      h2 {
-        margin: 48px 0 8px;
-      }
-      pre {
-        background: var(--page-code-background);
-        border-radius: 8px;
-        padding: 12px 16px;
-        overflow-x: auto;
-        font-size: 13px;
-      }
-      code {
-        font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-      }
-      table {
-        border-collapse: collapse;
-        width: 100%;
-      }
-      th,
-      td {
-        text-align: start;
-        vertical-align: top;
-        padding: 8px;
-        border-bottom: 1px solid var(--page-divider);
-      }
-      .cards {
-        display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-        gap: 16px;
-        align-items: start;
-        margin: 16px 0;
-      }
-      .single {
-        max-width: 400px;
-        margin: 16px 0;
-      }
-      .log {
-        height: 160px;
-        overflow-y: auto;
-        margin: 0;
-      }
-      button {
-        font: inherit;
-        padding: 6px 12px;
-        margin-inline-end: 8px;
-        cursor: pointer;
-      }
-    </style>
-  </head>
-  <body>
-    <main>
-      <h1>Home Assistant card components</h1>
-      <p>
-        Embed working Home Assistant dashboard cards in any page. The cards run
-        against a mocked backend in the browser. No Home Assistant server is
-        necessary.
-      </p>
-      <p>There are two components:</p>
-      <ul>
-        <li>
-          <code>&lt;ha-embed-provider&gt;</code> holds the mocked backend and
-          its entities.
-        </li>
-        <li>
-          <code>&lt;ha-embed-card&gt;</code> renders one card. It uses the
-          backend of a provider.
-        </li>
-      </ul>
-      <p>
-        All cards in the same provider share their entities. When you change
-        an entity in one card, the other cards show the change.
-      </p>
-
-      <p>
-        Color scheme of this page and its cards:
-        <button data-scheme="">Auto</button>
-        <button data-scheme="light">Light</button>
-        <button data-scheme="dark">Dark</button>
-      </p>
-
-      <h2>Use on your site</h2>
-      <p>
-        Load the script from the demo site. The script loads all other files
-        from the demo site too.
-      </p>
-      <pre><code>&lt;script type="module" src="https://demo.home-assistant.io/embed.js"&gt;&lt;/script&gt;</code></pre>
-
-      <h2>One card</h2>
-      <p>
-        Put the entities in a script tag inside the provider. Put the card
-        configuration in a script tag inside the card. Both take JSON with
-        <code>type="application/json"</code> or YAML with
-        <code>type="text/yaml"</code>. The card configuration is the same as in
-        a dashboard. YAML needs its indentation. If your site minifies HTML,
-        make sure the minifier keeps the whitespace in script tags, or use
-        JSON.
-      </p>
-      <pre><code>&lt;ha-embed-provider&gt;
-  &lt;script type="text/yaml"&gt;
-    - entity_id: light.kitchen
-      state: "on"
-      attributes:
-        friendly_name: Kitchen
-        supported_color_modes: [brightness]
-        color_mode: brightness
-        brightness: 180
-  &lt;/script&gt;
-  &lt;ha-embed-card&gt;
-    &lt;script type="text/yaml"&gt;
-      type: tile
-      entity: light.kitchen
-      tap_action:
-        action: toggle
-      features:
-        - type: light-brightness
-    &lt;/script&gt;
-  &lt;/ha-embed-card&gt;
-&lt;/ha-embed-provider&gt;</code></pre>
-      <ha-embed-provider>
-        <!-- htmlmin:ignore --><script type="text/yaml">
-          - entity_id: light.kitchen
-            state: "on"
-            attributes:
-              friendly_name: Kitchen
-              supported_color_modes: [brightness]
-              color_mode: brightness
-              brightness: 180
-        </script><!-- htmlmin:ignore -->
-        <div class="single">
-          <ha-embed-card>
-            <!-- htmlmin:ignore --><script type="text/yaml">
-              type: tile
-              entity: light.kitchen
-              tap_action:
-                action: toggle
-              features:
-                - type: light-brightness
-            </script><!-- htmlmin:ignore -->
-          </ha-embed-card>
-        </div>
-      </ha-embed-provider>
-      <p>
-        The <code>entities</code> attribute of the provider and the
-        <code>config</code> attribute of the card also take JSON.
-      </p>
-
-      <h2>Cards with shared state</h2>
-      <p>
-        These three cards are in one provider. Turn on a light in one card. The
-        other cards update. The log below shows the events of the provider.
-      </p>
-      <ha-embed-provider id="shared">
-        <script type="application/json">
-          [
-            {
-              "entity_id": "light.living_room",
-              "state": "off",
-              "attributes": {
-                "friendly_name": "Living room",
-                "supported_color_modes": ["brightness"],
-                "color_mode": "brightness",
-                "brightness": 255
-              }
-            },
-            {
-              "entity_id": "switch.coffee_maker",
-              "state": "on",
-              "attributes": {
-                "friendly_name": "Coffee maker",
-                "device_class": "outlet"
-              }
-            },
-            {
-              "entity_id": "climate.hallway",
-              "state": "heat",
-              "attributes": {
-                "friendly_name": "Hallway",
-                "current_temperature": 19.5,
-                "temperature": 21,
-                "min_temp": 7,
-                "max_temp": 30,
-                "target_temp_step": 0.5,
-                "hvac_modes": ["heat", "off"],
-                "hvac_action": "heating",
-                "supported_features": 1
-              }
-            },
-            {
-              "entity_id": "sensor.outside_temperature",
-              "state": "12.3",
-              "attributes": {
-                "friendly_name": "Outside temperature",
-                "device_class": "temperature",
-                "state_class": "measurement",
-                "unit_of_measurement": "°C"
-              }
-            }
-          ]
-        </script>
-        <div class="cards">
-          <ha-embed-card>
-            <script type="application/json">
-              {
-                "type": "tile",
-                "entity": "light.living_room",
-                "tap_action": { "action": "toggle" }
-              }
-            </script>
-          </ha-embed-card>
-          <ha-embed-card>
-            <!-- htmlmin:ignore --><script type="text/yaml">
-              type: entities
-              title: Living room
-              entities:
-                - light.living_room
-                - switch.coffee_maker
-                - sensor.outside_temperature
-            </script><!-- htmlmin:ignore -->
-          </ha-embed-card>
-          <ha-embed-card>
-            <!-- htmlmin:ignore --><script type="text/yaml">
-              type: thermostat
-              entity: climate.hallway
-            </script><!-- htmlmin:ignore -->
-          </ha-embed-card>
-        </div>
-      </ha-embed-provider>
-      <pre class="log" id="log"><code>Use the cards to see events here.</code></pre>
-
-      <h2>Cards outside a provider</h2>
-      <p>
-        A card does not have to be inside a provider. A card outside a provider
-        uses the first provider on the page. Put one provider with all entities
-        at the top of the page, and put the cards anywhere below it. If the
-        page has no provider, the card adds an empty provider to the page.
-      </p>
-      <p>
-        To use a different provider, set the <code>provider</code> attribute of
-        the card to the ID of the provider.
-      </p>
-      <pre><code>&lt;ha-embed-provider id="living-room"&gt;…&lt;/ha-embed-provider&gt;
-
-&lt;p&gt;Some text about the coffee maker.&lt;/p&gt;
-
-&lt;ha-embed-card provider="living-room"&gt;
-  &lt;script type="text/yaml"&gt;
-    type: tile
-    entity: switch.coffee_maker
-  &lt;/script&gt;
-&lt;/ha-embed-card&gt;</code></pre>
-      <p>
-        These two cards are not inside a provider. The first card uses the
-        first provider on this page, the kitchen light at the top. The second
-        card uses the provider with the ID <code>shared</code> above.
-      </p>
-      <div class="cards">
-        <ha-embed-card>
-          <!-- htmlmin:ignore --><script type="text/yaml">
-            type: tile
-            entity: light.kitchen
-            tap_action:
-              action: toggle
-          </script><!-- htmlmin:ignore -->
-        </ha-embed-card>
-        <ha-embed-card provider="shared">
-          <!-- htmlmin:ignore --><script type="text/yaml">
-            type: tile
-            entity: switch.coffee_maker
-            tap_action:
-              action: toggle
-          </script><!-- htmlmin:ignore -->
-        </ha-embed-card>
-      </div>
-
-      <h2>Light and dark mode</h2>
-      <p>
-        The cards follow the light or dark mode of the browser. To choose the
-        mode, set the <code>color-scheme</code> attribute of the provider to
-        <code>light</code> or <code>dark</code>. Use this when your site has its
-        own switch for dark mode. The buttons at the top of this page do this.
-        The cards keep their styles inside. They do not change the styles of
-        your page.
-      </p>
-      <pre><code>&lt;ha-embed-provider color-scheme="dark"&gt;…&lt;/ha-embed-provider&gt;</code></pre>
-
-      <h2>Change entities from the page</h2>
-      <p>
-        Set the <code>entities</code> property to change entities from
-        JavaScript. The new list replaces all entities. To change one entity,
-        start from the current states.
-      </p>
-      <p>
-        <button id="set-temperature">Set a random outside temperature</button>
-        <button id="toggle-coffee">Toggle the coffee maker</button>
-      </p>
-      <pre><code>const provider = document.querySelector("ha-embed-provider");
-provider.entities = Object.values(provider.hass.states).map((entity) =&gt;
-  entity.entity_id === "sensor.outside_temperature"
-    ? { ...entity, state: "18.1" }
-    : entity
-);</code></pre>
-      <p>
-        To use the actions of an entity, call a service. The provider updates
-        the state and the cards.
-      </p>
-      <pre><code>provider.hass.callService("switch", "toggle", {
-  entity_id: "switch.coffee_maker",
-});</code></pre>
-
-      <h2>Listen to changes</h2>
-      <p>
-        The provider fires a <code>states-changed</code> event when the state
-        of one or more entities changes. The event has the states of all
-        entities. The event bubbles.
-      </p>
-      <pre><code>provider.addEventListener("states-changed", (ev) =&gt; {
-  const { states } = ev.detail;
-  console.log(states["light.living_room"].state);
-});</code></pre>
-      <p>
-        Read the current state of all entities with
-        <code>provider.hass.states</code>.
-      </p>
-
-      <h2>Areas, calendars and energy</h2>
-      <p>
-        Some cards need data that is not an entity. To set it, put an object in
-        the script tag of the provider instead of the list. The object has the
-        list in <code>entities</code>, and any of these keys:
-      </p>
-      <ul>
-        <li>
-          <code>areas</code>: a list of areas, each with an
-          <code>area_id</code> and a <code>name</code>. Without it, each
-          <code>area_id</code> of the entities becomes an area.
-        </li>
-        <li>
-          <code>calendars</code>: the events of calendar entities, by entity
-          ID. Each event has a <code>summary</code>, a <code>start</code> and
-          an <code>end</code>. Calendars without events here get sample events
-          around today.
-        </li>
-        <li>
-          <code>energy</code>: the energy settings, the same as the
-          <code>energy/get_prefs</code> response. Without it, energy is not
-          set up.
-        </li>
-      </ul>
-      <p>
-        Weather entities get a forecast made up from their condition and
-        temperature, or their <code>forecast</code> attribute when they have
-        one. Set <code>supported_features</code> to show forecasts.
-      </p>
-      <pre><code>&lt;ha-embed-provider&gt;
-  &lt;script type="text/yaml"&gt;
-    entities:
-      - entity_id: calendar.family
-        state: "off"
-        attributes:
-          friendly_name: Family
-    areas:
-      - area_id: kitchen
-        name: Kitchen
-    calendars:
-      calendar.family:
-        - summary: Dentist
-          start: "2026-11-02T15:30:00+00:00"
-          end: "2026-11-02T16:15:00+00:00"
-  &lt;/script&gt;
-  …
-&lt;/ha-embed-provider&gt;</code></pre>
-      <p>This calendar card uses the sample events.</p>
-      <ha-embed-provider>
-        <script type="application/json">
-          {
-            "entities": [
-              {
-                "entity_id": "calendar.family",
-                "state": "off",
-                "attributes": { "friendly_name": "Family" }
-              }
-            ]
-          }
-        </script>
-        <div class="single">
-          <ha-embed-card
-            config='{ "type": "calendar", "entities": ["calendar.family"], "initial_view": "listWeek" }'
-          ></ha-embed-card>
-        </div>
-      </ha-embed-provider>
-
-      <h2>Custom cards</h2>
-      <p>
-        Custom cards work too. Load the script of the custom card on the page,
-        and use <code>custom:</code> and the element name as the card type.
-        The custom card gets the same mocked backend as the other cards.
-        <code>window.loadCardHelpers()</code> is available to create built-in
-        cards.
-      </p>
-      <p>
-        The mocked backend only knows a part of the Home Assistant API. History
-        and statistics are made up from the current state of each entity.
-        Templates are not rendered, they come back as they are. The logbook is
-        empty. Other requests get an error. From another site, the script of
-        the custom card needs CORS headers, like the embed script.
-      </p>
-      <pre><code>&lt;script type="module" src="https://example.com/embed-demo-custom-card.js"&gt;&lt;/script&gt;
-&lt;ha-embed-card&gt;
-  &lt;script type="text/yaml"&gt;
-    type: custom:embed-demo-custom-card
-    entity: light.office
-  &lt;/script&gt;
-&lt;/ha-embed-card&gt;</code></pre>
-      <ha-embed-provider>
-        <script type="application/json">
-          [
-            {
-              "entity_id": "light.office",
-              "state": "on",
-              "attributes": {
-                "friendly_name": "Office",
-                "supported_color_modes": ["brightness"],
-                "color_mode": "brightness",
-                "brightness": 120
-              }
-            }
-          ]
-        </script>
-        <div class="single">
-          <ha-embed-card
-            config='{ "type": "custom:embed-demo-custom-card", "entity": "light.office" }'
-          ></ha-embed-card>
-        </div>
-      </ha-embed-provider>
-      <p>This is the code of the custom card:</p>
-      <pre><code>class EmbedDemoCustomCard extends HTMLElement {
-  setConfig(config) {
-    if (!config.entity) {
-      throw new Error("Set an entity");
-    }
-    this._config = config;
-  }
-
-  set hass(hass) {
-    this._hass = hass;
-    this._render();
-  }
-
-  getCardSize() {
-    return 3;
-  }
-
-  async _render() {
-    if (!this.shadowRoot) {
-      this.attachShadow({ mode: "open" }).innerHTML = `
-        &lt;style&gt;
-          ha-card { padding: 16px; }
-          .badge {
-            display: inline-block;
-            padding: 2px 8px;
-            border-radius: 8px;
-            background: var(--accent-color);
-            color: var(--text-accent-color, #fff);
-            font-size: 12px;
-          }
-          .tile { margin: 12px 0; }
-        &lt;/style&gt;
-        &lt;ha-card&gt;
-          &lt;span class="badge"&gt;Custom card&lt;/span&gt;
-          &lt;p&gt;
-            This is a custom card. It is not part of Home Assistant. The page
-            defines it, and it creates the tile card below with the card
-            helpers.
-          &lt;/p&gt;
-          &lt;div class="tile"&gt;&lt;/div&gt;
-          &lt;button&gt;Toggle from the custom card&lt;/button&gt;
-        &lt;/ha-card&gt;`;
-      this.shadowRoot.querySelector("button").addEventListener("click", () =&gt;
-        this._hass.callService("homeassistant", "toggle", {
-          entity_id: this._config.entity,
-        })
-      );
-    }
-    // Keep the promise, so that a second update does not create a second tile.
-    if (!this._tile) {
-      this._tile = window.loadCardHelpers().then((helpers) => {
-        const tile = helpers.createCardElement({
-          type: "tile",
-          entity: this._config.entity,
-        });
-        this.shadowRoot.querySelector(".tile").append(tile);
-        return tile;
-      });
-    }
-    (await this._tile).hass = this._hass;
-  }
-}
-
-customElements.define("embed-demo-custom-card", EmbedDemoCustomCard);</code></pre>
-      <script type="module">
-        class EmbedDemoCustomCard extends HTMLElement {
-          setConfig(config) {
-            if (!config.entity) {
-              throw new Error("Set an entity");
-            }
-            this._config = config;
-          }
-
-          set hass(hass) {
-            this._hass = hass;
-            this._render();
-          }
-
-          getCardSize() {
-            return 3;
-          }
-
-          async _render() {
-            if (!this.shadowRoot) {
-              this.attachShadow({ mode: "open" }).innerHTML = `
-                <style>
-                  ha-card { padding: 16px; }
-                  .badge {
-                    display: inline-block;
-                    padding: 2px 8px;
-                    border-radius: 8px;
-                    background: var(--accent-color);
-                    color: var(--text-accent-color, #fff);
-                    font-size: 12px;
-                  }
-                  .tile { margin: 12px 0; }
-                </style>
-                <ha-card>
-                  <span class="badge">Custom card</span>
-                  <p>
-                    This is a custom card. It is not part of Home Assistant. The page
-                    defines it, and it creates the tile card below with the card
-                    helpers.
-                  </p>
-                  <div class="tile"></div>
-                  <button>Toggle from the custom card</button>
-                </ha-card>`;
-              this.shadowRoot.querySelector("button").addEventListener("click", () =>
-                this._hass.callService("homeassistant", "toggle", {
-                  entity_id: this._config.entity,
-                })
-              );
-            }
-            // Keep the promise, so that a second update does not create a second tile.
-            if (!this._tile) {
-              this._tile = window.loadCardHelpers().then((helpers) => {
-                const tile = helpers.createCardElement({
-                  type: "tile",
-                  entity: this._config.entity,
-                });
-                this.shadowRoot.querySelector(".tile").append(tile);
-                return tile;
-              });
-            }
-            (await this._tile).hass = this._hass;
-          }
-        }
-
-        customElements.define("embed-demo-custom-card", EmbedDemoCustomCard);
-      </script>
-
-      <h2>Reference</h2>
-      <h3><code>&lt;ha-embed-provider&gt;</code></h3>
-      <table>
-        <tr>
-          <th>Name</th>
-          <th>Type</th>
-          <th>Description</th>
-        </tr>
-        <tr>
-          <td><code>entities</code></td>
-          <td>Attribute and property</td>
-          <td>
-            A list of entities. Each entity has an <code>entity_id</code>, a
-            <code>state</code>, and <code>attributes</code>. The optional keys
-            <code>area_id</code>, <code>device_id</code>, and
-            <code>platform</code> set the entity registry entry. A new list
-            replaces all entities. A JSON or YAML script child sets the first
-            list.
-          </td>
-        </tr>
-        <tr>
-          <td><code>color-scheme</code></td>
-          <td>Attribute and property (<code>colorScheme</code>)</td>
-          <td>
-            <code>light</code> or <code>dark</code>. Without it, the cards
-            follow the browser setting.
-          </td>
-        </tr>
-        <tr>
-          <td><code>hass</code></td>
-          <td>Property, read-only</td>
-          <td>The mocked Home Assistant object that the cards use.</td>
-        </tr>
-        <tr>
-          <td><code>states-changed</code></td>
-          <td>Event</td>
-          <td>
-            Fires when the state of one or more entities changes. The detail
-            has <code>states</code>, the states of all entities by entity ID.
-          </td>
-        </tr>
-      </table>
-      <h3><code>&lt;ha-embed-card&gt;</code></h3>
-      <table>
-        <tr>
-          <th>Name</th>
-          <th>Type</th>
-          <th>Description</th>
-        </tr>
-        <tr>
-          <td><code>config</code></td>
-          <td>Attribute and property</td>
-          <td>
-            The card configuration, the same as in a dashboard. A JSON or YAML
-            script child sets the first configuration.
-          </td>
-        </tr>
-        <tr>
-          <td><code>provider</code></td>
-          <td>Attribute and property</td>
-          <td>
-            The ID of the provider to use. Without it, the card uses the
-            provider around it, else the first provider on the page.
-          </td>
-        </tr>
-      </table>
-      <p>
-        The mocked backend knows the actions of lights, switches, climate,
-        covers, fans, locks, media players, and more. Actions that open dialogs,
-        such as <code>more-info</code>, do nothing.
-      </p>
-    </main>
-    <script>
-      (function () {
-        var shared = document.getElementById("shared");
-        var log = document.getElementById("log");
-        var first = true;
-        shared.addEventListener("states-changed", function (ev) {
-          var states = ev.detail.states;
-          var line =
-            new Date().toLocaleTimeString() +
-            "  " +
-            Object.keys(states)
-              .map(function (entityId) {
-                return entityId + "=" + states[entityId].state;
-              })
-              .join(", ");
-          if (first) {
-            log.textContent = "";
-            first = false;
-          }
-          log.textContent = line + "\n" + log.textContent;
-        });
-        document
-          .getElementById("set-temperature")
-          .addEventListener("click", function () {
-            var states = shared.hass.states;
-            shared.entities = Object.keys(states).map(function (entityId) {
-              var entity = states[entityId];
-              return {
-                entity_id: entityId,
-                state:
-                  entityId === "sensor.outside_temperature"
-                    ? (Math.random() * 30 - 5).toFixed(1)
-                    : entity.state,
-                attributes: entity.attributes,
-              };
-            });
-          });
-        document
-          .querySelectorAll("button[data-scheme]")
-          .forEach(function (button) {
-            button.addEventListener("click", function () {
-              var scheme = button.getAttribute("data-scheme");
-              if (scheme) {
-                document.documentElement.setAttribute("data-scheme", scheme);
-              } else {
-                document.documentElement.removeAttribute("data-scheme");
-              }
-              document
-                .querySelectorAll("ha-embed-provider")
-                .forEach(function (provider) {
-                  if (scheme) {
-                    provider.setAttribute("color-scheme", scheme);
-                  } else {
-                    provider.removeAttribute("color-scheme");
-                  }
-                });
-            });
-          });
-        document
-          .getElementById("toggle-coffee")
-          .addEventListener("click", function () {
-            shared.hass.callService("switch", "toggle", {
-              entity_id: "switch.coffee_maker",
-            });
-          });
-      })();
-    </script>
-    <%= renderTemplate("../../../src/html/_js_base.html.template") %>
-    <%= renderTemplate("../../../src/html/_script_loader.html.template") %>
-  </body>
-</html>

demo/src/html/embed.js.template

@@ -1 +0,0 @@
-import "<%= latestEntryJS[0] %>";

demo/src/html/index.html.template

@@ -39,9 +39,6 @@
       html {
         background-color: var(--primary-background-color, #fafafa);
         color: var(--primary-text-color, #212121);
-        /* Prevent iOS Safari from inflating text when rotating to landscape */
-        -webkit-text-size-adjust: 100%;
-        text-size-adjust: 100%;
       }
       @media (prefers-color-scheme: dark) {
         html {

demo/src/stubs/area_registry.ts

@@ -12,20 +12,6 @@ export interface DemoArea {
 
 let areas: AreaRegistryEntry[] = [];
 
-export const toAreaRegistryEntry = (area: DemoArea): AreaRegistryEntry => ({
-  area_id: area.area_id,
-  name: area.name,
-  floor_id: area.floor_id ?? null,
-  icon: area.icon ?? null,
-  temperature_entity_id: area.temperature_entity_id ?? null,
-  humidity_entity_id: area.humidity_entity_id ?? null,
-  aliases: [],
-  labels: [],
-  picture: null,
-  created_at: 0,
-  modified_at: 0,
-});
-
 export const mockAreaRegistry = (
   hass: MockHomeAssistant,
   data: DemoArea[] = []
@@ -39,7 +25,19 @@ export const setDemoAreas = (
   hass: MockHomeAssistant,
   demoAreas: DemoArea[] = []
 ) => {
-  areas = demoAreas.map(toAreaRegistryEntry);
+  areas = demoAreas.map((area) => ({
+    area_id: area.area_id,
+    name: area.name,
+    floor_id: area.floor_id ?? null,
+    icon: area.icon ?? null,
+    temperature_entity_id: area.temperature_entity_id ?? null,
+    humidity_entity_id: area.humidity_entity_id ?? null,
+    aliases: [],
+    labels: [],
+    picture: null,
+    created_at: 0,
+    modified_at: 0,
+  }));
   const areasById: Record<string, AreaRegistryEntry> = {};
   areas.forEach((area) => {
     areasById[area.area_id] = area;

demo/src/stubs/auth.ts

@@ -1,4 +1,3 @@
-import type { OwnProfileMutableParams } from "../../../src/data/person";
 import type { MockHomeAssistant } from "../../../src/fake_data/provide_hass";
 
 export const mockAuth = (hass: MockHomeAssistant) => {
@@ -7,22 +6,4 @@ export const mockAuth = (hass: MockHomeAssistant) => {
   hass.mockWS("auth/sign_path", (msg: { path: string }) => ({
     path: msg.path,
   }));
-
-  let name: string | undefined;
-  // The profile dialog refreshes the user subscription after saving, which
-  // writes the updated user back to hass.user. Read the current user on each
-  // call so later changes to it, such as a non-admin user, are kept.
-  hass.mockWS("auth/current_user", (_msg, currentHass: MockHomeAssistant) =>
-    name && currentHass.user ? { ...currentHass.user, name } : currentHass.user
-  );
-  hass.mockWS(
-    "person/update_own_profile",
-    (msg: Partial<OwnProfileMutableParams>, currentHass: MockHomeAssistant) => {
-      if (msg.name) {
-        name = msg.name;
-      }
-
-      return { user_name: name ?? currentHass.user?.name, person: null };
-    }
-  );
 };

demo/src/stubs/automation.ts

@@ -1,155 +1,69 @@
 import type { AutomationConfig } from "../../../src/data/automation";
 import type { ScriptConfig } from "../../../src/data/script";
 import type { MockHomeAssistant } from "../../../src/fake_data/provide_hass";
-import { computeDomain } from "../../../src/common/entity/compute_domain";
-import { slugify } from "../../../src/common/string/slugify";
-import {
-  automationEntity,
-  demoAutomations,
-  saveDemoAutomation,
-  selectedDemo,
-  selectedDemoConfig,
-} from "../configs/demo-configs";
-import type { DemoAutomation } from "../configs/types";
-import { mockAutomationPlatforms } from "./automation_platforms";
-import {
-  addEntityRegistryEntry,
-  getEntityRegistryEntry,
-  removeEntityRegistryEntry,
-} from "./entity_registry";
 
-const automationConfig = async (
-  id: string | undefined
-): Promise<AutomationConfig> => {
-  const automation = demoAutomations(
-    selectedDemo,
-    await selectedDemoConfig
-  ).find((a) => a.config.id === id);
-  if (!automation) {
-    throw new Error("Automation not found");
-  }
-  return automation.config;
-};
+const demoAutomationConfig = (entityId: string): AutomationConfig => ({
+  id: entityId.split(".")[1],
+  alias: "Demo automation",
+  description: "An example automation shown in the demo.",
+  triggers: [
+    { trigger: "state", entity_id: "binary_sensor.basement_floor_wet" },
+  ],
+  conditions: [],
+  actions: [
+    {
+      action: "light.turn_on",
+      target: { entity_id: "light.bed_light" },
+    },
+  ],
+  mode: "single",
+});
 
-const scriptConfig = (
-  currentHass: MockHomeAssistant,
-  entityId: string
-): ScriptConfig => {
-  const alias =
-    currentHass.states[entityId]?.attributes.friendly_name ?? entityId;
-  return {
-    alias,
-    sequence: [
-      {
-        action: "persistent_notification.create",
-        data: { message: `${alias} ran` },
-      },
-    ],
-    mode: "single",
-  };
-};
+const demoScriptConfig = (): ScriptConfig => ({
+  alias: "Demo script",
+  description: "An example script shown in the demo.",
+  sequence: [
+    {
+      action: "light.turn_on",
+      target: { entity_id: "light.bed_light" },
+    },
+  ],
+  mode: "single",
+});
 
 export const mockAutomation = (hass: MockHomeAssistant) => {
-  hass.mockWS(
-    "automation/config",
-    async (msg: { entity_id: string }, currentHass: MockHomeAssistant) => ({
-      config: await automationConfig(
-        currentHass.states[msg.entity_id]?.attributes.id
-      ),
-    })
+  hass.mockWS("automation/config", (msg: { entity_id: string }) => ({
+    config: demoAutomationConfig(msg.entity_id),
+  }));
+  hass.mockWS("script/config", () => ({ config: demoScriptConfig() }));
+
+  hass.mockAPI(/config\/automation\/config\/.+/, () =>
+    demoAutomationConfig("automation.demo")
   );
-  hass.mockAPI(
-    /config\/automation\/config\/.+/,
-    (currentHass, method, path, parameters) => {
-      const id = decodeURIComponent(path.split("/").pop()!);
-      const existing = Object.values(currentHass.states).find(
-        (stateObj) =>
-          computeDomain(stateObj.entity_id) === "automation" &&
-          stateObj.attributes.id === id
-      );
-      if (method === "DELETE") {
-        // Like core, remove the automation with its entity
-        saveDemoAutomation(id, null);
-        if (existing) {
-          const { [existing.entity_id]: _state, ...states } =
-            currentHass.states;
-          const { [existing.entity_id]: _entity, ...entities } =
-            currentHass.entities;
-          currentHass.updateHass({ states, entities });
-          // Otherwise a service call to it would add its state again
-          delete currentHass.mockEntities[existing.entity_id];
-          removeEntityRegistryEntry(currentHass, existing.entity_id);
-        }
-        return { result: "ok" };
-      }
-      if (method === "POST") {
-        // Core stores the ID in the config
-        const config = {
-          ...(parameters as DemoAutomation["config"]),
-          id,
-        };
-        config.alias ||= id;
-        // Like core, update the automation entity, or add it for a new one
-        // A new automation gets a free entity ID, like core
-        const slug = `automation.${slugify(config.alias)}`;
-        let entityId = existing?.entity_id ?? slug;
-        for (let i = 2; !existing && entityId in currentHass.states; i++) {
-          entityId = `${slug}_${i}`;
-        }
-        const lastTriggered = existing?.attributes.last_triggered;
-        const automation: DemoAutomation = {
-          config,
-          entityId,
-          state: existing?.state as DemoAutomation["state"],
-          icon: existing?.attributes.icon,
-          lastTriggered: lastTriggered
-            ? (Date.now() - Date.parse(lastTriggered)) / 60000
-            : undefined,
-        };
-        // Kept per demo, so it is still there after switching demos
-        saveDemoAutomation(id, automation);
-        // A display entry of a new automation is left over from another demo
-        const display = existing ? currentHass.entities[entityId] : undefined;
-        currentHass.addEntities(automationEntity(automation));
-        // Adding the entity resets its display entry, keep what the registry
-        // holds
-        if (display) {
-          const registryName = getEntityRegistryEntry(entityId)?.name;
-          currentHass.entities[entityId] = {
-            ...currentHass.entities[entityId],
-            ...(registryName && { name: registryName }),
-            area_id: display.area_id,
-            labels: display.labels,
-            icon: display.icon,
-            hidden: display.hidden,
-          };
-        }
-        if (!existing) {
-          addEntityRegistryEntry(currentHass, {
-            entity_id: entityId,
-            platform: "automation",
-            unique_id: id,
-          });
-        }
-        return { result: "ok" };
-      }
-      return automationConfig(id);
+  hass.mockAPI(/config\/script\/config\/.+/, () => demoScriptConfig());
+
+  // Trigger/condition type pickers subscribe for integration-provided
+  // platforms. The demo only uses the built-in ones, so emit empty records.
+  hass.mockWS(
+    "trigger_platforms/subscribe",
+    (
+      _msg,
+      _hass,
+      onChange?: (descriptions: Record<string, unknown>) => void
+    ) => {
+      onChange?.({});
+      return () => undefined;
     }
   );
-
-  // Scripts do not have demo configs yet, show the script under its own name.
   hass.mockWS(
-    "script/config",
-    (msg: { entity_id: string }, currentHass: MockHomeAssistant) => ({
-      config: scriptConfig(currentHass, msg.entity_id),
-    })
+    "condition_platforms/subscribe",
+    (
+      _msg,
+      _hass,
+      onChange?: (descriptions: Record<string, unknown>) => void
+    ) => {
+      onChange?.({});
+      return () => undefined;
+    }
   );
-  hass.mockAPI(/config\/script\/config\/.+/, (currentHass, _method, path) =>
-    scriptConfig(
-      currentHass,
-      `script.${decodeURIComponent(path.split("/").pop()!)}`
-    )
-  );
-
-  mockAutomationPlatforms(hass);
 };

demo/src/stubs/automation_platform_domains.ts

@@ -1,52 +0,0 @@
-// This file is auto-generated from Home Assistant Core. Do not edit by hand.
-// Regenerate with `script/gen_demo_core_data`.
-
-// Integrations that provide the new style triggers and conditions. Their
-// translations are part of the demo build.
-export const automationPlatformDomains = [
-  "air_quality",
-  "alarm_control_panel",
-  "assist_satellite",
-  "battery",
-  "button",
-  "calendar",
-  "climate",
-  "counter",
-  "cover",
-  "door",
-  "doorbell",
-  "event",
-  "fan",
-  "garage_door",
-  "gate",
-  "humidifier",
-  "humidity",
-  "illuminance",
-  "lawn_mower",
-  "light",
-  "lock",
-  "media_player",
-  "moisture",
-  "moon",
-  "motion",
-  "occupancy",
-  "power",
-  "remote",
-  "scene",
-  "schedule",
-  "select",
-  "siren",
-  "sun",
-  "switch",
-  "temperature",
-  "text",
-  "timer",
-  "todo",
-  "update",
-  "vacuum",
-  "valve",
-  "vibration",
-  "water_heater",
-  "window",
-  "zone",
-];

demo/src/stubs/automation_platforms.ts

@@ -1,160 +0,0 @@
-import type { HassServiceTarget } from "home-assistant-js-websocket";
-import { ensureArray } from "../../../src/common/array/ensure-array";
-import { computeDomain } from "../../../src/common/entity/compute_domain";
-import type { ConditionDescriptions } from "../../../src/data/condition";
-import type { TriggerDescriptions } from "../../../src/data/trigger";
-import type { MockHomeAssistant } from "../../../src/fake_data/provide_hass";
-import {
-  conditionDescriptions,
-  triggerDescriptions,
-} from "./automation_platforms_data";
-import { explainTarget } from "./explain_target";
-import { expandTarget, mockExtractFromTarget } from "./target";
-
-type Descriptions = TriggerDescriptions | ConditionDescriptions;
-
-interface EntityFilter {
-  integration?: string;
-  domain?: string | string[];
-  device_class?: string | string[];
-  supported_features?: number[];
-}
-
-const matchesFilter = (
-  hass: MockHomeAssistant,
-  entityId: string,
-  filter: EntityFilter
-) =>
-  (!filter.integration ||
-    hass.entities[entityId]?.platform === filter.integration) &&
-  (!filter.domain ||
-    ensureArray(filter.domain).includes(computeDomain(entityId))) &&
-  (!filter.device_class ||
-    ensureArray(filter.device_class).includes(
-      hass.states[entityId]?.attributes.device_class ?? ""
-    )) &&
-  // Like core, the entity needs all the features of one of the feature sets
-  (!filter.supported_features ||
-    filter.supported_features.some(
-      (features) =>
-        // eslint-disable-next-line no-bitwise
-        ((hass.states[entityId]?.attributes.supported_features ?? 0) &
-          features) ===
-        features
-    ));
-
-type TargetDescriptions = Record<
-  string,
-  {
-    target?: {
-      entity?: EntityFilter | EntityFilter[];
-      primary_entities_only?: boolean;
-    } | null;
-  }
->;
-
-// Like core, the components with a target that apply to at least one entity
-// of the target. A target without entity filters applies to any entity.
-const componentsForTarget = (
-  hass: MockHomeAssistant,
-  target: HassServiceTarget,
-  descriptions: TargetDescriptions
-) => {
-  const entityIds = expandTarget(hass, target, false).entities;
-  const targetedIds = ensureArray(target.entity_id ?? []);
-  return Object.entries(descriptions)
-    .filter(([, description]) => {
-      if (!description.target) {
-        return false;
-      }
-      const filters = ensureArray(description.target.entity ?? []);
-      const primaryEntitiesOnly =
-        description.target.primary_entities_only ?? true;
-      return entityIds.some(
-        (entityId) =>
-          // Entities with a category only count when targeted directly,
-          // unless the component allows them
-          (!primaryEntitiesOnly ||
-            targetedIds.includes(entityId) ||
-            !hass.entities[entityId]?.entity_category) &&
-          (!filters.length ||
-            filters.some((filter) => matchesFilter(hass, entityId, filter)))
-      );
-    })
-    .map(([key]) => key);
-};
-
-const mockForTarget = (
-  hass: MockHomeAssistant,
-  type: string,
-  descriptions: Descriptions
-) =>
-  hass.mockWS(
-    type,
-    (msg: { target: HassServiceTarget }, currentHass: MockHomeAssistant) =>
-      componentsForTarget(
-        currentHass,
-        msg.target,
-        descriptions as TargetDescriptions
-      )
-  );
-
-const mockPlatformSubscription = (
-  hass: MockHomeAssistant,
-  type: string,
-  descriptions: Descriptions
-) =>
-  hass.mockWS(
-    type,
-    (_msg, _hass, onChange?: (descriptions: Descriptions) => void) => {
-      onChange?.(descriptions);
-      return () => undefined;
-    }
-  );
-
-export const mockAutomationPlatforms = (hass: MockHomeAssistant) => {
-  mockPlatformSubscription(
-    hass,
-    "trigger_platforms/subscribe",
-    triggerDescriptions
-  );
-  mockPlatformSubscription(
-    hass,
-    "condition_platforms/subscribe",
-    conditionDescriptions
-  );
-  mockForTarget(hass, "get_triggers_for_target", triggerDescriptions);
-  mockForTarget(hass, "get_conditions_for_target", conditionDescriptions);
-  mockExtractFromTarget(hass);
-  hass.mockWS(
-    "explain_target",
-    (
-      msg: { target: HassServiceTarget; primary_entities_only?: boolean },
-      currentHass: MockHomeAssistant
-    ) =>
-      explainTarget(
-        msg.target,
-        (target, primaryEntitiesOnly) =>
-          expandTarget(currentHass, target, primaryEntitiesOnly),
-        Object.keys(currentHass.states),
-        msg.primary_entities_only ?? true
-      )
-  );
-  hass.mockWS(
-    "get_services_for_target",
-    (msg: { target: HassServiceTarget }, currentHass: MockHomeAssistant) =>
-      componentsForTarget(
-        currentHass,
-        msg.target,
-        // Keyed by <domain>.<service>, like the triggers and conditions
-        Object.fromEntries(
-          Object.entries(currentHass.services).flatMap(([domain, services]) =>
-            Object.entries(services).map(([service, description]) => [
-              `${domain}.${service}`,
-              description,
-            ])
-          )
-        ) as TargetDescriptions
-      )
-  );
-};

demo/src/stubs/automation_platforms_icons.ts

@@ -1,495 +0,0 @@
-// This file is auto-generated from Home Assistant Core. Do not edit by hand.
-// Regenerate with `script/gen_demo_core_data`.
-
-export const triggerIcons = {
-  air_quality: {
-    co2_changed: { trigger: "mdi:molecule-co2" },
-    co2_crossed_threshold: { trigger: "mdi:molecule-co2" },
-    co_changed: { trigger: "mdi:molecule-co" },
-    co_cleared: { trigger: "mdi:check-circle" },
-    co_crossed_threshold: { trigger: "mdi:molecule-co" },
-    co_detected: { trigger: "mdi:molecule-co" },
-    gas_cleared: { trigger: "mdi:check-circle" },
-    gas_detected: { trigger: "mdi:gas-cylinder" },
-    n2o_changed: { trigger: "mdi:factory" },
-    n2o_crossed_threshold: { trigger: "mdi:factory" },
-    no2_changed: { trigger: "mdi:factory" },
-    no2_crossed_threshold: { trigger: "mdi:factory" },
-    no_changed: { trigger: "mdi:factory" },
-    no_crossed_threshold: { trigger: "mdi:factory" },
-    ozone_changed: { trigger: "mdi:weather-sunny-alert" },
-    ozone_crossed_threshold: { trigger: "mdi:weather-sunny-alert" },
-    pm10_changed: { trigger: "mdi:blur" },
-    pm10_crossed_threshold: { trigger: "mdi:blur" },
-    pm1_changed: { trigger: "mdi:blur" },
-    pm1_crossed_threshold: { trigger: "mdi:blur" },
-    pm25_changed: { trigger: "mdi:blur" },
-    pm25_crossed_threshold: { trigger: "mdi:blur" },
-    pm4_changed: { trigger: "mdi:blur" },
-    pm4_crossed_threshold: { trigger: "mdi:blur" },
-    smoke_cleared: { trigger: "mdi:check-circle" },
-    smoke_detected: { trigger: "mdi:smoke-detector-variant" },
-    so2_changed: { trigger: "mdi:factory" },
-    so2_crossed_threshold: { trigger: "mdi:factory" },
-    voc_changed: { trigger: "mdi:air-filter" },
-    voc_crossed_threshold: { trigger: "mdi:air-filter" },
-    voc_ratio_changed: { trigger: "mdi:air-filter" },
-    voc_ratio_crossed_threshold: { trigger: "mdi:air-filter" },
-  },
-  alarm_control_panel: {
-    armed: { trigger: "mdi:shield" },
-    armed_away: { trigger: "mdi:shield-lock" },
-    armed_home: { trigger: "mdi:shield-home" },
-    armed_night: { trigger: "mdi:shield-moon" },
-    armed_vacation: { trigger: "mdi:shield-airplane" },
-    disarmed: { trigger: "mdi:shield-off" },
-    triggered: { trigger: "mdi:bell-ring" },
-  },
-  assist_satellite: {
-    idle: { trigger: "mdi:chat-sleep" },
-    listening: { trigger: "mdi:chat-question" },
-    processing: { trigger: "mdi:chat-processing" },
-    responding: { trigger: "mdi:chat-alert" },
-  },
-  battery: {
-    became_low: { trigger: "mdi:battery-alert" },
-    level_changed: { trigger: "mdi:battery-unknown" },
-    level_crossed_threshold: { trigger: "mdi:battery-alert" },
-    no_longer_low: { trigger: "mdi:battery" },
-    started_charging: { trigger: "mdi:battery-charging" },
-    stopped_charging: { trigger: "mdi:battery" },
-  },
-  button: { pressed: { trigger: "mdi:gesture-tap-button" } },
-  calendar: {
-    event_ended: { trigger: "mdi:calendar-end" },
-    event_started: { trigger: "mdi:calendar-start" },
-  },
-  climate: {
-    hvac_mode_changed: { trigger: "mdi:thermostat" },
-    started_cooling: { trigger: "mdi:snowflake" },
-    started_drying: { trigger: "mdi:water-percent" },
-    started_heating: { trigger: "mdi:fire" },
-    target_humidity_changed: { trigger: "mdi:water-percent" },
-    target_humidity_crossed_threshold: { trigger: "mdi:water-percent" },
-    target_temperature_changed: { trigger: "mdi:thermometer" },
-    target_temperature_crossed_threshold: { trigger: "mdi:thermometer" },
-    turned_off: { trigger: "mdi:power-off" },
-    turned_on: { trigger: "mdi:power-on" },
-  },
-  counter: {
-    decremented: { trigger: "mdi:numeric-negative-1" },
-    incremented: { trigger: "mdi:numeric-positive-1" },
-    maximum_reached: { trigger: "mdi:sort-numeric-ascending-variant" },
-    minimum_reached: { trigger: "mdi:sort-numeric-descending-variant" },
-    reset: { trigger: "mdi:refresh" },
-  },
-  cover: {
-    awning_closed: { trigger: "mdi:storefront-outline" },
-    awning_opened: { trigger: "mdi:storefront-outline" },
-    blind_closed: { trigger: "mdi:blinds-horizontal-closed" },
-    blind_opened: { trigger: "mdi:blinds-horizontal" },
-    curtain_closed: { trigger: "mdi:curtains-closed" },
-    curtain_opened: { trigger: "mdi:curtains" },
-    shade_closed: { trigger: "mdi:roller-shade-closed" },
-    shade_opened: { trigger: "mdi:roller-shade" },
-    shutter_closed: { trigger: "mdi:window-shutter" },
-    shutter_opened: { trigger: "mdi:window-shutter-open" },
-  },
-  door: {
-    closed: { trigger: "mdi:door-closed" },
-    opened: { trigger: "mdi:door-open" },
-  },
-  doorbell: { rang: { trigger: "mdi:doorbell" } },
-  event: { received: { trigger: "mdi:eye-check" } },
-  fan: {
-    turned_off: { trigger: "mdi:fan-off" },
-    turned_on: { trigger: "mdi:fan" },
-  },
-  garage_door: {
-    closed: { trigger: "mdi:garage" },
-    opened: { trigger: "mdi:garage-open" },
-  },
-  gate: {
-    closed: { trigger: "mdi:gate" },
-    opened: { trigger: "mdi:gate-open" },
-  },
-  humidifier: {
-    mode_changed: { trigger: "mdi:air-humidifier" },
-    started_drying: { trigger: "mdi:arrow-down-bold" },
-    started_humidifying: { trigger: "mdi:arrow-up-bold" },
-    turned_off: { trigger: "mdi:air-humidifier-off" },
-    turned_on: { trigger: "mdi:air-humidifier" },
-  },
-  humidity: {
-    changed: { trigger: "mdi:water-percent" },
-    crossed_threshold: { trigger: "mdi:water-percent" },
-  },
-  illuminance: {
-    changed: { trigger: "mdi:brightness-6" },
-    cleared: { trigger: "mdi:brightness-4" },
-    crossed_threshold: { trigger: "mdi:brightness-6" },
-    detected: { trigger: "mdi:brightness-7" },
-  },
-  lawn_mower: {
-    became_idle: { trigger: "mdi:stop" },
-    errored: { trigger: "mdi:alert-circle-outline" },
-    paused_mowing: { trigger: "mdi:pause" },
-    returned_to_dock: { trigger: "mdi:home-import-outline" },
-    started_mowing: { trigger: "mdi:play" },
-    started_returning: { trigger: "mdi:home-import-outline" },
-  },
-  light: {
-    brightness_changed: { trigger: "mdi:lightbulb-on-50" },
-    brightness_crossed_threshold: { trigger: "mdi:lightbulb-on-50" },
-    turned_off: { trigger: "mdi:lightbulb-off" },
-    turned_on: { trigger: "mdi:lightbulb-on" },
-  },
-  lock: {
-    jammed: { trigger: "mdi:lock-alert" },
-    locked: { trigger: "mdi:lock" },
-    opened: { trigger: "mdi:lock-open-variant" },
-    unlocked: { trigger: "mdi:lock-open-variant" },
-  },
-  media_player: {
-    muted: { trigger: "mdi:volume-mute" },
-    paused_playing: { trigger: "mdi:pause" },
-    started_playing: { trigger: "mdi:play" },
-    stopped_playing: { trigger: "mdi:stop" },
-    turned_off: { trigger: "mdi:power" },
-    turned_on: { trigger: "mdi:power" },
-    unmuted: { trigger: "mdi:volume-high" },
-    volume_changed: { trigger: "mdi:volume-medium" },
-    volume_crossed_threshold: { trigger: "mdi:volume-medium" },
-  },
-  moisture: {
-    changed: { trigger: "mdi:water-percent" },
-    cleared: { trigger: "mdi:water-off" },
-    crossed_threshold: { trigger: "mdi:water-percent" },
-    detected: { trigger: "mdi:water" },
-  },
-  moon: { phase_changed: { trigger: "mdi:moon-waning-crescent" } },
-  motion: {
-    cleared: { trigger: "mdi:motion-sensor-off" },
-    detected: { trigger: "mdi:motion-sensor" },
-  },
-  occupancy: {
-    cleared: { trigger: "mdi:home-outline" },
-    detected: { trigger: "mdi:home-account" },
-  },
-  power: {
-    changed: { trigger: "mdi:flash" },
-    crossed_threshold: { trigger: "mdi:flash" },
-  },
-  remote: {
-    turned_off: { trigger: "mdi:remote-off" },
-    turned_on: { trigger: "mdi:remote" },
-  },
-  scene: { activated: { trigger: "mdi:palette" } },
-  schedule: {
-    block_ended: { trigger: "mdi:calendar-blank" },
-    block_started: { trigger: "mdi:calendar-clock" },
-  },
-  select: { selection_changed: { trigger: "mdi:format-list-bulleted" } },
-  siren: {
-    turned_off: { trigger: "mdi:bullhorn-outline" },
-    turned_on: { trigger: "mdi:bullhorn" },
-  },
-  sun: {
-    blue_hour_ended: { trigger: "mdi:weather-sunset" },
-    blue_hour_started: { trigger: "mdi:weather-sunset" },
-    dawn: { trigger: "mdi:weather-sunset-up" },
-    dusk: { trigger: "mdi:weather-sunset-down" },
-    elevation_changed: { trigger: "mdi:sun-angle" },
-    elevation_crossed_threshold: { trigger: "mdi:sun-angle" },
-    golden_hour_ended: { trigger: "mdi:weather-sunset" },
-    golden_hour_started: { trigger: "mdi:weather-sunset" },
-    midnight_sun_ended: { trigger: "mdi:weather-sunset" },
-    midnight_sun_started: { trigger: "mdi:weather-sunny" },
-    polar_night_ended: { trigger: "mdi:weather-sunset-up" },
-    polar_night_started: { trigger: "mdi:weather-night" },
-    solar_midnight: { trigger: "mdi:weather-night" },
-    solar_noon: { trigger: "mdi:weather-sunny" },
-    sunrise: { trigger: "mdi:weather-sunset-up" },
-    sunset: { trigger: "mdi:weather-sunset-down" },
-  },
-  switch: {
-    turned_off: { trigger: "mdi:toggle-switch-variant-off" },
-    turned_on: { trigger: "mdi:toggle-switch-variant" },
-  },
-  temperature: {
-    changed: { trigger: "mdi:thermometer" },
-    crossed_threshold: { trigger: "mdi:thermometer" },
-  },
-  text: { changed: { trigger: "mdi:form-textbox" } },
-  timer: {
-    cancelled: { trigger: "mdi:timer-cancel" },
-    finished: { trigger: "mdi:timer-check" },
-    paused: { trigger: "mdi:timer-pause" },
-    remaining_time_reached: { trigger: "mdi:timer-alert-outline" },
-    restarted: { trigger: "mdi:timer-refresh" },
-    started: { trigger: "mdi:timer-play" },
-  },
-  todo: {
-    item_added: { trigger: "mdi:clipboard-plus" },
-    item_completed: { trigger: "mdi:clipboard-check" },
-    item_removed: { trigger: "mdi:clipboard-minus" },
-  },
-  update: { became_available: { trigger: "mdi:package-up" } },
-  vacuum: {
-    errored: { trigger: "mdi:alert-circle-outline" },
-    paused_cleaning: { trigger: "mdi:pause" },
-    returned_to_dock: { trigger: "mdi:home-outline" },
-    started_cleaning: { trigger: "mdi:play" },
-    started_returning: { trigger: "mdi:home-import-outline" },
-  },
-  valve: {
-    closed: { trigger: "mdi:valve-closed" },
-    opened: { trigger: "mdi:valve-open" },
-  },
-  vibration: {
-    cleared: { trigger: "mdi:vibrate-off" },
-    detected: { trigger: "mdi:vibrate" },
-  },
-  water_heater: {
-    operation_mode_changed: { trigger: "mdi:water-boiler" },
-    target_temperature_changed: { trigger: "mdi:thermometer" },
-    target_temperature_crossed_threshold: { trigger: "mdi:thermometer" },
-    turned_off: { trigger: "mdi:water-boiler-off" },
-    turned_on: { trigger: "mdi:water-boiler" },
-  },
-  window: {
-    closed: { trigger: "mdi:window-closed" },
-    opened: { trigger: "mdi:window-open" },
-  },
-  zone: {
-    entered: { trigger: "mdi:map-marker-plus" },
-    left: { trigger: "mdi:map-marker-minus" },
-    occupancy_cleared: { trigger: "mdi:account-off" },
-    occupancy_detected: { trigger: "mdi:account-group" },
-  },
-};
-
-export const conditionIcons = {
-  air_quality: {
-    is_co2_value: { condition: "mdi:molecule-co2" },
-    is_co_cleared: { condition: "mdi:check-circle" },
-    is_co_detected: { condition: "mdi:molecule-co" },
-    is_co_value: { condition: "mdi:molecule-co" },
-    is_gas_cleared: { condition: "mdi:check-circle" },
-    is_gas_detected: { condition: "mdi:gas-cylinder" },
-    is_n2o_value: { condition: "mdi:factory" },
-    is_no2_value: { condition: "mdi:factory" },
-    is_no_value: { condition: "mdi:factory" },
-    is_ozone_value: { condition: "mdi:weather-sunny-alert" },
-    is_pm10_value: { condition: "mdi:blur" },
-    is_pm1_value: { condition: "mdi:blur" },
-    is_pm25_value: { condition: "mdi:blur" },
-    is_pm4_value: { condition: "mdi:blur" },
-    is_smoke_cleared: { condition: "mdi:check-circle" },
-    is_smoke_detected: { condition: "mdi:smoke-detector-variant" },
-    is_so2_value: { condition: "mdi:factory" },
-    is_voc_ratio_value: { condition: "mdi:air-filter" },
-    is_voc_value: { condition: "mdi:air-filter" },
-  },
-  alarm_control_panel: {
-    is_armed: { condition: "mdi:shield" },
-    is_armed_away: { condition: "mdi:shield-lock" },
-    is_armed_home: { condition: "mdi:shield-home" },
-    is_armed_night: { condition: "mdi:shield-moon" },
-    is_armed_vacation: { condition: "mdi:shield-airplane" },
-    is_disarmed: { condition: "mdi:shield-off" },
-    is_triggered: { condition: "mdi:bell-ring" },
-  },
-  assist_satellite: {
-    is_idle: { condition: "mdi:chat-sleep" },
-    is_listening: { condition: "mdi:chat-question" },
-    is_processing: { condition: "mdi:chat-processing" },
-    is_responding: { condition: "mdi:chat-alert" },
-  },
-  battery: {
-    is_charging: { condition: "mdi:battery-charging" },
-    is_level: { condition: "mdi:battery-unknown" },
-    is_low: { condition: "mdi:battery-alert" },
-    is_not_charging: { condition: "mdi:battery" },
-    is_not_low: { condition: "mdi:battery" },
-  },
-  calendar: { is_event_active: { condition: "mdi:calendar-check" } },
-  climate: {
-    is_cooling: { condition: "mdi:snowflake" },
-    is_drying: { condition: "mdi:water-percent" },
-    is_heating: { condition: "mdi:fire" },
-    is_hvac_mode: { condition: "mdi:thermostat" },
-    is_off: { condition: "mdi:power-off" },
-    is_on: { condition: "mdi:power-on" },
-    is_target_humidity: { condition: "mdi:water-percent" },
-    is_target_temperature: { condition: "mdi:thermometer" },
-  },
-  counter: { is_value: { condition: "mdi:counter" } },
-  cover: {
-    awning_is_closed: { condition: "mdi:storefront-outline" },
-    awning_is_open: { condition: "mdi:storefront-outline" },
-    blind_is_closed: { condition: "mdi:blinds-horizontal-closed" },
-    blind_is_open: { condition: "mdi:blinds-horizontal" },
-    curtain_is_closed: { condition: "mdi:curtains-closed" },
-    curtain_is_open: { condition: "mdi:curtains" },
-    shade_is_closed: { condition: "mdi:roller-shade-closed" },
-    shade_is_open: { condition: "mdi:roller-shade" },
-    shutter_is_closed: { condition: "mdi:window-shutter" },
-    shutter_is_open: { condition: "mdi:window-shutter-open" },
-  },
-  door: {
-    is_closed: { condition: "mdi:door-closed" },
-    is_open: { condition: "mdi:door-open" },
-  },
-  fan: {
-    is_off: { condition: "mdi:fan-off" },
-    is_on: { condition: "mdi:fan" },
-  },
-  garage_door: {
-    is_closed: { condition: "mdi:garage" },
-    is_open: { condition: "mdi:garage-open" },
-  },
-  gate: {
-    is_closed: { condition: "mdi:gate" },
-    is_open: { condition: "mdi:gate-open" },
-  },
-  humidifier: {
-    is_drying: { condition: "mdi:arrow-down-bold" },
-    is_humidifying: { condition: "mdi:arrow-up-bold" },
-    is_mode: { condition: "mdi:air-humidifier" },
-    is_off: { condition: "mdi:air-humidifier-off" },
-    is_on: { condition: "mdi:air-humidifier" },
-    is_target_humidity: { condition: "mdi:water-percent" },
-  },
-  humidity: { is_value: { condition: "mdi:water-percent" } },
-  illuminance: {
-    is_detected: { condition: "mdi:brightness-7" },
-    is_not_detected: { condition: "mdi:brightness-4" },
-    is_value: { condition: "mdi:brightness-percent" },
-  },
-  lawn_mower: {
-    is_docked: { condition: "mdi:home-import-outline" },
-    is_encountering_an_error: { condition: "mdi:alert-circle-outline" },
-    is_idle: { condition: "mdi:stop" },
-    is_mowing: { condition: "mdi:play" },
-    is_paused: { condition: "mdi:pause" },
-    is_returning: { condition: "mdi:home-import-outline" },
-  },
-  light: {
-    is_brightness: { condition: "mdi:lightbulb-on-50" },
-    is_off: { condition: "mdi:lightbulb-off" },
-    is_on: { condition: "mdi:lightbulb-on" },
-  },
-  lock: {
-    is_jammed: { condition: "mdi:lock-alert" },
-    is_locked: { condition: "mdi:lock" },
-    is_open: { condition: "mdi:lock-open-variant" },
-    is_unlocked: { condition: "mdi:lock-open-variant" },
-  },
-  media_player: {
-    is_muted: { condition: "mdi:volume-mute" },
-    is_not_playing: { condition: "mdi:stop" },
-    is_off: { condition: "mdi:cast-off" },
-    is_on: { condition: "mdi:cast" },
-    is_paused: { condition: "mdi:pause" },
-    is_playing: { condition: "mdi:play" },
-    is_unmuted: { condition: "mdi:volume-high" },
-    is_volume: { condition: "mdi:volume-medium" },
-  },
-  moisture: {
-    is_detected: { condition: "mdi:water" },
-    is_not_detected: { condition: "mdi:water-off" },
-    is_value: { condition: "mdi:water-percent" },
-  },
-  moon: {
-    is_phase: { condition: "mdi:moon-full" },
-    is_waning: { condition: "mdi:moon-waning-crescent" },
-    is_waxing: { condition: "mdi:moon-waxing-crescent" },
-  },
-  motion: {
-    is_detected: { condition: "mdi:motion-sensor" },
-    is_not_detected: { condition: "mdi:motion-sensor-off" },
-  },
-  occupancy: {
-    is_detected: { condition: "mdi:home-account" },
-    is_not_detected: { condition: "mdi:home-outline" },
-  },
-  power: { is_value: { condition: "mdi:flash" } },
-  remote: {
-    is_off: { condition: "mdi:remote-off" },
-    is_on: { condition: "mdi:remote" },
-  },
-  schedule: {
-    is_off: { condition: "mdi:calendar-blank" },
-    is_on: { condition: "mdi:calendar-clock" },
-  },
-  select: { is_option_selected: { condition: "mdi:format-list-bulleted" } },
-  siren: {
-    is_off: { condition: "mdi:bullhorn-outline" },
-    is_on: { condition: "mdi:bullhorn" },
-  },
-  sun: {
-    elevation: { condition: "mdi:sun-angle" },
-    is_ascending: { condition: "mdi:weather-sunset-up" },
-    is_blue_hour: { condition: "mdi:weather-sunset" },
-    is_descending: { condition: "mdi:weather-sunset-down" },
-    is_evening_twilight: { condition: "mdi:weather-sunset-down" },
-    is_golden_hour: { condition: "mdi:weather-sunset" },
-    is_midnight_sun: { condition: "mdi:weather-sunny" },
-    is_morning_twilight: { condition: "mdi:weather-sunset-up" },
-    is_night: { condition: "mdi:weather-night" },
-    is_polar_night: { condition: "mdi:weather-night" },
-    is_set: { condition: "mdi:weather-sunny-off" },
-    is_up: { condition: "mdi:weather-sunny" },
-  },
-  switch: {
-    is_off: { condition: "mdi:toggle-switch-variant-off" },
-    is_on: { condition: "mdi:toggle-switch-variant" },
-  },
-  temperature: { is_value: { condition: "mdi:thermometer" } },
-  text: { is_equal_to: { condition: "mdi:form-textbox" } },
-  timer: {
-    is_active: { condition: "mdi:timer" },
-    is_idle: { condition: "mdi:timer-off" },
-    is_paused: { condition: "mdi:timer-pause" },
-  },
-  todo: {
-    all_completed: { condition: "mdi:clipboard-check" },
-    incomplete: { condition: "mdi:clipboard-alert" },
-  },
-  update: {
-    is_available: { condition: "mdi:package-up" },
-    is_not_available: { condition: "mdi:package" },
-  },
-  vacuum: {
-    is_cleaning: { condition: "mdi:play" },
-    is_docked: { condition: "mdi:home-import-outline" },
-    is_encountering_an_error: { condition: "mdi:alert-circle-outline" },
-    is_paused: { condition: "mdi:pause" },
-    is_returning: { condition: "mdi:home-import-outline" },
-  },
-  valve: {
-    is_closed: { condition: "mdi:valve-closed" },
-    is_open: { condition: "mdi:valve-open" },
-  },
-  vibration: {
-    is_detected: { condition: "mdi:vibrate" },
-    is_not_detected: { condition: "mdi:vibrate-off" },
-  },
-  water_heater: {
-    is_off: { condition: "mdi:water-boiler-off" },
-    is_on: { condition: "mdi:water-boiler" },
-    is_operation_mode: { condition: "mdi:water-boiler" },
-    is_target_temperature: { condition: "mdi:thermometer" },
-  },
-  window: {
-    is_closed: { condition: "mdi:window-closed" },
-    is_open: { condition: "mdi:window-open" },
-  },
-  zone: {
-    in_zone: { condition: "mdi:map-marker-check" },
-    not_in_zone: { condition: "mdi:map-marker-remove" },
-    occupancy_is_detected: { condition: "mdi:account-group" },
-    occupancy_is_not_detected: { condition: "mdi:account-off" },
-  },
-};

demo/src/stubs/backup.ts

@@ -39,7 +39,6 @@ const backupInfo: BackupInfo = {
     },
   ],
   agent_errors: {},
-  agent_error_translations: {},
   last_attempted_automatic_backup: recent,
   last_completed_automatic_backup: recent,
   last_action_event: { manager_state: "idle" },

demo/src/stubs/blueprint.ts

@@ -42,12 +42,4 @@ export const mockBlueprint = (hass: MockHomeAssistant) => {
   hass.mockWS("blueprint/list", (msg: { domain: BlueprintDomain }) =>
     msg.domain === "script" ? scriptBlueprints : automationBlueprints
   );
-  hass.mockWS(
-    "blueprint/delete",
-    (msg: { domain: BlueprintDomain; path: string }) => {
-      const blueprints =
-        msg.domain === "script" ? scriptBlueprints : automationBlueprints;
-      delete blueprints[msg.path];
-    }
-  );
 };

demo/src/stubs/calendar.ts

@@ -1,122 +0,0 @@
-import type { CalendarEventApiData } from "../../../src/data/calendar";
-import type { MockHomeAssistant } from "../../../src/fake_data/provide_hass";
-
-// Sample events relative to today, so demos always show something in the
-// current week and month.
-
-const pad = (value: number) => String(value).padStart(2, "0");
-
-const day = (offset: number): Date => {
-  const date = new Date();
-  date.setHours(0, 0, 0, 0);
-  date.setDate(date.getDate() + offset);
-
-  return date;
-};
-
-const isoDate = (date: Date) =>
-  `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
-
-const at = (offset: number, hours: number, minutes = 0) => {
-  const date = day(offset);
-  date.setHours(hours, minutes);
-
-  return date.toISOString();
-};
-
-const allDay = (offset: number, days = 1) => ({
-  start: isoDate(day(offset)),
-  end: isoDate(day(offset + days)),
-  all_day: true,
-});
-
-export const FAMILY_EVENTS: CalendarEventApiData[] = [
-  { summary: "School run", start: at(0, 8), end: at(0, 8, 30) },
-  {
-    summary: "Dentist",
-    start: at(0, 15, 30),
-    end: at(0, 16, 15),
-    location: "Main Street 12",
-  },
-  { summary: "Grandma's birthday", ...allDay(1) },
-  { summary: "Football practice", start: at(2, 17), end: at(2, 18, 30) },
-  {
-    summary: "Dinner with friends",
-    start: at(3, 19),
-    end: at(3, 22),
-    status: "tentative",
-  },
-  { summary: "Summer cabin", ...allDay(5, 3) },
-  { summary: "Parent-teacher meeting", start: at(9, 18), end: at(9, 19) },
-  { summary: "Football practice", start: at(9, 17), end: at(9, 18, 30) },
-  { summary: "Swimming lessons", start: at(12, 10), end: at(12, 11) },
-  { summary: "Car service", start: at(-3, 9), end: at(-3, 11) },
-  { summary: "Book club", start: at(-6, 19), end: at(-6, 21) },
-];
-
-export const WORK_EVENTS: CalendarEventApiData[] = [
-  { summary: "Stand-up", start: at(0, 9), end: at(0, 9, 15) },
-  { summary: "Sprint planning", start: at(2, 10), end: at(2, 12) },
-  { summary: "Team lunch", start: at(4, 12), end: at(4, 13) },
-  { summary: "Conference", ...allDay(8, 2) },
-  { summary: "Quarterly review", start: at(-2, 14), end: at(-2, 15, 30) },
-];
-
-const toTime = (value: CalendarEventApiData["start"]) =>
-  new Date(
-    typeof value === "string"
-      ? value
-      : "dateTime" in value
-        ? value.dateTime
-        : value.date
-  ).getTime();
-
-const inRange = (
-  events: CalendarEventApiData[],
-  start: string | null,
-  end: string | null
-): CalendarEventApiData[] => {
-  const startTime = start ? new Date(start).getTime() : -Infinity;
-  const endTime = end ? new Date(end).getTime() : Infinity;
-
-  return events.filter(
-    (event) => toTime(event.end) > startTime && toTime(event.start) < endTime
-  );
-};
-
-/**
- * Answers event requests of calendar entities with the events of
- * `getEvents`. A calendar without events gets `null`, like a calendar whose
- * integration fails to return them.
- */
-export const mockCalendarEvents = (
-  hass: MockHomeAssistant,
-  getEvents: (
-    entityId: string,
-    currentHass: MockHomeAssistant
-  ) => CalendarEventApiData[] | null | undefined
-) => {
-  hass.mockWS("calendar/event/subscribe", (msg, currentHass, onChange) => {
-    const events = getEvents(msg.entity_id, currentHass);
-    onChange?.({ events: events ? inRange(events, msg.start, msg.end) : null });
-
-    return () => undefined;
-  });
-  // Home Assistant before 2026.5 has no event subscription, so cards that
-  // support it ask the REST API instead.
-  hass.mockAPI(/^calendars\/[^/?]+\?/, (currentHass, _method, path) => {
-    const url = new URL(path, location.origin);
-    const entityId = url.pathname.slice(url.pathname.lastIndexOf("/") + 1);
-    const events = getEvents(entityId, currentHass);
-
-    if (!events) {
-      return Promise.reject(new Error("Calendar not found"));
-    }
-
-    return inRange(
-      events,
-      url.searchParams.get("start"),
-      url.searchParams.get("end")
-    );
-  });
-};

demo/src/stubs/config-panel.ts

@@ -12,7 +12,6 @@ import { mockDeviceAutomation } from "./device_automation";
 import { mockEntityRegistrySettings } from "./entity_registry_settings";
 import { mockEntitySources } from "./entity_sources";
 import { mockExpose } from "./expose";
-import { mockMarketplace } from "./marketplace";
 import { mockNetwork } from "./network";
 import { mockPerson } from "./person";
 import { mockScene } from "./scene";
@@ -46,7 +45,6 @@ export const mockConfigPanel = (hass: MockHomeAssistant) => {
   mockAssist(hass);
   mockEntityRegistrySettings(hass);
   mockSlugify(hass);
-  mockMarketplace(hass);
   hass.mockWS("llm/api/list", () => ({
     apis: [
       { id: "assist", name: "Assist" },

demo/src/stubs/config_entries.ts

@@ -91,15 +91,6 @@ export const demoConfigEntries: {
       supports_options: true,
     },
   },
-  {
-    type: "system",
-    entry: {
-      ...baseEntry,
-      entry_id: "mock-marketplace",
-      domain: "marketplace",
-      title: "Marketplace",
-    },
-  },
   ...connectivityConfigEntries,
 ];