"use client"; import React, { useState, useEffect } from "react"; import { motion, useDragControls, useMotionValue } from "framer-motion"; import { LineChart, Line, XAxis, YAxis, Tooltip as RechartsTooltip, ResponsiveContainer, BarChart, Bar, Cell, CartesianGrid } from "recharts"; import { Fingerprint, Search, Lock, FileWarning } from "lucide-react"; import { cn } from "@/src/lib/utils"; import { GlobalStyles, FolderTab, FileCard, Redacted, Polaroid, OPERATIONS, REVENUE_DATA, AGENTS } from "@/src/components/CoreLandingPages/AgencyPortfolio/tsx/THEORACLE"; import { AnimatePresence } from "framer-motion"; // --- MAIN LAYOUT --- export default function RedactedDashboard() { const [activeTab, setActiveTab] = useState("OPERATIONS"); const [date, setDate] = useState(""); useEffect(() => { setDate(new Date().toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: '2-digit' }).toUpperCase()); }, []); return (

{/* --- THE DESK SURFACE --- */} {/* Scattered background elements */}

MEMO #4421

Target acquired. Do not discuss budget allocation with Client X.

Meeting moved to 0900 hours.

{/* Main Folder Container */}

{/* Header Block */}

AGENCY ARCHIVE

DATE: {date}

LOCATION: SECTOR 7G

CLEARANCE: TOP SECRET

{/* Tabbed Folder System */}

{['OPERATIONS', 'FINANCIALS', 'PERSONNEL'].map(tab => ( setActiveTab(tab)} /> ))}

{/* The Open Folder (Main Content) */}

{/* Content switching based on tab */} {/* --- TAB 1: OPERATIONS --- */} {activeTab === 'OPERATIONS' && (

ACTIVE MISSIONS

{op.code} {op.status}

REF: {op.id}

LEVEL: {op.clearance}

ALLOCATION: {op.budget}

RECENT INTEL

Surveillance indicates Client Nike is requesting a scope expansion. Assets must be deployed by 0800 hours tomorrow.

WARNING: Server loads at 98%. Possible breach or viral traffic spike detected on Sector 4.

ENCRYPTED_CHANNEL_V.92

> Connecting...

> Handshake verified.

> Incoming transmission:

"The assets are secure. Uploading to main server now."

)} {/* --- TAB 2: FINANCIALS --- */} {activeTab === 'FINANCIALS' && (

REVENUE TRAJECTORY

SOURCE: OFFSHORE ACCOUNTS

{[ { label: "GROSS INC.", val: "$1,420,000" }, { label: "BURN RATE", val: "$45,000" }, { label: "NET PROFIT", val: "$920,000" } ].map((stat) => (

{stat.label}

{stat.val}

))}

)} {/* --- TAB 3: PERSONNEL --- */} {activeTab === 'PERSONNEL' && (

{AGENTS.map((agent) => (

{/* Hidden Dossier on Hover */}

CLASSIFIED DOSSIER

ROLE: {agent.role}

STATUS: ACTIVE

LAST SEEN: BERLIN

))}

RECRUITMENT PIPELINE

CANDIDATE	ROLE	STATUS
John Doe	Frontend	VETTING
Jane Smith	Design	OFFER SENT

)} {/* Footer Stamp */}

FOR EYES ONLY

); }

Property	Type	Default	Description
primaryColor	string	#6b46c1	Mystical purple color for oracle elements.
accentColor	string	#fbbf24	Golden accent color for mystical highlights.
enableMysticalEffects	boolean	true	Enable mystical glow and particle effects.
animationSpeed	number	1	Speed of mystical animations.

The Oracle

Props