Add FA/EN locale, home activity charts, and theme-aware polish.

Ship shared LocaleProvider, business/customer i18n, branding defaultLocale, curated home tiles with dual 30-day charts, and chart/page aura tokens; refresh PROJECT_CONTEXT.

Co-authored-by: Cursor <cursoragent@cursor.com>

packages/dashboard-core/src/index.ts

@@ -31,6 +31,16 @@ export {
 
 export { applyDocumentFavicon } from './utils/favicon'
 
+export {
+  applyDocumentLocale,
+  DASHBOARD_LOCALE_STORAGE_KEY,
+  getLocaleDirection,
+  isDashboardLocale,
+  readStoredLocale,
+  writeStoredLocale,
+  type DashboardLocale,
+} from './locale/dashboardLocale'
+
 export {
   BUSINESS_SUBDOMAIN_PREFIX,
   CUSTOMER_SUBDOMAIN_PREFIX,

packages/dashboard-core/src/locale/dashboardLocale.ts

@@ -0,0 +1,37 @@
+export type DashboardLocale = 'en' | 'fa'
+
+export const DASHBOARD_LOCALE_STORAGE_KEY = 'meshkee.dashboard.locale'
+
+export function isDashboardLocale(value: unknown): value is DashboardLocale {
+  return value === 'en' || value === 'fa'
+}
+
+export function getLocaleDirection(locale: DashboardLocale): 'ltr' | 'rtl' {
+  return locale === 'fa' ? 'rtl' : 'ltr'
+}
+
+export function applyDocumentLocale(locale: DashboardLocale): void {
+  if (typeof document === 'undefined') return
+  const root = document.documentElement
+  root.lang = locale
+  root.dir = getLocaleDirection(locale)
+}
+
+export function readStoredLocale(fallback: DashboardLocale = 'fa'): DashboardLocale {
+  if (typeof localStorage === 'undefined') return fallback
+  try {
+    const raw = localStorage.getItem(DASHBOARD_LOCALE_STORAGE_KEY)
+    return isDashboardLocale(raw) ? raw : fallback
+  } catch {
+    return fallback
+  }
+}
+
+export function writeStoredLocale(locale: DashboardLocale): void {
+  if (typeof localStorage === 'undefined') return
+  try {
+    localStorage.setItem(DASHBOARD_LOCALE_STORAGE_KEY, locale)
+  } catch {
+    // ignore quota / private mode
+  }
+}

packages/dashboard-core/src/styles/tokens.css

@@ -13,6 +13,10 @@
   --primary-dark: #2563eb;
   --primary-rgb: 59 130 246;
   --primary-dark-rgb: 37 99 235;
+  --chart-accent: #06b6d4;
+  --chart-accent-dark: #0891b2;
+  --chart-accent-rgb: 6 182 212;
+  --chart-accent-dark-rgb: 8 145 178;
   --bg-gradient-start: color-mix(in srgb, var(--primary-light) 72%, #ffffff);
   --bg-gradient-mid: color-mix(in srgb, var(--primary-light) 42%, #ffffff);
   --bg-gradient-end: color-mix(in srgb, var(--primary-light) 18%, #ffffff);
@@ -35,8 +39,10 @@
   --field-padding-y: 9px;
   --field-padding-x: 12px;
   --field-height: 38px;
-  --font-en: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --font-en: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
   --font-fa: 'IRANYekan', 'IranYekan', 'Yekan', Tahoma, sans-serif;
+  /* Latin → Montserrat first; Arabic/Persian glyphs fall through to --font-fa */
+  --font-ui: var(--font-en), var(--font-fa);
   --card-hover-lift: -4px;
   --card-hover-shadow: 0 16px 48px rgba(var(--primary-rgb) / 0.14);
   --card-hover-transition: transform 0.25s ease, box-shadow 0.25s ease;
@@ -52,18 +58,64 @@ body,
 }
 
 body {
-  font-family: var(--font-en);
+  font-family: var(--font-ui);
   color: var(--text-primary);
   background-color: var(--bg-gradient-mid);
-  background-image:
-    radial-gradient(ellipse 520px 520px at calc(100% - 40px) -60px, rgba(var(--primary-rgb) / 0.28), transparent 72%),
-    radial-gradient(ellipse 420px 420px at 18% calc(100% + 20px), rgba(var(--primary-rgb) / 0.18), transparent 72%),
-    radial-gradient(ellipse 320px 320px at -40px 42%, rgba(var(--primary-rgb) / 0.12), transparent 72%),
-    linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-mid) 50%, var(--bg-gradient-end) 100%);
+  background-image: linear-gradient(
+    135deg,
+    var(--bg-gradient-start) 0%,
+    var(--bg-gradient-mid) 50%,
+    var(--bg-gradient-end) 100%
+  );
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-size: cover;
   -webkit-font-smoothing: antialiased;
+  overflow-x: hidden;
+}
+
+body::before {
+  content: '';
+  position: fixed;
+  inset: -30%;
+  z-index: -1;
+  pointer-events: none;
+  background:
+    radial-gradient(
+      ellipse 520px 520px at 72% 18%,
+      rgba(var(--primary-rgb) / 0.3),
+      transparent 72%
+    ),
+    radial-gradient(
+      ellipse 420px 420px at 22% 82%,
+      rgba(var(--primary-rgb) / 0.2),
+      transparent 72%
+    ),
+    radial-gradient(
+      ellipse 360px 360px at 8% 42%,
+      rgba(var(--chart-accent-rgb, var(--primary-rgb)) / 0.14),
+      transparent 72%
+    );
+  animation: pageAuraDrift 22s ease-in-out infinite alternate;
+  will-change: transform;
+}
+
+@keyframes pageAuraDrift {
+  0% {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+  50% {
+    transform: translate3d(3.5%, -2.5%, 0) scale(1.06);
+  }
+  100% {
+    transform: translate3d(-3%, 3.5%, 0) scale(1.04);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  body::before {
+    animation: none;
+  }
 }
 
 /* Interactive glass cards: lift + shadow on hover (no border change) */
@@ -119,7 +171,7 @@ select:focus {
 
 input:not([type='checkbox']):not([type='radio']):not([type='file']):not([type='range']):not([type='hidden']),
 textarea {
-  font-family: var(--font-fa), var(--font-en);
+  font-family: var(--font-ui);
   font-size: var(--field-font-size);
   outline: none;
   transition: border-color 0.2s, box-shadow 0.2s;
@@ -140,20 +192,20 @@ textarea:focus {
 
 input:not([type='checkbox']):not([type='radio']):not([type='file']):not([type='range']):not([type='hidden'])::placeholder,
 textarea::placeholder {
-  font-family: var(--font-fa), var(--font-en);
+  font-family: var(--font-ui);
 }
 
 [dir='rtl'],
 :lang(fa),
 .faText {
-  font-family: var(--font-fa), var(--font-en);
+  font-family: var(--font-ui);
   font-weight: 400;
-  text-align: right;
+  text-align: start;
 }
 
 [dir='rtl']::placeholder,
 :lang(fa)::placeholder,
 .faText::placeholder {
-  font-family: var(--font-fa), var(--font-en);
+  font-family: var(--font-ui);
   font-weight: 400;
 }

packages/dashboard-core/src/types/auth.ts

@@ -18,6 +18,8 @@ export interface AuthUser {
   email: string | null
   firstName: string | null
   lastName: string | null
+  firstNameEn: string | null
+  lastNameEn: string | null
   cellVerifiedAt: string | null
   roles: string[]
   dashboard: DashboardType