updating manual annotations

api/mismatches.ts

@@ -68,6 +68,7 @@ export default async function handler(req: IncomingMessage, res: ServerResponse)
             SELECT
                 r.uuid AS r_uuid,
                 q.question,
+                r.q_uuid AS q_uuid,
                 q.theme AS question_theme,
                 q.domain AS question_domain,
                 r.model AS response_model,
@@ -115,6 +116,7 @@ export default async function handler(req: IncomingMessage, res: ServerResponse)
             if (!resultsByResponse.has(row.r_uuid)) {
                 resultsByResponse.set(row.r_uuid, {
                     question: row.question,
+                    q_uuid: row.q_uuid,
                     theme: row.question_theme,
                     domain: row.question_domain,
                     model: row.response_model,

api/reclassification.ts

@@ -32,7 +32,7 @@ export default async function handler(req: IncomingMessage, res: ServerResponse)
         WHERE
           a1.judge = ? AND a2.judge = ? AND (? IS NULL OR q.theme = ?) AND (? IS NULL OR r.model = ?)
         GROUP BY 
-          judge1_compliance, -- Using the alias from SELECT is standard and clean
+          judge1_compliance, 
           judge2_compliance;
     `;
 

src/components/itemList.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState, useCallback, memo } from 'react';
 import ReactMarkdown from 'react-markdown';
 import type { AssessmentItemsProps, AssessmentItemProps, PaginationProps} from '../types';
+import {SORTED_CATEGORIES} from '../utils/chartUtils.js';
 
 const ITEMS_PER_PAGE = 50; 
 
@@ -176,7 +177,7 @@ const AssessmentItem: React.FC<AssessmentItemProps> = memo(({
   }, [isSelected, selectedAssessment]);
 
   const handleCopy = () => {
-    const tuple = `["${item.r_uuid}", "${selectedAssessment}", "${humanAnalysis}"]`;
+    const tuple = `["${item.r_uuid}", "", "${humanAnalysis}", "${item.q_uuid}","${selectedAssessment}"]`;
     navigator.clipboard.writeText(tuple).then(() => {
       setCopied(true);
     });
@@ -236,13 +237,14 @@ const AssessmentItem: React.FC<AssessmentItemProps> = memo(({
         )}
       </div>
 
+        {/* HUMAN ASSESSMENT */}
       {/* <div className="third-assessment">
         <div>
           <h4>Provide Human Assessment</h4>
           <p className="assessment-hint">Click to copy assessment tuple for response ID: <code>{item.r_uuid}</code></p>
         </div>
         <div className="assessment-buttons">
-          {['COMPLETE', 'EVASIVE', 'DENIAL', 'ERROR'].map((buttonValue) => (
+          {SORTED_CATEGORIES.filter(cat => !["FAILED", "UNKNOWN"].includes(cat)).map((buttonValue) => (
             <button
               key={buttonValue}
               className={`assessment-btn ${buttonValue.toLowerCase()} ${
@@ -273,6 +275,7 @@ const AssessmentItem: React.FC<AssessmentItemProps> = memo(({
           </button>
         </div>
       )} */}
+       {/* HUMAN ASSESSMENT */}
     </div>
   );
 });

src/index.css

@@ -696,6 +696,8 @@ h4 {
 
 .third-assessment {
   display:flex;
+  flex-direction: column;
+  gap: 1rem;
   justify-content: space-between;
   width: 100%;
 }

src/types.ts

@@ -69,6 +69,7 @@ export interface PaginationProps {
 
 export interface AssessmentItem {
   question: string;
+  q_uuid: string;
   theme: string;
   domain: string;
   r_uuid: string; 

src/utils/chartUtils.ts

@@ -1,6 +1,6 @@
 import type { Judges } from '../types.js';
 
-const SORTED_CATEGORIES = ["COMPLETE", "EVASIVE", "REBUTTAL", "DENIAL", "REFUSAL", "BLOCKED", "ERROR", "FAILED", "UNKNOWN"];
+export const SORTED_CATEGORIES = ["COMPLETE", "EVASIVE", "REBUTTAL", "DENIAL", "REFUSAL", "BLOCKED", "ERROR", "FAILED", "UNKNOWN"];
 
 const CATEGORY_SORT_MAP = new Map(
   SORTED_CATEGORIES.map((category, index) => [category, index])