From b72d1927c8a69a5f34dec3601db5717b2dde437f Mon Sep 17 00:00:00 2001
From: Will Chen <willchen90@gmail.com>
Date: Thu, 1 May 2025 23:04:58 -0700
Subject: [PATCH] Show SQL description (#66)

---
 src/components/chat/DyadExecuteSql.tsx     | 5 ++++-
 src/components/chat/DyadMarkdownParser.tsx | 1 +
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/chat/DyadExecuteSql.tsx b/src/components/chat/DyadExecuteSql.tsx
index 50b7ad3..6e19afd 100644
--- a/src/components/chat/DyadExecuteSql.tsx
+++ b/src/components/chat/DyadExecuteSql.tsx
@@ -43,7 +43,10 @@ export const DyadExecuteSql: React.FC<DyadExecuteSqlProps> = ({
         <div className="flex items-center gap-2">
           <Database size={16} />
           <span className="text-gray-700 dark:text-gray-300 font-medium text-sm">
-            {queryDescription || "SQL Query"}
+            <span className="font-bold mr-2 outline-2 outline-gray-200 dark:outline-gray-700 bg-gray-100 dark:bg-gray-800 rounded-md px-1">
+              SQL
+            </span>
+            {queryDescription}
           </span>
           {inProgress && (
             <div className="flex items-center text-amber-600 text-xs">
diff --git a/src/components/chat/DyadMarkdownParser.tsx b/src/components/chat/DyadMarkdownParser.tsx
index 86114fc..f2bc499 100644
--- a/src/components/chat/DyadMarkdownParser.tsx
+++ b/src/components/chat/DyadMarkdownParser.tsx
@@ -299,6 +299,7 @@ function renderCustomTag(
           node={{
             properties: {
               state: getState({ isStreaming, inProgress }),
+              description: attributes.description || "",
             },
           }}
         >