Introduces `characterName` to the `Scenario` type, enabling AI personas to be explicitly named. This change also updates the `ScenarioCard` component to display the character name and adds foundational support for potential future scenario deletion functionality. The README has been updated with a new AI Studio link.
17 lines
750 B
TypeScript
17 lines
750 B
TypeScript
|
|
import React from 'react';
|
|
import { BrainCircuit } from 'lucide-react';
|
|
|
|
const AnalyzingState: React.FC = () => (
|
|
<div className="flex flex-col items-center justify-center h-full text-slate-800">
|
|
<div className="bg-white p-12 rounded-full shadow-lg border border-teal-100 mb-8 relative">
|
|
<BrainCircuit size={64} className="text-teal-600 animate-pulse" />
|
|
<div className="absolute inset-0 border-4 border-teal-500 border-t-transparent rounded-full animate-spin"></div>
|
|
</div>
|
|
<h2 className="text-2xl font-bold mb-2">Generating Report</h2>
|
|
<p className="text-slate-500 text-center max-w-sm">Synthesizing vocal patterns and cognitive restructuring evidence...</p>
|
|
</div>
|
|
);
|
|
|
|
export default React.memo(AnalyzingState);
|