Omo sebiomoa
sebiomoa
/ ChatDemo.tsx
Created
March 16, 2026 19:53
WhatsApp-style chat animation component (React + Tailwind CSS)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "use client"; | |
| import { useEffect, useRef, useState } from "react"; | |
| type Message = { | |
| id: number; | |
| from: "user" | "bot"; | |
| text?: string; | |
| card?: { title: string; category: string; score: number; detail: string }; | |
| typing?: true; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Security Template | |
| This repository handles production user data and privileged database access. Treat security requirements as **non-optional**. | |
| ## Agent Rules (MUST FOLLOW) | |
| - **No secrets in code** | |
| - Never commit: Service role keys, JWT secrets, database passwords, API keys. | |
| - Client-side env vars must be limited to `NEXT_PUBLIC_*` and must be non-sensitive. |