From e79bd4d505a6d16acbe2ecdf432fde351526f589 Mon Sep 17 00:00:00 2001
From: Oliver <oliver@noreply.localhost>
Date: Sat, 8 Nov 2025 19:12:19 -0700
Subject: [PATCH] Add the template and styles for the chat notification

---
 styles/elements/table.css    | 21 +++++++++++++++++++++
 styles/main.css              |  1 +
 templates/query-response.hbs | 16 ++++++++++++++++
 3 files changed, 38 insertions(+)
 create mode 100644 styles/elements/table.css
 create mode 100644 templates/query-response.hbs

diff --git a/styles/elements/table.css b/styles/elements/table.css
new file mode 100644
index 0000000..5f9310c
--- /dev/null
+++ b/styles/elements/table.css
@@ -0,0 +1,21 @@
+/*
+This styling is unscoped in order to make it so that it still applies
+to the chat messages which are not within a scope I control.
+*/
+table.taf-query-summary {
+	margin: 0px;
+
+	tr:hover > td {
+		background-color: var(--table-header-border-highlight);
+	}
+
+	td {
+		padding: 4px 8px;
+		border: 1px solid var(--table-header-border-color);
+		width: 40%;
+
+		&:first-of-type {
+			width: 60%;
+		}
+	}
+}
diff --git a/styles/main.css b/styles/main.css
index 10ea6ec..40f4ed2 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -14,6 +14,7 @@
 @import url("./elements/input.css") layer(elements);
 @import url("./elements/p.css") layer(elements);
 @import url("./elements/prose-mirror.css") layer(elements);
+@import url("./elements/table.css") layer(elements);
 
 /* Apps */
 @import url("./Apps/common.css") layer(apps);
diff --git a/templates/query-response.hbs b/templates/query-response.hbs
new file mode 100644
index 0000000..c2e1219
--- /dev/null
+++ b/templates/query-response.hbs
@@ -0,0 +1,16 @@
+{{#if answers}}
+	<table class="taf-query-summary">
+		<tr>
+			<td>Key</td>
+			<td>Value</td>
+		</tr>
+		{{#each answers as | answer |}}
+			<tr>
+				<td>{{ @key }}</td>
+				<td>{{ answer }}</td>
+			</tr>
+		{{/each}}
+	</table>
+{{else}}
+No data submitted
+{{/if}}