1 files changed, 25 insertions, 0 deletions
diff --git a/client/js/app/src/app/pages/querytracer/query-tracer.jsx b/client/js/app/src/app/pages/querytracer/query-tracer.jsx
new file mode 100644
index 00000000000..758182d4f3f
--- /dev/null
+++ b/client/js/app/src/app/pages/querytracer/query-tracer.jsx
@@ -0,0 +1,25 @@
+import React, { useState } from 'react';
+import { Stack, Textarea } from '@mantine/core';
+import { DownloadJeager } from 'app/pages/querybuilder/query-response/download-jeager';
+
+export function QueryTracer() {
+  const [response, setResponse] = useState('');
+
+  return (
+    <Stack>
+      <Textarea
+        styles={(theme) => ({
+          input: {
+            fontFamily: theme.fontFamilyMonospace,
+            fontSize: theme.fontSizes.xs,
+          },
+        })}
+        minRows={21}
+        autosize
+        value={response}
+        onChange={({ target }) => setResponse(target.value)}
+      />
+      <DownloadJeager fullWidth response={response} />
+    </Stack>
+  );
+}