Website dashboard update to reflect current software (#32221)

source/_dashboards/iframe.markdown

@@ -7,6 +7,8 @@ description: "The webpage card allows you to embed your favorite webpage right i
 
 The webpage card allows you to embed your favorite webpage right into Home Assistant. You can also embed files stored in your `<config-directory>/www` folder and reference them using `/local/<file>`.
 
+The webpage card is used on the [Webpage dashboard](/dashboards/dashboards/#webpage-dashboard).
+
 <p class='img'>
   <img width="500" src='/images/dashboards/iframe.png' alt='Windy weather radar as Webpage'>
   Windy weather radar as webpage.
@@ -60,3 +62,4 @@ aspect_ratio: 75%
 ## Related topics
 
 - [Dashboard cards](/dashboards/cards/)
+- [Webpage dashboard](/dashboards/dashboards/#webpage-dashboard)

source/_integrations/panel_iframe.markdown

@@ -1,72 +0,0 @@
----
-title: iFrame panel
-description: Instructions on how to add iFrames in the front end of Home Assistant.
-ha_category:
-  - Front end
-ha_release: 0.25
-ha_quality_scale: internal
-ha_codeowners:
-  - '@home-assistant/frontend'
-ha_domain: panel_iframe
-ha_integration_type: integration
----
-
-The `panel_iframe` support allows you to add additional panels to your Home Assistant frontend. The panels are listed in the sidebar and can contain external resources like the web frontend of your router, your monitoring system, or your media server.
-
-<div class='note warning'>
-If you are accessing Home Assistant over HTTPS using SSL, you cannot access HTTP sites through an iframe panel.
-</div>
-
-To enable Panel iFrames in your installation, add the following to your `configuration.yaml` file:
-
-```yaml
-# Example configuration.yaml entry
-panel_iframe:
-  router:
-    title: "Router"
-    url: "http://192.168.1.1"
-  fridge:
-    title: "Fridge"
-    url: "http://192.168.1.5"
-    icon: mdi:fridge
-  otherapp:
-    title: "Other App"
-    url: "/otherapp"
-    require_admin: true
-```
-
-{% configuration %}
-panel_iframe:
-  description: Enables the panel_iframe integration. Only allowed once.
-  required: true
-  type: map
-  keys:
-    panel_name:
-      description: Name of the panel. Only allowed once.
-      required: true
-      type: map
-      keys:
-        title:
-          description: Friendly title for the panel. Will be used in the sidebar.
-          required: true
-          type: string
-        url:
-          description: The absolute URL or relative URL with an absolute path to open.
-          required: true
-          type: string
-        icon:
-          description: Icon for entry.
-          required: false
-          type: icon
-        require_admin:
-          description: If admin access is required to see this iframe.
-          required: false
-          type: boolean
-          default: false
-{% endconfiguration %}
-
-<div class='note warning'>
-
-Do **not** create one that is named `lovelace` it will overwrite existing Dashboards, causing it to never load.
-
-</div>

source/_integrations/supervisord.markdown

@@ -20,7 +20,7 @@ It required that you enable the HTTP feature in the `/etc/supervisord.conf` conf
 port=127.0.0.1:9001
 ```
 
-After a restart of `supervisord` you should be able to access the web interface. If needed then this could be added as an [iFrame panel](/integrations/panel_iframe/).
+After a restart of `supervisord` you should be able to access the web interface. If needed then this could be added as an [webpage dashboard](/dashboards/dashboards/#webpage-dashboard).
 
 <p class='img'>
   <img src='/images/screenshots/supervisor.png' />

source/_redirects

@@ -560,6 +560,7 @@ layout: null
 /integrations/opencv /more-info/removed-integration 301
 /integrations/orangepi_gpio /more-info/removed-integration 301
 /integrations/ozw /more-info/removed-integration 301
+/integrations/panel_iframe /more-info/removed-integration 301
 /integrations/pcal9535a /more-info/removed-integration 301
 /integrations/pi4ioe5v9xxxx /more-info/removed-integration 301
 /integrations/piglow /more-info/removed-integration 301

source/dashboards/dashboards.markdown

@@ -45,6 +45,24 @@ The predefined **History** dashboard is powered by the [History integration](/in
 
 The predefined **To-do lists** dashboard is powered by the [To-do integration](/integrations/todo/). To learn how to use to-do and shopping lists, refer to the documentation of the to-do list integration.
 
+## Webpage dashboard
+
+Another available (but not default) dashboard is the webpage dashboard. The webpage dashboard allows you to add and embed a webpage to your dashboard.
+This could be a web page from the internet or a local web page from a local
+machine or device like your router or NAS.
+
+<img class="no-shadow" src='/images/blog/2024-04/dashboard-webpage.png' alt='Screenshots showing addition of a new webpage dashboard to Home Assistant, embedding the Home Assistant website.'>
+
+This dashboard replaces the old iFrame panel (`iframe_panel`). If you have
+existing panels configured in your YAML configuration, Home Assistant will
+automatically migrate them to the new webpage dashboard on upgrade.
+
+<img class="no-shadow" src='/images/blog/2024-04/embedded-home-assistant-website.png' alt='Screenshot showing the Home Assistant website embedded into the Home Assistant frontend using a webpage dashboard.'>
+
+Note that not every webpage can be embedded due to security restrictions that
+some sites have in place. These restrictions are enforced by your browser and prevent
+embedding them into a Home Assistant dashboard.
+
 ## Creating a new dashboard
 
 The default **Overview** dashboard updates itself when you add new devices, as long as you do not edit the default dashboard. If you want a customized dashboard, it is recommended not to change the **Overview** dashboard, but to create a new dashboard instead.
@@ -270,4 +288,5 @@ views:
 - [Logbook integration](/integrations/logbook/)
 - [History integration](/integrations/history/)
 - [To-do list integration](/integrations/todo/)
+- [Webpage card](/dashboards/iframe/)
 - [Views](/dashboards/views/)