EthiCheck Copilot

"use client";

import { useState } from 'react';
import { sampleTrace, Trace } from '../data/sample-trace';
import { sampleInput } from '../data/sample-input';

// NOTE: These types are re-declared here to avoid importing from `source/core`,
// which is a requirement for static trace-replaying artifacts.
type Issue = {
  start: number;
  end: number;
  type: 'originality_needed' | 'citation_required' | 'elaboration_needed' | 'personal_viewpoint_clarity';
  suggestion: string;
};

type AnalysisResult = {
  originalText: string;
  issues: Issue[];
};

const pipelineSteps = Object.keys(sampleTrace);

export default function Home() {
  const [currentStep, setCurrentStep] = useState(-1);

  const handleReplay = () => {
    let step = 0;
    const interval = setInterval(() => {
      if (step >= pipelineSteps.length) {
        clearInterval(interval);
      } else {
        setCurrentStep(step);
        step++;
      }
    }, 500);
  };

  const getHighlightedText = (text: string, issues: Issue[]) => {
    let lastIndex = 0;
    const parts = [];
    const sortedIssues = [...issues].sort((a, b) => a.start - b.start);

    sortedIssues.forEach((issue, index) => {
      if (issue.start > lastIndex) {
        parts.push(<span key={`text-${lastIndex}`}>{text.substring(lastIndex, issue.start)}</span>);
      }
      parts.push(
        <span key={`issue-${index}`} style={{ backgroundColor: '#ffdddd', fontWeight: 'bold' }}>
          {text.substring(issue.start, issue.end)}
        </span>
      );
      lastIndex = issue.end;
    });

    if (lastIndex < text.length) {
      parts.pus
...