Hikaru Nagi Forum Work | 100% Fast |

Hikaru Nagi is notorious for deleting their work. A piece posted at 3:00 AM JST is often gone by sunrise. The primary job of forum members is The Scrapbook Protocol.

Unlike Reddit or Discord, where images expire or get buried, the forum’s thread system allows for meticulous cataloging. Forum workers spend hours sorting Nagi’s art by "Eras"—The Blue Period, The Ghost Ink Years, the lost 2021 exhibition. Without this manual labor, over 40% of Nagi’s early digital sketches would exist only in broken image links.

A functional component that renders the board and allows adding new evidence.

import React,  useState  from 'react';
import  v4 as uuidv4  from 'uuid'; // Assuming uuid is installed
// Mock Data for demonstration
const initialEvidence = [
id: '1',
author: 'Admin',
content: 'Hikaru disappears in Chapter 12 only to reappear in Chapter 15 with no memory.',
source: 'Ch. 12-15',
timestamp: new Date(),
connections: ['2']
,
id: '2',
author: 'User123',
content: 'The symbol on his jacket in Ch. 15 matches the antagonist from the prologue.',
source: 'Prologue Pg. 4',
timestamp: new Date(),
connections: []
]; hikaru nagi forum work
export const AssemblyBoard: React.FC = () => 
const [cards, setCards] = useState(initialEvidence);
const [isFormOpen, setIsFormOpen] = useState(false);
const [newContent, setNewContent] = useState('');
const [newSource, setNewSource] = useState('');
const handleAddEvidence = (e: React.FormEvent) => 
e.preventDefault();
if (!newContent.trim()) return;
const newCard = 
  id: uuidv4(),
  author: 'Guest', // In a real app, this comes from auth
  content: newContent,
  source: newSource,
  timestamp: new Date(),
  connections: []
;
setCards([...cards, newCard]);
setNewContent('');
setNewSource('');
setIsFormOpen(false);

;
return (
<div className="assembly-container" style=styles.container>
<header style=styles.header>
<h2>Assembly: Hikaru Nagi Timeline Anomalies</h2>
<button onClick=() => setIsFormOpen(!isFormOpen) style=styles.toggleBtn>
isFormOpen ? 'Cancel' : 'Submit New Evidence'
</button>
</header>
  /* Submission Form */
  isFormOpen && (
    <form onSubmit=handleAddEvidence style=styles.form>
      <textarea
        placeholder="Describe the finding..."
        value=newContent
        onChange=(e) => setNewContent(e.target.value)
        style=styles.textarea
        required
      />
      <input
        type="text"
        placeholder="Source (e.g., Chapter 5, Interview X)"
        value=newSource
        onChange=(e) => setNewSource(e.target.value)
        style=styles.input
      />
      <button type="submit" style=styles.submitBtn>Pin to Board</button>
    </form>
  )
/* The Board */
  <div style=styles.board>
    cards.map((card) => (
      <div key=card.id style=styles.card>
        <div style=styles.cardHeader>
          <span style=styles.author>card.author</span>
          <span style=styles.source>card.source</span>
        </div>
        <p style=styles.content>card.content</p>
        /* In a full version, clicking this would initiate a drag-line to another card */
        <button style=styles.connectBtn>Link Evidence</button>
      </div>
    ))
  </div>
</div>

);
;
// Basic styling to simulate a forum look
const styles = 
container: 
padding: '20px',
maxWidth: '800px',
margin: '0 auto',
fontFamily: 'Arial, sans-serif',
backgroundColor: '#f4f4f4',
borderRadius: '8px',
,
header: 
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
marginBottom: '20px',
,
board: 
display: 'grid',
gridTemplateColumns: 'repeat(auto-fill, minmax(250px, 1fr))',
gap: '15px',
,
card: 
backgroundColor: '#fff',
borderLeft: '5px solid #007bff',
padding: '15px',
boxShadow: '0 2px 5px rgba(0,0,0,0.1)',
,
cardHeader: 
display: 'flex',
justifyContent: 'space-between',
fontSize: '0.85em',
color: '#666',
marginBottom: '10px',
,
author: 
fontWeight: 'bold',
color: '#333',
,
source: 
fontStyle: 'italic',
,
content: 
fontSize: '0.95em',
lineHeight: '1.5',
,
form: 
backgroundColor: '#fff',
padding: '15px',
marginBottom: '20px',
borderRadius: '5px',
border: '1px solid #ddd',
,
textarea: 
width: '100%',
height: '80px',
marginBottom: '10px',
padding: '8px',
,
input: 
width: '100%',
padding: '8px',
marginBottom: '10px',
,
toggleBtn: 
padding: '8px 16px',
cursor: 'pointer',
,
submitBtn: 
padding: '8px 16px',
backgroundColor: '#007bff',
color: '#fff',
border: 'none',
cursor: 'pointer',
,
connectBtn: 
marginTop: '10px',
fontSize: '0.8em',
backgroundColor: 'transparent',
border: '1px solid #ccc',
cursor: 'pointer',
padding: '4px 8px',
;
 Hikaru Nagi is notorious for deleting their work

| Activity | How to run | |----------|-------------| | Weekly theory thread | Pin a new lore question every Monday | | Fanart spotlight | Member vote → featured on homepage | | Birthday event | Collective fanwork for Hikaru’s in-universe birthday | | Rewatch/reread party | Scheduled live discussion in chatbox |