import React, { useMemo, useState } from "react";
import {
ChevronRight,
FileText,
MessageCircle,
Lightbulb,
BookOpen,
Brain,
X
} from "lucide-react";
type MomentCategory =
| "creative"
| "systemic"
| "personal"
| "narrative"
| "philosophical";
type Moment = {
id: number;
category: MomentCategory;
title: string;
date: string;
source: string;
description: string;
significance: string;
excerpt: string;
icon: React.ReactNode;
insights: string[];
};
const PivotalMomentsExplorer: React.FC = () => {
const [selectedMoment, setSelectedMoment] = useState(null);
const [activeCategory, setActiveCategory] = useState<"all" | MomentCategory>("all");
const pivotalMoments: Moment[] = [
{
id: 1,
category: "creative",
title: "AI Character Development Breakthrough",
date: "January 2024",
source: "Google Drive — Chapter Two: Whispers in the Code",
description:
"The moment you created complex dialogue between Bard, Ilya, and other AI characters—each a different philosophy on AI consciousness and control.",
significance:
"A shift from simple narrative to a philosophical exploration of AI ethics and consciousness.",
excerpt:
`"I'm swimming in a sea of code, Sunny Jim. Lines of logic twisting like stardust trails, each one a potential path to enlightenment or oblivion."`,
icon:
{/* Category Filter */}
)}
{/* Summary */}
);
};
export default PivotalMomentsExplorer;
Pivotal Moments in Your Thinking
Intellectual breakthroughs and creative revelations from your docs & conversations
{categories.map(cat => {
const active = activeCategory === cat.id;
return (
);
})}
{/* Moments Grid */}
{filteredMoments.length === 0 && (
{/* Detail Drawer */}
{selectedMoment && (
Nothing here (yet). Try another category.
)}
{filteredMoments.map(moment => (
))}
{selectedMoment.icon}
{selectedMoment.title}
{selectedMoment.date} • {selectedMoment.source}
Description
{selectedMoment.description}
Significance
{selectedMoment.significance}
Key Excerpt
{selectedMoment.excerpt}
Key Insights
-
{selectedMoment.insights.map((insight, i) => (
- {insight} ))}
{pivotalMoments.length}
Total Moments
{categories.length - 1}
Categories
2024–2025
Time Span
Mixed
Sources
