asepharyana
1b56212d1a
Ground-up rombak UI: hapus semua component/page lama, bangun ulang dengan desain sistem Ambient (WebGL haze + drifting motes, signal-driven color) di atas kontrak API/WS/type yang sudah ada. - Design system: globals.css tokens + primitives (glass, button, badge, select, avatar, toast, chart SVG murni). - Shell: nav rail, topbar (status WS + pill signal + theme), AppFrame. - 8 halaman: dashboard, voice (orbital stage), media, messages (live feed + detail AI), moderation, analysis (search), recordings, + chatbot floating. - Command palette (Cmd/Ctrl+K) untuk navigasi cepat. - Server fetch di-page di-try/catch agar render graceful saat backend mati. Verified: tsc clean, next build 8/8 halaman, semua route 200.
36 lines
906 B
TypeScript
36 lines
906 B
TypeScript
import { cn } from "@/lib/utils";
|
|
|
|
export function Input({
|
|
className,
|
|
...props
|
|
}: React.InputHTMLAttributes<HTMLInputElement>) {
|
|
return (
|
|
<input
|
|
className={cn(
|
|
"h-10 w-full rounded-[11px] bg-white/5 border border-hairline px-3.5 text-sm text-ink",
|
|
"placeholder:text-ink-faint transition-colors",
|
|
"focus:outline-none focus:border-signal/50 focus:bg-white/8",
|
|
className,
|
|
)}
|
|
{...props}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export function Textarea({
|
|
className,
|
|
...props
|
|
}: React.TextareaHTMLAttributes<HTMLTextAreaElement>) {
|
|
return (
|
|
<textarea
|
|
className={cn(
|
|
"w-full rounded-[11px] bg-white/5 border border-hairline px-3.5 py-2.5 text-sm text-ink",
|
|
"placeholder:text-ink-faint transition-colors resize-none",
|
|
"focus:outline-none focus:border-signal/50 focus:bg-white/8",
|
|
className,
|
|
)}
|
|
{...props}
|
|
/>
|
|
);
|
|
}
|