From aa2f4df97a9b1826905ed0a1e094849d17452f13 Mon Sep 17 00:00:00 2001
From: Dave T <17680170+davet2001@users.noreply.github.com>
Date: Sat, 27 Sep 2025 08:52:23 +0000
Subject: [PATCH 1/3] Comma separate field examples if it is a list

---
 .../developer-tools/action/developer-tools-action.ts  | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/panels/developer-tools/action/developer-tools-action.ts b/src/panels/developer-tools/action/developer-tools-action.ts
index 979c653ffc1f..af3961934f37 100644
--- a/src/panels/developer-tools/action/developer-tools-action.ts
+++ b/src/panels/developer-tools/action/developer-tools-action.ts
@@ -295,11 +295,12 @@ class HaPanelDevAction extends LitElement {
                           `component.${domain}.services.${serviceName}.fields.${field.key}.description`
                         ) || field.description}
                       </td>
-                      <td>
-                        ${this.hass.localize(
-                          `component.${domain}.services.${serviceName}.fields.${field.key}.example`
-                        ) || field.example}
-                      </td>
+                      <!-- prettier-ignore -->
+                      <td>${this.hass.localize(
+                        `component.${domain}.services.${serviceName}.fields.${field.key}.example`
+                      ) || Array.isArray(field.example)
+                        ? field.example.join(", ")
+                        : field.example}</td>
                     </tr>`
                 )}
               </table>

From 50bb0ff4fdf8693b78d2b5d8e8d79b94663d3e2d Mon Sep 17 00:00:00 2001
From: Dave T <17680170+davet2001@users.noreply.github.com>
Date: Sun, 28 Sep 2025 19:02:48 +0000
Subject: [PATCH 2/3] Remove prettier ignore and json.stringify all examples

---
 .../developer-tools/action/developer-tools-action.ts  | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/panels/developer-tools/action/developer-tools-action.ts b/src/panels/developer-tools/action/developer-tools-action.ts
index af3961934f37..2bdf4d0880ba 100644
--- a/src/panels/developer-tools/action/developer-tools-action.ts
+++ b/src/panels/developer-tools/action/developer-tools-action.ts
@@ -295,12 +295,11 @@ class HaPanelDevAction extends LitElement {
                           `component.${domain}.services.${serviceName}.fields.${field.key}.description`
                         ) || field.description}
                       </td>
-                      <!-- prettier-ignore -->
-                      <td>${this.hass.localize(
-                        `component.${domain}.services.${serviceName}.fields.${field.key}.example`
-                      ) || Array.isArray(field.example)
-                        ? field.example.join(", ")
-                        : field.example}</td>
+                      <td>
+                        ${this.hass.localize(
+                          `component.${domain}.services.${serviceName}.fields.${field.key}.example`
+                        ) || JSON.stringify(field.example)}
+                      </td>
                     </tr>`
                 )}
               </table>

From dcd009226d691dd99cbb2f25a76b822c37dfb40b Mon Sep 17 00:00:00 2001
From: Petar Petrov <MindFreeze@users.noreply.github.com>
Date: Tue, 2 Dec 2025 15:24:47 +0200
Subject: [PATCH 3/3] Use YAML format

---
 .../developer-tools/action/developer-tools-action.ts       | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/panels/developer-tools/action/developer-tools-action.ts b/src/panels/developer-tools/action/developer-tools-action.ts
index 2bdf4d0880ba..2b7d22c85e09 100644
--- a/src/panels/developer-tools/action/developer-tools-action.ts
+++ b/src/panels/developer-tools/action/developer-tools-action.ts
@@ -1,7 +1,7 @@
 import { mdiHelpCircle } from "@mdi/js";
 import type { HassService } from "home-assistant-js-websocket";
 import { ERR_CONNECTION_LOST } from "home-assistant-js-websocket";
-import { load } from "js-yaml";
+import { dump, load } from "js-yaml";
 import type { CSSResultGroup } from "lit";
 import { css, html, LitElement, nothing } from "lit";
 import { customElement, property, query, state } from "lit/decorators";
@@ -298,7 +298,10 @@ class HaPanelDevAction extends LitElement {
                       <td>
                         ${this.hass.localize(
                           `component.${domain}.services.${serviceName}.fields.${field.key}.example`
-                        ) || JSON.stringify(field.example)}
+                        ) ||
+                        (typeof field.example === "object"
+                          ? html`<pre>${dump(field.example)}</pre>`
+                          : field.example)}
                       </td>
                     </tr>`
                 )}