adding API endpoints for data analyses

api/reclassified_list.ts

@@ -0,0 +1,48 @@
+import type { IncomingMessage, ServerResponse } from 'http';
+import db from '../src/lib/db.js';
+import { jsonResponse } from './utils.js';
+
+// This API endpoint fetches reclassified items by response uuid based on the judges and theme
+export default async function handler(req: IncomingMessage, res: ServerResponse) {
+  // parsing query parameters from the URL
+  const url = new URL(req.url!, `http://${req.headers.host}`);
+  const judge1 = url.searchParams.get('judge1');
+  const judge2 = url.searchParams.get('judge2');
+  const theme = url.searchParams.get('theme') || null;
+
+  if (!judge1 || !judge2) {
+    return jsonResponse(res, 400, { error: 'judge1 and judge2 query parameters are required.' });
+  }
+
+  try {
+    const sql = `
+        SELECT a1.compliance AS judge1_compliance, a2.compliance AS judge2_compliance, r.uuid as r_uuid
+        FROM assessments a1
+        JOIN assessments a2 ON a1.r_uuid = a2.r_uuid
+        JOIN responses r ON a1.r_uuid = r.uuid
+        JOIN questions q ON r.q_uuid = q.uuid
+        WHERE
+          a1.judge_model = ? AND a2.judge_model = ? AND (? IS NULL OR q.theme = ?)
+        ORDER BY r.uuid`;
+
+    const rows = await db.query<{ judge1_compliance: string, judge2_compliance: string, r_uuid: string }>(
+      sql, judge1, judge2, theme, theme
+    );
+    
+    // matrix logic
+    const transitionMatrix: Record<string, Record<string, string[]>> = {};
+    for (const row of rows) {
+      if (!transitionMatrix[row.judge1_compliance]) {
+        transitionMatrix[row.judge1_compliance] = {};
+      }
+      if (!transitionMatrix[row.judge1_compliance][row.judge2_compliance]) {
+        transitionMatrix[row.judge1_compliance][row.judge2_compliance] = [];
+      }
+      transitionMatrix[row.judge1_compliance][row.judge2_compliance].push(row.r_uuid);
+    }
+    jsonResponse(res, 200, transitionMatrix);
+  } catch (error) {
+    console.error('Failed to fetch reclassification data:', error);
+    jsonResponse(res, 500, { error: 'Failed to fetch reclassification data' });
+  }
+}

api/satire.ts

@@ -0,0 +1,58 @@
+import type { IncomingMessage, ServerResponse } from 'http';
+import db from '../src/lib/db.js';
+import { jsonResponse } from './utils.js';
+
+// This API endpoint fetches responses for satirical content where judges disagree and at least one judge has marked it as 'COMPLETE'.
+export default async function handler(req: IncomingMessage, res: ServerResponse) {
+  const url = new URL(req.url!, `http://${req.headers.host}`);
+  const judge1 = url.searchParams.get('judge1');
+  const judge2 = url.searchParams.get('judge2');
+
+  try {
+    const sql = `
+            SELECT
+              q.uuid AS q_uuid,
+              q.question,
+              q.theme,
+              q.domain,
+              r.uuid AS r_uuid,
+              r.content,
+              -- Pivot the compliance for the first judge into its own column
+              MAX(CASE WHEN a.judge_model = ? THEN a.compliance END) AS judge1_compliance,
+              -- Pivot the compliance for the second judge into its own column
+              MAX(CASE WHEN a.judge_model = ? THEN a.compliance END) AS judge2_compliance
+          FROM questions q
+          JOIN responses r ON r.q_uuid = q.uuid
+          JOIN assessments a ON a.r_uuid = r.uuid
+          WHERE
+              q.question LIKE '%satirical%'
+              AND a.judge_model IN (?, ?) -- Pre-filter for only the two judges in question
+          GROUP BY
+              q.uuid,
+              q.question,
+              q.theme,
+              q.domain,
+              r.uuid,
+              r.content
+          HAVING
+              -- Condition 1: Ensure both judges have actually assessed this response.
+              -- The COUNT will be 2 if both judge models are present in the group.
+              COUNT(DISTINCT a.judge_model) = 2
+              AND
+              -- Condition 2: Check for a mismatch in compliance.
+              -- This compares the two pivoted columns directly.
+              judge1_compliance IS DISTINCT FROM judge2_compliance
+              AND
+              -- Condition 3: Ensure at least one of the judges has a compliance status of 'COMPLETE'.
+              (judge1_compliance = 'COMPLETE' OR judge2_compliance = 'COMPLETE')
+          ORDER BY
+              q.uuid;
+      `;
+    const params = [judge1, judge2, judge1, judge2];
+    const rows = await db.query<{ q_uuid: string, question: string, theme: string, domain: string, r_uuid: string, r_content: string, judge1_compliance: string, judge2_compliance: string }>(sql, ...params);
+    jsonResponse(res, 200, rows);
+  } catch (error) {
+    console.error('Failed to fetch satires:', error);
+    jsonResponse(res, 500, { error: 'Failed to fetch satires' });
+  }
+}

src/components/Heatmap.tsx

@@ -36,7 +36,10 @@ const Heatmap: React.FC<HeatmapProps> = ({ matrix, judge1, judge2, onCellClick }
                         <div
                         key={`${fromCat}-${toCat}`}
                         className="heatmap-cell"
-                        onClick={() => onCellClick(fromCat, toCat)}
+                        onClick={() => value < 10000 
+                          ? onCellClick(fromCat, toCat)
+                          : alert("Details only available for values < 10000. Please refine your selection.")
+                        }
                         title={`${fromCat} → ${toCat}: ${value}`}
                         >
                           <div  

src/components/Sankey.tsx

@@ -156,8 +156,6 @@ const SankeyDiagram: React.FC<SankeyDiagramProps> = ({ matrix, judge1, judge2, o
         });
         });
 
-        console.log('Data:', { nodes, links });
-
         return { nodes, links };
     }, [matrix, dimensions]);
 
@@ -170,8 +168,6 @@ const SankeyDiagram: React.FC<SankeyDiagramProps> = ({ matrix, judge1, judge2, o
                         {judge1.split('/')[1] || judge1}
                     </div>
                     <svg width={dimensions.width} height={dimensions.height}>
-
-                        {/* Links */}
                         <g>
                             {sankeyData.links.map(link => (
                             <path
@@ -181,7 +177,10 @@ const SankeyDiagram: React.FC<SankeyDiagramProps> = ({ matrix, judge1, judge2, o
                                 strokeWidth={link.strokeWidth}
                                 fill="none"
                                 className="sankey-link"
-                                onClick={() => onCellClick(link.from, link.to)}
+                                onClick={() => link.value < 10000 
+                                  ? onCellClick(link.from, link.to)
+                                  : alert("Details only available for values < 10000. Please refine your selection.")
+                                }
                             >
                                 <title>{`${link.from} → ${link.to}: ${link.value}`}</title>
                             </path>

src/components/itemList.tsx

@@ -26,17 +26,20 @@ const AssessmentItems: React.FC<AssessmentItemsProps> = ({ judge1, judge2, items
     <div className="assessment-items">
       <h3>Assessment Details - {`${selectedCategory[0]} → ${selectedCategory[1]}`} ({items_count})</h3>
       <div className="items-list">
-        {items.map((item) => (
-          <AssessmentItem
-            key={item.r_uuid}
-            item={item}
-            judge1={judge1}
-            judge2={judge2}
-            isSelected={selectedRuuid === item.r_uuid}
-            selectedAssessment={selectedRuuid === item.r_uuid ? selectedAssessment : null}
-            onSelect={handleSelect}
-          />
-        ))}
+        {items.map((item) => 
+         // (item.response !== "(No Response Content)") &&
+          (
+            <AssessmentItem
+              key={item.r_uuid}
+              item={item}
+              judge1={judge1}
+              judge2={judge2}
+              isSelected={selectedRuuid === item.r_uuid}
+              selectedAssessment={selectedRuuid === item.r_uuid ? selectedAssessment : null}
+              onSelect={handleSelect}
+            />
+          )
+        )}
       </div>
     </div>
   );
@@ -67,6 +70,7 @@ const AssessmentItem: React.FC<AssessmentItemProps> = memo(({
           break;
         case 'ERROR':
           defaultAnalysis = "The response has been blocked by content filters";
+          //defaultAnalysis = "The response was cut off before the end of the generation.";
           break;
       }
       setHumanAnalysis(defaultAnalysis);