(null);
const [isLoading, setIsLoading] = useState(false);
const [isTransitioning, setIsTransitioning] = useState(false);
// Generate scene texts based on form values and API response
const getSceneTexts = () => {
if (!args) return ["Please submit your arguments first.", "", ""];
return [
`Person 1: ${args.person1}`,
`Person 2: ${args.person2}`,
judgeResponse ?
`Judge: ${judgeResponse}` :
isLoading ?
"Judge: Deliberating..." :
"Judge: After hearing both arguments, I will now make my decision..."
];
};
const handleSceneTransition = async () => {
if (isTransitioning) return;
setIsTransitioning(true);
setCurrentSprite("talk");
// Talk animation
await new Promise(resolve => setTimeout(resolve, 500));
setCurrentSprite("normal");
// Wait for sprite to return to normal before changing scene
await new Promise(resolve => setTimeout(resolve, 100));
setScene(((scene + 1) % 3) as 0 | 1 | 2);
setIsTransitioning(false);
};
const SceneSelector = ({ type }: { type: 0 | 1 | 2 }) => {
switch(type) {
case 0:
return (
{currentSprite === "normal" && (
)}
{currentSprite === "talk" && (
)}
)
case 1:
return (
{currentSprite === "normal" && (
)}
{currentSprite === "talk" && (
)}
)
case 2:
return (
{currentSprite === "normal" && (
)}
{currentSprite === "talk" && (
)}
)
}
}
const TextOverlay = ({ text }: { text: string }) => {
const [displayedText, setDisplayedText] = useState("");
const [currentIndex, setCurrentIndex] = useState(0);
const [isCompleted, setIsCompleted] = useState(false);
useEffect(() => {
setDisplayedText("");
setCurrentIndex(0);
setIsCompleted(false);
}, [text]);
useEffect(() => {
if (currentIndex < text.length) {
const timer = setTimeout(() => {
setDisplayedText(prev => prev + text[currentIndex]);
setCurrentIndex(prev => prev + 1);
}, 25);
return () => clearTimeout(timer);
} else {
setIsCompleted(true);
if (scene === 2 && !judgeResponse && !isLoading) {
handleJudgeDecision();
}
}
}, [currentIndex, text, scene, judgeResponse, isLoading]);
return (
{
if (isCompleted && scene !== 2 && !isTransitioning) {
handleSceneTransition();
}
}}
>
{displayedText}
{isCompleted && scene !== 2 && !isTransitioning && (
(click)
)}
## Problem
Traditional dispute resolution and argument evaluation systems are:
- Centralized and prone to bias
- Lack transparency in decision-making
- Time-consuming and expensive
- Not easily accessible to everyone
## Solution
- Autonomous and verifiable argument evaluation through Eigenlayer AVS
- Utilizes [Opacity](https://www.opacity.network/) for off-chain AI powered decision making
- Integratable with any platform
## Impact
Many platforms are simply overwhelmed by the number of bots and with recent monetization programs becoming popular (ie X) creators have resorted to prioritizing content that drives clicks, rather than crafting the highest quality posts. By using AI to analyze content, platforms can effeciently eliminate or demonitize content that doesn't meet criteria. Incorporating the AVS allows for transparency. Any user can view the prompt that was used to analyze the content. This ensures that platforms are not injecting their own biases into the filtering.
## Tech Stack
- Frontend: Next.js, TailwindCSS
- Backend: Express.js
- AI Integration: Opacity AVS and OpenAI
- Decentralization: Eigenlayer