Lattice loader
A tiny grid of cells that lights them in a named pattern while work runs, then resolves to a done or error mark with a spoken timer.
Thinking, in progress
Implementation
1"use client";2 3import { useEffect, useState, type CSSProperties } from "react";4 5export type LatticeStatus = "working" | "done" | "error";6export type LatticePatternName =7 | "arrow"8 | "dots"9 | "orbit"10 | "ripple"11 | "snake"12 | "spiral"13 | "sweep"14 | "spin"15 | "rain"16 | "pulse";17export type LatticeGrid = 3 | 4;18 19export interface LatticePattern {20 cells: (number | null)[];21 loop?: number;22 scale?: number;23 lit?: 0.25 | 0.35 | 0.45 | 0.62;24}25 26export interface LatticeLoaderProps {27 label?: string;28 doneLabel?: string;