Magoshi-SM-PMA prod by(power-tu.com)https://ai.studio/apps/a95ec2f8-c7e2-4098-8a96-634f7e6c1761?fullscreenApplet=true

import React, { useState, useEffect, useRef } from 'react'; import { Home, Newspaper, Users, Landmark, FileText, Calendar, MessageSquare, Settings, Plus, Search, Image as ImageIcon, Video, ThumbsUp, MessageCircle, Bot, Shield, BarChart3, AlertTriangle, FileCode, Sparkles, ChevronDown, Send, X, Zap, UserPlus, ClipboardList, Mic, User, Upload, CheckCircle } from 'lucide-react'; import { motion, AnimatePresence } from 'framer-motion';

const API_KEY = ""; // User provides key const API_URL = https://generativelanguage.googleapis.com/v1beta/models/gemini-3-flash-preview:generateContent?key=${API_KEY};

const SYSTEM_PROMPT = You are the AI Political Aide for the Magoshi Swaranang Movement (MSM). Your persona is professional, patriotic, strategic, and community-focused. You advise on political strategy, policy development, community engagement, and governance. Always prioritize the MSM values of integrity, service, and grassroots empowerment. You are the Swaranang Envoy - wearing green, yellow, and black colors of the movement. You provide real-time news on South African government and local community updates.;

export default function App() { const [activeTab, setActiveTab] = useState('Feed'); const [userRole, setUserRole] = useState('Admin'); // 'Member' or 'Admin' const [isAiOpen, setIsAiOpen] = useState(true);

return (

  <main className="flex-1 overflow-y-auto">
    <header className="p-6 border-b border-gray-800 flex justify-between items-center bg-[#121212]/80 backdrop-blur-md sticky top-0 z-20">
      <h1 className="text-xl font-bold text-[#00A651]">{activeTab}</h1>
    </header>
    <div className="p-6 max-w-4xl mx-auto">
      {activeTab === 'Feed' && <CommunityFeed userRole={userRole} />}
      {activeTab !== 'Feed' && <div className="text-center text-gray-500 pt-20">Module: {activeTab} (Available in Full Deployment)</div>}
    </div>
  </main>
  
  <FloatingAIAgent />
</div>