@parto-system-design/ui 1.1.9 → 1.1.16

package/dist/components/ui/page-header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/lib/i18n.ts","../../../src/components/ui/page-header.tsx"],"names":["twMerge","clsx","React","jsxs","jsx","ArrowRight"],"mappings":"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","file":"page-header.cjs","sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\nimport { formatJalaliDate } from '@/lib/jalali-utils'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport type SupportedLocale = 'fa' | 'ar' | 'en'\n\n/**\n * Convert digits in a string to Persian/Arabic numerals based on locale.\n * @example convertToLocalNumbers('123', 'fa') => '۱۲۳'\n * @example convertToLocalNumbers('123', 'en') => '123'\n */\nexport function convertToLocalNumbers(text: string | number, locale: SupportedLocale): string {\n  if (locale === 'fa' || locale === 'ar') {\n    const persianDigits = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹']\n    return String(text).replace(/\\d/g, (digit) => persianDigits[parseInt(digit)])\n  }\n  return String(text)\n}\n\n/**\n * Format large numbers with locale-aware suffixes (K/M/B).\n * @example formatLargeNumber(1500, 'fa') => '۱.۵ هزار'\n * @example formatLargeNumber(1500, 'en') => '1.5K'\n */\nexport function formatLargeNumber(num: number, locale: SupportedLocale): string {\n  if (num >= 1_000_000_000) {\n    const formatted = (num / 1_000_000_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'B' : ' میلیارد')\n  }\n  if (num >= 1_000_000) {\n    const formatted = (num / 1_000_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'M' : ' میلیون')\n  }\n  if (num >= 1_000) {\n    const formatted = (num / 1_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'K' : ' هزار')\n  }\n  return convertToLocalNumbers(num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ','), locale)\n}\n\n/**\n * Format number to Instagram-style short format (English only).\n * @example formatNumber(123456, 'short') => '123K'\n * @example formatNumber(123456, 'exact') => '123,456'\n */\nexport function formatNumber(num: number | undefined, format: 'exact' | 'short' = 'exact'): string {\n  if (num === undefined || num === null) return '0'\n\n  if (format === 'exact') {\n    return num.toLocaleString('en-US')\n  }\n\n  // Short format (Instagram style)\n  if (num >= 1_000_000_000) {\n    return `${(num / 1_000_000_000).toFixed(1).replace(/\\.0$/, '')}B`\n  }\n  if (num >= 1_000_000) {\n    return `${(num / 1_000_000).toFixed(1).replace(/\\.0$/, '')}M`\n  }\n  if (num >= 1_000) {\n    return `${(num / 1_000).toFixed(1).replace(/\\.0$/, '')}K`\n  }\n  return num.toString()\n}\n\n/**\n * Format date to relative time with absolute on hover (Persian)\n * @example formatRelativeTime(new Date()) => '۲ ساعت پیش'\n */\nexport function formatRelativeTime(date: Date | string | number): string {\n  const now = new Date()\n  const then = new Date(date)\n  const diffInSeconds = Math.floor((now.getTime() - then.getTime()) / 1000)\n\n  if (diffInSeconds < 60) {\n    return 'همین الان'\n  }\n\n  const diffInMinutes = Math.floor(diffInSeconds / 60)\n  if (diffInMinutes < 60) {\n    return `${convertToLocalNumbers(diffInMinutes, 'fa')} دقیقه پیش`\n  }\n\n  const diffInHours = Math.floor(diffInMinutes / 60)\n  if (diffInHours < 24) {\n    return `${convertToLocalNumbers(diffInHours, 'fa')} ساعت پیش`\n  }\n\n  const diffInDays = Math.floor(diffInHours / 24)\n  if (diffInDays < 7) {\n    return `${convertToLocalNumbers(diffInDays, 'fa')} روز پیش`\n  }\n\n  const diffInWeeks = Math.floor(diffInDays / 7)\n  if (diffInWeeks < 4) {\n    return `${convertToLocalNumbers(diffInWeeks, 'fa')} هفته پیش`\n  }\n\n  const diffInMonths = Math.floor(diffInDays / 30)\n  if (diffInMonths < 12) {\n    return `${convertToLocalNumbers(diffInMonths, 'fa')} ماه پیش`\n  }\n\n  const diffInYears = Math.floor(diffInDays / 365)\n  return `${convertToLocalNumbers(diffInYears, 'fa')} سال پیش`\n}\n\n/**\n * Format date to absolute format (Persian / Jalali)\n * Uses date-fns-jalali for accurate Jalali conversion.\n * @example formatAbsoluteTime(new Date()) => '۱۵ دی ۱۴۰۳، ۱۵:۳۰'\n */\nexport function formatAbsoluteTime(date: Date | string | number): string {\n  const d = new Date(date)\n  return formatJalaliDate(d, 'd MMMM yyyy، HH:mm')\n}\n","import type { SupportedLocale } from './utils'\n\n// Re-export SupportedLocale as Locale for public API convenience.\n// SupportedLocale is the canonical type; Locale is an alias.\nexport type Locale = SupportedLocale\n\n/**\n * Returns true for RTL locales (fa, ar).\n */\nexport function isRTL(locale: SupportedLocale): boolean {\n  return locale === 'fa' || locale === 'ar'\n}\n\n// NOTE: TIER_LABELS and GROUP_LABELS already live in engagement-utils.ts.\n// This file only houses UI-layer translations that are not part of the domain model.\n\n/**\n * UI string translations used by the EngagementRate component.\n * Centralised here to avoid duplication between components.\n */\nexport const engagementUiTranslations: Record<\n  SupportedLocale,\n  {\n    yourCategory: string\n    influencer: string\n    followers: string\n    over: string\n    to: string\n    and: string\n    lessThan: string\n    you: string\n    criteria: string\n  }\n> = {\n  fa: {\n    yourCategory: 'دسته شما:',\n    influencer: 'اینفلوئنسر',\n    followers: 'فالوور',\n    over: 'بیش از',\n    to: 'تا',\n    and: 'و بالاتر',\n    lessThan: 'کمتر از',\n    you: 'شما',\n    criteria: 'معیارهای دسته',\n  },\n  ar: {\n    yourCategory: 'فئتك:',\n    influencer: 'مؤثر',\n    followers: 'متابع',\n    over: 'أكثر من',\n    to: 'إلى',\n    and: 'وأعلى',\n    lessThan: 'أقل من',\n    you: 'أنت',\n    criteria: 'معايير فئة المؤثر',\n  },\n  en: {\n    yourCategory: 'Your Category:',\n    influencer: 'Influencer',\n    followers: 'followers',\n    over: 'Over',\n    to: 'to',\n    and: 'and above',\n    lessThan: 'Less than',\n    you: 'You',\n    criteria: 'Category Criteria',\n  },\n}\n\n/**\n * Sentiment label translations used by the SentimentBadge component.\n */\nexport const sentimentLabels: Record<\n  SupportedLocale,\n  {\n    positive: string\n    negative: string\n    neutral: string\n    mixed: string\n  }\n> = {\n  fa: { positive: 'مثبت', negative: 'منفی', neutral: 'خنثی', mixed: 'ترکیبی' },\n  ar: { positive: 'إيجابي', negative: 'سلبي', neutral: 'محايد', mixed: 'مختلط' },\n  en: { positive: 'Positive', negative: 'Negative', neutral: 'Neutral', mixed: 'Mixed' },\n}\n\n/**\n * Canonical emotion keys — 9-class advanced sentiment scale used in افکارسنجی\n * deep analysis. Coexists with the simple 3-class `Sentiment` above; they are\n * NOT interchangeable. Choose the scale based on view density.\n */\nexport type EmotionKey =\n  | 'anger'\n  | 'anticipation'\n  | 'joy'\n  | 'trust'\n  | 'fear'\n  | 'surprise'\n  | 'sadness'\n  | 'disgust'\n  | 'neutral'\n\nexport const EMOTION_KEYS: readonly EmotionKey[] = [\n  'anger',\n  'anticipation',\n  'joy',\n  'trust',\n  'fear',\n  'surprise',\n  'sadness',\n  'disgust',\n  'neutral',\n] as const\n\n/** Emotion label translations used by EmotionBadge / EmotionDistribution. */\nexport const emotionLabels: Record<SupportedLocale, Record<EmotionKey, string>> = {\n  fa: {\n    anger: 'خشم',\n    anticipation: 'انتظار',\n    joy: 'شادی',\n    trust: 'اعتماد',\n    fear: 'ترس',\n    surprise: 'شگفتی',\n    sadness: 'غم',\n    disgust: 'انزجار',\n    neutral: 'خنثی',\n  },\n  ar: {\n    anger: 'غضب',\n    anticipation: 'ترقّب',\n    joy: 'فرح',\n    trust: 'ثقة',\n    fear: 'خوف',\n    surprise: 'دهشة',\n    sadness: 'حزن',\n    disgust: 'اشمئزاز',\n    neutral: 'محايد',\n  },\n  en: {\n    anger: 'Anger',\n    anticipation: 'Anticipation',\n    joy: 'Joy',\n    trust: 'Trust',\n    fear: 'Fear',\n    surprise: 'Surprise',\n    sadness: 'Sadness',\n    disgust: 'Disgust',\n    neutral: 'Neutral',\n  },\n}\n\n/**\n * Stance keys — 5-class audience-stance classification used in clustering.\n * A concept / post / page belongs to exactly one primary stance, but usually\n * also has a secondary composition expressed as percentages. Keys are kept\n * short and historical; display labels are framed as audience stance toward\n * a tracked topic/brand (supporter ↔ detractor + undecided).\n */\nexport type FlowKey = 'pro-gov' | 'internal-critic' | 'internal-opponent' | 'external-opponent' | 'grey'\n\nexport const FLOW_KEYS: readonly FlowKey[] = [\n  'pro-gov',\n  'internal-critic',\n  'internal-opponent',\n  'external-opponent',\n  'grey',\n] as const\n\nexport const flowLabels: Record<SupportedLocale, Record<FlowKey, string>> = {\n  fa: {\n    'pro-gov': 'حامی',\n    'internal-critic': 'منتقد سازنده',\n    'internal-opponent': 'مخالف',\n    'external-opponent': 'مخالف جدی',\n    grey: 'خنثی',\n  },\n  ar: {\n    'pro-gov': 'مؤيد',\n    'internal-critic': 'منتقد بنّاء',\n    'internal-opponent': 'معارض',\n    'external-opponent': 'معارض شديد',\n    grey: 'محايد',\n  },\n  en: {\n    'pro-gov': 'Supporter',\n    'internal-critic': 'Constructive Critic',\n    'internal-opponent': 'Detractor',\n    'external-opponent': 'Strong Detractor',\n    grey: 'Undecided',\n  },\n}\n\n/** Operational status — visual state of a tracked entity. */\nexport type StatusKey = 'critical' | 'warning' | 'normal'\n\nexport const statusLabels: Record<SupportedLocale, Record<StatusKey, string>> = {\n  fa: { critical: 'بحرانی', warning: 'هشدار', normal: 'عادی' },\n  ar: { critical: 'حرج', warning: 'تحذير', normal: 'طبيعي' },\n  en: { critical: 'Critical', warning: 'Warning', normal: 'Normal' },\n}\n\n/** Severity — urgency level. Independent from status. */\nexport type SeverityKey = 'urgent' | 'high' | 'medium' | 'low'\n\nexport const severityLabels: Record<SupportedLocale, Record<SeverityKey, string>> = {\n  fa: { urgent: 'فوری', high: 'بالا', medium: 'متوسط', low: 'پایین' },\n  ar: { urgent: 'عاجل', high: 'مرتفع', medium: 'متوسط', low: 'منخفض' },\n  en: { urgent: 'Urgent', high: 'High', medium: 'Medium', low: 'Low' },\n}\n\n/**\n * Job lifecycle — canonical states for async work (analyses, campaigns,\n * evaluation runs, imports, exports, report generation).\n *\n * Terminal states: completed / failed / cancelled.\n * Active states: queued / running / paused.\n */\nexport type JobStatusKey = 'queued' | 'running' | 'paused' | 'completed' | 'failed' | 'cancelled'\n\nexport const JOB_STATUS_KEYS: readonly JobStatusKey[] = [\n  'queued',\n  'running',\n  'paused',\n  'completed',\n  'failed',\n  'cancelled',\n] as const\n\nexport const jobStatusLabels: Record<SupportedLocale, Record<JobStatusKey, string>> = {\n  fa: {\n    queued: 'در صف',\n    running: 'در حال اجرا',\n    paused: 'متوقف',\n    completed: 'تکمیل شد',\n    failed: 'ناموفق',\n    cancelled: 'لغو شد',\n  },\n  ar: {\n    queued: 'في الطابور',\n    running: 'قيد التنفيذ',\n    paused: 'متوقف',\n    completed: 'مكتمل',\n    failed: 'فشل',\n    cancelled: 'ملغى',\n  },\n  en: {\n    queued: 'Queued',\n    running: 'Running',\n    paused: 'Paused',\n    completed: 'Completed',\n    failed: 'Failed',\n    cancelled: 'Cancelled',\n  },\n}\n\n/** True iff a job is still active (not in a terminal state). */\nexport function isActiveJobStatus(s: JobStatusKey): boolean {\n  return s === 'queued' || s === 'running' || s === 'paused'\n}\n\n/**\n * Action status — discrete outcome for a single completed (or in-flight)\n * action in an activity feed / audit timeline. Distinct from the richer\n * job/stage lifecycles above: each event is atomic, so no \"paused\" here.\n */\nexport type ActionStatusKey = 'success' | 'failed' | 'pending' | 'warning' | 'info'\n\nexport const ACTION_STATUS_KEYS: readonly ActionStatusKey[] = [\n  'success',\n  'failed',\n  'pending',\n  'warning',\n  'info',\n] as const\n\nexport const actionStatusLabels: Record<SupportedLocale, Record<ActionStatusKey, string>> = {\n  fa: {\n    success: 'موفق',\n    failed: 'ناموفق',\n    pending: 'در حال انجام',\n    warning: 'هشدار',\n    info: 'اطلاع',\n  },\n  ar: {\n    success: 'ناجح',\n    failed: 'فشل',\n    pending: 'قيد التنفيذ',\n    warning: 'تحذير',\n    info: 'معلومات',\n  },\n  en: {\n    success: 'Success',\n    failed: 'Failed',\n    pending: 'Pending',\n    warning: 'Warning',\n    info: 'Info',\n  },\n}\n\n/**\n * Locale-aware relative time label producer. Used by ActionTimeline and any\n * other component that wants trilingual \"n minutes ago\" strings. For absolute\n * formatting see `formatAbsoluteTime`/`formatJalaliDate` in lib/utils.ts.\n */\nexport function formatRelativeLocaleTime(date: Date | string | number, locale: SupportedLocale): string {\n  const then = new Date(date).getTime()\n  const now = Date.now()\n  const diffSec = Math.floor((now - then) / 1000)\n\n  const fmt = (n: number) => (locale === 'en' ? String(n) : n.toLocaleString(locale === 'ar' ? 'ar-EG' : 'fa-IR'))\n\n  if (diffSec < 0) {\n    // Future time — rare in feeds. Fall through to absolute below.\n    return new Date(then).toISOString()\n  }\n  if (diffSec < 60) {\n    if (locale === 'fa') return 'همین الان'\n    if (locale === 'ar') return 'الآن'\n    return 'just now'\n  }\n  const diffMin = Math.floor(diffSec / 60)\n  if (diffMin < 60) {\n    if (locale === 'fa') return `${fmt(diffMin)} دقیقه پیش`\n    if (locale === 'ar') return `قبل ${fmt(diffMin)} دقيقة`\n    return `${diffMin}m ago`\n  }\n  const diffHr = Math.floor(diffMin / 60)\n  if (diffHr < 24) {\n    if (locale === 'fa') return `${fmt(diffHr)} ساعت پیش`\n    if (locale === 'ar') return `قبل ${fmt(diffHr)} ساعة`\n    return `${diffHr}h ago`\n  }\n  const diffDay = Math.floor(diffHr / 24)\n  if (diffDay < 7) {\n    if (locale === 'fa') return `${fmt(diffDay)} روز پیش`\n    if (locale === 'ar') return `قبل ${fmt(diffDay)} يوم`\n    return `${diffDay}d ago`\n  }\n  const diffWk = Math.floor(diffDay / 7)\n  if (diffWk < 4) {\n    if (locale === 'fa') return `${fmt(diffWk)} هفته پیش`\n    if (locale === 'ar') return `قبل ${fmt(diffWk)} أسبوع`\n    return `${diffWk}w ago`\n  }\n  const diffMon = Math.floor(diffDay / 30)\n  if (diffMon < 12) {\n    if (locale === 'fa') return `${fmt(diffMon)} ماه پیش`\n    if (locale === 'ar') return `قبل ${fmt(diffMon)} شهر`\n    return `${diffMon}mo ago`\n  }\n  const diffYr = Math.floor(diffDay / 365)\n  if (locale === 'fa') return `${fmt(diffYr)} سال پیش`\n  if (locale === 'ar') return `قبل ${fmt(diffYr)} سنة`\n  return `${diffYr}y ago`\n}\n\n/**\n * Locale-aware \"time remaining\" label — forward-looking companion to\n * `formatRelativeLocaleTime`. Used by RateLimitBanner and any countdown UI.\n *\n * Input can be a Date, ISO string, or epoch ms. Past/zero remaining returns\n * the locale-specific \"now\" / \"any moment\" marker.\n */\nexport function formatTimeRemaining(target: Date | string | number, locale: SupportedLocale): string {\n  const then = new Date(target).getTime()\n  const now = Date.now()\n  const diffSec = Math.max(0, Math.floor((then - now) / 1000))\n\n  const fmt = (n: number) => (locale === 'en' ? String(n) : n.toLocaleString(locale === 'ar' ? 'ar-EG' : 'fa-IR'))\n\n  if (diffSec <= 0) {\n    if (locale === 'fa') return 'هم‌اکنون'\n    if (locale === 'ar') return 'الآن'\n    return 'any moment'\n  }\n  if (diffSec < 60) {\n    if (locale === 'fa') return `${fmt(diffSec)} ثانیه دیگر`\n    if (locale === 'ar') return `بعد ${fmt(diffSec)} ثانية`\n    return `in ${diffSec}s`\n  }\n  const totalMin = Math.floor(diffSec / 60)\n  if (totalMin < 60) {\n    if (locale === 'fa') return `${fmt(totalMin)} دقیقه دیگر`\n    if (locale === 'ar') return `بعد ${fmt(totalMin)} دقيقة`\n    return `in ${totalMin}m`\n  }\n  const hours = Math.floor(totalMin / 60)\n  const mins = totalMin % 60\n  if (hours < 24) {\n    if (mins === 0) {\n      if (locale === 'fa') return `${fmt(hours)} ساعت دیگر`\n      if (locale === 'ar') return `بعد ${fmt(hours)} ساعة`\n      return `in ${hours}h`\n    }\n    if (locale === 'fa') return `${fmt(hours)} ساعت و ${fmt(mins)} دقیقه دیگر`\n    if (locale === 'ar') return `بعد ${fmt(hours)} ساعة و${fmt(mins)} دقيقة`\n    return `in ${hours}h ${mins}m`\n  }\n  const days = Math.floor(hours / 24)\n  const remHours = hours % 24\n  if (remHours === 0) {\n    if (locale === 'fa') return `${fmt(days)} روز دیگر`\n    if (locale === 'ar') return `بعد ${fmt(days)} يوم`\n    return `in ${days}d`\n  }\n  if (locale === 'fa') return `${fmt(days)} روز و ${fmt(remHours)} ساعت دیگر`\n  if (locale === 'ar') return `بعد ${fmt(days)} يوم و${fmt(remHours)} ساعة`\n  return `in ${days}d ${remHours}h`\n}\n\n/**\n * Stage status — for multi-stage pipeline visualizations (StatusFlow).\n *\n * Distinct from `JobStatusKey`: a job has ONE status; a pipeline of stages has\n * a status PER stage. A `running` stage means that stage is currently active;\n * a `warning` stage completed but with caveats; `skipped` means it was bypassed.\n */\nexport type StageStatusKey = 'pending' | 'running' | 'completed' | 'failed' | 'skipped' | 'warning' | 'paused'\n\nexport const STAGE_STATUS_KEYS: readonly StageStatusKey[] = [\n  'pending',\n  'running',\n  'completed',\n  'failed',\n  'skipped',\n  'warning',\n  'paused',\n] as const\n\nexport const stageStatusLabels: Record<SupportedLocale, Record<StageStatusKey, string>> = {\n  fa: {\n    pending: 'در انتظار',\n    running: 'در حال اجرا',\n    completed: 'تکمیل شد',\n    failed: 'ناموفق',\n    skipped: 'رد شد',\n    warning: 'با هشدار',\n    paused: 'متوقف',\n  },\n  ar: {\n    pending: 'في الانتظار',\n    running: 'قيد التنفيذ',\n    completed: 'مكتمل',\n    failed: 'فشل',\n    skipped: 'تم تخطيه',\n    warning: 'مع تحذير',\n    paused: 'متوقف',\n  },\n  en: {\n    pending: 'Pending',\n    running: 'Running',\n    completed: 'Completed',\n    failed: 'Failed',\n    skipped: 'Skipped',\n    warning: 'Warning',\n    paused: 'Paused',\n  },\n}\n\n/**\n * Action type — canonical set of social-media actions a worker/user can\n * execute. Maps 1:1 to a CSS token family (`--action-type-*`) so each action\n * has a distinct recognizable colour + icon across activity feeds, audit\n * timelines, and rate-limit dashboards.\n *\n * The 7 canonical keys cover current افکارسنجی + Booster + future SRR use:\n * - `like` / `comment` / `save` / `follow` / `unfollow` — Booster OPERATION_TYPES\n * - `dm` — direct message (future bulk-DM, notification replies)\n * - `share` — cross-post / retweet (future multi-platform)\n */\nexport type ActionTypeKey = 'like' | 'comment' | 'save' | 'follow' | 'unfollow' | 'dm' | 'share'\n\nexport const ACTION_TYPE_KEYS: readonly ActionTypeKey[] = [\n  'like',\n  'comment',\n  'save',\n  'follow',\n  'unfollow',\n  'dm',\n  'share',\n] as const\n\nexport const actionTypeLabels: Record<SupportedLocale, Record<ActionTypeKey, string>> = {\n  fa: {\n    like: 'پسندیدن',\n    comment: 'نظر',\n    save: 'ذخیره',\n    follow: 'دنبال کردن',\n    unfollow: 'لغو دنبال',\n    dm: 'پیام مستقیم',\n    share: 'اشتراک‌گذاری',\n  },\n  ar: {\n    like: 'إعجاب',\n    comment: 'تعليق',\n    save: 'حفظ',\n    follow: 'متابعة',\n    unfollow: 'إلغاء المتابعة',\n    dm: 'رسالة مباشرة',\n    share: 'مشاركة',\n  },\n  en: {\n    like: 'Like',\n    comment: 'Comment',\n    save: 'Save',\n    follow: 'Follow',\n    unfollow: 'Unfollow',\n    dm: 'Direct Message',\n    share: 'Share',\n  },\n}\n\n/**\n * Short-form verb labels for past-tense activity phrasing (\"worker X پسندید Y\").\n * When composing \"subject action object\" sentences in ActivityFeed / ActionTimeline,\n * prefer these over `actionTypeLabels` which are noun-form.\n */\nexport const actionTypeVerbs: Record<SupportedLocale, Record<ActionTypeKey, string>> = {\n  fa: {\n    like: 'پسندید',\n    comment: 'نظر گذاشت',\n    save: 'ذخیره کرد',\n    follow: 'دنبال کرد',\n    unfollow: 'لغو دنبال کرد',\n    dm: 'پیام داد',\n    share: 'اشتراک گذاشت',\n  },\n  ar: {\n    like: 'أعجب',\n    comment: 'علّق على',\n    save: 'حفظ',\n    follow: 'تابع',\n    unfollow: 'ألغى متابعة',\n    dm: 'راسل',\n    share: 'شارك',\n  },\n  en: {\n    like: 'liked',\n    comment: 'commented on',\n    save: 'saved',\n    follow: 'followed',\n    unfollow: 'unfollowed',\n    dm: 'DMd',\n    share: 'shared',\n  },\n}\n\n/**\n * Entity health — 6-tier severity narrative for long-lived entities like\n * workers, tracked pages, data sources, monitored feeds. Ordered most-critical\n * to most-positive so components can sort \"worst first\" deterministically.\n *\n * `banned` — entity is permanently disabled / blocked upstream.\n * `pending` — not yet evaluated (new, awaiting verification, in setup).\n * `at-risk` — immediate intervention needed (failed checks, violations).\n * `warning` — degrading signals, needs monitoring.\n * `growing` — improving trajectory but not yet healthy.\n * `healthy` — stable, all checks pass.\n *\n * Distinct from `StatusKey` (critical/warning/normal — short-lived operational)\n * and `SeverityKey` (urgent/high/medium/low — urgency of an action item).\n */\nexport type EntityHealthKey = 'banned' | 'pending' | 'at-risk' | 'warning' | 'growing' | 'healthy'\n\nexport const ENTITY_HEALTH_KEYS: readonly EntityHealthKey[] = [\n  'banned',\n  'pending',\n  'at-risk',\n  'warning',\n  'growing',\n  'healthy',\n] as const\n\nexport const entityHealthLabels: Record<SupportedLocale, Record<EntityHealthKey, string>> = {\n  fa: {\n    banned: 'مسدود',\n    pending: 'در انتظار بررسی',\n    'at-risk': 'در خطر',\n    warning: 'هشدار',\n    growing: 'در حال بهبود',\n    healthy: 'سالم',\n  },\n  ar: {\n    banned: 'محظور',\n    pending: 'قيد الانتظار',\n    'at-risk': 'في خطر',\n    warning: 'تحذير',\n    growing: 'ينمو',\n    healthy: 'صحي',\n  },\n  en: {\n    banned: 'Banned',\n    pending: 'Pending',\n    'at-risk': 'At Risk',\n    warning: 'Warning',\n    growing: 'Growing',\n    healthy: 'Healthy',\n  },\n}\n\n/**\n * Priority rank of each entity health state — higher number = more severe.\n * Use to sort entity lists \"worst first\" without ad-hoc comparisons.\n */\nexport const entityHealthPriority: Record<EntityHealthKey, number> = {\n  banned: 5,\n  'at-risk': 4,\n  warning: 3,\n  pending: 2,\n  growing: 1,\n  healthy: 0,\n}\n\n/** True iff the entity needs immediate human attention. */\nexport function isCriticalEntityHealth(s: EntityHealthKey): boolean {\n  return s === 'banned' || s === 'at-risk'\n}\n\n/**\n * Default UI strings for components that need localized text.\n * Persian (fa) is the default locale for backward compatibility.\n */\nexport const UI_STRINGS = {\n  fa: {\n    // Autocomplete\n    noResults: 'نتیجه‌ای یافت نشد',\n    suggestions: 'پیشنهادها',\n\n    // MultiSelect\n    select: 'انتخاب کنید',\n    noOptionsFound: 'موردی یافت نشد',\n    search: 'جستجو...',\n    clearAll: 'پاک کردن همه',\n\n    // DatePicker / DateRangePicker\n    selectDate: 'انتخاب تاریخ',\n    selectDateRange: 'انتخاب بازه تاریخ',\n\n    // ErrorState\n    errorLoadingData: 'خطا در بارگذاری داده‌ها',\n    retry: 'تلاش مجدد',\n\n    // FilterChip\n    remove: 'حذف',\n\n    // UserAutocomplete\n    noUsersFound: 'کاربری یافت نشد',\n\n    // Pagination\n    goToPreviousPage: 'رفتن به صفحه قبلی',\n    goToNextPage: 'رفتن به صفحه بعدی',\n    previous: 'قبلی',\n    next: 'بعدی',\n\n    // ProfileInfo\n    actions: 'عملیات',\n\n    // CopyButton\n    copy: 'کپی',\n    copied: 'کپی شد',\n\n    // ConfirmDialog\n    confirm: 'تایید',\n    cancel: 'انصراف',\n    areYouSure: 'آیا مطمئن هستید؟',\n\n    // Stepper\n    stepperLabel: 'مراحل',\n    stepCompleted: 'تکمیل شده',\n    stepCurrent: 'مرحله فعلی',\n    stepPending: 'در انتظار',\n\n    // FilterBar / FilterPanel\n    clearFilters: 'پاک کردن فیلترها',\n    activeFilters: 'فیلترهای فعال',\n    filters: 'فیلترها',\n    applyFilters: 'اعمال',\n    resetFilters: 'پیش‌فرض',\n    noFiltersActive: 'فیلتر فعالی نیست',\n    clearSection: 'پاک کردن این بخش',\n\n    // PageHeader\n    goBack: 'بازگشت',\n\n    // ViewToggle\n    gridView: 'نمای شبکه‌ای',\n    listView: 'نمای لیستی',\n\n    // PageLoader\n    loading: 'در حال بارگذاری...',\n\n    // ErrorBoundary\n    unexpectedError: 'خطای غیرمنتظره‌ای رخ داد',\n\n    // DataTable\n    selectAll: 'انتخاب همه',\n    selectRow: 'انتخاب ردیف',\n    noDataToDisplay: 'داده‌ای برای نمایش وجود ندارد',\n\n    // InstagramPost\n    likesCount: 'تعداد لایک',\n    commentsCount: 'تعداد کامنت',\n    viewsCount: 'تعداد بازدید',\n    sharesCount: 'تعداد اشتراک',\n    postTypeLabel: 'نوع پست',\n    postTypePhoto: 'عکس',\n    postTypeVideo: 'ویدیو',\n    postTypeCarousel: 'اسلاید',\n    showMore: 'بیشتر',\n    showLess: 'کمتر',\n    noMediaAvailable: 'رسانه‌ای موجود نیست',\n    commentAnalysis: 'تحلیل کامنت‌ها',\n    commentAnalysisDisabled: 'تحلیل کامنت‌ها (غیرفعال)',\n    booster: 'بوستر',\n    boosterDisabled: 'بوستر (غیرفعال)',\n    aiAnalysis: 'تحلیل هوش مصنوعی',\n    aiAnalysisDisabled: 'تحلیل هوش مصنوعی (غیرفعال)',\n    openOnInstagram: 'باز کردن در اینستاگرام',\n    openOnInstagramDisabled: 'باز کردن در اینستاگرام (غیرفعال)',\n  },\n  ar: {\n    noResults: 'لم يتم العثور على نتائج',\n    suggestions: 'اقتراحات',\n    select: 'اختر',\n    noOptionsFound: 'لم يتم العثور على خيارات',\n    search: 'بحث...',\n    clearAll: 'مسح الكل',\n    selectDate: 'اختر تاريخ',\n    selectDateRange: 'اختر نطاق التاريخ',\n    errorLoadingData: 'خطأ في تحميل البيانات',\n    retry: 'إعادة المحاولة',\n    remove: 'حذف',\n    noUsersFound: 'لم يتم العثور على مستخدمين',\n    goToPreviousPage: 'الانتقال إلى الصفحة السابقة',\n    goToNextPage: 'الانتقال إلى الصفحة التالية',\n    previous: 'السابق',\n    next: 'التالي',\n    actions: 'إجراءات',\n\n    // CopyButton\n    copy: 'نسخ',\n    copied: 'تم النسخ',\n\n    // ConfirmDialog\n    confirm: 'تأكيد',\n    cancel: 'إلغاء',\n    areYouSure: 'هل أنت متأكد؟',\n\n    // Stepper\n    stepperLabel: 'الخطوات',\n    stepCompleted: 'مكتمل',\n    stepCurrent: 'الخطوة الحالية',\n    stepPending: 'قيد الانتظار',\n\n    // FilterBar / FilterPanel\n    clearFilters: 'مسح الفلاتر',\n    activeFilters: 'الفلاتر النشطة',\n    filters: 'الفلاتر',\n    applyFilters: 'تطبيق',\n    resetFilters: 'الافتراضي',\n    noFiltersActive: 'لا توجد فلاتر نشطة',\n    clearSection: 'مسح هذا القسم',\n\n    // PageHeader\n    goBack: 'رجوع',\n\n    // ViewToggle\n    gridView: 'عرض شبكي',\n    listView: 'عرض قائمة',\n\n    // PageLoader\n    loading: 'جارٍ التحميل...',\n\n    // ErrorBoundary\n    unexpectedError: 'حدث خطأ غير متوقع',\n\n    // DataTable\n    selectAll: 'تحديد الكل',\n    selectRow: 'تحديد الصف',\n    noDataToDisplay: 'لا توجد بيانات للعرض',\n\n    // InstagramPost\n    likesCount: 'عدد الإعجابات',\n    commentsCount: 'عدد التعليقات',\n    viewsCount: 'عدد المشاهدات',\n    sharesCount: 'عدد المشاركات',\n    postTypeLabel: 'نوع المنشور',\n    postTypePhoto: 'صورة',\n    postTypeVideo: 'فيديو',\n    postTypeCarousel: 'شرائح',\n    showMore: 'المزيد',\n    showLess: 'أقل',\n    noMediaAvailable: 'لا توجد وسائط',\n    commentAnalysis: 'تحليل التعليقات',\n    commentAnalysisDisabled: 'تحليل التعليقات (معطل)',\n    booster: 'تعزيز',\n    boosterDisabled: 'تعزيز (معطل)',\n    aiAnalysis: 'تحليل الذكاء الاصطناعي',\n    aiAnalysisDisabled: 'تحليل الذكاء الاصطناعي (معطل)',\n    openOnInstagram: 'فتح في إنستاجرام',\n    openOnInstagramDisabled: 'فتح في إنستاجرام (معطل)',\n  },\n  en: {\n    noResults: 'No results found',\n    suggestions: 'Suggestions',\n    select: 'Select',\n    noOptionsFound: 'No options found',\n    search: 'Search...',\n    clearAll: 'Clear all',\n    selectDate: 'Select date',\n    selectDateRange: 'Select date range',\n    errorLoadingData: 'Error loading data',\n    retry: 'Retry',\n    remove: 'Remove',\n    noUsersFound: 'No users found',\n    goToPreviousPage: 'Go to previous page',\n    goToNextPage: 'Go to next page',\n    previous: 'Previous',\n    next: 'Next',\n    actions: 'Actions',\n\n    // CopyButton\n    copy: 'Copy',\n    copied: 'Copied',\n\n    // ConfirmDialog\n    confirm: 'Confirm',\n    cancel: 'Cancel',\n    areYouSure: 'Are you sure?',\n\n    // Stepper\n    stepperLabel: 'Steps',\n    stepCompleted: 'Completed',\n    stepCurrent: 'Current step',\n    stepPending: 'Pending',\n\n    // FilterBar / FilterPanel\n    clearFilters: 'Clear filters',\n    activeFilters: 'Active filters',\n    filters: 'Filters',\n    applyFilters: 'Apply',\n    resetFilters: 'Reset',\n    noFiltersActive: 'No active filters',\n    clearSection: 'Clear this section',\n\n    // PageHeader\n    goBack: 'Go back',\n\n    // ViewToggle\n    gridView: 'Grid view',\n    listView: 'List view',\n\n    // PageLoader\n    loading: 'Loading...',\n\n    // ErrorBoundary\n    unexpectedError: 'An unexpected error occurred',\n\n    // DataTable\n    selectAll: 'Select all',\n    selectRow: 'Select row',\n    noDataToDisplay: 'No data to display',\n\n    // InstagramPost\n    likesCount: 'Likes',\n    commentsCount: 'Comments',\n    viewsCount: 'Views',\n    sharesCount: 'Shares',\n    postTypeLabel: 'Post type',\n    postTypePhoto: 'Photo',\n    postTypeVideo: 'Video',\n    postTypeCarousel: 'Carousel',\n    showMore: 'More',\n    showLess: 'Less',\n    noMediaAvailable: 'No media available',\n    commentAnalysis: 'Comment Analysis',\n    commentAnalysisDisabled: 'Comment Analysis (disabled)',\n    booster: 'Booster',\n    boosterDisabled: 'Booster (disabled)',\n    aiAnalysis: 'AI Analysis',\n    aiAnalysisDisabled: 'AI Analysis (disabled)',\n    openOnInstagram: 'Open on Instagram',\n    openOnInstagramDisabled: 'Open on Instagram (disabled)',\n  },\n} as const\n\nexport type UIStringKeys = keyof (typeof UI_STRINGS)['fa']\nexport type UIStrings = Record<UIStringKeys, string>\n\n/**\n * Get UI strings for a given locale.\n * Falls back to 'fa' for unknown locales.\n */\nexport function getUIStrings(locale: SupportedLocale = 'fa'): UIStrings {\n  return (UI_STRINGS[locale] ?? UI_STRINGS.fa) as UIStrings\n}\n","'use client'\n\nimport * as React from 'react'\nimport { ArrowRight } from 'lucide-react'\nimport { cn, type SupportedLocale } from '@/lib/utils'\nimport { getUIStrings } from '@/lib/i18n'\n\nexport interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Page title */\n  title: string\n  /** Optional description below title */\n  description?: string\n  /** Back button callback. When provided, shows a back arrow. */\n  onBack?: () => void\n  /** Actions slot (buttons, etc.) rendered at inline-end */\n  actions?: React.ReactNode\n  /** Breadcrumb slot rendered above the title */\n  breadcrumbs?: React.ReactNode\n  /** Locale @default \"fa\" */\n  locale?: SupportedLocale\n}\n\nconst PageHeader = React.forwardRef<HTMLDivElement, PageHeaderProps>(\n  ({ className, title, description, onBack, actions, breadcrumbs, locale = 'fa', ...props }, ref) => {\n    const strings = getUIStrings(locale)\n\n    return (\n      <div ref={ref} data-slot=\"page-header\" className={cn('flex flex-col gap-1', className)} {...props}>\n        {breadcrumbs && (\n          <div data-slot=\"page-header-breadcrumbs\" className=\"mb-2\">\n            {breadcrumbs}\n          </div>\n        )}\n        <div className=\"flex items-center justify-between gap-4\">\n          <div className=\"flex items-center gap-3 min-w-0\">\n            {onBack && (\n              <button\n                type=\"button\"\n                onClick={onBack}\n                aria-label={strings.goBack}\n                className={cn(\n                  'flex items-center justify-center shrink-0 rounded-md',\n                  'size-8 text-foreground-lighter hover:text-foreground hover:bg-surface-200',\n                  'transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'\n                )}\n              >\n                <ArrowRight className=\"size-5 ltr:rotate-180\" />\n              </button>\n            )}\n            <div className=\"min-w-0\">\n              <h1 data-slot=\"page-header-title\" className=\"text-xl font-bold text-foreground truncate sm:text-2xl\">\n                {title}\n              </h1>\n              {description && (\n                <p data-slot=\"page-header-description\" className=\"text-sm text-foreground-lighter mt-1 line-clamp-2\">\n                  {description}\n                </p>\n              )}\n            </div>\n          </div>\n          {actions && (\n            <div data-slot=\"page-header-actions\" className=\"flex items-center gap-2 shrink-0\">\n              {actions}\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\nPageHeader.displayName = 'PageHeader'\n\nexport { PageHeader }\n"]}

package/dist/components/ui/page-header.d.cts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { S as SupportedLocale } from '../../utils-DlXWmDZ-.cjs';
+import 'clsx';
+
+interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Page title */
+    title: string;
+    /** Optional description below title */
+    description?: string;
+    /** Back button callback. When provided, shows a back arrow. */
+    onBack?: () => void;
+    /** Actions slot (buttons, etc.) rendered at inline-end */
+    actions?: React.ReactNode;
+    /** Breadcrumb slot rendered above the title */
+    breadcrumbs?: React.ReactNode;
+    /** Locale @default "fa" */
+    locale?: SupportedLocale;
+}
+declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
+
+export { PageHeader, type PageHeaderProps };

package/dist/components/ui/page-header.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { S as SupportedLocale } from '../../utils-DlXWmDZ-.js';
+import 'clsx';
+
+interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Page title */
+    title: string;
+    /** Optional description below title */
+    description?: string;
+    /** Back button callback. When provided, shows a back arrow. */
+    onBack?: () => void;
+    /** Actions slot (buttons, etc.) rendered at inline-end */
+    actions?: React.ReactNode;
+    /** Breadcrumb slot rendered above the title */
+    breadcrumbs?: React.ReactNode;
+    /** Locale @default "fa" */
+    locale?: SupportedLocale;
+}
+declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
+
+export { PageHeader, type PageHeaderProps };

package/dist/components/ui/page-header.js

@@ -0,0 +1,277 @@
+'use client';
+import * as React from 'react';
+import { ArrowRight } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/lib/i18n.ts
+var UI_STRINGS = {
+  fa: {
+    // Autocomplete
+    noResults: "\u0646\u062A\u06CC\u062C\u0647\u200C\u0627\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F",
+    suggestions: "\u067E\u06CC\u0634\u0646\u0647\u0627\u062F\u0647\u0627",
+    // MultiSelect
+    select: "\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F",
+    noOptionsFound: "\u0645\u0648\u0631\u062F\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F",
+    search: "\u062C\u0633\u062A\u062C\u0648...",
+    clearAll: "\u067E\u0627\u06A9 \u06A9\u0631\u062F\u0646 \u0647\u0645\u0647",
+    // DatePicker / DateRangePicker
+    selectDate: "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E",
+    selectDateRange: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0628\u0627\u0632\u0647 \u062A\u0627\u0631\u06CC\u062E",
+    // ErrorState
+    errorLoadingData: "\u062E\u0637\u0627 \u062F\u0631 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC \u062F\u0627\u062F\u0647\u200C\u0647\u0627",
+    retry: "\u062A\u0644\u0627\u0634 \u0645\u062C\u062F\u062F",
+    // FilterChip
+    remove: "\u062D\u0630\u0641",
+    // UserAutocomplete
+    noUsersFound: "\u06A9\u0627\u0631\u0628\u0631\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F",
+    // Pagination
+    goToPreviousPage: "\u0631\u0641\u062A\u0646 \u0628\u0647 \u0635\u0641\u062D\u0647 \u0642\u0628\u0644\u06CC",
+    goToNextPage: "\u0631\u0641\u062A\u0646 \u0628\u0647 \u0635\u0641\u062D\u0647 \u0628\u0639\u062F\u06CC",
+    previous: "\u0642\u0628\u0644\u06CC",
+    next: "\u0628\u0639\u062F\u06CC",
+    // ProfileInfo
+    actions: "\u0639\u0645\u0644\u06CC\u0627\u062A",
+    // CopyButton
+    copy: "\u06A9\u067E\u06CC",
+    copied: "\u06A9\u067E\u06CC \u0634\u062F",
+    // ConfirmDialog
+    confirm: "\u062A\u0627\u06CC\u06CC\u062F",
+    cancel: "\u0627\u0646\u0635\u0631\u0627\u0641",
+    areYouSure: "\u0622\u06CC\u0627 \u0645\u0637\u0645\u0626\u0646 \u0647\u0633\u062A\u06CC\u062F\u061F",
+    // Stepper
+    stepperLabel: "\u0645\u0631\u0627\u062D\u0644",
+    stepCompleted: "\u062A\u06A9\u0645\u06CC\u0644 \u0634\u062F\u0647",
+    stepCurrent: "\u0645\u0631\u062D\u0644\u0647 \u0641\u0639\u0644\u06CC",
+    stepPending: "\u062F\u0631 \u0627\u0646\u062A\u0638\u0627\u0631",
+    // FilterBar / FilterPanel
+    clearFilters: "\u067E\u0627\u06A9 \u06A9\u0631\u062F\u0646 \u0641\u06CC\u0644\u062A\u0631\u0647\u0627",
+    activeFilters: "\u0641\u06CC\u0644\u062A\u0631\u0647\u0627\u06CC \u0641\u0639\u0627\u0644",
+    filters: "\u0641\u06CC\u0644\u062A\u0631\u0647\u0627",
+    applyFilters: "\u0627\u0639\u0645\u0627\u0644",
+    resetFilters: "\u067E\u06CC\u0634\u200C\u0641\u0631\u0636",
+    noFiltersActive: "\u0641\u06CC\u0644\u062A\u0631 \u0641\u0639\u0627\u0644\u06CC \u0646\u06CC\u0633\u062A",
+    clearSection: "\u067E\u0627\u06A9 \u06A9\u0631\u062F\u0646 \u0627\u06CC\u0646 \u0628\u062E\u0634",
+    // PageHeader
+    goBack: "\u0628\u0627\u0632\u06AF\u0634\u062A",
+    // ViewToggle
+    gridView: "\u0646\u0645\u0627\u06CC \u0634\u0628\u06A9\u0647\u200C\u0627\u06CC",
+    listView: "\u0646\u0645\u0627\u06CC \u0644\u06CC\u0633\u062A\u06CC",
+    // PageLoader
+    loading: "\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC...",
+    // ErrorBoundary
+    unexpectedError: "\u062E\u0637\u0627\u06CC \u063A\u06CC\u0631\u0645\u0646\u062A\u0638\u0631\u0647\u200C\u0627\u06CC \u0631\u062E \u062F\u0627\u062F",
+    // DataTable
+    selectAll: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0647\u0645\u0647",
+    selectRow: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0631\u062F\u06CC\u0641",
+    noDataToDisplay: "\u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u0628\u0631\u0627\u06CC \u0646\u0645\u0627\u06CC\u0634 \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F",
+    // InstagramPost
+    likesCount: "\u062A\u0639\u062F\u0627\u062F \u0644\u0627\u06CC\u06A9",
+    commentsCount: "\u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0645\u0646\u062A",
+    viewsCount: "\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F",
+    sharesCount: "\u062A\u0639\u062F\u0627\u062F \u0627\u0634\u062A\u0631\u0627\u06A9",
+    postTypeLabel: "\u0646\u0648\u0639 \u067E\u0633\u062A",
+    postTypePhoto: "\u0639\u06A9\u0633",
+    postTypeVideo: "\u0648\u06CC\u062F\u06CC\u0648",
+    postTypeCarousel: "\u0627\u0633\u0644\u0627\u06CC\u062F",
+    showMore: "\u0628\u06CC\u0634\u062A\u0631",
+    showLess: "\u06A9\u0645\u062A\u0631",
+    noMediaAvailable: "\u0631\u0633\u0627\u0646\u0647\u200C\u0627\u06CC \u0645\u0648\u062C\u0648\u062F \u0646\u06CC\u0633\u062A",
+    commentAnalysis: "\u062A\u062D\u0644\u06CC\u0644 \u06A9\u0627\u0645\u0646\u062A\u200C\u0647\u0627",
+    commentAnalysisDisabled: "\u062A\u062D\u0644\u06CC\u0644 \u06A9\u0627\u0645\u0646\u062A\u200C\u0647\u0627 (\u063A\u06CC\u0631\u0641\u0639\u0627\u0644)",
+    booster: "\u0628\u0648\u0633\u062A\u0631",
+    boosterDisabled: "\u0628\u0648\u0633\u062A\u0631 (\u063A\u06CC\u0631\u0641\u0639\u0627\u0644)",
+    aiAnalysis: "\u062A\u062D\u0644\u06CC\u0644 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06CC",
+    aiAnalysisDisabled: "\u062A\u062D\u0644\u06CC\u0644 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06CC (\u063A\u06CC\u0631\u0641\u0639\u0627\u0644)",
+    openOnInstagram: "\u0628\u0627\u0632 \u06A9\u0631\u062F\u0646 \u062F\u0631 \u0627\u06CC\u0646\u0633\u062A\u0627\u06AF\u0631\u0627\u0645",
+    openOnInstagramDisabled: "\u0628\u0627\u0632 \u06A9\u0631\u062F\u0646 \u062F\u0631 \u0627\u06CC\u0646\u0633\u062A\u0627\u06AF\u0631\u0627\u0645 (\u063A\u06CC\u0631\u0641\u0639\u0627\u0644)"
+  },
+  ar: {
+    noResults: "\u0644\u0645 \u064A\u062A\u0645 \u0627\u0644\u0639\u062B\u0648\u0631 \u0639\u0644\u0649 \u0646\u062A\u0627\u0626\u062C",
+    suggestions: "\u0627\u0642\u062A\u0631\u0627\u062D\u0627\u062A",
+    select: "\u0627\u062E\u062A\u0631",
+    noOptionsFound: "\u0644\u0645 \u064A\u062A\u0645 \u0627\u0644\u0639\u062B\u0648\u0631 \u0639\u0644\u0649 \u062E\u064A\u0627\u0631\u0627\u062A",
+    search: "\u0628\u062D\u062B...",
+    clearAll: "\u0645\u0633\u062D \u0627\u0644\u0643\u0644",
+    selectDate: "\u0627\u062E\u062A\u0631 \u062A\u0627\u0631\u064A\u062E",
+    selectDateRange: "\u0627\u062E\u062A\u0631 \u0646\u0637\u0627\u0642 \u0627\u0644\u062A\u0627\u0631\u064A\u062E",
+    errorLoadingData: "\u062E\u0637\u0623 \u0641\u064A \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0628\u064A\u0627\u0646\u0627\u062A",
+    retry: "\u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629",
+    remove: "\u062D\u0630\u0641",
+    noUsersFound: "\u0644\u0645 \u064A\u062A\u0645 \u0627\u0644\u0639\u062B\u0648\u0631 \u0639\u0644\u0649 \u0645\u0633\u062A\u062E\u062F\u0645\u064A\u0646",
+    goToPreviousPage: "\u0627\u0644\u0627\u0646\u062A\u0642\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629",
+    goToNextPage: "\u0627\u0644\u0627\u0646\u062A\u0642\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u0635\u0641\u062D\u0629 \u0627\u0644\u062A\u0627\u0644\u064A\u0629",
+    previous: "\u0627\u0644\u0633\u0627\u0628\u0642",
+    next: "\u0627\u0644\u062A\u0627\u0644\u064A",
+    actions: "\u0625\u062C\u0631\u0627\u0621\u0627\u062A",
+    // CopyButton
+    copy: "\u0646\u0633\u062E",
+    copied: "\u062A\u0645 \u0627\u0644\u0646\u0633\u062E",
+    // ConfirmDialog
+    confirm: "\u062A\u0623\u0643\u064A\u062F",
+    cancel: "\u0625\u0644\u063A\u0627\u0621",
+    areYouSure: "\u0647\u0644 \u0623\u0646\u062A \u0645\u062A\u0623\u0643\u062F\u061F",
+    // Stepper
+    stepperLabel: "\u0627\u0644\u062E\u0637\u0648\u0627\u062A",
+    stepCompleted: "\u0645\u0643\u062A\u0645\u0644",
+    stepCurrent: "\u0627\u0644\u062E\u0637\u0648\u0629 \u0627\u0644\u062D\u0627\u0644\u064A\u0629",
+    stepPending: "\u0642\u064A\u062F \u0627\u0644\u0627\u0646\u062A\u0638\u0627\u0631",
+    // FilterBar / FilterPanel
+    clearFilters: "\u0645\u0633\u062D \u0627\u0644\u0641\u0644\u0627\u062A\u0631",
+    activeFilters: "\u0627\u0644\u0641\u0644\u0627\u062A\u0631 \u0627\u0644\u0646\u0634\u0637\u0629",
+    filters: "\u0627\u0644\u0641\u0644\u0627\u062A\u0631",
+    applyFilters: "\u062A\u0637\u0628\u064A\u0642",
+    resetFilters: "\u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A",
+    noFiltersActive: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0641\u0644\u0627\u062A\u0631 \u0646\u0634\u0637\u0629",
+    clearSection: "\u0645\u0633\u062D \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645",
+    // PageHeader
+    goBack: "\u0631\u062C\u0648\u0639",
+    // ViewToggle
+    gridView: "\u0639\u0631\u0636 \u0634\u0628\u0643\u064A",
+    listView: "\u0639\u0631\u0636 \u0642\u0627\u0626\u0645\u0629",
+    // PageLoader
+    loading: "\u062C\u0627\u0631\u064D \u0627\u0644\u062A\u062D\u0645\u064A\u0644...",
+    // ErrorBoundary
+    unexpectedError: "\u062D\u062F\u062B \u062E\u0637\u0623 \u063A\u064A\u0631 \u0645\u062A\u0648\u0642\u0639",
+    // DataTable
+    selectAll: "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644",
+    selectRow: "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0635\u0641",
+    noDataToDisplay: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A \u0644\u0644\u0639\u0631\u0636",
+    // InstagramPost
+    likesCount: "\u0639\u062F\u062F \u0627\u0644\u0625\u0639\u062C\u0627\u0628\u0627\u062A",
+    commentsCount: "\u0639\u062F\u062F \u0627\u0644\u062A\u0639\u0644\u064A\u0642\u0627\u062A",
+    viewsCount: "\u0639\u062F\u062F \u0627\u0644\u0645\u0634\u0627\u0647\u062F\u0627\u062A",
+    sharesCount: "\u0639\u062F\u062F \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0627\u062A",
+    postTypeLabel: "\u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u0634\u0648\u0631",
+    postTypePhoto: "\u0635\u0648\u0631\u0629",
+    postTypeVideo: "\u0641\u064A\u062F\u064A\u0648",
+    postTypeCarousel: "\u0634\u0631\u0627\u0626\u062D",
+    showMore: "\u0627\u0644\u0645\u0632\u064A\u062F",
+    showLess: "\u0623\u0642\u0644",
+    noMediaAvailable: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0648\u0633\u0627\u0626\u0637",
+    commentAnalysis: "\u062A\u062D\u0644\u064A\u0644 \u0627\u0644\u062A\u0639\u0644\u064A\u0642\u0627\u062A",
+    commentAnalysisDisabled: "\u062A\u062D\u0644\u064A\u0644 \u0627\u0644\u062A\u0639\u0644\u064A\u0642\u0627\u062A (\u0645\u0639\u0637\u0644)",
+    booster: "\u062A\u0639\u0632\u064A\u0632",
+    boosterDisabled: "\u062A\u0639\u0632\u064A\u0632 (\u0645\u0639\u0637\u0644)",
+    aiAnalysis: "\u062A\u062D\u0644\u064A\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064A",
+    aiAnalysisDisabled: "\u062A\u062D\u0644\u064A\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064A (\u0645\u0639\u0637\u0644)",
+    openOnInstagram: "\u0641\u062A\u062D \u0641\u064A \u0625\u0646\u0633\u062A\u0627\u062C\u0631\u0627\u0645",
+    openOnInstagramDisabled: "\u0641\u062A\u062D \u0641\u064A \u0625\u0646\u0633\u062A\u0627\u062C\u0631\u0627\u0645 (\u0645\u0639\u0637\u0644)"
+  },
+  en: {
+    noResults: "No results found",
+    suggestions: "Suggestions",
+    select: "Select",
+    noOptionsFound: "No options found",
+    search: "Search...",
+    clearAll: "Clear all",
+    selectDate: "Select date",
+    selectDateRange: "Select date range",
+    errorLoadingData: "Error loading data",
+    retry: "Retry",
+    remove: "Remove",
+    noUsersFound: "No users found",
+    goToPreviousPage: "Go to previous page",
+    goToNextPage: "Go to next page",
+    previous: "Previous",
+    next: "Next",
+    actions: "Actions",
+    // CopyButton
+    copy: "Copy",
+    copied: "Copied",
+    // ConfirmDialog
+    confirm: "Confirm",
+    cancel: "Cancel",
+    areYouSure: "Are you sure?",
+    // Stepper
+    stepperLabel: "Steps",
+    stepCompleted: "Completed",
+    stepCurrent: "Current step",
+    stepPending: "Pending",
+    // FilterBar / FilterPanel
+    clearFilters: "Clear filters",
+    activeFilters: "Active filters",
+    filters: "Filters",
+    applyFilters: "Apply",
+    resetFilters: "Reset",
+    noFiltersActive: "No active filters",
+    clearSection: "Clear this section",
+    // PageHeader
+    goBack: "Go back",
+    // ViewToggle
+    gridView: "Grid view",
+    listView: "List view",
+    // PageLoader
+    loading: "Loading...",
+    // ErrorBoundary
+    unexpectedError: "An unexpected error occurred",
+    // DataTable
+    selectAll: "Select all",
+    selectRow: "Select row",
+    noDataToDisplay: "No data to display",
+    // InstagramPost
+    likesCount: "Likes",
+    commentsCount: "Comments",
+    viewsCount: "Views",
+    sharesCount: "Shares",
+    postTypeLabel: "Post type",
+    postTypePhoto: "Photo",
+    postTypeVideo: "Video",
+    postTypeCarousel: "Carousel",
+    showMore: "More",
+    showLess: "Less",
+    noMediaAvailable: "No media available",
+    commentAnalysis: "Comment Analysis",
+    commentAnalysisDisabled: "Comment Analysis (disabled)",
+    booster: "Booster",
+    boosterDisabled: "Booster (disabled)",
+    aiAnalysis: "AI Analysis",
+    aiAnalysisDisabled: "AI Analysis (disabled)",
+    openOnInstagram: "Open on Instagram",
+    openOnInstagramDisabled: "Open on Instagram (disabled)"
+  }
+};
+function getUIStrings(locale = "fa") {
+  return UI_STRINGS[locale] ?? UI_STRINGS.fa;
+}
+var PageHeader = React.forwardRef(
+  ({ className, title, description, onBack, actions, breadcrumbs, locale = "fa", ...props }, ref) => {
+    const strings = getUIStrings(locale);
+    return /* @__PURE__ */ jsxs("div", { ref, "data-slot": "page-header", className: cn("flex flex-col gap-1", className), ...props, children: [
+      breadcrumbs && /* @__PURE__ */ jsx("div", { "data-slot": "page-header-breadcrumbs", className: "mb-2", children: breadcrumbs }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
+          onBack && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onBack,
+              "aria-label": strings.goBack,
+              className: cn(
+                "flex items-center justify-center shrink-0 rounded-md",
+                "size-8 text-foreground-lighter hover:text-foreground hover:bg-surface-200",
+                "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              ),
+              children: /* @__PURE__ */ jsx(ArrowRight, { className: "size-5 ltr:rotate-180" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("h1", { "data-slot": "page-header-title", className: "text-xl font-bold text-foreground truncate sm:text-2xl", children: title }),
+            description && /* @__PURE__ */ jsx("p", { "data-slot": "page-header-description", className: "text-sm text-foreground-lighter mt-1 line-clamp-2", children: description })
+          ] })
+        ] }),
+        actions && /* @__PURE__ */ jsx("div", { "data-slot": "page-header-actions", className: "flex items-center gap-2 shrink-0", children: actions })
+      ] })
+    ] });
+  }
+);
+PageHeader.displayName = "PageHeader";
+
+export { PageHeader };
+//# sourceMappingURL=page-header.js.map
+//# sourceMappingURL=page-header.js.map

package/dist/components/ui/page-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/lib/i18n.ts","../../../src/components/ui/page-header.tsx"],"names":[],"mappings":"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","file":"page-header.js","sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\nimport { formatJalaliDate } from '@/lib/jalali-utils'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport type SupportedLocale = 'fa' | 'ar' | 'en'\n\n/**\n * Convert digits in a string to Persian/Arabic numerals based on locale.\n * @example convertToLocalNumbers('123', 'fa') => '۱۲۳'\n * @example convertToLocalNumbers('123', 'en') => '123'\n */\nexport function convertToLocalNumbers(text: string | number, locale: SupportedLocale): string {\n  if (locale === 'fa' || locale === 'ar') {\n    const persianDigits = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹']\n    return String(text).replace(/\\d/g, (digit) => persianDigits[parseInt(digit)])\n  }\n  return String(text)\n}\n\n/**\n * Format large numbers with locale-aware suffixes (K/M/B).\n * @example formatLargeNumber(1500, 'fa') => '۱.۵ هزار'\n * @example formatLargeNumber(1500, 'en') => '1.5K'\n */\nexport function formatLargeNumber(num: number, locale: SupportedLocale): string {\n  if (num >= 1_000_000_000) {\n    const formatted = (num / 1_000_000_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'B' : ' میلیارد')\n  }\n  if (num >= 1_000_000) {\n    const formatted = (num / 1_000_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'M' : ' میلیون')\n  }\n  if (num >= 1_000) {\n    const formatted = (num / 1_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'K' : ' هزار')\n  }\n  return convertToLocalNumbers(num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ','), locale)\n}\n\n/**\n * Format number to Instagram-style short format (English only).\n * @example formatNumber(123456, 'short') => '123K'\n * @example formatNumber(123456, 'exact') => '123,456'\n */\nexport function formatNumber(num: number | undefined, format: 'exact' | 'short' = 'exact'): string {\n  if (num === undefined || num === null) return '0'\n\n  if (format === 'exact') {\n    return num.toLocaleString('en-US')\n  }\n\n  // Short format (Instagram style)\n  if (num >= 1_000_000_000) {\n    return `${(num / 1_000_000_000).toFixed(1).replace(/\\.0$/, '')}B`\n  }\n  if (num >= 1_000_000) {\n    return `${(num / 1_000_000).toFixed(1).replace(/\\.0$/, '')}M`\n  }\n  if (num >= 1_000) {\n    return `${(num / 1_000).toFixed(1).replace(/\\.0$/, '')}K`\n  }\n  return num.toString()\n}\n\n/**\n * Format date to relative time with absolute on hover (Persian)\n * @example formatRelativeTime(new Date()) => '۲ ساعت پیش'\n */\nexport function formatRelativeTime(date: Date | string | number): string {\n  const now = new Date()\n  const then = new Date(date)\n  const diffInSeconds = Math.floor((now.getTime() - then.getTime()) / 1000)\n\n  if (diffInSeconds < 60) {\n    return 'همین الان'\n  }\n\n  const diffInMinutes = Math.floor(diffInSeconds / 60)\n  if (diffInMinutes < 60) {\n    return `${convertToLocalNumbers(diffInMinutes, 'fa')} دقیقه پیش`\n  }\n\n  const diffInHours = Math.floor(diffInMinutes / 60)\n  if (diffInHours < 24) {\n    return `${convertToLocalNumbers(diffInHours, 'fa')} ساعت پیش`\n  }\n\n  const diffInDays = Math.floor(diffInHours / 24)\n  if (diffInDays < 7) {\n    return `${convertToLocalNumbers(diffInDays, 'fa')} روز پیش`\n  }\n\n  const diffInWeeks = Math.floor(diffInDays / 7)\n  if (diffInWeeks < 4) {\n    return `${convertToLocalNumbers(diffInWeeks, 'fa')} هفته پیش`\n  }\n\n  const diffInMonths = Math.floor(diffInDays / 30)\n  if (diffInMonths < 12) {\n    return `${convertToLocalNumbers(diffInMonths, 'fa')} ماه پیش`\n  }\n\n  const diffInYears = Math.floor(diffInDays / 365)\n  return `${convertToLocalNumbers(diffInYears, 'fa')} سال پیش`\n}\n\n/**\n * Format date to absolute format (Persian / Jalali)\n * Uses date-fns-jalali for accurate Jalali conversion.\n * @example formatAbsoluteTime(new Date()) => '۱۵ دی ۱۴۰۳، ۱۵:۳۰'\n */\nexport function formatAbsoluteTime(date: Date | string | number): string {\n  const d = new Date(date)\n  return formatJalaliDate(d, 'd MMMM yyyy، HH:mm')\n}\n","import type { SupportedLocale } from './utils'\n\n// Re-export SupportedLocale as Locale for public API convenience.\n// SupportedLocale is the canonical type; Locale is an alias.\nexport type Locale = SupportedLocale\n\n/**\n * Returns true for RTL locales (fa, ar).\n */\nexport function isRTL(locale: SupportedLocale): boolean {\n  return locale === 'fa' || locale === 'ar'\n}\n\n// NOTE: TIER_LABELS and GROUP_LABELS already live in engagement-utils.ts.\n// This file only houses UI-layer translations that are not part of the domain model.\n\n/**\n * UI string translations used by the EngagementRate component.\n * Centralised here to avoid duplication between components.\n */\nexport const engagementUiTranslations: Record<\n  SupportedLocale,\n  {\n    yourCategory: string\n    influencer: string\n    followers: string\n    over: string\n    to: string\n    and: string\n    lessThan: string\n    you: string\n    criteria: string\n  }\n> = {\n  fa: {\n    yourCategory: 'دسته شما:',\n    influencer: 'اینفلوئنسر',\n    followers: 'فالوور',\n    over: 'بیش از',\n    to: 'تا',\n    and: 'و بالاتر',\n    lessThan: 'کمتر از',\n    you: 'شما',\n    criteria: 'معیارهای دسته',\n  },\n  ar: {\n    yourCategory: 'فئتك:',\n    influencer: 'مؤثر',\n    followers: 'متابع',\n    over: 'أكثر من',\n    to: 'إلى',\n    and: 'وأعلى',\n    lessThan: 'أقل من',\n    you: 'أنت',\n    criteria: 'معايير فئة المؤثر',\n  },\n  en: {\n    yourCategory: 'Your Category:',\n    influencer: 'Influencer',\n    followers: 'followers',\n    over: 'Over',\n    to: 'to',\n    and: 'and above',\n    lessThan: 'Less than',\n    you: 'You',\n    criteria: 'Category Criteria',\n  },\n}\n\n/**\n * Sentiment label translations used by the SentimentBadge component.\n */\nexport const sentimentLabels: Record<\n  SupportedLocale,\n  {\n    positive: string\n    negative: string\n    neutral: string\n    mixed: string\n  }\n> = {\n  fa: { positive: 'مثبت', negative: 'منفی', neutral: 'خنثی', mixed: 'ترکیبی' },\n  ar: { positive: 'إيجابي', negative: 'سلبي', neutral: 'محايد', mixed: 'مختلط' },\n  en: { positive: 'Positive', negative: 'Negative', neutral: 'Neutral', mixed: 'Mixed' },\n}\n\n/**\n * Canonical emotion keys — 9-class advanced sentiment scale used in افکارسنجی\n * deep analysis. Coexists with the simple 3-class `Sentiment` above; they are\n * NOT interchangeable. Choose the scale based on view density.\n */\nexport type EmotionKey =\n  | 'anger'\n  | 'anticipation'\n  | 'joy'\n  | 'trust'\n  | 'fear'\n  | 'surprise'\n  | 'sadness'\n  | 'disgust'\n  | 'neutral'\n\nexport const EMOTION_KEYS: readonly EmotionKey[] = [\n  'anger',\n  'anticipation',\n  'joy',\n  'trust',\n  'fear',\n  'surprise',\n  'sadness',\n  'disgust',\n  'neutral',\n] as const\n\n/** Emotion label translations used by EmotionBadge / EmotionDistribution. */\nexport const emotionLabels: Record<SupportedLocale, Record<EmotionKey, string>> = {\n  fa: {\n    anger: 'خشم',\n    anticipation: 'انتظار',\n    joy: 'شادی',\n    trust: 'اعتماد',\n    fear: 'ترس',\n    surprise: 'شگفتی',\n    sadness: 'غم',\n    disgust: 'انزجار',\n    neutral: 'خنثی',\n  },\n  ar: {\n    anger: 'غضب',\n    anticipation: 'ترقّب',\n    joy: 'فرح',\n    trust: 'ثقة',\n    fear: 'خوف',\n    surprise: 'دهشة',\n    sadness: 'حزن',\n    disgust: 'اشمئزاز',\n    neutral: 'محايد',\n  },\n  en: {\n    anger: 'Anger',\n    anticipation: 'Anticipation',\n    joy: 'Joy',\n    trust: 'Trust',\n    fear: 'Fear',\n    surprise: 'Surprise',\n    sadness: 'Sadness',\n    disgust: 'Disgust',\n    neutral: 'Neutral',\n  },\n}\n\n/**\n * Stance keys — 5-class audience-stance classification used in clustering.\n * A concept / post / page belongs to exactly one primary stance, but usually\n * also has a secondary composition expressed as percentages. Keys are kept\n * short and historical; display labels are framed as audience stance toward\n * a tracked topic/brand (supporter ↔ detractor + undecided).\n */\nexport type FlowKey = 'pro-gov' | 'internal-critic' | 'internal-opponent' | 'external-opponent' | 'grey'\n\nexport const FLOW_KEYS: readonly FlowKey[] = [\n  'pro-gov',\n  'internal-critic',\n  'internal-opponent',\n  'external-opponent',\n  'grey',\n] as const\n\nexport const flowLabels: Record<SupportedLocale, Record<FlowKey, string>> = {\n  fa: {\n    'pro-gov': 'حامی',\n    'internal-critic': 'منتقد سازنده',\n    'internal-opponent': 'مخالف',\n    'external-opponent': 'مخالف جدی',\n    grey: 'خنثی',\n  },\n  ar: {\n    'pro-gov': 'مؤيد',\n    'internal-critic': 'منتقد بنّاء',\n    'internal-opponent': 'معارض',\n    'external-opponent': 'معارض شديد',\n    grey: 'محايد',\n  },\n  en: {\n    'pro-gov': 'Supporter',\n    'internal-critic': 'Constructive Critic',\n    'internal-opponent': 'Detractor',\n    'external-opponent': 'Strong Detractor',\n    grey: 'Undecided',\n  },\n}\n\n/** Operational status — visual state of a tracked entity. */\nexport type StatusKey = 'critical' | 'warning' | 'normal'\n\nexport const statusLabels: Record<SupportedLocale, Record<StatusKey, string>> = {\n  fa: { critical: 'بحرانی', warning: 'هشدار', normal: 'عادی' },\n  ar: { critical: 'حرج', warning: 'تحذير', normal: 'طبيعي' },\n  en: { critical: 'Critical', warning: 'Warning', normal: 'Normal' },\n}\n\n/** Severity — urgency level. Independent from status. */\nexport type SeverityKey = 'urgent' | 'high' | 'medium' | 'low'\n\nexport const severityLabels: Record<SupportedLocale, Record<SeverityKey, string>> = {\n  fa: { urgent: 'فوری', high: 'بالا', medium: 'متوسط', low: 'پایین' },\n  ar: { urgent: 'عاجل', high: 'مرتفع', medium: 'متوسط', low: 'منخفض' },\n  en: { urgent: 'Urgent', high: 'High', medium: 'Medium', low: 'Low' },\n}\n\n/**\n * Job lifecycle — canonical states for async work (analyses, campaigns,\n * evaluation runs, imports, exports, report generation).\n *\n * Terminal states: completed / failed / cancelled.\n * Active states: queued / running / paused.\n */\nexport type JobStatusKey = 'queued' | 'running' | 'paused' | 'completed' | 'failed' | 'cancelled'\n\nexport const JOB_STATUS_KEYS: readonly JobStatusKey[] = [\n  'queued',\n  'running',\n  'paused',\n  'completed',\n  'failed',\n  'cancelled',\n] as const\n\nexport const jobStatusLabels: Record<SupportedLocale, Record<JobStatusKey, string>> = {\n  fa: {\n    queued: 'در صف',\n    running: 'در حال اجرا',\n    paused: 'متوقف',\n    completed: 'تکمیل شد',\n    failed: 'ناموفق',\n    cancelled: 'لغو شد',\n  },\n  ar: {\n    queued: 'في الطابور',\n    running: 'قيد التنفيذ',\n    paused: 'متوقف',\n    completed: 'مكتمل',\n    failed: 'فشل',\n    cancelled: 'ملغى',\n  },\n  en: {\n    queued: 'Queued',\n    running: 'Running',\n    paused: 'Paused',\n    completed: 'Completed',\n    failed: 'Failed',\n    cancelled: 'Cancelled',\n  },\n}\n\n/** True iff a job is still active (not in a terminal state). */\nexport function isActiveJobStatus(s: JobStatusKey): boolean {\n  return s === 'queued' || s === 'running' || s === 'paused'\n}\n\n/**\n * Action status — discrete outcome for a single completed (or in-flight)\n * action in an activity feed / audit timeline. Distinct from the richer\n * job/stage lifecycles above: each event is atomic, so no \"paused\" here.\n */\nexport type ActionStatusKey = 'success' | 'failed' | 'pending' | 'warning' | 'info'\n\nexport const ACTION_STATUS_KEYS: readonly ActionStatusKey[] = [\n  'success',\n  'failed',\n  'pending',\n  'warning',\n  'info',\n] as const\n\nexport const actionStatusLabels: Record<SupportedLocale, Record<ActionStatusKey, string>> = {\n  fa: {\n    success: 'موفق',\n    failed: 'ناموفق',\n    pending: 'در حال انجام',\n    warning: 'هشدار',\n    info: 'اطلاع',\n  },\n  ar: {\n    success: 'ناجح',\n    failed: 'فشل',\n    pending: 'قيد التنفيذ',\n    warning: 'تحذير',\n    info: 'معلومات',\n  },\n  en: {\n    success: 'Success',\n    failed: 'Failed',\n    pending: 'Pending',\n    warning: 'Warning',\n    info: 'Info',\n  },\n}\n\n/**\n * Locale-aware relative time label producer. Used by ActionTimeline and any\n * other component that wants trilingual \"n minutes ago\" strings. For absolute\n * formatting see `formatAbsoluteTime`/`formatJalaliDate` in lib/utils.ts.\n */\nexport function formatRelativeLocaleTime(date: Date | string | number, locale: SupportedLocale): string {\n  const then = new Date(date).getTime()\n  const now = Date.now()\n  const diffSec = Math.floor((now - then) / 1000)\n\n  const fmt = (n: number) => (locale === 'en' ? String(n) : n.toLocaleString(locale === 'ar' ? 'ar-EG' : 'fa-IR'))\n\n  if (diffSec < 0) {\n    // Future time — rare in feeds. Fall through to absolute below.\n    return new Date(then).toISOString()\n  }\n  if (diffSec < 60) {\n    if (locale === 'fa') return 'همین الان'\n    if (locale === 'ar') return 'الآن'\n    return 'just now'\n  }\n  const diffMin = Math.floor(diffSec / 60)\n  if (diffMin < 60) {\n    if (locale === 'fa') return `${fmt(diffMin)} دقیقه پیش`\n    if (locale === 'ar') return `قبل ${fmt(diffMin)} دقيقة`\n    return `${diffMin}m ago`\n  }\n  const diffHr = Math.floor(diffMin / 60)\n  if (diffHr < 24) {\n    if (locale === 'fa') return `${fmt(diffHr)} ساعت پیش`\n    if (locale === 'ar') return `قبل ${fmt(diffHr)} ساعة`\n    return `${diffHr}h ago`\n  }\n  const diffDay = Math.floor(diffHr / 24)\n  if (diffDay < 7) {\n    if (locale === 'fa') return `${fmt(diffDay)} روز پیش`\n    if (locale === 'ar') return `قبل ${fmt(diffDay)} يوم`\n    return `${diffDay}d ago`\n  }\n  const diffWk = Math.floor(diffDay / 7)\n  if (diffWk < 4) {\n    if (locale === 'fa') return `${fmt(diffWk)} هفته پیش`\n    if (locale === 'ar') return `قبل ${fmt(diffWk)} أسبوع`\n    return `${diffWk}w ago`\n  }\n  const diffMon = Math.floor(diffDay / 30)\n  if (diffMon < 12) {\n    if (locale === 'fa') return `${fmt(diffMon)} ماه پیش`\n    if (locale === 'ar') return `قبل ${fmt(diffMon)} شهر`\n    return `${diffMon}mo ago`\n  }\n  const diffYr = Math.floor(diffDay / 365)\n  if (locale === 'fa') return `${fmt(diffYr)} سال پیش`\n  if (locale === 'ar') return `قبل ${fmt(diffYr)} سنة`\n  return `${diffYr}y ago`\n}\n\n/**\n * Locale-aware \"time remaining\" label — forward-looking companion to\n * `formatRelativeLocaleTime`. Used by RateLimitBanner and any countdown UI.\n *\n * Input can be a Date, ISO string, or epoch ms. Past/zero remaining returns\n * the locale-specific \"now\" / \"any moment\" marker.\n */\nexport function formatTimeRemaining(target: Date | string | number, locale: SupportedLocale): string {\n  const then = new Date(target).getTime()\n  const now = Date.now()\n  const diffSec = Math.max(0, Math.floor((then - now) / 1000))\n\n  const fmt = (n: number) => (locale === 'en' ? String(n) : n.toLocaleString(locale === 'ar' ? 'ar-EG' : 'fa-IR'))\n\n  if (diffSec <= 0) {\n    if (locale === 'fa') return 'هم‌اکنون'\n    if (locale === 'ar') return 'الآن'\n    return 'any moment'\n  }\n  if (diffSec < 60) {\n    if (locale === 'fa') return `${fmt(diffSec)} ثانیه دیگر`\n    if (locale === 'ar') return `بعد ${fmt(diffSec)} ثانية`\n    return `in ${diffSec}s`\n  }\n  const totalMin = Math.floor(diffSec / 60)\n  if (totalMin < 60) {\n    if (locale === 'fa') return `${fmt(totalMin)} دقیقه دیگر`\n    if (locale === 'ar') return `بعد ${fmt(totalMin)} دقيقة`\n    return `in ${totalMin}m`\n  }\n  const hours = Math.floor(totalMin / 60)\n  const mins = totalMin % 60\n  if (hours < 24) {\n    if (mins === 0) {\n      if (locale === 'fa') return `${fmt(hours)} ساعت دیگر`\n      if (locale === 'ar') return `بعد ${fmt(hours)} ساعة`\n      return `in ${hours}h`\n    }\n    if (locale === 'fa') return `${fmt(hours)} ساعت و ${fmt(mins)} دقیقه دیگر`\n    if (locale === 'ar') return `بعد ${fmt(hours)} ساعة و${fmt(mins)} دقيقة`\n    return `in ${hours}h ${mins}m`\n  }\n  const days = Math.floor(hours / 24)\n  const remHours = hours % 24\n  if (remHours === 0) {\n    if (locale === 'fa') return `${fmt(days)} روز دیگر`\n    if (locale === 'ar') return `بعد ${fmt(days)} يوم`\n    return `in ${days}d`\n  }\n  if (locale === 'fa') return `${fmt(days)} روز و ${fmt(remHours)} ساعت دیگر`\n  if (locale === 'ar') return `بعد ${fmt(days)} يوم و${fmt(remHours)} ساعة`\n  return `in ${days}d ${remHours}h`\n}\n\n/**\n * Stage status — for multi-stage pipeline visualizations (StatusFlow).\n *\n * Distinct from `JobStatusKey`: a job has ONE status; a pipeline of stages has\n * a status PER stage. A `running` stage means that stage is currently active;\n * a `warning` stage completed but with caveats; `skipped` means it was bypassed.\n */\nexport type StageStatusKey = 'pending' | 'running' | 'completed' | 'failed' | 'skipped' | 'warning' | 'paused'\n\nexport const STAGE_STATUS_KEYS: readonly StageStatusKey[] = [\n  'pending',\n  'running',\n  'completed',\n  'failed',\n  'skipped',\n  'warning',\n  'paused',\n] as const\n\nexport const stageStatusLabels: Record<SupportedLocale, Record<StageStatusKey, string>> = {\n  fa: {\n    pending: 'در انتظار',\n    running: 'در حال اجرا',\n    completed: 'تکمیل شد',\n    failed: 'ناموفق',\n    skipped: 'رد شد',\n    warning: 'با هشدار',\n    paused: 'متوقف',\n  },\n  ar: {\n    pending: 'في الانتظار',\n    running: 'قيد التنفيذ',\n    completed: 'مكتمل',\n    failed: 'فشل',\n    skipped: 'تم تخطيه',\n    warning: 'مع تحذير',\n    paused: 'متوقف',\n  },\n  en: {\n    pending: 'Pending',\n    running: 'Running',\n    completed: 'Completed',\n    failed: 'Failed',\n    skipped: 'Skipped',\n    warning: 'Warning',\n    paused: 'Paused',\n  },\n}\n\n/**\n * Action type — canonical set of social-media actions a worker/user can\n * execute. Maps 1:1 to a CSS token family (`--action-type-*`) so each action\n * has a distinct recognizable colour + icon across activity feeds, audit\n * timelines, and rate-limit dashboards.\n *\n * The 7 canonical keys cover current افکارسنجی + Booster + future SRR use:\n * - `like` / `comment` / `save` / `follow` / `unfollow` — Booster OPERATION_TYPES\n * - `dm` — direct message (future bulk-DM, notification replies)\n * - `share` — cross-post / retweet (future multi-platform)\n */\nexport type ActionTypeKey = 'like' | 'comment' | 'save' | 'follow' | 'unfollow' | 'dm' | 'share'\n\nexport const ACTION_TYPE_KEYS: readonly ActionTypeKey[] = [\n  'like',\n  'comment',\n  'save',\n  'follow',\n  'unfollow',\n  'dm',\n  'share',\n] as const\n\nexport const actionTypeLabels: Record<SupportedLocale, Record<ActionTypeKey, string>> = {\n  fa: {\n    like: 'پسندیدن',\n    comment: 'نظر',\n    save: 'ذخیره',\n    follow: 'دنبال کردن',\n    unfollow: 'لغو دنبال',\n    dm: 'پیام مستقیم',\n    share: 'اشتراک‌گذاری',\n  },\n  ar: {\n    like: 'إعجاب',\n    comment: 'تعليق',\n    save: 'حفظ',\n    follow: 'متابعة',\n    unfollow: 'إلغاء المتابعة',\n    dm: 'رسالة مباشرة',\n    share: 'مشاركة',\n  },\n  en: {\n    like: 'Like',\n    comment: 'Comment',\n    save: 'Save',\n    follow: 'Follow',\n    unfollow: 'Unfollow',\n    dm: 'Direct Message',\n    share: 'Share',\n  },\n}\n\n/**\n * Short-form verb labels for past-tense activity phrasing (\"worker X پسندید Y\").\n * When composing \"subject action object\" sentences in ActivityFeed / ActionTimeline,\n * prefer these over `actionTypeLabels` which are noun-form.\n */\nexport const actionTypeVerbs: Record<SupportedLocale, Record<ActionTypeKey, string>> = {\n  fa: {\n    like: 'پسندید',\n    comment: 'نظر گذاشت',\n    save: 'ذخیره کرد',\n    follow: 'دنبال کرد',\n    unfollow: 'لغو دنبال کرد',\n    dm: 'پیام داد',\n    share: 'اشتراک گذاشت',\n  },\n  ar: {\n    like: 'أعجب',\n    comment: 'علّق على',\n    save: 'حفظ',\n    follow: 'تابع',\n    unfollow: 'ألغى متابعة',\n    dm: 'راسل',\n    share: 'شارك',\n  },\n  en: {\n    like: 'liked',\n    comment: 'commented on',\n    save: 'saved',\n    follow: 'followed',\n    unfollow: 'unfollowed',\n    dm: 'DMd',\n    share: 'shared',\n  },\n}\n\n/**\n * Entity health — 6-tier severity narrative for long-lived entities like\n * workers, tracked pages, data sources, monitored feeds. Ordered most-critical\n * to most-positive so components can sort \"worst first\" deterministically.\n *\n * `banned` — entity is permanently disabled / blocked upstream.\n * `pending` — not yet evaluated (new, awaiting verification, in setup).\n * `at-risk` — immediate intervention needed (failed checks, violations).\n * `warning` — degrading signals, needs monitoring.\n * `growing` — improving trajectory but not yet healthy.\n * `healthy` — stable, all checks pass.\n *\n * Distinct from `StatusKey` (critical/warning/normal — short-lived operational)\n * and `SeverityKey` (urgent/high/medium/low — urgency of an action item).\n */\nexport type EntityHealthKey = 'banned' | 'pending' | 'at-risk' | 'warning' | 'growing' | 'healthy'\n\nexport const ENTITY_HEALTH_KEYS: readonly EntityHealthKey[] = [\n  'banned',\n  'pending',\n  'at-risk',\n  'warning',\n  'growing',\n  'healthy',\n] as const\n\nexport const entityHealthLabels: Record<SupportedLocale, Record<EntityHealthKey, string>> = {\n  fa: {\n    banned: 'مسدود',\n    pending: 'در انتظار بررسی',\n    'at-risk': 'در خطر',\n    warning: 'هشدار',\n    growing: 'در حال بهبود',\n    healthy: 'سالم',\n  },\n  ar: {\n    banned: 'محظور',\n    pending: 'قيد الانتظار',\n    'at-risk': 'في خطر',\n    warning: 'تحذير',\n    growing: 'ينمو',\n    healthy: 'صحي',\n  },\n  en: {\n    banned: 'Banned',\n    pending: 'Pending',\n    'at-risk': 'At Risk',\n    warning: 'Warning',\n    growing: 'Growing',\n    healthy: 'Healthy',\n  },\n}\n\n/**\n * Priority rank of each entity health state — higher number = more severe.\n * Use to sort entity lists \"worst first\" without ad-hoc comparisons.\n */\nexport const entityHealthPriority: Record<EntityHealthKey, number> = {\n  banned: 5,\n  'at-risk': 4,\n  warning: 3,\n  pending: 2,\n  growing: 1,\n  healthy: 0,\n}\n\n/** True iff the entity needs immediate human attention. */\nexport function isCriticalEntityHealth(s: EntityHealthKey): boolean {\n  return s === 'banned' || s === 'at-risk'\n}\n\n/**\n * Default UI strings for components that need localized text.\n * Persian (fa) is the default locale for backward compatibility.\n */\nexport const UI_STRINGS = {\n  fa: {\n    // Autocomplete\n    noResults: 'نتیجه‌ای یافت نشد',\n    suggestions: 'پیشنهادها',\n\n    // MultiSelect\n    select: 'انتخاب کنید',\n    noOptionsFound: 'موردی یافت نشد',\n    search: 'جستجو...',\n    clearAll: 'پاک کردن همه',\n\n    // DatePicker / DateRangePicker\n    selectDate: 'انتخاب تاریخ',\n    selectDateRange: 'انتخاب بازه تاریخ',\n\n    // ErrorState\n    errorLoadingData: 'خطا در بارگذاری داده‌ها',\n    retry: 'تلاش مجدد',\n\n    // FilterChip\n    remove: 'حذف',\n\n    // UserAutocomplete\n    noUsersFound: 'کاربری یافت نشد',\n\n    // Pagination\n    goToPreviousPage: 'رفتن به صفحه قبلی',\n    goToNextPage: 'رفتن به صفحه بعدی',\n    previous: 'قبلی',\n    next: 'بعدی',\n\n    // ProfileInfo\n    actions: 'عملیات',\n\n    // CopyButton\n    copy: 'کپی',\n    copied: 'کپی شد',\n\n    // ConfirmDialog\n    confirm: 'تایید',\n    cancel: 'انصراف',\n    areYouSure: 'آیا مطمئن هستید؟',\n\n    // Stepper\n    stepperLabel: 'مراحل',\n    stepCompleted: 'تکمیل شده',\n    stepCurrent: 'مرحله فعلی',\n    stepPending: 'در انتظار',\n\n    // FilterBar / FilterPanel\n    clearFilters: 'پاک کردن فیلترها',\n    activeFilters: 'فیلترهای فعال',\n    filters: 'فیلترها',\n    applyFilters: 'اعمال',\n    resetFilters: 'پیش‌فرض',\n    noFiltersActive: 'فیلتر فعالی نیست',\n    clearSection: 'پاک کردن این بخش',\n\n    // PageHeader\n    goBack: 'بازگشت',\n\n    // ViewToggle\n    gridView: 'نمای شبکه‌ای',\n    listView: 'نمای لیستی',\n\n    // PageLoader\n    loading: 'در حال بارگذاری...',\n\n    // ErrorBoundary\n    unexpectedError: 'خطای غیرمنتظره‌ای رخ داد',\n\n    // DataTable\n    selectAll: 'انتخاب همه',\n    selectRow: 'انتخاب ردیف',\n    noDataToDisplay: 'داده‌ای برای نمایش وجود ندارد',\n\n    // InstagramPost\n    likesCount: 'تعداد لایک',\n    commentsCount: 'تعداد کامنت',\n    viewsCount: 'تعداد بازدید',\n    sharesCount: 'تعداد اشتراک',\n    postTypeLabel: 'نوع پست',\n    postTypePhoto: 'عکس',\n    postTypeVideo: 'ویدیو',\n    postTypeCarousel: 'اسلاید',\n    showMore: 'بیشتر',\n    showLess: 'کمتر',\n    noMediaAvailable: 'رسانه‌ای موجود نیست',\n    commentAnalysis: 'تحلیل کامنت‌ها',\n    commentAnalysisDisabled: 'تحلیل کامنت‌ها (غیرفعال)',\n    booster: 'بوستر',\n    boosterDisabled: 'بوستر (غیرفعال)',\n    aiAnalysis: 'تحلیل هوش مصنوعی',\n    aiAnalysisDisabled: 'تحلیل هوش مصنوعی (غیرفعال)',\n    openOnInstagram: 'باز کردن در اینستاگرام',\n    openOnInstagramDisabled: 'باز کردن در اینستاگرام (غیرفعال)',\n  },\n  ar: {\n    noResults: 'لم يتم العثور على نتائج',\n    suggestions: 'اقتراحات',\n    select: 'اختر',\n    noOptionsFound: 'لم يتم العثور على خيارات',\n    search: 'بحث...',\n    clearAll: 'مسح الكل',\n    selectDate: 'اختر تاريخ',\n    selectDateRange: 'اختر نطاق التاريخ',\n    errorLoadingData: 'خطأ في تحميل البيانات',\n    retry: 'إعادة المحاولة',\n    remove: 'حذف',\n    noUsersFound: 'لم يتم العثور على مستخدمين',\n    goToPreviousPage: 'الانتقال إلى الصفحة السابقة',\n    goToNextPage: 'الانتقال إلى الصفحة التالية',\n    previous: 'السابق',\n    next: 'التالي',\n    actions: 'إجراءات',\n\n    // CopyButton\n    copy: 'نسخ',\n    copied: 'تم النسخ',\n\n    // ConfirmDialog\n    confirm: 'تأكيد',\n    cancel: 'إلغاء',\n    areYouSure: 'هل أنت متأكد؟',\n\n    // Stepper\n    stepperLabel: 'الخطوات',\n    stepCompleted: 'مكتمل',\n    stepCurrent: 'الخطوة الحالية',\n    stepPending: 'قيد الانتظار',\n\n    // FilterBar / FilterPanel\n    clearFilters: 'مسح الفلاتر',\n    activeFilters: 'الفلاتر النشطة',\n    filters: 'الفلاتر',\n    applyFilters: 'تطبيق',\n    resetFilters: 'الافتراضي',\n    noFiltersActive: 'لا توجد فلاتر نشطة',\n    clearSection: 'مسح هذا القسم',\n\n    // PageHeader\n    goBack: 'رجوع',\n\n    // ViewToggle\n    gridView: 'عرض شبكي',\n    listView: 'عرض قائمة',\n\n    // PageLoader\n    loading: 'جارٍ التحميل...',\n\n    // ErrorBoundary\n    unexpectedError: 'حدث خطأ غير متوقع',\n\n    // DataTable\n    selectAll: 'تحديد الكل',\n    selectRow: 'تحديد الصف',\n    noDataToDisplay: 'لا توجد بيانات للعرض',\n\n    // InstagramPost\n    likesCount: 'عدد الإعجابات',\n    commentsCount: 'عدد التعليقات',\n    viewsCount: 'عدد المشاهدات',\n    sharesCount: 'عدد المشاركات',\n    postTypeLabel: 'نوع المنشور',\n    postTypePhoto: 'صورة',\n    postTypeVideo: 'فيديو',\n    postTypeCarousel: 'شرائح',\n    showMore: 'المزيد',\n    showLess: 'أقل',\n    noMediaAvailable: 'لا توجد وسائط',\n    commentAnalysis: 'تحليل التعليقات',\n    commentAnalysisDisabled: 'تحليل التعليقات (معطل)',\n    booster: 'تعزيز',\n    boosterDisabled: 'تعزيز (معطل)',\n    aiAnalysis: 'تحليل الذكاء الاصطناعي',\n    aiAnalysisDisabled: 'تحليل الذكاء الاصطناعي (معطل)',\n    openOnInstagram: 'فتح في إنستاجرام',\n    openOnInstagramDisabled: 'فتح في إنستاجرام (معطل)',\n  },\n  en: {\n    noResults: 'No results found',\n    suggestions: 'Suggestions',\n    select: 'Select',\n    noOptionsFound: 'No options found',\n    search: 'Search...',\n    clearAll: 'Clear all',\n    selectDate: 'Select date',\n    selectDateRange: 'Select date range',\n    errorLoadingData: 'Error loading data',\n    retry: 'Retry',\n    remove: 'Remove',\n    noUsersFound: 'No users found',\n    goToPreviousPage: 'Go to previous page',\n    goToNextPage: 'Go to next page',\n    previous: 'Previous',\n    next: 'Next',\n    actions: 'Actions',\n\n    // CopyButton\n    copy: 'Copy',\n    copied: 'Copied',\n\n    // ConfirmDialog\n    confirm: 'Confirm',\n    cancel: 'Cancel',\n    areYouSure: 'Are you sure?',\n\n    // Stepper\n    stepperLabel: 'Steps',\n    stepCompleted: 'Completed',\n    stepCurrent: 'Current step',\n    stepPending: 'Pending',\n\n    // FilterBar / FilterPanel\n    clearFilters: 'Clear filters',\n    activeFilters: 'Active filters',\n    filters: 'Filters',\n    applyFilters: 'Apply',\n    resetFilters: 'Reset',\n    noFiltersActive: 'No active filters',\n    clearSection: 'Clear this section',\n\n    // PageHeader\n    goBack: 'Go back',\n\n    // ViewToggle\n    gridView: 'Grid view',\n    listView: 'List view',\n\n    // PageLoader\n    loading: 'Loading...',\n\n    // ErrorBoundary\n    unexpectedError: 'An unexpected error occurred',\n\n    // DataTable\n    selectAll: 'Select all',\n    selectRow: 'Select row',\n    noDataToDisplay: 'No data to display',\n\n    // InstagramPost\n    likesCount: 'Likes',\n    commentsCount: 'Comments',\n    viewsCount: 'Views',\n    sharesCount: 'Shares',\n    postTypeLabel: 'Post type',\n    postTypePhoto: 'Photo',\n    postTypeVideo: 'Video',\n    postTypeCarousel: 'Carousel',\n    showMore: 'More',\n    showLess: 'Less',\n    noMediaAvailable: 'No media available',\n    commentAnalysis: 'Comment Analysis',\n    commentAnalysisDisabled: 'Comment Analysis (disabled)',\n    booster: 'Booster',\n    boosterDisabled: 'Booster (disabled)',\n    aiAnalysis: 'AI Analysis',\n    aiAnalysisDisabled: 'AI Analysis (disabled)',\n    openOnInstagram: 'Open on Instagram',\n    openOnInstagramDisabled: 'Open on Instagram (disabled)',\n  },\n} as const\n\nexport type UIStringKeys = keyof (typeof UI_STRINGS)['fa']\nexport type UIStrings = Record<UIStringKeys, string>\n\n/**\n * Get UI strings for a given locale.\n * Falls back to 'fa' for unknown locales.\n */\nexport function getUIStrings(locale: SupportedLocale = 'fa'): UIStrings {\n  return (UI_STRINGS[locale] ?? UI_STRINGS.fa) as UIStrings\n}\n","'use client'\n\nimport * as React from 'react'\nimport { ArrowRight } from 'lucide-react'\nimport { cn, type SupportedLocale } from '@/lib/utils'\nimport { getUIStrings } from '@/lib/i18n'\n\nexport interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Page title */\n  title: string\n  /** Optional description below title */\n  description?: string\n  /** Back button callback. When provided, shows a back arrow. */\n  onBack?: () => void\n  /** Actions slot (buttons, etc.) rendered at inline-end */\n  actions?: React.ReactNode\n  /** Breadcrumb slot rendered above the title */\n  breadcrumbs?: React.ReactNode\n  /** Locale @default \"fa\" */\n  locale?: SupportedLocale\n}\n\nconst PageHeader = React.forwardRef<HTMLDivElement, PageHeaderProps>(\n  ({ className, title, description, onBack, actions, breadcrumbs, locale = 'fa', ...props }, ref) => {\n    const strings = getUIStrings(locale)\n\n    return (\n      <div ref={ref} data-slot=\"page-header\" className={cn('flex flex-col gap-1', className)} {...props}>\n        {breadcrumbs && (\n          <div data-slot=\"page-header-breadcrumbs\" className=\"mb-2\">\n            {breadcrumbs}\n          </div>\n        )}\n        <div className=\"flex items-center justify-between gap-4\">\n          <div className=\"flex items-center gap-3 min-w-0\">\n            {onBack && (\n              <button\n                type=\"button\"\n                onClick={onBack}\n                aria-label={strings.goBack}\n                className={cn(\n                  'flex items-center justify-center shrink-0 rounded-md',\n                  'size-8 text-foreground-lighter hover:text-foreground hover:bg-surface-200',\n                  'transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'\n                )}\n              >\n                <ArrowRight className=\"size-5 ltr:rotate-180\" />\n              </button>\n            )}\n            <div className=\"min-w-0\">\n              <h1 data-slot=\"page-header-title\" className=\"text-xl font-bold text-foreground truncate sm:text-2xl\">\n                {title}\n              </h1>\n              {description && (\n                <p data-slot=\"page-header-description\" className=\"text-sm text-foreground-lighter mt-1 line-clamp-2\">\n                  {description}\n                </p>\n              )}\n            </div>\n          </div>\n          {actions && (\n            <div data-slot=\"page-header-actions\" className=\"flex items-center gap-2 shrink-0\">\n              {actions}\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\nPageHeader.displayName = 'PageHeader'\n\nexport { PageHeader }\n"]}