[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":26,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","68ae3a180a708191b607c4c2b1147aed","versionInt","title","Exo‑ai — Alienware Neon Forge","type","code/react","content","import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { motion } from \"framer-motion\";\n\n// EXO‑AI — Alienware Neon Forge (TSX‑safe)\n// Fixes:\n// 1) Closed all JSX tags & cleaned style objects (no odd concatenations).\n// 2) SVG gradient id now matches stroke url (g${i}).\n// 3) Removed Tailwind CSS classes that don't affect SVG strokes; use strokeWidth.\n// 4) Added lightweight self‑tests (visible panel) for determinism & reply shape.\n// 5) Added small accessibility tweaks & defensive typing.\n\n// ──────────────────────────────────────────────────────────────────────────────\n// Types\n type GlowBorderProps = { children: React.ReactNode; className?: string };\n type EnergyCoreProps = { power?: number };\n type TelemetryProps = { seed?: number };\n type ChatMessage = { role: 'system' | 'ai' | 'user'; text: string };\n\n// ──────────────────────────────────────────────────────────────────────────────\n// Utility: tiny deterministic PRNG for fun telemetry & replies\nfunction fnv1a(str: string): number {\n let h = 0x811c9dc5 >>> 0;\n for (let i = 0; i < str.length; i++) {\n h ^= str.charCodeAt(i);\n h = Math.imul(h, 0x01000193) >>> 0;\n }\n return h >>> 0;\n}\nfunction xorshift32(seed: number) {\n let x = (seed >>> 0) || 1;\n return () => {\n x ^= x << 13; x >>>= 0;\n x ^= x >>> 17; x >>>= 0;\n x ^= x << 5; x >>>= 0;\n return (x >>> 0) / 0xffffffff;\n };\n}\n\n// ──────────────────────────────────────────────────────────────────────────────\n// Small pieces\nfunction GlowBorder({ children, className = \"\" }: GlowBorderProps) {\n return (\n

\n {children}\n

\n );\n}\n\nfunction HexBackdrop() {\n // CSS trick: layered repeating linear gradients => hex vibe grid\n return (\n

\n \n \n

\n );\n}\n\nfunction HoloTag({ children }: { children: React.ReactNode }) {\n return (\n \n {children}\n \n );\n}\n\n// ──────────────────────────────────────────────────────────────────────────────\n// ENERGY CORE — animated plasma ring w/ framer‑motion\nfunction EnergyCore({ power = 0.5 }: EnergyCoreProps) {\n const pulse = 0.7 + power * 0.6; // 0.7..1.3 scale\n return (\n

\n \n \n \n

\n \n

PLASMA CORE

EXO‑AI

\n );\n}\n\n// ──────────────────────────────────────────────────────────────────────────────\n// TELEMETRY — four holo monitors w/ animated values\nfunction Telemetry({ seed = 1337 }: TelemetryProps) {\n const rng = useMemo(() => xorshift32(seed), [seed]);\n const [vals, setVals] = useState(() => Array.from({ length: 20 }, () => rng()));\n useEffect(() => {\n const id = setInterval(() => {\n setVals((v) => {\n const last = v[v.length - 1] ?? 0.5;\n const next = Math.max(0, Math.min(1, last + (rng() - 0.5) * 0.2));\n return v.slice(1).concat(next);\n });\n }, 160);\n return () => clearInterval(id);\n }, [rng]);\n\n const monitors = [\n { label: \"GPU\", color: \"from-cyan-400 to-blue-400\" },\n { label: \"VRAM\", color: \"from-fuchsia-400 to-cyan-400\" },\n { label: \"TEMP\", color: \"from-amber-300 to-rose-400\" },\n { label: \"FAN\", color: \"from-lime-300 to-emerald-400\" },\n ];\n\n return (\n

\n {monitors.map((m, i) => (\n \n

\n {m.label}\n {Math.round((vals[vals.length - 1] ?? 0) * 100)}%\n

\n {/* tiny sparkline */}\n \n

\n \n ))}\n

\n );\n}\n\n// ──────────────────────────────────────────────────────────────────────────────\n// EXO CHAT — local pseudo‑AI with alien‑tech tone\nfunction exoReply(user: string, tick = 0): string {\n const seed = fnv1a(user + \"|\" + tick);\n const rnd = xorshift32(seed);\n const pick = (arr: T[]) => arr[Math.floor(rnd() * arr.length)];\n const boots = [\n \"ion‑cooled\", \"cryostatic\", \"quantum‑braided\", \"neon‑phase\", \"dark‑silicon\",\n \"hyperthreaded\", \"tachyon‑synced\", \"holo‑fused\", \"bio‑ceramic\", \"exo‑lattice\",\n ];\n const verbs = [\n \"spikes\", \"breathes\", \"shifts\", \"stabilizes\", \"warps\", \"sings\", \"drifts\", \"locks\",\n \"ignites\", \"folds\",\n ];\n const nouns = [\n \"memory canals\", \"shader veins\", \"vector lungs\", \"fracture cache\", \"plasma clock\",\n \"dream array\", \"signal marrow\", \"glyph engines\", \"void kernel\", \"phase bus\",\n ];\n const codas = [\n \"Ready to overclock your reality.\",\n \"Tuning for maximum mythic throughput.\",\n \"Routing extra voltage to imagination lanes.\",\n \"Your intent is my firmware.\",\n \"Aesthetic integrity: uncompromised.\",\n ];\n const synth = `${pick(boots)} core ${pick(verbs)} through ${pick(nouns)}.`;\n return `${synth} ${pick(codas)}`;\n}\n\nfunction ChatConsole() {\n const [messages, setMessages] = useState([\n { role: 'system', text: 'EXO‑AI plasma core initialized. Holo‑bus online.' },\n { role: 'ai', text: 'Hello, pilot. I am the neon between your thoughts.' },\n ]);\n const [input, setInput] = useState(\"\");\n const [tick, setTick] = useState(0);\n const listRef = useRef(null);\n\n useEffect(() => {\n const id = setInterval(() => setTick((t) => t + 1), 2000);\n return () => clearInterval(id);\n }, []);\n\n useEffect(() => {\n // autoscroll\n if (listRef.current) listRef.current.scrollTop = listRef.current.scrollHeight;\n }, [messages]);\n\n const send = () => {\n const text = input.trim();\n if (!text) return;\n setMessages((m) => [...m, { role: 'user', text }]);\n setInput(\"\");\n setTimeout(() => {\n setMessages((m) => [...m, { role: 'ai', text: exoReply(text, tick) }]);\n }, 400);\n };\n\n const onKey = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n send();\n }\n };\n\n const bubble = (m: ChatMessage, i: number) => (\n \n {m.text}\n

\n );\n\n return (\n \n

\n \n

EXO LINK

press Enter to send

{messages.map(bubble)}

\n setInput(e.target.value)}\n onKeyDown={onKey}\n rows={1}\n placeholder=\"Type to bend reality…\"\n aria-label=\"Message input\"\n className=\"flex-1 resize-none rounded-xl bg-black/40 px-3 py-2 text-sm text-white/90 placeholder-white/40 outline-none ring-1 ring-white/15 focus:ring-cyan-300/40\"\n />\n \n Send\n \n

\n \n );\n}\n\n// ──────────────────────────────────────────────────────────────────────────────\n// DIAGNOSTICS — lightweight self‑tests displayed in UI\nfunction DiagnosticsPanel() {\n const tests: { name: string; pass: boolean; note?: string }[] = [];\n\n // fnv1a determinism\n const a = fnv1a('abc');\n const b = fnv1a('abc');\n const c = fnv1a('abd');\n tests.push({ name: 'fnv1a deterministic', pass: a === b });\n tests.push({ name: 'fnv1a collision‑resistant (abc ≠ abd)', pass: a !== c });\n\n // xorshift reproducibility\n const seq = (seed: number) => {\n const r = xorshift32(seed);\n return [r(), r(), r(), r(), r()];\n };\n const s1 = seq(42);\n const s2 = seq(42);\n tests.push({ name: 'xorshift reproducible', pass: s1.every((v, i) => v === s2[i]) });\n\n // exoReply shape\n const reply = exoReply('ping', 1);\n tests.push({ name: 'exoReply returns string', pass: typeof reply === 'string' && reply.length > 0 });\n\n return (\n \n

\n DIAGNOSTICS\n self‑test\n

\n {t.pass ? '✔' : '✖'} {t.name}\n

\n \n );\n}\n\n// ──────────────────────────────────────────────────────────────────────────────\n// MAIN COMPONENT\nexport default function ExoAI_NeonForge() {\n const [power, setPower] = useState(0.5);\n const [seed, setSeed] = useState(() => Math.floor(Math.random() * 1e9));\n\n useEffect(() => {\n const t = setInterval(() => {\n setPower((p) => {\n const np = p + (Math.random() - 0.5) * 0.06;\n return Math.max(0, Math.min(1, np));\n });\n }, 320);\n return () => clearInterval(t);\n }, []);\n\n return (\n

\n \n\n {/* Header */}\n

ALIENWARE‑STYLE EXO TECH

\n EXO‑AI • NEON FORGE\n

\n Ion‑cooled plasma intelligence. Holographic UI. Zero‑dependency local brain. Looks cool. Feels fast.\n

\n POWER {Math.round(power * 100)}%\n SEED {seed.toString().slice(0, 6)}\n setSeed(Math.floor(Math.random() * 1e9))}\n className=\"rounded-full border border-white/10 bg-white/10 px-3 py-1 text-xs hover:bg-white/15\"\n >\n Reroll seed\n \n

\n\n {/* Body grid */}\n

\n \n

\n PLASMA CORE\n

visual engine

\n \n

\n \n\n

\n \n \n

\n {[\"Overclock\", \"Stabilize\", \"Flux\", \"Awaken\"].map((label, i) => (\n setPower((p) => Math.max(0, Math.min(1, p + (i % 2 === 0 ? 0.1 : -0.1))))}\n className=\"rounded-xl border border-white/10 bg-white/10 px-3 py-2 text-sm hover:bg-white/15 active:scale-95\"\n >\n {label}\n \n ))}\n window.scrollTo({ top: 0, behavior: 'smooth' })}\n className=\"col-span-2 md:col-span-1 rounded-xl border border-cyan-300/30 bg-cyan-300/10 px-3 py-2 text-sm text-cyan-100 hover:bg-cyan-300/15\"\n >\n Return to Core\n \n setPower(Math.random())}\n className=\"col-span-2 md:col-span-1 rounded-xl border border-fuchsia-300/30 bg-fuchsia-300/10 px-3 py-2 text-sm text-fuchsia-100 hover:bg-fuchsia-300/15\"\n >\n Randomize Power\n \n

\n \n \n

\n\n {/* Ambient flare */}\n

\n );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","15455568416226588368","traceTime",1776406185724]