feat: show vote score on dashboard rag table

Author: drew-harris

frontends/dashboard/src/analytics/components/SingleRagInfo/index.tsx

@@ -1,6 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 import { createQuery } from "@tanstack/solid-query";
 import { getRagQuery, getSearchQuery } from "../../api/analytics";
 import { createMemo, For, Show, useContext } from "solid-js";
@@ -52,12 +49,12 @@ export const SingleRAGQuery = (props: SingleRAGQueryProps) => {
       <div class="flex flex-col gap-8">
         <div>
           <button
-            class="flex w-fit items-center space-x-4 rounded-md bg-magenta-200 p-1 text-base font-semibold leading-6 text-magenta-600"
+            class="flex w-fit items-center gap-1 rounded-md bg-magenta-100/50 p-1 text-base font-semibold text-magenta-700"
             onClick={() => history.back()}
           >
             <IoArrowBackOutline /> Back
           </button>
-          <h3 class="text-base font-semibold leading-6 text-gray-900">
+          <h3 class="pt-4 text-base font-semibold leading-6 text-gray-900">
             <QueryStringDisplay size="large">
               {props.rag_data.user_message}
             </QueryStringDisplay>

frontends/dashboard/src/analytics/pages/tablePages/RAGAnalyticsPage.tsx

@@ -4,6 +4,7 @@ import { createEffect, createSignal, Show, useContext } from "solid-js";
 import { SortableColumnDef, TanStackTable } from "shared/ui";
 import { useBetterNav } from "../../utils/useBetterNav";
 import {
+  createColumnHelper,
   createSolidTable,
   getCoreRowModel,
   SortingState,
@@ -25,6 +26,8 @@ import { IoOpenOutline } from "solid-icons/io";
 import { format } from "date-fns";
 import { parseCustomDateString } from "../../utils/formatDate";
 
+const colHelper = createColumnHelper<RagQueryEvent>();
+
 export const RAGAnalyticsPage = () => {
   const navigate = useBetterNav();
   const datasetContext = useContext(DatasetContext);
@@ -111,6 +114,15 @@ export const RAGAnalyticsPage = () => {
         );
       },
     },
+    {
+      accessorKey: "query_rating",
+      header: "Query Rating",
+      cell(props) {
+        const val =
+          props.getValue() as unknown as RagQueryEvent["query_rating"];
+        return <Show when={val}>{(rating) => <div>{val?.rating}</div>}</Show>;
+      },
+    },
   ];
 
   const table = createSolidTable({