"use client"; import Link from "next/link"; import Sidebar from "@/components/Sidebar"; function Icon({ name, className = "" }: { name: string; className?: string }) { return {name}; } function StatChip({ label, value, icon }: { label: string; value: string; icon: string }) { return (
{value} {label}
); } function ActionBtn({ icon, label, sub }: { icon: string; label: string; sub: string }) { return ( ); } export default function ProfilePage() { const displayName = "Anirban Basak"; const initials = "AB"; const username = "@anirbanbasak"; const telegramId = "#7291048"; const personality = "Balanced"; const voiceId = "tHnMa72bKS"; const joinedAt = "January 12, 2026"; const accountRows = [ { label: "Display Name", value: displayName }, { label: "Telegram Handle", value: username }, { label: "Telegram ID", value: telegramId }, { label: "Personality", value: personality }, { label: "Member Since", value: joinedAt }, ]; return (
{/* grid bg */}
{/* Top bar */}

User Profile

{/* Scrollable content */}
{/* Profile hero */}
{/* Avatar */}
{initials}

{displayName}

{username}

Telegram ID: {telegramId}

Active
{/* Stats row */}
{/* Account details */}

Account Details

{accountRows.map(({ label, value }, i) => (
{label} {value}
))}
{/* Active agent */}

Active Agent Status

Mesh-Core-Alpha

Primary Computing Node

Operational
{/* Quick actions */}

Quick Actions

{/* Footer */}

negoT8 v2.0.0 © 2026

); }