From b81b16d75de69deac92109ec298ad08a29b04b0b Mon Sep 17 00:00:00 2001
From: Mathias Vanden Auweele <mathias@matdata.eu>
Date: Tue, 20 Oct 2026 08:08:21 +0000
Subject: [PATCH] style(yasr): give the Response view a Lucide outline icon

---
 .changeset/response-icon.md                 | 5 +++++
 packages/yasr/src/plugins/response/index.ts | 5 ++---
 2 files changed, 7 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/response-icon.md

diff --git a/.changeset/response-icon.md b/.changeset/response-icon.md
new file mode 100644
index 00000000..2177455a
--- /dev/null
+++ b/.changeset/response-icon.md
@@ -0,0 +1,5 @@
+---
+"@matdata/yasr": patch
+---
+
+The Response view now has an outline icon that matches the Table, Geo, Graph, Chart and Explain views, instead of a filled Font Awesome glyph.
diff --git a/packages/yasr/src/plugins/response/index.ts b/packages/yasr/src/plugins/response/index.ts
index 116d7493..d597b847 100644
--- a/packages/yasr/src/plugins/response/index.ts
+++ b/packages/yasr/src/plugins/response/index.ts
@@ -14,6 +14,7 @@ import { turtle } from "codemirror-lang-turtle";
 import { javascript } from "@codemirror/legacy-modes/mode/javascript";
 import { addClass, removeClass } from "@matdata/yasgui-utils";
 import { DeepReadonly } from "ts-essentials";
+import { icon } from "../../describe/icons";
 import {
   extractUriAtOffset,
   buildSubjectOfQuery,
@@ -53,9 +54,7 @@ export default class Response implements Plugin<PluginConfig> {
     return true;
   }
   public getIcon() {
-    const icon = document.createElement("i");
-    icon.className = "fas fa-align-left";
-    return icon;
+    return icon("file-code");
   }
   download(filename?: string) {
     if (!this.yasr.results) return;