Standalone Mobile App Dashboard

You can create a dedicated "App-like" experience on a mobile device by setting up a specific dashboard for the Dreame Vacuum Card and adding it directly to the phone's home screen with its own app icon.

Step 1: Create a New Dashboard

To keep things organized and full-screen, it is highly recommended to create a completely separate dashboard specifically for the vacuum.

1. In Home Assistant, the Settings > Dashboards menu is accessed.
2. The Add Dashboard button in the bottom right is clicked.
3. New dashboard from scratch is selected.
4. A Title, such as "L10s Gen2", an Icon, such as mdi:robot-vacuum, and a URL, such as l10s-gen2, are provided.
5. Optional: This dashboard can be added to the side menu or kept hidden, since it will be launched directly from the phone's home screen.
6. Create is clicked.

Step 2: Set Up a Panel View

A "Panel" view forces a single card to stretch across the entire screen, which is perfect for this highly detailed map card.

1. The newly created dashboard is opened.
2. The Edit Dashboard () icon in the top right corner is clicked.
3. Modern Home Assistant creates a sections type view initially, which cannot be converted into a Panel. The Edit () icon next to the default tab is clicked, Delete View is selected from the dialog, and the removal is confirmed.
4. The Add View () icon next to the dashboard view tabs at the top is clicked.
5. In the "Add View" dialog, Panel, the single card option, is selected under the Layout dropdown.
6. Save is clicked.
7. The Add Card () button at the bottom right corner is clicked.
8. In the card picker, Custom: Dreame Vacuum Card is searched for and selected.
9. In the card editor, the Dreame Vacuum Entity, such as vacuum.l10s_gen2, is selected. An optional custom Title for the card can be provided, and more detailed mobile-specific configurations can be set up by referring to the Basic Configuration section.
10. Save is clicked to add the card to the dashboard.

Step 3: Hide the Header and Sidebar (Kiosk Mode)

NOTE

This step is entirely optional, but it is an absolute necessity for achieving a native-app like experience.

To make it look like a real standalone app, the Home Assistant top header and side menu must be hidden.

Since the original kiosk mode plugin was archived, the community maintains an actively supported fork. Using the NemesisRE/kiosk-mode integration is highly recommended.

Installation via HACS

1. The HACS > Frontend section is accessed.
2. The Overflow menu () in the top right is clicked and Custom repositories is selected.
3. https://github.com/NemesisRE/kiosk-mode is added with the category set to Lovelace.
4. Download is clicked to install the integration.
5. The browser is reloaded if prompted.

Configuration

Once installed, the raw dashboard configuration can be edited to completely hide the UI elements.

1. The newly created dashboard is opened.
2. The Edit Dashboard () icon in the top right corner is clicked.
3. The icon in the top right is clicked and Raw configuration editor is selected.
4. The following lines are added to the very top of the configuration:

kiosk_mode:
  kiosk: true

TIP

Once the header is hidden, the Edit button will no longer be visible. If the card configuration needs to be edited, ?edit=1 can simply be added to the end of the dashboard URL in the web browser, such as http://homeassistant.local:8123/l10s-gen2?edit=1.

Step 4: Add to Mobile Home Screen

Once the full-screen, headerless dashboard is ready, it can be added to the mobile device as a dedicated home screen shortcut. Launching this shortcut instantly opens the full-screen Dreame Vacuum control panel, completely bypassing the normal Home Assistant interface, with instant loading. The back button will work exactly as it would in the official App and can be used to navigate back or close settings and dialogs.

Android

The official Home Assistant Companion App must be downloaded from the Google Play Store.

1. The Home Assistant Companion App is opened on the mobile device.
2. For first-time users, the initial setup is completed by entering the Home Assistant server URL and logging in with the appropriate credentials. The app must fully load until the normal dashboard is visible.
3. The side menu is opened and Settings > Companion App is accessed.
4. The Shortcuts (Manage Shortcuts) section is located.
5. From the list of available shortcut slots, an unused slot, such as Shortcut 1, is selected.
6. The shortcut details are configured:
   • Label: A name for the shortcut on the home screen, such as "L10s Gen2", is provided.
   • Description: An optional description can be entered.
   • Server: The active Home Assistant server is selected.
   • Shortcut type: Dashboard is chosen from the available options.
   • Dashboard: The exact URL path to the newly created dashboard, such as /l10s-gen2, is entered.
   • Icon: A relevant icon, such as mdi:robot-vacuum, is chosen.
7. The Add Shortcut button is tapped.
8. The device might prompt for confirmation to add the shortcut.
9. The Companion App is exited completely, and the newly created "L10s Gen2" shortcut on the home screen is tapped.

NOTE

For more details on managing Android shortcuts, refer to the official Home Assistant Companion App Android Shortcuts documentation.

iOS

The official Home Assistant Companion App must be downloaded from the Apple App Store. On iOS devices, the built-in Apple Shortcuts app is used alongside Home Assistant URL schemes to create the home screen icon.

1. The Shortcuts app is opened on the iPhone or iPad.
2. The New Shortcut () button in the top right corner is tapped.
3. Add Action is selected, and Open URLs is searched for and chosen.
4. The deep link URL for the dashboard is entered into the action. It must start with homeassistant://navigate, followed by the dashboard path, such as homeassistant://navigate/l10s-gen2.
5. The name of the shortcut is set by tapping the downward arrow at the top and choosing Rename, then entering a name like "L10s Gen2".
6. The icon can be customized from the same menu by selecting Choose Icon.
7. The Share icon is tapped, and Add to Home Screen is selected.
8. Add is tapped to confirm.
9. The newly created "L10s Gen2" shortcut on the home screen is tapped.

NOTE

For more details on iOS URL schemes, refer to the official Home Assistant URL Handler documentation.