From 05a065c8fceefc0b85dab2a086e44695fe307953 Mon Sep 17 00:00:00 2001
From: ADHD Incorporated <a.lawrence.mx@gmail.com>
Date: Fri, 2 Jan 2026 10:52:19 -0600
Subject: [PATCH] feat: Replace viewer2.html with a full React/Framer Motion UI
 (#34)

This commit replaces the entire `viewer2.html` with a new, modern UI based on the "Pimptastic" design reference. The previous vanilla JavaScript implementation has been refactored into a component-based React application that is transpiled in the browser, following the "Vibe Coding" philosophy of the project.

Key changes include:
- A full visual overhaul to a dark, orange-themed "glassmorphism" design.
- The implementation of a `useSemanticSocket` hook to manage WebSocket connections and application state.
- The introduction of Framer Motion for animations, including the "staircase" effect on transcript words as requested by the user.
- The successful integration of the existing whiteboard functionality into the new React component architecture.
- A safeguard to prevent the application from crashing if the Framer Motion CDN fails to load.

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>