"use client";

import { useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
import type { CSSProperties, KeyboardEvent as ReactKeyboardEvent, PointerEvent as ReactPointerEvent, RefObject } from "react";

/**
 * TuningPrismHero — a first screen whose glass prism is the reader's own tuning.
 *
 * The prism is ray-marched live in WebGL2 (no three.js, no assets): its
 * cross-section is the reader's hexagon, so it is a different object for
 * every person. Glass with dispersion splits the key light (tinted by
 * warmth, 6,500 K to 2,700 K) into a spectrum that falls on the wall behind.
 * Pinned, the scroll turns it from a gem pose to face the reader, then six
 * rays draw out of its corners, each ending in a chip: drag a chip along its
 * ray (or use the arrow keys) and the prism re-forms while every Ultra asset
 * on the page retunes. The prism leans toward the pointer and sways a little
 * at rest when motion allows. Paper light swaps the dark studio for a white
 * sweep with black flags. The canvas starts on first approach, draws on

  // ---------------------------------------------------------------
  // Full source available with a viberdy Pro subscription.
  // https://viberdy.dev/pricing
  // ---------------------------------------------------------------
}