کارت صفحه/اکانت (PageCard)

معرفی

PageCard کارت ردیابی یک اکانت/پیج رسانه اجتماعی است: handle، پلتفرم، وضعیت سلامت، روند فالوور، نرخ تعامل، ترکیب محتوا، و تشخیص بات. مناسب صفحه‌ی اکانت‌های ردیابی‌شده که تعداد زیادی اکانت را به‌صورت grid مدیریت می‌کند.

چه زمانی استفاده کنیم:

• صفحه‌ی list of tracked accounts در پنل افکارسنجی
• داشبورد audit کیفیت اکانت‌ها قبل از تحلیل
• خروجی AI برای آلارم خرابی اکانت (status: at-risk → کاربر فوراً متوجه شود)

چه زمانی استفاده نکنیم:

• پروفایل اینفلوئنسر دیتیل → ProfileCard (variant و logic متفاوت)
• یک پست تکی از این اکانت → PostCard
• وقتی فقط handle می‌خواهید نشان دهید → Avatar + Label

زمین بازی

استفاده

import { PageCard } from '@parto-system-design/ui'
;<PageCard
  handle="@news_agency_ir"
  platform="instagram"
  status="warning"
  followers={142000}
  followerTrend={[120, 124, 128, 130, 135, 138, 142]}
  engagementRate={3.2}
  postsPerWeek={18}
  contentMix={{ photo: 60, video: 30, carousel: 8, story: 12 }}
  botDetection={{ real: 680, suspicious: 260, bot: 114 }}
/>

راهنمای استفاده

جدول ویژگی‌ها

دسترسی‌پذیری

• وقتی interactive=true پاس شود، کارت role="button" + tabIndex=0 می‌گیرد و با Enter/Space قابل فعال‌سازی است؛ در غیر این صورت role="article" می‌گیرد.
• avatar fallback (دایره خالی) aria-hidden="true" دارد — handle و subtitle خود اطلاعات را منتقل می‌کنند.
• segmentهای contentMix هر کدام aria-label به شکل «photo 60»، «video 30»… دارند تا screen reader درصد هر بخش را اعلام کند.
• status pulse از motion-safe:animate-pulse استفاده می‌کند — در prefers-reduced-motion ساکن می‌ماند و معنا از رنگ + متن منتقل می‌شود.
• followerTrend sparkline به‌عنوان نمودار decorative است؛ مقدار عددی فالوور در کنار آن متن واقعی است که screen reader می‌خواند.

کامپوننت‌های مرتبط

• اینفلوئنسر در دامنه‌ی marketing → ProfileCard
• یک کلاستر مفهومی به‌جای اکانت → ConceptCard
• alert تنظیم‌شده روی این پیج → AlertRuleCard
• آنالیز bot tunable در standalone → BotDetectionMeter