Split the grouped Settings sections into individual entries

Devices & services, Automations & scenes and Areas, labels & zones are replaced by one Settings entry per page, grouped in three cards. These pages now pass only their own page as tab. Settings cards without any visible entries are hidden, the Apps entry now uses the mdiApps icon, every Settings entry has a distinct colour, and "blueprint" is added to the demo config. Co-Authored-By: Claude Opus 5.5 <[email protected]>
Show page tabs in a row under the toolbar on narrow screens
2026-11-14 17:02:50 +00:00 · 2026-10-09 12:37:38 +02:00 · 2026-10-09 12:37:38 +02:00 · 2026-10-09 12:37:38 +02:00 · 2026-10-09 12:37:38 +02:00 · 2026-10-09 12:37:38 +02:00
1725 changed files with 32254 additions and 104358 deletions
@@ -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.
@@ -38,7 +38,6 @@ Container components may keep `hass` when they own it and feed providers. Leaf c
 | `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`.

@@ -94,6 +93,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.
@@ -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.
@@ -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.
@@ -10,7 +10,6 @@ Use this skill when editing CSS, layout, visual hierarchy, theme integration, re
 ## Theme And Layout Basics

 - Use Home Assistant CSS custom properties instead of hardcoded colors.
- CSS in the static HTML templates under `src/html/` must give custom properties a fallback value (for example `var(--ha-space-4, 16px)`), because the global tokens only exist once the JS-appended global stylesheet from `append-ha-style` has loaded.
 - Use `--ha-space-*` spacing tokens instead of hardcoded spacing where possible.
 - Keep components mobile-first and enhance for desktop.
 - Keep layouts RTL-safe. Prefer logical properties when they fit.
@@ -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
@@ -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
@@ -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
@@ -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'
@@ -35,12 +35,11 @@ runs:
        NETLIFY_AUTH_TOKEN: ${{ inputs.auth-token }}
        NETLIFY_SITE_ID: ${{ inputs.site-id }}
      run: |
-        # Execute the deployment (--filter picks the root workspace project,
-        # --no-build because we deploy an already built directory)
+        # Execute the deployment
        if [ -n "$ALIAS" ]; then
-          npx -y netlify-cli deploy --filter home-assistant-frontend --no-build --dir="$DIR" --alias "$ALIAS" --json > deploy_output.json
+          npx -y netlify-cli deploy --dir="$DIR" --alias "$ALIAS" --json > deploy_output.json
        else
-          npx -y netlify-cli deploy --filter home-assistant-frontend --no-build --dir="$DIR" --prod --json > deploy_output.json
+          npx -y netlify-cli deploy --dir="$DIR" --prod --json > deploy_output.json
        fi

        # Collect the urls from the deployment output
@@ -16,7 +16,6 @@ runs:
      with:
        path: |
          node_modules
-          packages/*/node_modules
          ~/.local/share/pnpm/store
        key: >-
          ${{ inputs.node-modules-cache-key }}-${{ runner.os }}-${{ runner.arch }}-${{
@@ -25,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

@@ -36,7 +35,6 @@ runs:
      with:
        path: |
          node_modules
-          packages/*/node_modules
          ~/.local/share/pnpm/store
        key: >-
          ${{ inputs.node-modules-cache-key }}-${{ runner.os }}-${{ runner.arch }}-${{
@@ -28,14 +28,13 @@ runs:
      with:
        path: |
          node_modules
-          packages/*/node_modules
          ~/.local/share/pnpm/store
        key: >-
          ${{ inputs.node-modules-cache-key }}-${{ 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
+      uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
      with:
        node-version-file: ".nvmrc"

@@ -192,8 +192,8 @@ 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", () =>
@@ -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
@@ -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
@@ -18,7 +18,7 @@ jobs:
  deploy_dev:
    runs-on: ubuntu-latest
    name: Deploy Development
-    if: github.repository == 'home-assistant/frontend' && github.ref_name != 'master'
+    if: github.repository == 'home-assistant/frontend' && github.event_name != 'push'
    environment:
      name: Cast Development
      url: ${{ steps.deploy.outputs.netlify_url }}
@@ -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
@@ -50,7 +50,7 @@ jobs:
  deploy_master:
    runs-on: ubuntu-latest
    name: Deploy Production
-    if: github.repository == 'home-assistant/frontend' && github.ref_name == 'master'
+    if: github.repository == 'home-assistant/frontend' && github.event_name == 'push'
    environment:
      name: Cast Production
      url: ${{ steps.deploy.outputs.netlify_url }}
@@ -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 }}
@@ -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
@@ -110,7 +110,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 +127,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,7 +142,7 @@ 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/
@@ -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@2892aa5e19bbd11bc0cff5427e3b750a04d9e3c2 # v4.38.2
        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@2892aa5e19bbd11bc0cff5427e3b750a04d9e3c2 # v4.38.2
        with:
          category: "/language:javascript-typescript"
@@ -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"
@@ -19,7 +19,7 @@ jobs:
  deploy_dev:
    runs-on: ubuntu-latest
    name: Demo Development
-    if: github.repository == 'home-assistant/frontend' && github.ref_name != 'master'
+    if: github.repository == 'home-assistant/frontend' && (github.event_name != 'push' || github.ref_name != 'master')
    environment:
      name: Demo Development
      url: ${{ steps.deploy.outputs.unique_deploy_url }}
@@ -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 }}
@@ -50,7 +50,7 @@ jobs:
  deploy_master:
    runs-on: ubuntu-latest
    name: Demo Production
-    if: github.repository == 'home-assistant/frontend' && github.ref_name == 'master'
+    if: github.repository == 'home-assistant/frontend' && github.event_name == 'push' && github.ref_name == 'master'
    environment:
      name: Demo Production
      url: ${{ steps.deploy.outputs.netlify_url }}
@@ -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 }}
@@ -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 }}
@@ -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 }}
@@ -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.65.0-noble@sha256:6e3fb709361521eb27161606e6da6d2674e5e89fa16516cb37d6fdd91372273d
+      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.65.0-noble@sha256:6e3fb709361521eb27161606e6da6d2674e5e89fa16516cb37d6fdd91372273d
+      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.65.0-noble@sha256:6e3fb709361521eb27161606e6da6d2674e5e89fa16516cb37d6fdd91372273d
+      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.65.0-noble@sha256:6e3fb709361521eb27161606e6da6d2674e5e89fa16516cb37d6fdd91372273d
+      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/
@@ -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
@@ -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 }}
@@ -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 }}
@@ -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@06749dd8c0b54f350bc69c8752456cee498808a3 # 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
@@ -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
@@ -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
@@ -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
@@ -67,3 +67,4 @@ test/e2e/app/dist/
 .serena

 test/benchmarks/results/
+
@@ -1 +1 @@
-24.22.3
+24.21.0
@@ -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.
@@ -28,18 +28,10 @@ AI can be a helpful tool for writing code and documentation. However, due to the

 All contributions must be reviewed and understood by the contributor before submission. You should be able to explain every change in a pull request you submit. Pull requests that appear to be unreviewed AI output will be closed without review.

-## Design contributions
-
-AI can be a helpful tool to explore ideas and build mockups and prototypes. But AI tends to give the most common answer, not the one that fits Home Assistant and its users. So we require a human who brings the point of view and owns the design decisions.
-
-You should be able to explain the problem your design solves and why you made your choices. If a mockup or prototype was mostly generated with AI, say so when you share it. Check your work against the [design guidelines](https://contributors.home-assistant.io/design/), as AI tools often make up components, colors, or spacing that don't exist in Home Assistant. Design proposals that look like unreviewed AI output may be closed or hidden.
-
 ## Our use of AI

 Some of our projects use AI tools to assist with code reviews, issue triaging, reporting, and other project management tasks. These tools may leave comments on pull requests or issues. As with any automated tooling, these comments are not always correct.

-We also use AI to help keep the design system, the Figma kit, and the code in sync. The design decisions behind them are made by people.
-
 If an AI tool leaves a comment on your contribution, treat it as you would any other review comment. If you believe it is incorrect, say so; a brief explanation is sufficient. Maintainers always have the final say. If in doubt, ask a maintainer.

 ## Enforcement
@@ -49,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.
@@ -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`

@@ -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: {
@@ -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": 624240,
+    "core": 55144,
+    "authorize": 594400,
+    "onboarding": 705499
  },
  "frontend-legacy": {
-    "app": 724225,
-    "core": 163115,
-    "authorize": 693913,
-    "onboarding": 812415
+    "app": 776696,
+    "core": 188309,
+    "authorize": 763316,
+    "onboarding": 879807
  }
 }
@@ -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,
@@ -157,99 +157,6 @@ async function pollProcess(lokaliseApi, projectId, processId) {
 }
 /* eslint-enable no-await-in-loop */

-const DRAFTS_ACCEPTED_KEYS = [
-  // Written per language rather than translated from English, so an English edit doesn't make them outdated
-  "ui.components.rooms.keywords",
-];
-
-async function exportTranslations(lokaliseApi, projectId) {
-  const exportProcess = await lokaliseApi.files().async_download(projectId, {
-    format: "json",
-    original_filenames: false,
-    replace_breaks: false,
-    json_unescaped_slashes: true,
-    export_empty_as: "skip",
-    filter_data: ["verified"],
-  });
-
-  const finishedProcess = await pollProcess(
-    lokaliseApi,
-    projectId,
-    exportProcess.process_id
-  );
-
-  const bundleUrl = finishedProcess.details.download_url;
-
-  console.log(`Downloading translations from: ${bundleUrl}`);
-
-  const response = await fetch(bundleUrl);
-
-  if (response.status !== 200 && response.status !== 0) {
-    throw new Error(response.statusText);
-  }
-
-  console.log(`Extracting translations...`);
-
-  const contents = await JSZip.loadAsync(await response.arrayBuffer());
-
-  const files = {};
-  await Promise.all(
-    Object.keys(contents.files).map(async (filename) => {
-      const file = contents.file(filename);
-      if (!file) {
-        // no file, probably a directory
-        return;
-      }
-      files[filename.split("/").splice(-1)[0]] = await file.async("string");
-    })
-  );
-  return files;
-}
-
-async function fetchDrafts(lokaliseApi, projectId) {
-  const english = JSON.parse(
-    await fs.readFile("src/translations/en.json", { encoding })
-  );
-  const keyNames = DRAFTS_ACCEPTED_KEYS.flatMap((key) => {
-    const keys = key.split(".");
-    const drafts = keys.reduce((obj, part) => obj?.[part], english) ?? {};
-    return Object.keys(drafts).map((name) => [...keys, name].join("::"));
-  });
-  if (!keyNames.length) {
-    return [];
-  }
-  const { items } = await lokaliseApi.keys().list({
-    project_id: projectId,
-    filter_keys: keyNames.join(","),
-    include_translations: 1,
-    limit: keyNames.length,
-  });
-  return items.flatMap((key) =>
-    key.translations
-      .filter(({ translation }) => translation)
-      .map(({ language_iso, translation }) => ({
-        filename: `${language_iso}.json`,
-        path: key.key_name.web.split("::"),
-        translation,
-      }))
-  );
-}
-
-function acceptDrafts(files, drafts) {
-  const data = {};
-  drafts.forEach(({ filename, path: keyPath, translation }) => {
-    data[filename] ??= files[filename] ? JSON.parse(files[filename]) : {};
-    const parent = keyPath.slice(0, -1).reduce((obj, part) => {
-      obj[part] ??= {};
-      return obj[part];
-    }, data[filename]);
-    parent[keyPath.at(-1)] = translation;
-  });
-  Object.entries(data).forEach(([filename, content]) => {
-    files[filename] = JSON.stringify(content, null, 2);
-  });
-}
-
 gulp.task("fetch-lokalise", async function () {
  let apiKey;
  try {
@@ -286,24 +193,52 @@ gulp.task("fetch-lokalise", async function () {
  await Promise.all(
    projects.map(async ([project, projectId]) => {
      try {
-        const [files, drafts] = await Promise.all([
-          exportTranslations(lokaliseApi, projectId),
-          project === "frontend"
-            ? fetchDrafts(lokaliseApi, projectId)
-            : undefined,
-        ]);
-        if (drafts) {
-          acceptDrafts(files, drafts);
+        const exportProcess = await lokaliseApi
+          .files()
+          .async_download(projectId, {
+            format: "json",
+            original_filenames: false,
+            replace_breaks: false,
+            json_unescaped_slashes: true,
+            export_empty_as: "skip",
+            filter_data: ["verified"],
+          });
+
+        const finishedProcess = await pollProcess(
+          lokaliseApi,
+          projectId,
+          exportProcess.process_id
+        );
+
+        const bundleUrl = finishedProcess.details.download_url;
+
+        console.log(`Downloading translations from: ${bundleUrl}`);
+
+        const response = await fetch(bundleUrl);
+
+        if (response.status !== 200 && response.status !== 0) {
+          throw new Error(response.statusText);
        }

+        console.log(`Extracting translations...`);
+
+        const contents = await JSZip.loadAsync(await response.arrayBuffer());
+
        await mkdirPromise;
        await Promise.all(
-          Object.entries(files).map(([filename, content]) =>
-            fs.writeFile(path.join(inDir, project, filename), content, {
-              flag: "w",
-              encoding,
-            })
-          )
+          Object.keys(contents.files).map(async (filename) => {
+            const file = contents.file(filename);
+            if (!file) {
+              // no file, probably a directory
+              return;
+            }
+            const content = await file.async("nodebuffer");
+            await fs.writeFile(
+              path.join(inDir, project, filename.split("/").splice(-1)[0]),
+              content,
+              { flag: "w", encoding }
+            );
+          })
        );
      } catch (err) {
        console.error(err);
@@ -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",
@@ -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);
@@ -87,24 +83,9 @@ async function copyMapPanel(staticDir) {

 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")
  );
 }

@@ -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")
  );
 });
@@ -1,3 +1,4 @@
+/* global module, require */
 // rspack/webpack loader that minifies the HTML, SVG, and CSS inside lit
 // tagged template literals using `minify-literals` (html-minifier-next +
 // lightningcss). Replaces the unmaintained babel-plugin-template-html-minifier.
@@ -35,14 +36,6 @@ const initLoader = (browserslistEnv) => {
        return {
          minifyHTMLLiterals: minifyModule.minifyHTMLLiterals,
          lightningcssTargets,
-          // With the legacy floor at Chrome 67, lightningcss rewrites rgba()
-          // to 8-digit hex (#rrggbbaa). Some kiosk webviews served the legacy
-          // build (e.g. Shelly Wall Display) can't parse that, so any
-          // var(--divider-color) border falls back to currentColor. Always
-          // compile hex alpha colors to rgba() in legacy builds.
-          lightningcssInclude: browserslistEnv.startsWith("legacy")
-            ? lightningcssModule.Features.HexAlphaColors
-            : 0,
        };
      })
    );
@@ -74,13 +67,12 @@ module.exports = function minifyTemplateLiteralsLoader(source, map, meta) {
  const { browserslistEnv } = this.getOptions();

  initLoader(browserslistEnv)
-    .then(({ minifyHTMLLiterals, lightningcssTargets, lightningcssInclude }) =>
+    .then(({ minifyHTMLLiterals, lightningcssTargets }) =>
      minifyHTMLLiterals(source, {
        fileName: this.resourcePath,
        html: htmlOptions,
        css: {
          targets: lightningcssTargets,
-          include: lightningcssInclude,
        },
      })
    )
@@ -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
@@ -68,42 +52,8 @@ const CONFIG_FILES = [
  path.join(__dirname, "lit-disable-dev-mode-loader.cjs"),
  path.join(__dirname, "babel-plugins", "custom-polyfill-plugin.js"),
  path.join(__dirname, "babel-plugins", "inline-constants-plugin.cjs"),
-  // Its exports define the components source aliases below
-  path.join(__dirname, "..", "packages", "components", "package.json"),
 ];

-// Resolve @home-assistant/components entry points to their sources, so the package
-// needs no build step during development. The entry points are read from the
-// "ha-source" export condition of the package; subpath patterns are expanded
-// for every element, i.e. every directory with a global.ts, like "card".
-const COMPONENTS_PACKAGE_DIR = path.join(
-  paths.root_dir,
-  "packages",
-  "components"
-);
-const COMPONENTS_SRC_DIR = path.join(
-  COMPONENTS_PACKAGE_DIR,
-  "src",
-  "components"
-);
-const componentElements = fs
-  .readdirSync(COMPONENTS_SRC_DIR, { recursive: true })
-  .filter((file) => path.basename(file) === "global.ts")
-  .map((file) => path.dirname(file).split(path.sep).join("/"));
-const componentsSourceAliases = Object.fromEntries(
-  Object.entries(require("../packages/components/package.json").exports)
-    .filter(([, target]) => target["ha-source"])
-    .flatMap(([subpath, target]) =>
-      (subpath.includes("*") ? componentElements : [undefined]).map((name) => [
-        `${path.posix.join("@home-assistant/components", name ? subpath.replaceAll("*", name) : subpath)}$`,
-        path.join(
-          COMPONENTS_PACKAGE_DIR,
-          name ? target["ha-source"].replaceAll("*", name) : target["ha-source"]
-        ),
-      ])
-    )
-);
-
 // Patches change a package's files but not its version, which is all the
 // node_modules snapshot checks, so their contents go into the version too.
 const PATCHES_DIR = path.join(paths.root_dir, "patches");
@@ -113,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")}`
    ),
@@ -163,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,
@@ -248,52 +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",
-                    }),
-                    // Keep rgba() instead of #rrggbbaa, see
-                    // minify-template-literals-loader.cjs
-                    include: { hexAlphaColors: true },
-                  },
-                },
-              ],
        },
-        // 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: [
@@ -457,15 +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"
-          ),
-        }),
-        ...componentsSourceAliases,
        "lit/static-html$": "lit/static-html.js",
        "lit/decorators$": "lit/decorators.js",
        "lit/directive$": "lit/directive.js",
@@ -482,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$":
@@ -1,5 +1,5 @@
 /*
-  Cache-Control: public, max-age=0, s-maxage=3600, must-revalidate
+  Cache-Control: public, max-age: 0, s-maxage=3600, must-revalidate
  Content-Security-Policy: form-action https:
  Feature-Policy: vibrate 'none'; geolocation 'none'; midi 'none'; microphone 'none'; camera 'none'; magnetometer 'none'; gyroscope 'none'; speaker 'none'; vibrate 'none'; payment 'none'
  Referrer-Policy: no-referrer-when-downgrade
@@ -8,13 +8,13 @@
  X-XSS-Protection: 1; mode=block

 /images/*
-  Cache-Control: public, max-age=604800, s-maxage=604800
+  Cache-Control: public, max-age: 604800, s-maxage=604800

 /manifest.json
-  Cache-Control: public, max-age=3600, s-maxage=3600
+  Cache-Control: public, max-age: 3600, s-maxage=3600

 /frontend_es5/*
-  Cache-Control: public, max-age=604800, s-maxage=604800
+  Cache-Control: public, max-age: 604800, s-maxage=604800

 /frontend_latest/*
-  Cache-Control: public, max-age=604800, s-maxage=604800
+  Cache-Control: public, max-age: 604800, s-maxage=604800
@@ -1,6 +1,6 @@
 {
  "background_color": "#FFFFFF",
-  "description": "Show Home Assistant on your Chromecast or Google Home devices with a screen.",
+  "description": "Show Home Assistant on your Chromecast or Google Assistant devices with a screen.",
  "dir": "ltr",
  "display": "standalone",
  "icons": [
@@ -5,7 +5,7 @@
 <meta property="og:type" content="website" />
 <meta
  property="og:description"
-  content="Show Home Assistant on your Chromecast or Google Home devices with a screen."
+  content="Show Home Assistant on your Chromecast or Google Assistant devices with a screen."
 />
 <meta
  property="og:image"
@@ -16,7 +16,7 @@
 <meta name="twitter:title" content="Home Assistant Cast" />
 <meta
  name="twitter:description"
-  content="Show Home Assistant on your Chromecast or Google Home devices with a screen."
+  content="Show Home Assistant on your Chromecast or Google Assistant devices with a screen."
 />
 <meta
  name="twitter:image"
@@ -3,7 +3,6 @@
  <head>
    <title>Home Assistant Cast - FAQ</title>
    <link rel="icon" href="/images/ha-cast-icon.png" type="image/png" />
-    <%= renderTemplate("../../../src/html/_meta_viewport.html.template") %>
    <%= renderTemplate("../../../src/html/_style_base.html.template") %>
    <style>
      body {
@@ -53,7 +52,7 @@
        <p>
          Home Assistant Cast allows you to show your Home Assistant data on a
          Chromecast device and allows you to interact with Home Assistant on
-          Google Home devices with a screen.
+          Google Assistant devices with a screen.
        </p>
      </div>

@@ -4,7 +4,6 @@
    <title>Home Assistant Cast</title>
    <link rel="manifest" href="/manifest.json" />
    <link rel="icon" href="/images/ha-cast-icon.png" type="image/png" />
-    <%= renderTemplate("../../../src/html/_meta_viewport.html.template") %>
    <%= renderTemplate("../../../src/html/_style_base.html.template") %>
    <style>
      body {
@@ -4,7 +4,6 @@
  <% for (const entry of latestEntryJS) { %>
    <script type="module" src="<%= entry %>"></script>
  <% } %>
-  <%= renderTemplate("../../../src/html/_meta_viewport.html.template") %>
  <%= renderTemplate("../../../src/html/_style_base.html.template") %>
  <style>
    body {
@@ -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;
    }
@@ -48,7 +48,7 @@ const translateErr = (err) =>
 const INTRO = html`
  <p>
    Home Assistant Cast allows you to cast your Home Assistant installation to
-    Chromecast video devices and to Google Home devices with a screen.
+    Chromecast video devices and to Google Assistant devices with a screen.
  </p>
  <p>
    For more information, see the
@@ -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 Home
-  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();
@@ -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: [
      {
@@ -13,7 +13,7 @@ export const castDemoLovelace: () => LovelaceConfig = () => {
          {
            type: "markdown",
            title: "Home Assistant Cast",
-            content: `With Home Assistant you can easily create interfaces (just like this one) which can be shown on Chromecast devices connected to TVs or Google Home devices with a screen.${
+            content: `With Home Assistant you can easily create interfaces (just like this one) which can be shown on Chromecast devices connected to TVs or Google Assistant devices with a screen.${
              touchSupported
                ? "\n\nYou are able to interact with this demo using the touch screen."
                : "\n\nOn a Google Nest Hub you are able to interact with Home Assistant Cast via the touch screen."
@@ -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 Home
-  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);
@@ -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;
  }
@@ -1,25 +1,18 @@
 /*
-  Cache-Control: public, max-age=0, s-maxage=3600, must-revalidate
+  Cache-Control: public, max-age: 0, s-maxage=3600, must-revalidate
  Content-Security-Policy: form-action https:
  Referrer-Policy: no-referrer-when-downgrade
  X-Content-Type-Options: nosniff
  X-XSS-Protection: 1; mode=block

 /api/*
-  Cache-Control: public, max-age=604800, s-maxage=604800
+  Cache-Control: public, max-age: 604800, s-maxage=604800

 /assets/*
-  Cache-Control: public, max-age=604800, s-maxage=604800
+  Cache-Control: public, max-age: 604800, s-maxage=604800

 /frontend_es5/*
-  Cache-Control: public, max-age=604800, s-maxage=604800
+  Cache-Control: public, max-age: 604800, s-maxage=604800

 /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: *
+  Cache-Control: public, max-age: 604800, s-maxage=604800
@@ -1,4 +0,0 @@
-import { createContext } from "@lit/context";
-import type { HomeAssistant } from "../../../src/types";
-
-export const embedHassContext = createContext<HomeAssistant>("embedHass");
@@ -1,173 +0,0 @@
-import { ContextEvent } from "@lit/context";
-import type { TemplateResult } from "lit";
-import { html, LitElement, nothing } from "lit";
-import { property, state } from "lit/decorators";
-import { classMap } from "lit/directives/class-map";
-import { consume } from "../../../src/common/decorators/consume";
-import { computeRTLDirection } from "../../../src/common/util/compute_rtl";
-import { handleAction } from "../../../src/panels/lovelace/common/handle-action";
-import type { HomeAssistant } from "../../../src/types";
-import { embedHassContext } from "./context";
-import type { ScriptObject } from "./script-data";
-import { readScriptObject } from "./script-data";
-
-const pageProvider = (): HTMLElement =>
-  document.querySelector("ha-embed-provider") ??
-  document.body.appendChild(document.createElement("ha-embed-provider"));
-
-// Looks past shadow roots, so an element 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;
-};
-
-/**
- * The base of the embed elements that render dashboard content. The element
- * 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 element adds an empty one.
- */
-export abstract class EmbedElement<
-  Config extends ScriptObject,
-> extends LitElement {
-  /**
-   * The configuration of the content, the same as in a dashboard. Also read
-   * from a JSON or YAML script child, see `readScriptObject`.
-   */
-  @property({ type: Object }) public config?: Config;
-
-  /** The ID of the `ha-embed-provider` to use. */
-  @property() public provider?: string;
-
-  @state()
-  @consume({ context: embedHassContext, subscribe: true })
-  protected _hass?: HomeAssistant;
-
-  // A provider that is not an ancestor, which gets the context requests of the
-  // element and its content. Context requests only reach ancestors by
-  // themselves.
-  private _linkedProvider?: HTMLElement;
-
-  private _scriptRead = false;
-
-  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 [origin] = ev.composedPath();
-        const node = origin instanceof HTMLElement ? origin : this;
-
-        handleAction(node, this._hass, ev.detail.config, ev.detail.action);
-      }
-    });
-    // The page's address belongs to the page, so only a hash on it, such as
-    // an anchor, navigates there. The browser does that itself, as the app's
-    // navigate() doesn't scroll to the anchor.
-    this.addEventListener("hass-navigate", (ev) => {
-      const { path, replace } = ev.detail;
-
-      ev.preventDefault();
-
-      if (!path.startsWith("#")) {
-        this.navigateTo(path, replace);
-      } else if (replace) {
-        window.location.replace(path);
-      } else {
-        window.location.hash = path;
-      }
-    });
-  }
-
-  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 element keeps a config set since
-    if (this._scriptRead) {
-      return;
-    }
-
-    this._scriptRead = true;
-
-    const data = readScriptObject(this);
-
-    if (data !== undefined) {
-      this.setScriptData(data);
-    }
-  }
-
-  /**
-   * A navigate action of the content, other than to a hash on the page. It
-   * leaves the page where it is, like actions that open a dialog. `replace`
-   * is the action's `navigation_replace`.
-   */
-  protected navigateTo(_path: string, _replace?: boolean) {
-    // Nothing to navigate to, outside a dashboard
-  }
-
-  /** Whether the data of a script child is a configuration of the content. */
-  protected abstract isConfig(data: ScriptObject): data is Config;
-
-  /** Sets the data of a JSON or YAML script child, see `readScriptObject`. */
-  protected setScriptData(data: ScriptObject) {
-    if (this.isConfig(data)) {
-      this.config = data;
-    }
-  }
-
-  /** The content, or `undefined` while there is nothing to render. */
-  protected abstract renderContent(
-    hass: HomeAssistant
-  ): TemplateResult | undefined;
-
-  // The content in the theme of the provider
-  protected render() {
-    const hass = this._hass;
-    const content = hass && this.renderContent(hass);
-
-    if (!hass || !content) {
-      return nothing;
-    }
-
-    return html`<div
-      class=${classMap({ theme: true, dark: hass.themes.darkMode })}
-      dir=${computeRTLDirection(hass)}
-    >
-      ${content}
-    </div>`;
-  }
-}
@@ -1,28 +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";
-import "./ha-embed-section";
-import "./ha-embed-view";
-import "./ha-embed-dashboard";
-// 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");
@@ -1,99 +0,0 @@
-import { css, html } from "lit";
-import { customElement } from "lit/decorators";
-import { createRef, ref } from "lit/directives/ref";
-import type { LovelaceCardConfig } from "../../../src/data/lovelace/config/card";
-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 { EmbedElement } from "./embed-element";
-import type { ScriptObject } from "./script-data";
-import { embedElementStyles } from "./theme-styles";
-
-/**
- * Renders a Lovelace card with the backend of a provider, see `EmbedElement`.
- *
- * 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 EmbedElement<LovelaceCardConfig> {
-  private _card = createRef<HuiCard>();
-
-  // A card names its type
-  protected isConfig(data: ScriptObject): data is LovelaceCardConfig {
-    return "type" in data && typeof data.type === "string";
-  }
-
-  protected renderContent(hass: HomeAssistant) {
-    if (!this.config) {
-      return undefined;
-    }
-
-    return html`<hui-card
-      ${ref(this._card)}
-      .hass=${hass}
-      .config=${this.config}
-      .layout=${"grid"}
-      @card-updated=${this._updateSize}
-      @card-visibility-changed=${this._updateSize}
-    ></hui-card>`;
-  }
-
-  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 = [
-    embedElementStyles,
-    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([fit-rows]) .theme {
-        height: calc(
-          (var(--row-size, 1) * (var(--row-height) + var(--row-gap))) - var(
-              --row-gap
-            )
-        );
-      }
-    `,
-  ];
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    "ha-embed-card": HaEmbedCard;
-  }
-}
@@ -1,173 +0,0 @@
-import type { PropertyValues } from "lit";
-import { css, html } from "lit";
-import { customElement } from "lit/decorators";
-import { createRef, ref } from "lit/directives/ref";
-import memoizeOne from "memoize-one";
-import type { HASSDomEvent } from "../../../src/common/dom/fire_event";
-import type {
-  LovelaceConfig,
-  LovelaceRawConfig,
-} from "../../../src/data/lovelace/config/types";
-import "../../../src/panels/lovelace/hui-root";
-import type { HomeAssistant } from "../../../src/types";
-import { EmbedLovelaceElement, isDashboardConfig } from "./lovelace";
-import type { ScriptObject } from "./script-data";
-
-/**
- * Renders a dashboard, or a dashboard strategy, with its tabs, with the
- * backend of a provider, see `EmbedElement`. Each dashboard keeps its own
- * view in `view`, so switching tabs and following links to its views don't
- * change the page's URL. The dashboard scrolls inside the element, under its
- * toolbar.
- */
-@customElement("ha-embed-dashboard")
-export class HaEmbedDashboard extends EmbedLovelaceElement<LovelaceRawConfig> {
-  private _scroller = createRef<HTMLDivElement>();
-
-  // The route of hui-root, here without a page URL around it. A new
-  // configuration gives a new route, as hui-root only looks up the view of
-  // the path again when its route changes, and the views may have moved.
-  private _route = memoizeOne(
-    (view: string | undefined, _config: LovelaceConfig) => ({
-      prefix: "",
-      path: `/${view ?? ""}`,
-    })
-  );
-
-  protected get rawConfig() {
-    return this.config;
-  }
-
-  protected isConfig(data: ScriptObject): data is LovelaceRawConfig {
-    return isDashboardConfig(data);
-  }
-
-  // The view shown, and the views before it, which the back button of a
-  // subview without a `back_path` goes back through, as the browser's back
-  // would in the app
-  private _shownView?: string;
-
-  private _history: (string | undefined)[] = [];
-
-  // Going back, or a navigate action with `navigation_replace`, which
-  // replaces the view shown rather than adding to the views before it
-  private _skipHistory = false;
-
-  protected updated(changedProps: PropertyValues) {
-    super.updated(changedProps);
-
-    if (this.view === this._shownView) {
-      return;
-    }
-
-    if (this._shownView !== undefined) {
-      if (!this._skipHistory) {
-        this._history.push(this._shownView);
-      }
-
-      this._scroller.value?.scrollTo({ top: 0 });
-    }
-
-    this._skipHistory = false;
-    this._shownView = this.view;
-  }
-
-  protected navigateTo(path: string, replace?: boolean) {
-    const view = this.viewOfPath(path);
-
-    if (view === undefined || this.isSameView(view, this.view)) {
-      return;
-    }
-
-    this._skipHistory = Boolean(replace);
-    this.view = view;
-  }
-
-  // The embedded attribute is in the template, so that hui-root has it when
-  // it connects and skips the listeners on the page
-  protected renderContent(hass: HomeAssistant) {
-    if (!this._lovelace?.config.views.length) {
-      return undefined;
-    }
-
-    return html`<div class="scroller" ${ref(this._scroller)}>
-      <hui-root
-        embedded
-        no-edit
-        .hass=${hass}
-        .lovelace=${this._lovelace}
-        .route=${this._route(this.view, this._lovelace.config)}
-        .narrow=${this._narrow.value ?? false}
-        @view-navigate=${this._viewNavigate}
-      ></hui-root>
-    </div>`;
-  }
-
-  // A tab, or the back button of a subview, which goes to its `back_path`
-  // when that is one of the dashboard's views, else to the view before it
-  private _viewNavigate(ev: HASSDomEvent<HASSDomEvents["view-navigate"]>) {
-    const view = this.viewOfPath(ev.detail.path);
-
-    if (!ev.detail.back) {
-      if (view !== undefined) {
-        this.view = view;
-      }
-
-      return;
-    }
-
-    const target = view === undefined ? this._previousView() : view;
-
-    // Following a `back_path` goes back too, so the view it goes to leaves
-    // the views before
-    if (
-      view !== undefined &&
-      this.isSameView(this._history[this._history.length - 1], view)
-    ) {
-      this._history.pop();
-    }
-
-    if (!this.isSameView(target, this.view)) {
-      this._skipHistory = true;
-      this.view = target;
-    }
-  }
-
-  // The last view before that isn't the one shown, else the first view
-  private _previousView(): string | undefined {
-    while (this._history.length) {
-      const previous = this._history.pop();
-
-      if (!this.isSameView(previous, this.view)) {
-        return previous;
-      }
-    }
-
-    return undefined;
-  }
-
-  static styles = [
-    EmbedLovelaceElement.styles,
-    css`
-      /* Contained, so that the toolbar and background of hui-root, which are
-         fixed to the window in the app, are fixed to the element */
-      :host {
-        height: 600px;
-        contain: layout paint;
-      }
-      .theme,
-      .scroller {
-        height: 100%;
-      }
-      .scroller {
-        overflow: auto;
-      }
-    `,
-  ];
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    "ha-embed-dashboard": HaEmbedDashboard;
-  }
-}
@@ -1,321 +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 { DeviceRegistryEntry } from "../../../src/data/device/device_registry";
-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 type { DemoDevice } from "../stubs/device_registry";
-import { toDeviceRegistryEntry } from "../stubs/device_registry";
-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[];
-  devices?: DemoDevice[];
-  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 embed elements inside it.
- * Elements 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`, `devices`, `calendars` and `energy`.
-   */
-  @property({ type: Array }) public entities: EntityInput[] = [];
-
-  /**
-   * All areas. Without them, an area for each `area_id` of the entities and
-   * devices.
-   */
-  @property({ attribute: false }) public areas?: DemoArea[];
-
-  /** All devices, which entities reference with their `device_id`. */
-  @property({ attribute: false }) public devices?: DemoDevice[];
-
-  /**
-   * 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)
-    );
-    hass.mockWS("config/device_registry/list", (_msg, currentHass) =>
-      Object.values(currentHass.devices)
-    );
-    // The registry of the entities, with the options each entity sets, such
-    // as timer presets. Other settings, such as calendar colors, are not set.
-    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,
-          options:
-            this.entities.find((item) => item.entity_id === entity.entity_id)
-              ?.options ?? 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.devices = data.devices;
-      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") ||
-      changedProps.has("devices")
-    ) {
-      const devices = this.devices ?? [];
-      const areas: DemoArea[] =
-        this.areas ??
-        [
-          ...new Set(
-            [...this.entities, ...devices].flatMap((item) =>
-              item.area_id === undefined ? [] : [item.area_id]
-            )
-          ),
-        ].map((areaId) => ({ area_id: areaId, name: areaName(areaId) }));
-
-      const areasById: Record<string, AreaRegistryEntry> = {};
-      areas.forEach((area) => {
-        areasById[area.area_id] = toAreaRegistryEntry(area);
-      });
-      const devicesById: Record<string, DeviceRegistryEntry> = {};
-      devices.forEach((device) => {
-        devicesById[device.id] = toDeviceRegistryEntry(device);
-      });
-      // Before the entities, so that their names can include the area and
-      // device
-      this.hass.updateHass({ areas: areasById, devices: devicesById });
-
-      // Entities that services changed keep their state when only the areas
-      // or devices 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 };
-  }
-}
@@ -1,95 +0,0 @@
-import type { PropertyValues } from "lit";
-import { css, html } from "lit";
-import { customElement } from "lit/decorators";
-import memoizeOne from "memoize-one";
-import type { HASSDomEvent } from "../../../src/common/dom/fire_event";
-import { normalizeSectionConfig } from "../../../src/data/lovelace/config/normalize";
-import type { LovelaceSectionRawConfig } from "../../../src/data/lovelace/config/section";
-import "../../../src/panels/lovelace/sections/hui-section";
-import {
-  renderSectionContainer,
-  sectionContainerStyles,
-} from "../../../src/panels/lovelace/sections/section-container";
-import type { HomeAssistant } from "../../../src/types";
-import { EmbedElement } from "./embed-element";
-import type { ScriptObject } from "./script-data";
-import { embedElementStyles } from "./theme-styles";
-
-/**
- * Renders a dashboard section, or a section strategy, with the backend of a
- * provider, see `EmbedElement`. The section takes the width of the element.
- */
-@customElement("ha-embed-section")
-export class HaEmbedSection extends EmbedElement<LovelaceSectionRawConfig> {
-  // A title becomes a heading card, as on a dashboard
-  private _normalizedConfig = memoizeOne(normalizeSectionConfig);
-
-  // A section has cards, sections inside it, a strategy that makes them, a
-  // title, or the type of a custom section
-  protected isConfig(data: ScriptObject): data is LovelaceSectionRawConfig {
-    return (
-      "cards" in data ||
-      "sections" in data ||
-      "strategy" in data ||
-      "title" in data ||
-      ("type" in data && typeof data.type === "string")
-    );
-  }
-
-  protected willUpdate(changedProps: PropertyValues) {
-    super.willUpdate(changedProps);
-
-    // The section that hid the element is gone, and the next one starts
-    // visible without telling it
-    if (changedProps.has("config") && !this.config) {
-      this.hidden = false;
-    }
-  }
-
-  // In the container that draws the background of the section, as in a
-  // sections view
-  protected renderContent(hass: HomeAssistant) {
-    if (!this.config) {
-      return undefined;
-    }
-
-    const config = this._normalizedConfig(this.config);
-
-    return renderSectionContainer(
-      hass,
-      config,
-      html`<hui-section
-        .hass=${hass}
-        .config=${config}
-        @section-visibility-changed=${this._visibilityChanged}
-      ></hui-section>`
-    );
-  }
-
-  private _visibilityChanged(
-    ev: HASSDomEvent<HASSDomEvents["section-visibility-changed"]>
-  ) {
-    // Sections inside the section fire the same event
-    if (ev.target !== ev.currentTarget) {
-      return;
-    }
-
-    this.hidden = !ev.detail.value;
-  }
-
-  static styles = [
-    embedElementStyles,
-    sectionContainerStyles,
-    css`
-      :host {
-        display: block;
-      }
-    `,
-  ];
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    "ha-embed-section": HaEmbedSection;
-  }
-}
@@ -1,134 +0,0 @@
-import { css, html } from "lit";
-import { customElement, property } from "lit/decorators";
-import { keyed } from "lit/directives/keyed";
-import memoizeOne from "memoize-one";
-import type {
-  LovelaceConfig,
-  LovelaceRawConfig,
-} from "../../../src/data/lovelace/config/types";
-import type { LovelaceViewRawConfig } from "../../../src/data/lovelace/config/view";
-import "../../../src/panels/lovelace/views/hui-view";
-import "../../../src/panels/lovelace/views/hui-view-background";
-import "../../../src/panels/lovelace/views/hui-view-container";
-import type { HomeAssistant } from "../../../src/types";
-import {
-  EmbedLovelaceElement,
-  findViewIndex,
-  isDashboardConfig,
-} from "./lovelace";
-import type { ScriptObject } from "./script-data";
-
-/**
- * Renders a dashboard view, a view strategy, or one view of a dashboard or
- * dashboard strategy, with the backend of a provider, see `EmbedElement`.
- * `config` holds the view.
- */
-@customElement("ha-embed-view")
-export class HaEmbedView extends EmbedLovelaceElement<LovelaceViewRawConfig> {
-  /**
-   * A dashboard configuration or dashboard strategy, to show its `view`
-   * instead of `config`. Also read from the `dashboard` key of a script child,
-   * next to `view`.
-   */
-  @property({ type: Object }) public dashboard?: LovelaceRawConfig;
-
-  private _viewDashboard = memoizeOne(
-    (view: LovelaceViewRawConfig): LovelaceConfig => ({ views: [view] })
-  );
-
-  protected get rawConfig() {
-    return this.dashboard ?? (this.config && this._viewDashboard(this.config));
-  }
-
-  // A view strategy and a dashboard strategy both have a `strategy` key, so
-  // a dashboard comes in its own key, which no view has
-  protected isConfig(data: ScriptObject): data is LovelaceViewRawConfig {
-    return !("dashboard" in data);
-  }
-
-  protected setScriptData(data: ScriptObject) {
-    if (!("dashboard" in data)) {
-      super.setScriptData(data);
-
-      return;
-    }
-
-    const { dashboard } = data;
-
-    if (
-      typeof dashboard === "object" &&
-      dashboard !== null &&
-      isDashboardConfig(dashboard)
-    ) {
-      this.dashboard = dashboard;
-    }
-
-    if (
-      "view" in data &&
-      (typeof data.view === "string" || typeof data.view === "number")
-    ) {
-      this.view ??= String(data.view);
-    }
-  }
-
-  // Nothing for a dashboard without views, such as an empty strategy result.
-  // The view's theme and background, or the dashboard's background, as in
-  // hui-root. Each view gets its own hui-view, as there, so that a view
-  // strategy still generating for the view before can't replace the cards of
-  // this one.
-  protected renderContent(hass: HomeAssistant) {
-    const views = this._lovelace?.config.views;
-
-    if (!this._lovelace || !views?.length) {
-      return undefined;
-    }
-
-    const index = findViewIndex(views, this.view);
-    const viewConfig = views[index];
-
-    const background =
-      viewConfig.background || this._lovelace.config.background;
-
-    return html`<hui-view-container .hass=${hass} .theme=${viewConfig.theme}>
-      <hui-view-background .hass=${hass} .background=${background}>
-      </hui-view-background>
-      ${keyed(
-        viewConfig,
-        html`<hui-view
-          .hass=${hass}
-          .lovelace=${this._lovelace}
-          .index=${index}
-          .narrow=${this._narrow.value ?? false}
-        ></hui-view>`
-      )}
-    </hui-view-container>`;
-  }
-
-  // A fixed background stays inside the element. With a height set on the
-  // element, a panel view fills it, and other views keep their own height.
-  static styles = [
-    EmbedLovelaceElement.styles,
-    css`
-      :host {
-        contain: layout paint;
-      }
-      .theme,
-      hui-view-container,
-      hui-view {
-        display: block;
-        height: 100%;
-      }
-      /* The background sits below the view, above the element's own */
-      hui-view-container {
-        position: relative;
-        isolation: isolate;
-      }
-    `,
-  ];
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    "ha-embed-view": HaEmbedView;
-  }
-}
@@ -1,217 +0,0 @@
-import { ResizeController } from "@lit-labs/observers/resize-controller";
-import type { CSSResultGroup, PropertyValues } from "lit";
-import { css } from "lit";
-import { property, state } from "lit/decorators";
-import { normalizeLovelaceConfig } from "../../../src/data/lovelace/config/normalize";
-import type { LovelaceRawConfig } from "../../../src/data/lovelace/config/types";
-import { isStrategyDashboard } from "../../../src/data/lovelace/config/types";
-import type { LovelaceViewRawConfig } from "../../../src/data/lovelace/config/view";
-import {
-  checkStrategyShouldRegenerate,
-  generateLovelaceDashboardStrategy,
-} from "../../../src/panels/lovelace/strategies/get-strategy";
-import type { Lovelace } from "../../../src/panels/lovelace/types";
-import type { HomeAssistant } from "../../../src/types";
-import { EmbedElement } from "./embed-element";
-import type { ScriptObject } from "./script-data";
-import { embedElementStyles } from "./theme-styles";
-
-// The width below which the app is narrow, see home-assistant-main
-const NARROW_WIDTH = 870;
-
-/** The index of the view with this path or index, if there is one. */
-const viewIndex = (
-  views: LovelaceViewRawConfig[],
-  view: string
-): number | undefined => {
-  const byPath = views.findIndex((item) => item.path === view);
-
-  if (byPath !== -1) {
-    return byPath;
-  }
-
-  const index = Number(view);
-
-  return Number.isInteger(index) && index >= 0 && index < views.length
-    ? index
-    : undefined;
-};
-
-/** Whether script data is a dashboard: its views, or a strategy for them. */
-export const isDashboardConfig = (
-  data: ScriptObject
-): data is LovelaceRawConfig => "views" in data || "strategy" in data;
-
-/** The index of the view with this path or index, else the first view. */
-export const findViewIndex = (
-  views: LovelaceViewRawConfig[],
-  view?: string
-): number => (view === undefined ? 0 : (viewIndex(views, view) ?? 0));
-
-/**
- * The base of the embed elements that render a dashboard, or one of its
- * views. It generates dashboard strategies, again when the registries they
- * depend on change, and holds a dashboard that can't be edited or saved.
- */
-export abstract class EmbedLovelaceElement<
-  Config extends ScriptObject,
-> extends EmbedElement<Config> {
-  /** The path or index of the view to show. Without it, the first view. */
-  @property() public view?: string;
-
-  @state() protected _lovelace?: Lovelace;
-
-  // Narrow like the app at the same width, measured on the element because
-  // it rarely takes the width of the page
-  protected _narrow = new ResizeController(this, {
-    callback: (entries) =>
-      (entries[0]?.contentRect.width ?? NARROW_WIDTH) < NARROW_WIDTH,
-  });
-
-  // The configuration of the dashboard in `_lovelace`, or being generated
-  private _rawConfig?: LovelaceRawConfig;
-
-  // Counts the generations started, so that only the latest one is shown.
-  // Generating again for changed registries keeps the same configuration.
-  private _generation = 0;
-
-  // The backend at the last update, to tell what a strategy depends on changed
-  private _previousHass?: HomeAssistant;
-
-  /** The dashboard to render. The same object until it changes. */
-  protected abstract get rawConfig(): LovelaceRawConfig | undefined;
-
-  /**
-   * The view of the dashboard a path goes to, relative like `batteries` or
-   * with the dashboard like `/maintenance/batteries`, if it has that view.
-   */
-  protected viewOfPath(path: string | undefined): string | undefined {
-    const views = this._lovelace?.config.views;
-
-    const view = path
-      ? decodeURI(new URL(path, "http://embed/").pathname)
-          .split("/")
-          .filter(Boolean)
-          .pop()
-      : undefined;
-
-    return views && view !== undefined && viewIndex(views, view) !== undefined
-      ? view
-      : undefined;
-  }
-
-  /** Whether two paths or indexes go to the same view of the dashboard. */
-  protected isSameView(a?: string, b?: string): boolean {
-    const views = this._lovelace?.config.views;
-
-    return views
-      ? findViewIndex(views, a) === findViewIndex(views, b)
-      : a === b;
-  }
-
-  // A path to one of the dashboard's views shows that view. Other paths leave
-  // the dashboard where it is.
-  protected navigateTo(path: string) {
-    const view = this.viewOfPath(path);
-
-    if (view !== undefined) {
-      this.view = view;
-    }
-  }
-
-  protected willUpdate(changedProps: PropertyValues) {
-    super.willUpdate(changedProps);
-
-    const raw = this.rawConfig;
-    const oldHass = this._previousHass;
-
-    this._previousHass = this._hass;
-
-    // Without a configuration, nothing is shown, and a generation still
-    // running is dropped
-    if (!raw) {
-      if (this._rawConfig) {
-        this._rawConfig = undefined;
-        this._lovelace = undefined;
-        this._generation++;
-      }
-
-      return;
-    }
-
-    if (!this._hass) {
-      return;
-    }
-
-    // A strategy is only asked whether to generate again when the backend
-    // changed, as in ha-panel-lovelace, not when the generated dashboard
-    // arrives
-    if (
-      raw !== this._rawConfig ||
-      (oldHass &&
-        oldHass !== this._hass &&
-        isStrategyDashboard(raw) &&
-        this._hass.config.state === "RUNNING" &&
-        checkStrategyShouldRegenerate(
-          "dashboard",
-          raw.strategy,
-          oldHass,
-          this._hass
-        ))
-    ) {
-      this._rawConfig = raw;
-      this._generate(raw, this._hass, ++this._generation);
-    }
-  }
-
-  private async _generate(
-    raw: LovelaceRawConfig,
-    hass: HomeAssistant,
-    generation: number
-  ) {
-    const generated = isStrategyDashboard(raw)
-      ? await generateLovelaceDashboardStrategy(raw, hass)
-      : raw;
-
-    const config = normalizeLovelaceConfig(generated);
-
-    // A newer generation has started. A generated dashboard has its views,
-    // rather than a strategy.
-    if (generation !== this._generation || isStrategyDashboard(config)) {
-      return;
-    }
-
-    this._lovelace = {
-      config,
-      rawConfig: raw,
-      editMode: false,
-      urlPath: null,
-      mode: "generated",
-      locale: hass.locale,
-      enableFullEditMode: () => undefined,
-      saveConfig: async () => undefined,
-      deleteConfig: async () => undefined,
-      setEditMode: () => undefined,
-      showToast: () => undefined,
-      embedded: true,
-    };
-  }
-
-  // The background of a dashboard, and no insets for a notch or home bar
-  static styles: CSSResultGroup = [
-    embedElementStyles,
-    css`
-      :host {
-        display: block;
-        --app-safe-area-inset-top: 0px;
-        --app-safe-area-inset-bottom: 0px;
-        --app-safe-area-inset-left: 0px;
-        --app-safe-area-inset-right: 0px;
-      }
-      .theme {
-        position: relative;
-        background: var(--primary-background-color);
-      }
-    `,
-  ];
-}
@@ -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 {};
@@ -1,31 +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!);
-};
-
-/** The data of a script child that holds an object, such as a config. */
-export type ScriptObject = object;
-
-/** The object in a script child, see `readScriptData`, if it holds one. */
-export const readScriptObject = (
-  element: HTMLElement
-): ScriptObject | undefined => {
-  const data = readScriptData(element);
-
-  return typeof data === "object" && data !== null && !Array.isArray(data)
-    ? data
-    : undefined;
-};
@@ -1,95 +0,0 @@
-import { css, 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("")}}`
-);
-
-/**
- * The styles of every embed element: the theme, and the page styles of the
- * app, for the `.theme` wrapper of `EmbedElement`.
- */
-export const embedElementStyles = [
-  embedThemeStyles,
-  css`
-    :host([hidden]) {
-      display: none;
-    }
-    /* The text styles the app sets on html and body, so that the content 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 content */
-    .theme[dir="rtl"] {
-      --direction: rtl;
-      --float-start: right;
-      --float-end: left;
-      --scale-direction: -1;
-    }
-  `,
-];
@@ -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 {};
@@ -36,7 +36,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";
@@ -51,7 +50,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.
@@ -77,7 +75,6 @@ const CONFIG_PANEL_COMMANDS = [
  "get_conditions_for_target",
  "get_services_for_target",
  "extract_from_target",
-  "explain_target",
  "script/config",
  "config/automation/config",
  "config/script/config",
@@ -145,45 +142,7 @@ export class HaDemo extends HomeAssistantAppEl {
        (localize?: LocalizeFunc) => 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 +152,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,35 +172,7 @@ 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, [
@@ -1 +0,0 @@
-import "<%= latestEntryJS[0] %>";
@@ -35,12 +35,10 @@
    />
    <meta name="theme-color" content="#03a9f4" />
    <%= renderTemplate("_social_meta.html.template") %>
-    <%= renderTemplate("../../../src/html/_style_base.html.template") %>
    <style>
      html {
        background-color: var(--primary-background-color, #fafafa);
        color: var(--primary-text-color, #212121);
-        height: 100vh;
      }
      @media (prefers-color-scheme: dark) {
        html {
@@ -48,8 +46,94 @@
          color: var(--primary-text-color, #e1e1e1);
        }
      }
+      body {
+        font-family: Roboto, Noto, sans-serif;
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-font-smoothing: antialiased;
+        font-weight: 400;
+        height: 100vh;
+        margin: 0;
+        padding: 0;
+      }
+      #ha-launch-screen {
+        font-family: ui-sans-serif, system-ui, sans-serif;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        user-select: none;
+        -webkit-user-select: none;
+        transition: opacity var(--ha-animation-duration-normal, 250ms) ease-out;
+      }
+      #ha-launch-screen.removing {
+        opacity: 0;
+      }
+      @keyframes launch-lockup-in {
+        from {
+          opacity: 0;
+        }
+        to {
+          opacity: 1;
+        }
+      }
+      #ha-launch-screen .ha-lockup {
+        display: flex;
+        align-items: center;
+        flex-shrink: 0;
+        animation: launch-lockup-in var(--ha-animation-duration-normal, 250ms) ease-out both;
+      }
+      #ha-launch-screen-info-box > *,
+      #ha-launch-screen .ohf-logo {
+        animation: launch-lockup-in var(--ha-animation-duration-normal, 250ms) ease-out both;
+      }
+      #ha-launch-screen .ha-logo {
+        width: 96px;
+        height: 96px;
+      }
+      #ha-launch-screen .ha-launch-screen-spacer-top {
+        flex: 1;
+        margin-top: calc( 2 * max(var(--safe-area-inset-top, 0px), 48px) + 46px );
+        padding-top: 48px;
+      }
+      #ha-launch-screen .ha-launch-screen-spacer-bottom {
+        flex: 1;
+        padding-top: 16px;
+      }
+      .ohf-logo {
+        margin: max(var(--safe-area-inset-bottom, 0px), 48px) 0;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 4px;
+        opacity: .66;
+      }
+      .ohf-logo span {
+        font-size: 12px;
+        line-height: 12px;
+        text-transform: uppercase;
+      }
+      .ohf-logo picture {
+        display: flex;
+      }
+      .ohf-logo img {
+        width: 237px;
+        aspect-ratio: 237 / 24;
+        height: auto;
+      }
+      @media (max-height: 560px) {
+        #ha-launch-screen .ha-launch-screen-spacer-top {
+          margin-top: 24px;
+          padding-top: 24px;
+        }
+        #ha-launch-screen .ha-launch-screen-spacer-bottom {
+          padding-top: 16px;
+        }
+        .ohf-logo {
+          margin-block: 24px;
+        }
+      }
    </style>
-    <%= renderTemplate("../../../src/html/_style_launch_screen.html.template") %>
  </head>
  <body>
    <div id="ha-launch-screen">
@@ -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;
@@ -2,14 +2,14 @@ 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 { ExtractFromTargetResult } from "../../../src/data/target";
 import type { TriggerDescriptions } from "../../../src/data/trigger";
 import type { MockHomeAssistant } from "../../../src/fake_data/provide_hass";
+import { getLabelIds } from "./label_registry";
 import {
  conditionDescriptions,
  triggerDescriptions,
 } from "./automation_platforms_data";
-import { explainTarget } from "./explain_target";
-import { expandTarget, mockExtractFromTarget } from "./target";

 type Descriptions = TriggerDescriptions | ConditionDescriptions;

@@ -20,6 +20,109 @@ interface EntityFilter {
  supported_features?: number[];
 }

+// Expands a target to its areas, devices and entities, like core does
+const expandTarget = (
+  hass: MockHomeAssistant,
+  target: HassServiceTarget,
+  primaryEntitiesOnly = true
+) => {
+  const missing = {
+    floors: [] as string[],
+    areas: [] as string[],
+    devices: [] as string[],
+    labels: [] as string[],
+  };
+  const knownLabelIds = getLabelIds();
+  const floorIds = ensureArray(target.floor_id ?? []);
+  const labelIds = ensureArray(target.label_id ?? []);
+  missing.floors.push(...floorIds.filter((id) => !(id in hass.floors)));
+  // Like core, unknown labels are reported, but still expanded
+  missing.labels.push(...labelIds.filter((id) => !knownLabelIds.includes(id)));
+  const hasLabel = (labels?: string[]) =>
+    labelIds.some((labelId) => labels?.includes(labelId));
+
+  // Unknown areas and devices are reported, but still referenced
+  const areaIds = new Set(ensureArray(target.area_id ?? []));
+  missing.areas.push(...[...areaIds].filter((id) => !(id in hass.areas)));
+  for (const area of Object.values(hass.areas)) {
+    if (
+      (area.floor_id && floorIds.includes(area.floor_id)) ||
+      hasLabel(area.labels)
+    ) {
+      areaIds.add(area.area_id);
+    }
+  }
+
+  // A targeted or labeled device includes its child devices
+  const deviceIds = new Set<string>();
+  const addDevice = (deviceId: string) => {
+    deviceIds.add(deviceId);
+    for (const device of Object.values(hass.devices)) {
+      if (device.parent_device_id === deviceId) {
+        deviceIds.add(device.id);
+      }
+    }
+  };
+  for (const deviceId of ensureArray(target.device_id ?? [])) {
+    if (!(deviceId in hass.devices)) {
+      missing.devices.push(deviceId);
+    }
+    addDevice(deviceId);
+  }
+  for (const device of Object.values(hass.devices)) {
+    if (hasLabel(device.labels)) {
+      addDevice(device.id);
+    }
+  }
+
+  // A child device without its own area is in the area of its parent device
+  const deviceArea = (deviceId: string) => {
+    const device = hass.devices[deviceId];
+    return (
+      device?.area_id ??
+      (device?.parent_device_id
+        ? hass.devices[device.parent_device_id]?.area_id
+        : undefined)
+    );
+  };
+  const areaDeviceIds = new Set<string>();
+  for (const device of Object.values(hass.devices)) {
+    const areaId = deviceArea(device.id);
+    if (areaId && areaIds.has(areaId)) {
+      areaDeviceIds.add(device.id);
+    }
+  }
+
+  const entityIds = new Set(ensureArray(target.entity_id ?? []));
+  for (const entity of Object.values(hass.entities)) {
+    // The display registry keeps the entities of a previous demo, and like
+    // core, hidden entities are never included indirectly
+    if (!(entity.entity_id in hass.states) || entity.hidden) {
+      continue;
+    }
+    const primary = !primaryEntitiesOnly || !entity.entity_category;
+    if (
+      hasLabel(entity.labels) ||
+      (primary &&
+        ((entity.device_id && deviceIds.has(entity.device_id)) ||
+          (entity.area_id && areaIds.has(entity.area_id)) ||
+          // An entity with its own area is not in the area of its device
+          (!entity.area_id &&
+            entity.device_id &&
+            areaDeviceIds.has(entity.device_id))))
+    ) {
+      entityIds.add(entity.entity_id);
+    }
+  }
+
+  return {
+    areas: [...areaIds],
+    devices: [...new Set([...deviceIds, ...areaDeviceIds])],
+    entities: [...entityIds],
+    missing,
+  };
+};
+
 const matchesFilter = (
  hass: MockHomeAssistant,
  entityId: string,
@@ -125,20 +228,27 @@ export const mockAutomationPlatforms = (hass: MockHomeAssistant) => {
  );
  mockForTarget(hass, "get_triggers_for_target", triggerDescriptions);
  mockForTarget(hass, "get_conditions_for_target", conditionDescriptions);
-  mockExtractFromTarget(hass);
  hass.mockWS(
-    "explain_target",
+    "extract_from_target",
    (
      msg: { target: HassServiceTarget; primary_entities_only?: boolean },
      currentHass: MockHomeAssistant
-    ) =>
-      explainTarget(
+    ): ExtractFromTargetResult => {
+      const { areas, devices, entities, missing } = expandTarget(
+        currentHass,
        msg.target,
-        (target, primaryEntitiesOnly) =>
-          expandTarget(currentHass, target, primaryEntitiesOnly),
-        Object.keys(currentHass.states),
        msg.primary_entities_only ?? true
-      )
+      );
+      return {
+        missing_areas: missing.areas,
+        missing_devices: missing.devices,
+        missing_floors: missing.floors,
+        missing_labels: missing.labels,
+        referenced_areas: areas,
+        referenced_devices: devices,
+        referenced_entities: entities,
+      };
+    }
  );
  hass.mockWS(
    "get_services_for_target",
@@ -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" },
@@ -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];
-    }
-  );
 };
@@ -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")
-    );
-  });
-};
@@ -1,4 +1,3 @@
-import { lorawanFixtures } from "./lorawan/fixtures";
 import { bluetoothFixtures } from "./bluetooth/fixtures";
 import { infraredFixtures } from "./infrared/fixtures";
 import { matterFixtures } from "./matter/fixtures";
@@ -16,7 +15,6 @@ import { zwaveJsFixtures } from "./zwave_js/fixtures";
 // data to mock. Each owns its own fixtures, so they can be added and removed
 // one at a time.
 const INTEGRATIONS: ConnectivityFixtures[] = [
-  lorawanFixtures,
  bluetoothFixtures,
  serialFixtures,
  modbusFixtures,
@@ -1,4 +1,3 @@
-import { mockLoRaWAN } from "./lorawan/mock";
 import type { MockHomeAssistant } from "../../../../src/fake_data/provide_hass";
 import { mockBluetooth } from "./bluetooth/mock";
 import { mockMatter } from "./matter/mock";
@@ -12,7 +11,6 @@ import { mockZwaveJs } from "./zwave_js/mock";

 // The WebSocket mocks, code-split into the config panel chunk.
 const MOCKS = [
-  mockLoRaWAN,
  mockBluetooth,
  mockSerial,
  mockModbus,
@@ -59,10 +59,6 @@ const REGISTRY_ENTRIES = [
 export const infraredFixtures: ConnectivityFixtures = {
  components: ["infrared"],
  manifests: [
-    manifest("infrared", "Infrared", {
-      config_flow: false,
-      integration_type: "entity",
-    }),
    manifest("broadlink", "Broadlink", {
      integration_type: "hub",
      iot_class: "local_polling",
@@ -1,142 +0,0 @@
-import { manifest } from "../../manifest";
-import {
-  configEntry,
-  device,
-  registryEntry,
-  withRegistryLinks,
-} from "../helpers";
-import type { ConnectivityFixtures } from "../types";
-
-export const CHIRPSTACK_ENTRY = "mock-lorawan-chirpstack";
-export const TTN_ENTRY = "mock-lorawan-ttn";
-export const SENSECAP_ENTRY = "mock-lorawan-sensecap";
-
-const REGISTRY_ENTRIES = [
-  registryEntry(
-    "sensor.lorawan_greenhouse_temperature",
-    "lorawan-greenhouse",
-    SENSECAP_ENTRY,
-    "sensecap_lorawan",
-    "Temperature"
-  ),
-  registryEntry(
-    "sensor.lorawan_greenhouse_humidity",
-    "lorawan-greenhouse",
-    SENSECAP_ENTRY,
-    "sensecap_lorawan",
-    "Humidity"
-  ),
-  registryEntry(
-    "sensor.lorawan_study_carbon_dioxide",
-    "lorawan-study",
-    SENSECAP_ENTRY,
-    "sensecap_lorawan",
-    "Carbon dioxide"
-  ),
-];
-
-export const lorawanFixtures: ConnectivityFixtures = {
-  components: [
-    "lorawan",
-    "sensecap_lorawan",
-    "chirpstack",
-    "thethingsnetwork_lorawan",
-  ],
-  commands: ["lorawan/"],
-  manifests: [
-    manifest("lorawan", "LoRaWAN", {
-      config_flow: false,
-      integration_type: "service",
-    }),
-    manifest("sensecap_lorawan", "SenseCAP", {
-      integration_type: "device",
-      dependencies: ["lorawan"],
-    }),
-    manifest("chirpstack", "ChirpStack", {
-      integration_type: "hub",
-      dependencies: ["lorawan"],
-    }),
-    manifest("thethingsnetwork_lorawan", "The Things Network", {
-      integration_type: "hub",
-      dependencies: ["lorawan"],
-    }),
-  ],
-  configEntries: [
-    {
-      type: "hub",
-      entry: configEntry(CHIRPSTACK_ENTRY, "chirpstack", "Home ChirpStack"),
-    },
-    {
-      type: "hub",
-      entry: configEntry(
-        TTN_ENTRY,
-        "thethingsnetwork_lorawan",
-        "The Things Network"
-      ),
-    },
-    {
-      type: "device",
-      entry: configEntry(SENSECAP_ENTRY, "sensecap_lorawan", "SenseCAP"),
-    },
-  ],
-  devices: [
-    device(
-      "lorawan-greenhouse",
-      "Greenhouse",
-      "Seeed Studio",
-      "S2101",
-      SENSECAP_ENTRY,
-      {
-        config_entries: [SENSECAP_ENTRY, CHIRPSTACK_ENTRY],
-        identifiers: [
-          ["sensecap_lorawan", `${CHIRPSTACK_ENTRY}:0000000000000001`],
-        ],
-      }
-    ),
-    device(
-      "lorawan-study",
-      "Study air quality",
-      "Seeed Studio",
-      "S2103",
-      SENSECAP_ENTRY,
-      {
-        config_entries: [SENSECAP_ENTRY, TTN_ENTRY],
-        identifiers: [["sensecap_lorawan", `${TTN_ENTRY}:0000000000000002`]],
-      }
-    ),
-  ],
-  entityRegistryEntries: REGISTRY_ENTRIES,
-  entities: () =>
-    withRegistryLinks(REGISTRY_ENTRIES, {
-      "sensor.lorawan_greenhouse_temperature": {
-        entity_id: "sensor.lorawan_greenhouse_temperature",
-        state: "24.3",
-        attributes: {
-          friendly_name: "Greenhouse temperature",
-          device_class: "temperature",
-          state_class: "measurement",
-          unit_of_measurement: "°C",
-        },
-      },
-      "sensor.lorawan_greenhouse_humidity": {
-        entity_id: "sensor.lorawan_greenhouse_humidity",
-        state: "58",
-        attributes: {
-          friendly_name: "Greenhouse humidity",
-          device_class: "humidity",
-          state_class: "measurement",
-          unit_of_measurement: "%",
-        },
-      },
-      "sensor.lorawan_study_carbon_dioxide": {
-        entity_id: "sensor.lorawan_study_carbon_dioxide",
-        state: "652",
-        attributes: {
-          friendly_name: "Study carbon dioxide",
-          device_class: "carbon_dioxide",
-          state_class: "measurement",
-          unit_of_measurement: "ppm",
-        },
-      },
-    }),
-};
@@ -1,124 +0,0 @@
-import type { LoRaWANDevice } from "../../../../../src/data/lorawan";
-import type { MockHomeAssistant } from "../../../../../src/fake_data/provide_hass";
-import { minutesAgo } from "../helpers";
-import { emitInitial } from "../subscription";
-import { CHIRPSTACK_ENTRY, TTN_ENTRY } from "./fixtures";
-
-const devices = (): LoRaWANDevice[] => {
-  const base: LoRaWANDevice = {
-    dev_eui: "0000000000000001",
-    name: "Greenhouse",
-    manufacturer: "Seeed Studio",
-    model: "S2101",
-    application_id: "home-sensors",
-    device_id: "lorawan-greenhouse",
-    connection: {
-      entry_id: CHIRPSTACK_ENTRY,
-      domain: "chirpstack",
-      title: "Home ChirpStack",
-      configuration_url: "https://www.chirpstack.io/",
-    },
-    support: "supported",
-    last_uplink: minutesAgo(2),
-    last_join: minutesAgo(2400),
-    last_status: minutesAgo(64),
-    receptions: [{ gateway_id: "home-indoor", rssi: -67, snr: 9.5 }],
-    battery_level: 87,
-    external_power_source: false,
-    downlink_margin: 12,
-  };
-  return [
-    base,
-    {
-      ...base,
-      dev_eui: "0000000000000002",
-      name: "Study air quality",
-      model: "S2103",
-      device_id: "lorawan-study",
-      application_id: "demo-home",
-      connection: {
-        entry_id: TTN_ENTRY,
-        domain: "thethingsnetwork_lorawan",
-        title: "The Things Network",
-        configuration_url: "https://eu1.cloud.thethings.network/console",
-      },
-      receptions: [
-        { gateway_id: "brooklyn-rooftop", rssi: -103, snr: -2.5 },
-        { gateway_id: "brooklyn-community", rssi: -110, snr: -5.2 },
-      ],
-      battery_level: 64,
-      last_uplink: minutesAgo(4),
-      last_status: minutesAgo(140),
-    },
-    {
-      ...base,
-      dev_eui: "24E124128E123456",
-      name: "Irrigation controller",
-      manufacturer: "Milesight",
-      model: "UC511",
-      device_id: null,
-      support: "integration_not_configured",
-      battery_level: 93,
-      last_uplink: minutesAgo(7),
-      receptions: [{ gateway_id: "home-indoor", rssi: -83, snr: 6.8 }],
-    },
-    {
-      ...base,
-      dev_eui: "A84041FFFF123456",
-      name: "Garage power meter",
-      manufacturer: "",
-      model: "",
-      device_id: null,
-      support: "missing_identity",
-      battery_level: null,
-      external_power_source: true,
-      last_uplink: minutesAgo(1),
-      receptions: [{ gateway_id: "home-indoor", rssi: -75, snr: 8.1 }],
-    },
-    {
-      ...base,
-      dev_eui: "2CF7F1C071500199",
-      name: "New soil sensor",
-      model: "S2105",
-      device_id: null,
-      support: "unsupported_model",
-      last_uplink: null,
-      last_join: null,
-      last_status: null,
-      receptions: [],
-      battery_level: null,
-      external_power_source: null,
-      downlink_margin: null,
-    },
-    {
-      ...base,
-      dev_eui: "2CF7F1C071500166",
-      name: "Garden shed",
-      device_id: null,
-      support: "integration_not_configured",
-      battery_level: 18,
-      last_uplink: minutesAgo(180),
-      last_status: minutesAgo(600),
-      receptions: [{ gateway_id: "home-indoor", rssi: -112, snr: -7.5 }],
-    },
-  ];
-};
-
-export const mockLoRaWAN = (hass: MockHomeAssistant) => {
-  const deviceList = devices();
-  const snapshot = {
-    devices: deviceList,
-    connections: [
-      ...new Map(
-        deviceList.map((device) => [
-          device.connection.entry_id,
-          device.connection,
-        ])
-      ).values(),
-    ],
-  };
-  hass.mockWS("lorawan/devices/list", () => snapshot);
-  hass.mockWS("lorawan/devices/subscribe", (_msg, _hass, onChange) =>
-    emitInitial(() => onChange?.(snapshot))
-  );
-};
@@ -10,26 +10,19 @@ export const FRONIUS_ENTRY_ID = "mock-fronius";
 export const RS485_PORT = "/dev/ttyUSB1";

 export const modbusFixtures: ConnectivityFixtures = {
-  components: ["modbus", "flexit", "solaredge_modbus", "fronius"],
+  components: ["modbus"],
  commands: ["modbus/"],
  manifests: [
-    manifest("modbus", "Modbus", {
-      config_flow: false,
-      iot_class: "local_polling",
-    }),
    manifest("flexit", "Flexit", {
      integration_type: "device",
-      dependencies: ["modbus"],
      iot_class: "local_polling",
    }),
    manifest("solaredge_modbus", "SolarEdge Modbus", {
      integration_type: "device",
-      dependencies: ["modbus"],
      iot_class: "local_polling",
    }),
    manifest("fronius", "Fronius", {
      integration_type: "device",
-      dependencies: ["modbus"],
      iot_class: "local_polling",
    }),
  ],
@@ -42,13 +42,7 @@ const REGISTRY_ENTRIES = [
 export const radioFrequencyFixtures: ConnectivityFixtures = {
  components: ["radio_frequency"],
  commands: ["radio_frequency/"],
-  manifests: [
-    manifest("radio_frequency", "Radio frequency", {
-      config_flow: false,
-      integration_type: "entity",
-    }),
-    manifest("esphome", "ESPHome", { integration_type: "device" }),
-  ],
+  manifests: [manifest("esphome", "ESPHome", { integration_type: "device" })],
  configEntries: [
    { type: "device", entry: configEntry(ENTRY_ID, "esphome", "RF Bridge") },
  ],
@@ -15,7 +15,6 @@ import type {
  ZHANetworkBackup,
  ZHANetworkSettings,
 } from "../../../../../src/data/zha";
-import { ZHADeviceType } from "../../../../../src/data/zha";
 import type { MockHomeAssistant } from "../../../../../src/fake_data/provide_hass";
 import { minutesAgo } from "../helpers";

@@ -57,7 +56,7 @@ const DEVICES: ZHADevice[] = [
    device_reg_id: "zha-coordinator",
    user_given_name: "Home Assistant Connect ZBT-1",
    power_source: "Mains",
-    device_type: ZHADeviceType.Coordinator,
+    device_type: "Coordinator",
    active_coordinator: true,
    signature: {},
    neighbors: [
@@ -84,7 +83,7 @@ const DEVICES: ZHADevice[] = [
    device_reg_id: "zha-porch-light",
    user_given_name: "Porch light",
    power_source: "Mains",
-    device_type: ZHADeviceType.Router,
+    device_type: "Router",
    active_coordinator: false,
    signature: {},
    neighbors: [
@@ -111,7 +110,7 @@ const DEVICES: ZHADevice[] = [
    device_reg_id: "zha-hall-motion",
    user_given_name: "Hall motion",
    power_source: "Battery",
-    device_type: ZHADeviceType.EndDevice,
+    device_type: "EndDevice",
    active_coordinator: false,
    signature: {},
    neighbors: [neighbor(PORCH_IEEE, "0x1a2b", "142", "Parent", "1")],
@@ -134,7 +133,7 @@ const DEVICES: ZHADevice[] = [
    device_reg_id: "zha-tv-plug",
    user_given_name: "TV plug",
    power_source: "Mains",
-    device_type: ZHADeviceType.Router,
+    device_type: "Router",
    active_coordinator: false,
    signature: {},
    neighbors: [neighbor(COORDINATOR_IEEE, "0x0000", "198", "Parent", "0")],
@@ -157,7 +156,7 @@ const DEVICES: ZHADevice[] = [
    device_reg_id: "zha-kitchen-switch",
    user_given_name: "Kitchen switch",
    power_source: "Battery",
-    device_type: ZHADeviceType.EndDevice,
+    device_type: "EndDevice",
    active_coordinator: false,
    signature: {},
    neighbors: [neighbor(PORCH_IEEE, "0x1a2b", "186", "Parent", "1")],
@@ -180,7 +179,7 @@ const DEVICES: ZHADevice[] = [
    device_reg_id: "zha-landing-sensor",
    user_given_name: "Landing sensor",
    power_source: "Battery",
-    device_type: ZHADeviceType.EndDevice,
+    device_type: "EndDevice",
    active_coordinator: false,
    signature: {},
    neighbors: [neighbor(OFFICE_IEEE, "0x7a8b", "164", "Parent", "2")],
@@ -203,7 +202,7 @@ const DEVICES: ZHADevice[] = [
    device_reg_id: "zha-garage-contact",
    user_given_name: "Garage contact",
    power_source: "Battery",
-    device_type: ZHADeviceType.EndDevice,
+    device_type: "EndDevice",
    active_coordinator: false,
    signature: {},
    neighbors: [neighbor(OFFICE_IEEE, "0x7a8b", "118", "Parent", "2")],
@@ -226,7 +225,7 @@ const DEVICES: ZHADevice[] = [
    device_reg_id: "zha-office-plug",
    user_given_name: "Office plug",
    power_source: "Mains",
-    device_type: ZHADeviceType.Router,
+    device_type: "Router",
    active_coordinator: false,
    signature: {},
    neighbors: [
@@ -594,8 +593,7 @@ export const mockZha = (hass: MockHomeAssistant) => {
  hass.mockWS("zha/devices/bindable", (msg: { ieee: string }) =>
    DEVICES.filter(
      (candidate) =>
-        candidate.device_type === ZHADeviceType.Router &&
-        candidate.ieee !== msg.ieee
+        candidate.device_type === "Router" && candidate.ieee !== msg.ieee
    )
  );
  hass.mockWS("zha/devices/bind", () => undefined);
@@ -1,60 +1,6 @@
 import type { DeviceRegistryEntry } from "../../../src/data/device/device_registry";
 import type { MockHomeAssistant } from "../../../src/fake_data/provide_hass";

-/** The fields of a device that the demo devices leave at their default. */
-export const baseDevice: Omit<
-  DeviceRegistryEntry,
-  | "id"
-  | "name"
-  | "manufacturer"
-  | "model"
-  | "config_entries"
-  | "primary_config_entry"
-  | "entry_type"
-> = {
-  config_entries_subentries: {},
-  connections: [],
-  identifiers: [],
-  model_id: null,
-  labels: [],
-  sw_version: null,
-  hw_version: null,
-  serial_number: null,
-  via_device_id: null,
-  area_id: null,
-  name_by_user: null,
-  disabled_by: null,
-  configuration_url: null,
-  parent_device_id: null,
-  created_at: 0,
-  modified_at: 0,
-};
-
-export interface DemoDevice {
-  id: string;
-  name: string;
-  manufacturer?: string;
-  model?: string;
-  area_id?: string;
-  via_device_id?: string;
-  entry_type?: "service";
-}
-
-export const toDeviceRegistryEntry = (
-  device: DemoDevice
-): DeviceRegistryEntry => ({
-  ...baseDevice,
-  id: device.id,
-  name: device.name,
-  manufacturer: device.manufacturer ?? null,
-  model: device.model ?? null,
-  area_id: device.area_id ?? null,
-  via_device_id: device.via_device_id ?? null,
-  entry_type: device.entry_type ?? null,
-  config_entries: [],
-  primary_config_entry: null,
-});
-
 export const mockDeviceRegistry = (
  hass: MockHomeAssistant,
  data: DeviceRegistryEntry[] = []
@@ -1,6 +1,24 @@
 import type { DeviceRegistryEntry } from "../../../src/data/device/device_registry";
 import { connectivityDevices } from "./connectivity/fixtures";
-import { baseDevice } from "./device_registry";
+
+const baseDevice = {
+  config_entries_subentries: {},
+  connections: [] as [string, string][],
+  identifiers: [] as [string, string][],
+  model_id: null,
+  labels: [] as string[],
+  sw_version: null,
+  hw_version: null,
+  serial_number: null,
+  via_device_id: null,
+  area_id: null,
+  name_by_user: null,
+  disabled_by: null,
+  configuration_url: null,
+  parent_device_id: null,
+  created_at: 0,
+  modified_at: 0,
+};

 export const demoDevices: DeviceRegistryEntry[] = [
  {
@@ -97,14 +97,6 @@ export const mockEnergy = (hass: MockHomeAssistant) => {
        stat_consumption: "sensor.water_garden",
      },
    ],
-    device_consumption_gas: [
-      {
-        stat_consumption: "sensor.gas_kitchen",
-      },
-      {
-        stat_consumption: "sensor.gas_heat_pump",
-      },
-    ],
  }));
  hass.mockWS("energy/info", (): EnergyInfo => ({
    cost_sensors: {},
@@ -114,7 +106,6 @@ export const mockEnergy = (hass: MockHomeAssistant) => {
    energy_sources: Array.from({ length: 6 }, () => []),
    device_consumption: Array.from({ length: 6 }, () => []),
    device_consumption_water: Array.from({ length: 2 }, () => []),
-    device_consumption_gas: Array.from({ length: 2 }, () => []),
  }));
  hass.mockWS(
    "energy/fossil_energy_consumption",
@@ -11,7 +11,7 @@ export const energyEntities = () =>
      entity_id: "sensor.solar_production",
      state: "88.6",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        friendly_name: "Solar",
        unit_of_measurement: "kWh",
      },
@@ -20,7 +20,7 @@ export const energyEntities = () =>
      entity_id: "sensor.battery_input",
      state: "4",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        friendly_name: "Battery Input",
        unit_of_measurement: "kWh",
      },
@@ -29,7 +29,7 @@ export const energyEntities = () =>
      entity_id: "sensor.battery_output",
      state: "3",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        friendly_name: "Battery Output",
        unit_of_measurement: "kWh",
      },
@@ -38,7 +38,7 @@ export const energyEntities = () =>
      entity_id: "sensor.energy_consumption_tarif_1",
      state: "88.6",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        friendly_name: "Grid consumption low tariff",
        unit_of_measurement: "kWh",
      },
@@ -47,7 +47,7 @@ export const energyEntities = () =>
      entity_id: "sensor.energy_consumption_tarif_2",
      state: "88.6",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        friendly_name: "Grid consumption high tariff",
        unit_of_measurement: "kWh",
      },
@@ -56,7 +56,7 @@ export const energyEntities = () =>
      entity_id: "sensor.energy_production_tarif_1",
      state: "88.6",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        friendly_name: "Returned to grid low tariff",
        unit_of_measurement: "kWh",
      },
@@ -65,7 +65,7 @@ export const energyEntities = () =>
      entity_id: "sensor.energy_production_tarif_2",
      state: "88.6",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        friendly_name: "Returned to grid high tariff",
        unit_of_measurement: "kWh",
      },
@@ -74,7 +74,7 @@ export const energyEntities = () =>
      entity_id: "sensor.energy_consumption_tarif_1_cost",
      state: "2",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        unit_of_measurement: "EUR",
      },
    },
@@ -82,7 +82,7 @@ export const energyEntities = () =>
      entity_id: "sensor.energy_consumption_tarif_2_cost",
      state: "2",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        unit_of_measurement: "EUR",
      },
    },
@@ -90,7 +90,7 @@ export const energyEntities = () =>
      entity_id: "sensor.energy_production_tarif_1_compensation",
      state: "2",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        unit_of_measurement: "EUR",
      },
    },
@@ -98,7 +98,7 @@ export const energyEntities = () =>
      entity_id: "sensor.energy_production_tarif_2_compensation",
      state: "2",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        unit_of_measurement: "EUR",
      },
    },
@@ -138,7 +138,7 @@ export const energyEntities = () =>
      entity_id: "sensor.energy_gas_cost",
      state: "2",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        unit_of_measurement: "EUR",
      },
    },
@@ -146,7 +146,7 @@ export const energyEntities = () =>
      entity_id: "sensor.energy_gas",
      state: "4",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        friendly_name: "Gas",
        unit_of_measurement: "m³",
      },
@@ -155,36 +155,16 @@ export const energyEntities = () =>
      entity_id: "sensor.energy_water",
      state: "4000",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        friendly_name: "Water",
        unit_of_measurement: "L",
      },
    },
-    "sensor.gas_kitchen": {
-      entity_id: "sensor.gas_kitchen",
-      state: "100",
-      attributes: {
-        friendly_name: "Gas kitchen",
-        unit_of_measurement: "m³",
-        device_class: "gas",
-        state_class: "total_increasing",
-      },
-    },
-    "sensor.gas_heat_pump": {
-      entity_id: "sensor.gas_heat_pump",
-      state: "500",
-      attributes: {
-        friendly_name: "Gas heat pump",
-        unit_of_measurement: "m³",
-        device_class: "gas",
-        state_class: "total_increasing",
-      },
-    },
    "sensor.energy_car": {
      entity_id: "sensor.energy_car",
      state: "4",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        friendly_name: "Electric car",
        unit_of_measurement: "kWh",
      },
@@ -193,7 +173,7 @@ export const energyEntities = () =>
      entity_id: "sensor.energy_ac",
      state: "3",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        friendly_name: "Air conditioning",
        unit_of_measurement: "kWh",
      },
@@ -202,7 +182,7 @@ export const energyEntities = () =>
      entity_id: "sensor.energy_washing_machine",
      state: "6",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        friendly_name: "Washing machine",
        unit_of_measurement: "kWh",
      },
@@ -211,7 +191,7 @@ export const energyEntities = () =>
      entity_id: "sensor.energy_dryer",
      state: "5.5",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        friendly_name: "Dryer",
        unit_of_measurement: "kWh",
      },
@@ -220,7 +200,7 @@ export const energyEntities = () =>
      entity_id: "sensor.energy_heat_pump",
      state: "6",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        friendly_name: "Heat pump",
        unit_of_measurement: "kWh",
      },
@@ -229,7 +209,7 @@ export const energyEntities = () =>
      entity_id: "sensor.energy_boiler",
      state: "7",
      attributes: {
-        state_class: "total_increasing",
+        last_reset: "1970-01-01T00:00:00:00+00",
        friendly_name: "Boiler",
        unit_of_measurement: "kWh",
      },
@@ -8,7 +8,7 @@ import type { MockHomeAssistant } from "../../../src/fake_data/provide_hass";

 let entries: EntityRegistryEntry[] = [];

-export const newEntry = (
+const newEntry = (
  entry: Pick<EntityRegistryEntry, "entity_id" | "platform" | "unique_id">
 ): EntityRegistryEntry => {
  const now = Date.now() / 1000;
@@ -43,9 +43,7 @@ const displayFields = (entry: EntityRegistryEntry) => ({
  hidden: entry.hidden_by !== null,
 });

-export const extEntry = (
-  entry: EntityRegistryEntry
-): ExtEntityRegistryEntry => ({
+const extEntry = (entry: EntityRegistryEntry): ExtEntityRegistryEntry => ({
  ...entry,
  capabilities: {},
  aliases: [],
@@ -58,16 +56,6 @@ export const mockEntityRegistry = (
  entries = [...data];
  // A new array, so subscribers see the registry changed after an update
  hass.mockWS("config/entity_registry/list", () => [...entries]);
-  hass.mockWS(
-    "config/entity_registry/get",
-    (msg: { entity_id: string }): ExtEntityRegistryEntry => {
-      const entry = entries.find((e) => e.entity_id === msg.entity_id);
-      if (!entry) {
-        throw new Error(`Entity not found: ${msg.entity_id}`);
-      }
-      return extEntry(entry);
-    }
-  );
  hass.mockWS(
    "config/entity_registry/get_entries",
    (msg: { entity_ids: string[] }) => {
@@ -202,39 +190,6 @@ export const removeEntityRegistryEntry = (
  hass.mockEvent("entity_registry_updated");
 };

-export const removeLabelFromEntityRegistry = (
-  hass: MockHomeAssistant,
-  labelId: string
-) => {
-  const withoutLabel = (labels: string[]) =>
-    labels.filter((id) => id !== labelId);
-  for (const [key, entry] of retiredEntries) {
-    if (entry.labels.includes(labelId)) {
-      retiredEntries.set(key, { ...entry, labels: withoutLabel(entry.labels) });
-    }
-  }
-  if (!entries.some((entry) => entry.labels.includes(labelId))) {
-    return;
-  }
-  entries = entries.map((entry) =>
-    entry.labels.includes(labelId)
-      ? { ...entry, labels: withoutLabel(entry.labels) }
-      : entry
-  );
-  const entities = { ...hass.entities };
-  for (const entry of entries) {
-    const entity = entities[entry.entity_id];
-    if (entity?.labels.includes(labelId)) {
-      entities[entry.entity_id] = {
-        ...entity,
-        labels: withoutLabel(entity.labels),
-      };
-    }
-  }
-  hass.updateHass({ entities });
-  hass.mockEvent("entity_registry_updated");
-};
-
 // Adds an entry like core does when an integration creates an entity
 export const addEntityRegistryEntry = (
  hass: MockHomeAssistant,
@@ -1,79 +0,0 @@
-import type { HassServiceTarget } from "home-assistant-js-websocket";
-import { ensureArray } from "../../../src/common/array/ensure-array";
-import type {
-  TargetExplanation,
-  HassServiceTargetWithExclude,
-  TargetItem,
-  TargetType,
-} from "../../../src/data/target";
-
-const TYPES: TargetType[] = ["entity", "device", "area", "floor", "label"];
-
-const items = (target?: HassServiceTarget): TargetItem[] =>
-  TYPES.flatMap((type) => {
-    const ids = target?.[`${type}_id`];
-    return ids ? ensureArray(ids).map((id) => ({ type, id: String(id) })) : [];
-  });
-
-/** What one target item resolves to, and the areas and devices it reaches. */
-export interface ResolvedTargetItem {
-  areas: string[];
-  devices: string[];
-  entities: string[];
-}
-
-/**
- * Like core's explain_target: resolves each item of the target and of its
- * `exclude` on its own with `resolve`, and tells what each exclude takes out
- * of each included item. Like core, `entity_id: all` is every entity in
- * `entityIds`, and excludes resolve every entity, not only the primary ones.
- */
-export const explainTarget = (
-  target: HassServiceTargetWithExclude,
-  resolve: (
-    target: HassServiceTarget,
-    primaryEntitiesOnly: boolean
-  ) => ResolvedTargetItem,
-  entityIds: string[],
-  primaryEntitiesOnly = true
-): TargetExplanation => {
-  const single = ({ type, id }: TargetItem): HassServiceTarget => ({
-    [`${type}_id`]: [id],
-  });
-  const includes = items(target).map((item) => {
-    if (item.type === "entity" && item.id === "all") {
-      return {
-        ...item,
-        entities: entityIds,
-        referenced_areas: [],
-        referenced_devices: [],
-      };
-    }
-    const { areas, devices, entities } = resolve(
-      single(item),
-      primaryEntitiesOnly
-    );
-    return {
-      ...item,
-      entities,
-      referenced_areas: areas,
-      referenced_devices: devices,
-    };
-  });
-  return {
-    includes,
-    excludes: items(target.exclude).map((item) => {
-      const excluded = new Set(resolve(single(item), false).entities);
-      return {
-        ...item,
-        removed: includes
-          .map(({ type, id, entities }) => ({
-            type,
-            id,
-            entities: entities.filter((entityId) => excluded.has(entityId)),
-          }))
-          .filter((include) => include.entities.length > 0),
-      };
-    }),
-  };
-};
@@ -31,7 +31,7 @@ const exposedEntities: Record<string, ExposeEntitySettings> = {

 export const mockExpose = (hass: MockHomeAssistant) => {
  hass.mockWS("homeassistant/expose_entity/list", () => ({
-    exposed_entities: structuredClone(exposedEntities),
+    exposed_entities: exposedEntities,
  }));
  hass.mockWS(
    "homeassistant/expose_new_entities/get",
@@ -39,26 +39,6 @@ export const mockExpose = (hass: MockHomeAssistant) => {
      expose_new: msg.assistant !== "cloud.google_assistant",
    })
  );
-  hass.mockWS(
-    "homeassistant/expose_entity",
-    (msg: {
-      assistants: (keyof ExposeEntitySettings)[];
-      entity_ids: string[];
-      should_expose: boolean;
-    }) => {
-      const changedEntityIds = msg.entity_ids.filter((entityId) => {
-        const settings = (exposedEntities[entityId] ??= {});
-        let changed = false;
-        for (const assistant of msg.assistants) {
-          if (Boolean(settings[assistant]) !== msg.should_expose) {
-            changed = true;
-          }
-          settings[assistant] = msg.should_expose;
-        }
-        return changed;
-      });
-      return { changed_entity_ids: changedEntityIds };
-    }
-  );
+  hass.mockWS("homeassistant/expose_entity", () => null);
  hass.mockWS("homeassistant/expose_new_entities/set", () => null);
 };
@@ -1,6 +1,5 @@
 import type { LabelRegistryEntry } from "../../../src/data/label/label_registry";
 import type { MockHomeAssistant } from "../../../src/fake_data/provide_hass";
-import { removeLabelFromEntityRegistry } from "./entity_registry";

 let labels: LabelRegistryEntry[] = [];

@@ -10,22 +9,6 @@ export const mockLabelRegistry = (
  hass: MockHomeAssistant,
  data: LabelRegistryEntry[] = []
 ) => {
-  labels = [...data];
-  hass.mockWS("config/label_registry/list", () =>
-    labels.map((label) => ({ ...label }))
-  );
-  hass.mockWS(
-    "config/label_registry/delete",
-    (msg: { label_id: string }, currentHass: MockHomeAssistant) => {
-      const index = labels.findIndex(
-        (label) => label.label_id === msg.label_id
-      );
-      if (index === -1) {
-        throw new Error(`Label ${msg.label_id} not found`);
-      }
-      labels.splice(index, 1);
-      removeLabelFromEntityRegistry(currentHass, msg.label_id);
-      hass.mockEvent("label_registry_updated");
-    }
-  );
+  labels = data;
+  hass.mockWS("config/label_registry/list", () => data);
 };
@@ -1,15 +0,0 @@
-import type { LogbookStreamMessage } from "../../../src/data/logbook";
-import type { MockHomeAssistant } from "../../../src/fake_data/provide_hass";
-
-/**
- * Answers logbook subscriptions with an empty logbook. No entries come from
- * an automation or script trace.
- */
-export const mockLogbook = (hass: MockHomeAssistant) => {
-  hass.mockWS("logbook/event_stream", (_msg, _currentHass, onChange) => {
-    onChange?.({ events: [] } satisfies LogbookStreamMessage);
-
-    return () => undefined;
-  });
-  hass.mockWS("trace/contexts", () => ({}));
-};
@@ -1,5 +1,4 @@
 import type { LocalizeFunc } from "../../../src/common/translations/localize";
-import type { LovelaceDashboard } from "../../../src/data/lovelace/dashboard";
 import type { LovelaceInfo } from "../../../src/data/lovelace/resource";
 import type { MockHomeAssistant } from "../../../src/fake_data/provide_hass";
 import {
@@ -12,14 +11,10 @@ import "../custom-cards/ha-demo-card";
 import "../custom-cards/ha-demo-next-card";
 import { mockMap } from "./map";

-let dashboards: LovelaceDashboard[] = [];
-
 export const mockLovelace = (
  hass: MockHomeAssistant,
-  localizePromise: Promise<LocalizeFunc>,
-  data: LovelaceDashboard[] = []
+  localizePromise: Promise<LocalizeFunc>
 ) => {
-  dashboards = data;
  hass.mockWS("lovelace/config", ({ url_path }) => {
    if (url_path === "map") {
      mockMap(hass);
@@ -39,16 +34,7 @@ export const mockLovelace = (
  );
  hass.mockWS("lovelace/config/save", () => Promise.resolve());
  hass.mockWS("lovelace/resources", () => Promise.resolve([]));
-  hass.mockWS("lovelace/dashboards/list", () =>
-    dashboards.map((dashboard) => ({ ...dashboard }))
-  );
-  hass.mockWS("lovelace/dashboards/delete", (msg: { dashboard_id: string }) => {
-    const index = dashboards.findIndex((d) => d.id === msg.dashboard_id);
-    if (index === -1) {
-      throw new Error(`Dashboard ${msg.dashboard_id} not found`);
-    }
-    dashboards.splice(index, 1);
-  });
+  hass.mockWS("lovelace/dashboards/list", () => Promise.resolve([]));
 };

 customElements.whenDefined("hui-root").then(() => {
@@ -221,14 +221,7 @@ const personEntity = (person: DemoPerson, now: number): EntityInput => {
 const personHistory = (person: DemoPerson, now: number): EntityHistoryState[] =>
  person.timeline.map(([hoursAgo, state]) => {
    const time = (now - hoursAgo * HOUR) / 1000;
-    const zoneId =
-      state === "home" ? "home" : zones.find((zone) => zone.name === state)?.id;
-    return {
-      s: state,
-      a: { in_zones: zoneId ? [`zone.${zoneId}`] : [] },
-      lu: time,
-      lc: time,
-    };
+    return { s: state, a: {}, lu: time, lc: time };
  });

 export const mockMap = (hass: MockHomeAssistant) => {
@@ -149,7 +149,6 @@ const repositories: RepositoryBase[] = [
 const repositoryInfo = (repository: RepositoryBase): RepositoryInfo => ({
  ...repository,
  additional_info: `# ${repository.name}\n\n${repository.description}\n\nThis is a demo. Installing is not available.`,
-  beta: false,
  default_branch: "main",
  issues: 12,
  releases: [repository.available_version],
@@ -1,10 +1,8 @@
-import { TZDate } from "@date-fns/tz";
 import {
  addDays,
  addHours,
  addMinutes,
  addMonths,
-  constructFrom,
  differenceInHours,
  endOfDay,
 } from "date-fns";
@@ -15,18 +13,6 @@ import type {
 } from "../../../src/data/recorder";
 import type { MockHomeAssistant } from "../../../src/fake_data/provide_hass";

-const getFirstDate = (
-  start: Date,
-  period: "5minute" | "hour" | "day" | "month"
-): Date => {
-  if (period === "day" || period === "month") {
-    return constructFrom(start, start);
-  }
-  // Core returns UTC-aligned buckets whose start is at or after the request.
-  const interval = (period === "hour" ? 60 : 5) * 60 * 1000;
-  return constructFrom(start, Math.ceil(start.getTime() / interval) * interval);
-};
-
 const getNextDate = (
  currentDate: Date,
  period: "5minute" | "hour" | "day" | "month"
@@ -47,7 +33,8 @@ const generateMeanStatistics = (
  maxDiff: number
 ): StatisticValue[] => {
  const statistics: StatisticValue[] = [];
-  let currentDate = getFirstDate(start, period);
+  let currentDate = new Date(start);
+  currentDate.setMinutes(0, 0, 0);
  const now = new Date();
  while (end > currentDate && currentDate < now) {
    const delta = Math.random() * maxDiff;
@@ -73,17 +60,16 @@ const generateSumStatistics = (
  end: Date,
  period: "5minute" | "hour" | "day" | "month" = "hour",
  initValue: number,
-  maxDiff: number | ((start: Date, end: Date) => number)
+  maxDiff: number
 ): StatisticValue[] => {
  const statistics: StatisticValue[] = [];
-  let currentDate = getFirstDate(start, period);
+  let currentDate = new Date(start);
+  currentDate.setMinutes(0, 0, 0);
  let sum = initValue;
  const now = new Date();
  while (end > currentDate && currentDate < now) {
    const nextDate = getNextDate(currentDate, period);
-    const bound =
-      typeof maxDiff === "function" ? maxDiff(currentDate, nextDate) : maxDiff;
-    const add = Math.random() * bound;
+    const add = Math.random() * maxDiff;
    sum += add;
    statistics.push({
      start: currentDate.getTime(),
@@ -110,7 +96,8 @@ const generateCurvedStatistics = (
  metered: boolean
 ): StatisticValue[] => {
  const statistics: StatisticValue[] = [];
-  let currentDate = getFirstDate(start, period);
+  let currentDate = new Date(start);
+  currentDate.setMinutes(0, 0, 0);
  let sum = initValue;
  const hours = differenceInHours(end, start) - 1;
  let i = 0;
@@ -149,33 +136,6 @@ const statisticsFunctions: Record<
    period: "5minute" | "hour" | "day" | "month"
  ) => StatisticValue[]
 > = {
-  "sensor.energy_water": (_id, start, end, period = "hour") =>
-    generateSumStatistics(
-      start,
-      end,
-      period,
-      4000,
-      (bucketStart, bucketEnd) =>
-        (20 * (bucketEnd.getTime() - bucketStart.getTime())) / 3600000
-    ),
-  "sensor.gas_kitchen": (_id, start, end, period = "hour") =>
-    generateSumStatistics(
-      start,
-      end,
-      period,
-      100,
-      (bucketStart, bucketEnd) =>
-        (0.1 * (bucketEnd.getTime() - bucketStart.getTime())) / 3600000
-    ),
-  "sensor.gas_heat_pump": (_id, start, end, period = "hour") =>
-    generateSumStatistics(
-      start,
-      end,
-      period,
-      500,
-      (bucketStart, bucketEnd) =>
-        (0.6 * (bucketEnd.getTime() - bucketStart.getTime())) / 3600000
-    ),
  "sensor.energy_consumption_tarif_1": (
    _id: string,
    start: Date,
@@ -191,9 +151,9 @@ const statisticsFunctions: Record<
        period === "day" ? 17 : 504
      );
    }
-    const morningEnd = addHours(start, 10);
+    const morningEnd = new Date(start.getTime() + 10 * 60 * 60 * 1000);
    const morningLow = generateSumStatistics(start, morningEnd, period, 0, 0.7);
-    const eveningStart = addHours(start, 20);
+    const eveningStart = new Date(start.getTime() + 20 * 60 * 60 * 1000);
    const morningFinalVal = morningLow.length
      ? morningLow[morningLow.length - 1].sum!
      : 0;
@@ -228,8 +188,8 @@ const statisticsFunctions: Record<
        period === "day" ? 17 : 504
      );
    }
-    const morningEnd = addHours(start, 9);
-    const eveningStart = addHours(start, 20);
+    const morningEnd = new Date(start.getTime() + 9 * 60 * 60 * 1000);
+    const eveningStart = new Date(start.getTime() + 20 * 60 * 60 * 1000);
    const highTarif = generateSumStatistics(
      morningEnd,
      eveningStart,
@@ -268,12 +228,9 @@ const statisticsFunctions: Record<
        period === "day" ? 17 : 504
      );
    }
-    const productionStart = addHours(start, 9);
-    const productionEnd = addHours(start, 21);
-    const dayEnd = constructFrom(
-      end,
-      Math.min(endOfDay(productionEnd).getTime(), end.getTime())
-    );
+    const productionStart = new Date(start.getTime() + 9 * 60 * 60 * 1000);
+    const productionEnd = new Date(start.getTime() + 21 * 60 * 60 * 1000);
+    const dayEnd = new Date(endOfDay(productionEnd));
    const production = generateCurvedStatistics(
      productionStart,
      productionEnd,
@@ -312,12 +269,9 @@ const statisticsFunctions: Record<
        period === "day" ? 17 : 504
      );
    }
-    const productionStart = addHours(start, 7);
-    const productionEnd = addHours(start, 23);
-    const dayEnd = constructFrom(
-      end,
-      Math.min(endOfDay(productionEnd).getTime(), end.getTime())
-    );
+    const productionStart = new Date(start.getTime() + 7 * 60 * 60 * 1000);
+    const productionEnd = new Date(start.getTime() + 23 * 60 * 60 * 1000);
+    const dayEnd = new Date(endOfDay(productionEnd));
    const production = generateCurvedStatistics(
      productionStart,
      productionEnd,
@@ -347,11 +301,6 @@ const statisticsFunctions: Record<
    return [...morning, ...production, ...evening, ...rest];
  },
 };
-// Prices are per source unit; water uses litres (4 currency units per m³).
-const derivedCosts: Record<string, { source: string; price: number }> = {
-  "sensor.energy_water_cost": { source: "sensor.energy_water", price: 0.004 },
-};
-
 export const mockRecorder = (mockHass: MockHomeAssistant) => {
  mockHass.mockWS(
    "recorder/get_statistics_metadata",
@@ -364,35 +313,19 @@ export const mockRecorder = (mockHass: MockHomeAssistant) => {
  mockHass.mockWS(
    "recorder/statistics_during_period",
    ({ statistic_ids, start_time, end_time, period }, hass): Statistics => {
-      // Calendar buckets follow the server timezone, independent of the browser.
-      const start = new TZDate(start_time, hass.config.time_zone);
-      const end = new TZDate(end_time ?? Date.now(), hass.config.time_zone);
+      const start = new Date(start_time);
+      const end = end_time ? new Date(end_time) : new Date();

      const statistics: Record<string, StatisticValue[]> = {};
-      const cache: Record<string, StatisticValue[]> = {};
-      const getStats = (id: string) => {
-        cache[id] ??= statisticsFunctions[id](id, start, end, period);
-        return cache[id];
-      };

      statistic_ids.forEach((id: string) => {
-        if (id in derivedCosts) {
-          const { source, price } = derivedCosts[id];
-          let cost = 0;
-          statistics[id] = getStats(source).map((statistic) => {
-            const change = statistic.change! * price;
-            cost += change;
-            return { ...statistic, change, state: cost, sum: cost };
-          });
-        } else if (id in statisticsFunctions) {
-          statistics[id] = getStats(id);
+        if (id in statisticsFunctions) {
+          statistics[id] = statisticsFunctions[id](id, start, end, period);
        } else {
          const entityState = hass.states[id];
          const state = entityState ? Number(entityState.state) : 1;
          statistics[id] =
-            entityState &&
-            (entityState.attributes.state_class === "total" ||
-              entityState.attributes.state_class === "total_increasing")
+            entityState && "last_reset" in entityState.attributes
              ? generateSumStatistics(
                  start,
                  end,
Author	SHA1	Message	Date
Bram KragtenandClaude Opus 5.5	fbb5cca794	Split the grouped Settings sections into individual entries Devices & services, Automations & scenes and Areas, labels & zones are replaced by one Settings entry per page, grouped in three cards. These pages now pass only their own page as tab. Settings cards without any visible entries are hidden, the Apps entry now uses the mdiApps icon, every Settings entry has a distinct colour, and "blueprint" is added to the demo config. Co-Authored-By: Claude Opus 5.5 <[email protected]>	2026-10-09 12:37:38 +02:00
Bram KragtenandClaude Opus 5.5	6ddbb68444	Show page tabs in a row under the toolbar on narrow screens On narrow screens tabs now render as a scrollable tab row below the toolbar instead of a bottom bar, and the bottom bar code is removed. Wide screens are unchanged. Narrow pages without a FAB now pad their content for the bottom safe area. Pages that already clear it themselves, like data tables, opt out by setting --tabs-subpage-content-padding-bottom. Co-Authored-By: Claude Opus 5.5 <[email protected]>	2026-10-09 12:37:38 +02:00
Bram KragtenandClaude Opus 5.5	906cd7bbec	Use the active tab name as the page title on narrow screens Tabbed subpages without an explicit header show the active tab name in the toolbar on narrow screens. Which tabs are shown is now computed in willUpdate instead of during render. Co-Authored-By: Claude Opus 5.5 <[email protected]>	2026-10-09 12:37:38 +02:00
Bram KragtenandClaude Opus 5.5	30467c3a51	Add a bottom bar height variable for bottom offsets Introduce --ha-bottom-bar-height and express the bottom offsets of subpage content, FABs, data table empty rows and toasts with it. Remove the unused #fab[is-wide] and #fab.tabs selectors. No visible change. Co-Authored-By: Claude Opus 5.5 <[email protected]>	2026-10-09 12:37:38 +02:00
Bram KragtenandClaude Opus 5.5	fc760b9325	Move PageNavigation type to its own data module PageNavigation is used far beyond the tabs subpage layout, so it now lives in src/data/page_navigation.ts. No behavior change. Co-Authored-By: Claude Opus 5.5 <[email protected]>	2026-10-09 12:37:38 +02:00
@@ -1 +1 @@
 .22.3
 .21.0