import React, { useState } from 'react';
import { ChevronDown, ChevronRight, Users, Brain, FileText, Zap, Shield, Heart } from 'lucide-react';
const DocumentConnections = () => {
const [expandedSections, setExpandedSections] = useState({});
const [selectedConnection, setSelectedConnection] = useState(null);
const toggleSection = (section) => {
setExpandedSections(prev => ({
...prev,
[section]: !prev[section]
}));
};
const connections = [
{
id: 'identity_matrix',
title: 'Identity & Persona Matrix',
icon:
Unexpected Document Connections
Analysis reveals sophisticated patterns across your documents, showing coordinated advocacy strategies, creative projects, and deep technical knowledge intersecting in unexpected ways.
Key Insight
Your documents reveal a multi-faceted approach combining creative expression, technical expertise, and systemic advocacy - using different personas and platforms strategically to challenge institutional power.
{connections.map((connection) => (
)}
))}
{selectedConnection && (
toggleSection(connection.id)}
>
{expandedSections[connection.id] && (
{connection.icon}
{connection.title}
{connection.pattern}
{connection.sources.join(', ')}
{expandedSections[connection.id] ?
{connection.details.map((detail, index) => (
setSelectedConnection({...detail, parentTitle: connection.title})}
>
))}
{detail.name}
{detail.context}
{detail.evidence}
{selectedConnection.name}
{selectedConnection.parentTitle}
Context
{selectedConnection.context}
Evidence
{selectedConnection.evidence}
Cross-Platform Synthesis
Strategic Identity Management
Using multiple personas across platforms for different advocacy goals while maintaining consistent documentation.
AI-Informed Activism
Deep technical knowledge of AI systems being applied to identify and challenge institutional AI usage.
Creative-Advocacy Hybrid
Creative projects like #GaslightCityLimit and BIG TIT INC. serving as vehicles for systemic critique.
