Show other-pages stats and store-specials AI matching.

Add the Statistics pages row for static_page views, wire specials AI match UI, and tidy Businesses page styles.

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

apps/business/src/components/SpecialItemsAiModal.module.css

@@ -0,0 +1,238 @@
+.modal {
+  max-width: 640px;
+}
+
+.header {
+  align-items: flex-start;
+}
+
+.headerBlock {
+  flex: 1;
+  min-width: 0;
+}
+
+.subtitle {
+  font-size: 13px;
+  color: var(--text-secondary);
+  margin-top: 4px;
+  line-height: 1.45;
+}
+
+.body {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+.listArea {
+  min-height: 180px;
+  resize: vertical;
+  font-family: var(--font-ui);
+  font-size: var(--field-font-size);
+  line-height: 1.55;
+}
+
+.checkRow {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 13px;
+  color: var(--text-primary);
+  font-family: var(--font-ui);
+  cursor: pointer;
+  user-select: none;
+}
+
+.checkRow input {
+  width: 16px;
+  height: 16px;
+  accent-color: var(--primary);
+  cursor: pointer;
+}
+
+.reviewHint {
+  margin: 0;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--text-secondary);
+}
+
+.reviewList {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-height: min(48vh, 420px);
+  overflow-y: auto;
+  padding-inline-end: 2px;
+}
+
+.reviewCard {
+  padding: 10px 12px;
+  border-radius: var(--radius-sm);
+  border: 1px solid rgba(148, 163, 184, 0.16);
+  background: rgba(15, 23, 42, 0.22);
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
+}
+
+.reviewCardMiss {
+  border-color: rgba(245, 158, 11, 0.3);
+  background: rgba(120, 53, 15, 0.2);
+}
+
+.reviewTop {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.lineIndex {
+  font-weight: 600;
+  color: rgba(226, 232, 240, 0.78);
+}
+
+.score {
+  font-size: 12px;
+  font-weight: 700;
+  color: #67e8f9;
+  font-variant-numeric: tabular-nums;
+}
+
+.rawLine {
+  margin: 0;
+  font-size: 12px;
+  line-height: 1.4;
+  color: rgba(226, 232, 240, 0.72);
+  font-family: var(--font-ui);
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.matchBlock {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+
+.thumb,
+.thumbPlaceholder {
+  width: 40px;
+  height: 40px;
+  border-radius: 8px;
+  flex-shrink: 0;
+  object-fit: cover;
+  background: rgba(148, 163, 184, 0.12);
+  border: 1px solid rgba(148, 163, 184, 0.14);
+}
+
+.matchText {
+  min-width: 0;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+}
+
+.matchTitle {
+  margin: 0;
+  font-size: 13px;
+  font-weight: 600;
+  color: #f8fafc;
+  font-family: var(--font-ui);
+  line-height: 1.35;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.matchMeta {
+  margin: 0;
+  font-size: 11px;
+  color: rgba(191, 219, 254, 0.72);
+  font-family: var(--font-ui);
+  line-height: 1.35;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.priceRow {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex-wrap: wrap;
+  font-family: var(--font-ui);
+  font-size: 11px;
+  line-height: 1.35;
+}
+
+.priceLabel {
+  color: rgba(148, 163, 184, 0.92);
+}
+
+.priceCurrent {
+  color: rgba(226, 232, 240, 0.72);
+}
+
+.priceArrow {
+  color: rgba(103, 232, 249, 0.88);
+  font-weight: 700;
+}
+
+.priceNext {
+  color: #67e8f9;
+  font-weight: 700;
+}
+
+.noMatch {
+  margin: 0;
+  font-size: 12px;
+  font-weight: 600;
+  color: #f59e0b;
+}
+
+.error {
+  margin: 0;
+  padding: 10px 12px;
+  font-size: 13px;
+  color: #fecaca;
+  background: rgba(127, 29, 29, 0.35);
+  border: 1px solid rgba(248, 113, 113, 0.28);
+  border-radius: var(--radius-sm);
+}
+
+.footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  padding-top: 4px;
+  direction: rtl;
+}
+
+.cancelBtn {
+  height: var(--field-height);
+  padding: 0 18px;
+  font-size: var(--field-font-size);
+  font-weight: 500;
+  font-family: var(--font-ui);
+  border-radius: var(--radius-sm);
+  transition: background 0.2s, color 0.2s, opacity 0.2s;
+  color: var(--text-secondary);
+  background: rgba(148, 163, 184, 0.12);
+}
+
+.cancelBtn:hover:not(:disabled) {
+  background: rgba(148, 163, 184, 0.2);
+}
+
+.cancelBtn:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}

apps/business/src/components/SpecialItemsAiModal.tsx

@@ -0,0 +1,406 @@
+import { useEffect, useMemo, useState } from 'react'
+import { createPortal } from 'react-dom'
+import { Sparkles, X } from 'lucide-react'
+import { useLocale } from '@meshkee/dashboard-ui'
+import { ApiError } from '../lib/api'
+import { useT } from '../i18n/useT'
+import { updateStoreItem } from '../services/storeItemService'
+import {
+  matchStoreSpecialListWithAi,
+  updateStoreSpecial,
+  type SpecialItemsAiMatchRow,
+} from '../services/storeSpecialService'
+import type { SpecialProductsSource } from '../services/settingsService'
+import type { StoreSpecial } from '../types/storeSpecial'
+import { formatIrtPrice } from '../utils/irtPrice'
+import modalStyles from './VariationsModal.module.css'
+import aiStyles from '../styles/ai.module.css'
+import styles from './SpecialItemsAiModal.module.css'
+
+type Step = 'input' | 'review'
+
+const ANIMATION_MS = 220
+
+export interface SpecialItemsAiApplyResult {
+  special: StoreSpecial
+  added: number
+  priced: number
+  cleared: boolean
+}
+
+interface SpecialItemsAiModalProps {
+  open: boolean
+  special: StoreSpecial | null
+  source: SpecialProductsSource
+  onClose: () => void
+  onApplied: (result: SpecialItemsAiApplyResult) => void
+}
+
+export function SpecialItemsAiModal({
+  open,
+  special,
+  source,
+  onClose,
+  onApplied,
+}: SpecialItemsAiModalProps) {
+  const t = useT()
+  const { locale } = useLocale()
+  const isFa = locale === 'fa'
+  const fromProducts = source === 'product'
+
+  const [mounted, setMounted] = useState(open)
+  const [closing, setClosing] = useState(false)
+  const [step, setStep] = useState<Step>('input')
+  const [listText, setListText] = useState('')
+  const [replaceExisting, setReplaceExisting] = useState(false)
+  const [rows, setRows] = useState<SpecialItemsAiMatchRow[]>([])
+  const [error, setError] = useState('')
+  const [busy, setBusy] = useState(false)
+
+  useEffect(() => {
+    if (open) {
+      setMounted(true)
+      setClosing(false)
+      setStep('input')
+      setListText('')
+      setReplaceExisting(false)
+      setRows([])
+      setError('')
+      setBusy(false)
+    } else if (mounted) {
+      setClosing(true)
+      const timer = setTimeout(() => {
+        setMounted(false)
+        setClosing(false)
+      }, ANIMATION_MS)
+      return () => clearTimeout(timer)
+    }
+  }, [open, mounted])
+
+  useEffect(() => {
+    if (!mounted || closing) return
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === 'Escape' && !busy) onClose()
+    }
+    document.addEventListener('keydown', onKey)
+    return () => document.removeEventListener('keydown', onKey)
+  }, [mounted, closing, busy, onClose])
+
+  const selectedCount = useMemo(
+    () => rows.filter((row) => row.selected && row.candidate).length,
+    [rows],
+  )
+
+  async function handleMatch() {
+    if (!special) return
+    if (listText.trim().length < 3) {
+      setError(t('website.specialItems.ai.listEmpty'))
+      return
+    }
+
+    setBusy(true)
+    setError('')
+
+    try {
+      const result = await matchStoreSpecialListWithAi(listText)
+      setRows(result.matches)
+      setStep('review')
+    } catch (err) {
+      if (err instanceof ApiError) {
+        setError(err.message)
+      } else {
+        setError(t('website.specialItems.ai.errorMatch'))
+      }
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  async function handleApply() {
+    if (!special) return
+    const accepted = rows.filter((row) => row.selected && row.candidate)
+    if (accepted.length === 0) {
+      setError(t('website.specialItems.ai.noneSelected'))
+      return
+    }
+
+    setBusy(true)
+    setError('')
+
+    try {
+      let priced = 0
+
+      if (!fromProducts) {
+        for (const row of accepted) {
+          if (!row.updatePrice || row.price == null || !row.candidate) continue
+          await updateStoreItem(row.candidate.variantId, { price: row.price })
+          priced += 1
+        }
+      }
+
+      const existingIds = special.items.map((item) =>
+        fromProducts ? item.productId : item.id,
+      )
+      const matchedIds = accepted.map((row) =>
+        fromProducts ? row.candidate!.productId : row.candidate!.storeItemId,
+      )
+      const nextIds = replaceExisting
+        ? [...new Set(matchedIds)]
+        : [...new Set([...existingIds, ...matchedIds])]
+
+      const result = await updateStoreSpecial(
+        special.id,
+        fromProducts ? { productIds: nextIds } : { storeItemIds: nextIds },
+      )
+
+      onApplied({
+        special: result.special,
+        added: matchedIds.length,
+        priced,
+        cleared: replaceExisting,
+      })
+      onClose()
+    } catch (err) {
+      if (err instanceof ApiError) {
+        setError(err.message)
+      } else {
+        setError(t('website.specialItems.ai.errorApply'))
+      }
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  function toggleRow(index: number) {
+    setRows((prev) =>
+      prev.map((row, i) =>
+        i === index && row.candidate ? { ...row, selected: !row.selected } : row,
+      ),
+    )
+  }
+
+  function togglePrice(index: number) {
+    setRows((prev) =>
+      prev.map((row, i) => (i === index ? { ...row, updatePrice: !row.updatePrice } : row)),
+    )
+  }
+
+  if (!mounted || !special) return null
+
+  return createPortal(
+    <div
+      className={`${modalStyles.overlay} ${closing ? modalStyles.overlayOut : modalStyles.overlayIn}`}
+      onClick={(e) => e.target === e.currentTarget && !busy && onClose()}
+      role="presentation"
+    >
+      <div
+        className={`${modalStyles.modal} ${styles.modal} ${closing ? modalStyles.modalOut : modalStyles.modalIn}`}
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="special-items-ai-title"
+        lang={isFa ? 'fa' : 'en'}
+        dir={isFa ? 'rtl' : 'ltr'}
+        onClick={(e) => e.stopPropagation()}
+        onMouseDown={(e) => e.stopPropagation()}
+      >
+        <div className={`${modalStyles.header} ${styles.header}`}>
+          <div className={styles.headerBlock}>
+            <h2 id="special-items-ai-title" className={modalStyles.title}>
+              {t('website.specialItems.ai.title')}
+            </h2>
+            <p className={styles.subtitle}>
+              {t('website.specialItems.ai.subtitle', { title: special.title })}
+            </p>
+          </div>
+          <button
+            type="button"
+            className={modalStyles.closeBtn}
+            onClick={onClose}
+            disabled={busy}
+            aria-label={t('common.close')}
+          >
+            <X size={20} />
+          </button>
+        </div>
+
+        <div className={`${modalStyles.body} ${styles.body}`}>
+          {error && <p className={styles.error}>{error}</p>}
+
+          {step === 'input' ? (
+            <>
+              <div className={`${modalStyles.field} ${aiStyles.aiPromptField}`}>
+                <label htmlFor="special-items-ai-list">
+                  {t('website.specialItems.ai.listLabel')}
+                </label>
+                <textarea
+                  id="special-items-ai-list"
+                  className={`${aiStyles.aiPromptTextarea} ${styles.listArea}`}
+                  value={listText}
+                  onChange={(e) => setListText(e.target.value)}
+                  rows={10}
+                  disabled={busy}
+                  placeholder={t('website.specialItems.ai.listPlaceholder')}
+                  lang="fa"
+                  dir="rtl"
+                />
+              </div>
+
+              <label className={styles.checkRow}>
+                <input
+                  type="checkbox"
+                  checked={replaceExisting}
+                  onChange={(e) => setReplaceExisting(e.target.checked)}
+                  disabled={busy}
+                />
+                <span>{t('website.specialItems.ai.replaceExisting')}</span>
+              </label>
+
+              <div className={styles.footer}>
+                <button
+                  type="button"
+                  className={styles.cancelBtn}
+                  onClick={onClose}
+                  disabled={busy}
+                >
+                  {t('products.form.cancel')}
+                </button>
+                <button
+                  type="button"
+                  className={aiStyles.aiBtn}
+                  onClick={() => void handleMatch()}
+                  disabled={busy || listText.trim().length < 3}
+                >
+                  <Sparkles size={16} />
+                  {busy
+                    ? t('website.specialItems.ai.matching')
+                    : t('website.specialItems.ai.match')}
+                </button>
+              </div>
+            </>
+          ) : (
+            <>
+              <p className={styles.reviewHint}>
+                {t('website.specialItems.ai.reviewHint', {
+                  matched: String(selectedCount),
+                  total: String(rows.length),
+                })}
+              </p>
+
+              <div className={styles.reviewList}>
+                {rows.map((row, index) => (
+                  <div
+                    key={`${row.lineIndex}-${row.raw.slice(0, 24)}`}
+                    className={`${styles.reviewCard} ${
+                      row.candidate ? '' : styles.reviewCardMiss
+                    }`}
+                  >
+                    <div className={styles.reviewTop}>
+                      <label className={styles.checkRow}>
+                        <input
+                          type="checkbox"
+                          checked={row.selected}
+                          disabled={!row.candidate || busy}
+                          onChange={() => toggleRow(index)}
+                        />
+                        <span className={styles.lineIndex}>#{index + 1}</span>
+                      </label>
+                      {row.candidate && (
+                        <span className={styles.score}>
+                          {Math.round((row.confidence || row.candidate.score) * 100)}%
+                        </span>
+                      )}
+                    </div>
+
+                    <p className={styles.rawLine} dir="rtl" lang="fa">
+                      {row.raw}
+                    </p>
+
+                    {row.candidate ? (
+                      <div className={styles.matchBlock}>
+                        {row.candidate.productImage ? (
+                          <img
+                            src={row.candidate.productImage}
+                            alt=""
+                            className={styles.thumb}
+                          />
+                        ) : (
+                          <div className={styles.thumbPlaceholder} />
+                        )}
+                        <div className={styles.matchText}>
+                          <p className={styles.matchTitle}>
+                            {isFa && row.candidate.productNameFa
+                              ? row.candidate.productNameFa
+                              : row.candidate.productTitle}
+                          </p>
+                          {row.candidate.variantLabel && (
+                            <p className={styles.matchMeta}>{row.candidate.variantLabel}</p>
+                          )}
+                          <div className={styles.priceRow}>
+                            <span className={styles.priceLabel}>
+                              {t('website.specialItems.ai.currentPrice')}
+                            </span>
+                            <span className={styles.priceCurrent}>
+                              {formatIrtPrice(row.candidate.currentPrice)}
+                            </span>
+                            {row.price != null && (
+                              <>
+                                <span className={styles.priceArrow}>→</span>
+                                <strong className={styles.priceNext}>
+                                  {formatIrtPrice(row.price)}
+                                </strong>
+                              </>
+                            )}
+                          </div>
+                        </div>
+                      </div>
+                    ) : (
+                      <p className={styles.noMatch}>{t('website.specialItems.ai.noMatch')}</p>
+                    )}
+
+                    {row.candidate && row.price != null && !fromProducts && (
+                      <label className={styles.checkRow}>
+                        <input
+                          type="checkbox"
+                          checked={row.updatePrice}
+                          disabled={!row.selected || busy}
+                          onChange={() => togglePrice(index)}
+                        />
+                        <span>{t('website.specialItems.ai.updatePrice')}</span>
+                      </label>
+                    )}
+                  </div>
+                ))}
+              </div>
+
+              <div className={styles.footer}>
+                <button
+                  type="button"
+                  className={styles.cancelBtn}
+                  onClick={() => {
+                    setStep('input')
+                    setError('')
+                  }}
+                  disabled={busy}
+                >
+                  {t('website.specialItems.ai.back')}
+                </button>
+                <button
+                  type="button"
+                  className={aiStyles.aiBtn}
+                  onClick={() => void handleApply()}
+                  disabled={busy || selectedCount === 0}
+                >
+                  <Sparkles size={16} />
+                  {busy
+                    ? t('website.specialItems.ai.applying')
+                    : t('website.specialItems.ai.apply', { count: selectedCount })}
+                </button>
+              </div>
+            </>
+          )}
+        </div>
+      </div>
+    </div>,
+    document.body,
+  )
+}

apps/business/src/components/StoreSpecialCarousel.tsx

@@ -1,4 +1,4 @@
-import { ChevronLeft, ChevronRight, Pencil, Plus, Trash2 } from 'lucide-react'
+import { ChevronLeft, ChevronRight, Pencil, Plus, Sparkles, Trash2 } from 'lucide-react'
 import { useRef } from 'react'
 import { useLocale } from '@meshkee/dashboard-ui'
 import { useT } from '../i18n/useT'
@@ -15,6 +15,7 @@ interface StoreSpecialCarouselProps {
   onAddItems: (special: StoreSpecial) => void
   onEditSpecial: (special: StoreSpecial) => void
   onDeleteSpecial: (special: StoreSpecial) => void
+  onAiAssist: (special: StoreSpecial) => void
   onOpenListing: (listing: StoreProductListing) => void
   onEditListing: (listing: StoreProductListing) => void
   onDiscountListing: (listing: StoreProductListing) => void
@@ -28,6 +29,7 @@ export function StoreSpecialCarousel({
   onAddItems,
   onEditSpecial,
   onDeleteSpecial,
+  onAiAssist,
   onOpenListing,
   onEditListing,
   onDiscountListing,
@@ -94,6 +96,16 @@ export function StoreSpecialCarousel({
           </span>
         </div>
         <div className={styles.headerActions}>
+          <Tooltip label={t('website.specialItems.ai.tooltip')}>
+            <button
+              type="button"
+              className={controlStyles.controlBtn}
+              onClick={() => onAiAssist(special)}
+              aria-label={t('website.specialItems.ai.tooltip')}
+            >
+              <Sparkles size={16} />
+            </button>
+          </Tooltip>
           <Tooltip label={t('website.specialItems.editCategory')}>
             <button
               type="button"

apps/business/src/i18n/messages.ts

@@ -302,6 +302,7 @@ const en = {
   'statistics.errorLoad': 'Unable to load visit statistics.',
   'statistics.row.all': 'Total visit',
   'statistics.row.home': 'Home page',
+  'statistics.row.pages': 'Other pages',
   'statistics.row.products': 'Products',
   'statistics.row.blog': 'Blog',
   'statistics.row.portfolio': 'Portfolio',
@@ -1994,6 +1995,37 @@ const en = {
   'website.specialItems.pickSearchProducts': 'Type 3+ characters to search products',
   'website.specialItems.pickErrorLoad': 'Unable to load store items.',
   'website.specialItems.pickErrorLoadProducts': 'Unable to load products.',
+  'website.specialItems.ai.tooltip': 'AI fill / clear row',
+  'website.specialItems.ai.title': 'Special Items AI',
+  'website.specialItems.ai.subtitle': 'Fill “{title}” from a pasted product list.',
+  'website.specialItems.ai.fillTab': 'Fill from list',
+  'website.specialItems.ai.clearTab': 'Clear row',
+  'website.specialItems.ai.listLabel': 'Product list',
+  'website.specialItems.ai.listPlaceholder':
+    'Paste one product per line with price, e.g.\nساید الجی X267 استیل ۶۰۵ میلیون…',
+  'website.specialItems.ai.listEmpty': 'Paste at least one product line.',
+  'website.specialItems.ai.replaceExisting': 'Replace current items in this row',
+  'website.specialItems.ai.match': 'Match products',
+  'website.specialItems.ai.matching': 'Matching…',
+  'website.specialItems.ai.errorMatch': 'Unable to match products from this list.',
+  'website.specialItems.ai.clearHint':
+    'Remove every product from “{title}”. Catalog prices stay unchanged.',
+  'website.specialItems.ai.clearConfirm': 'Clear this row',
+  'website.specialItems.ai.clearing': 'Clearing…',
+  'website.specialItems.ai.errorClear': 'Unable to clear this row.',
+  'website.specialItems.ai.reviewHint': 'Matched {matched} of {total}. Uncheck anything wrong before applying.',
+  'website.specialItems.ai.noMatch': 'No close match found',
+  'website.specialItems.ai.currentPrice': 'Current',
+  'website.specialItems.ai.updatePrice': 'Update store price to list price',
+  'website.specialItems.ai.back': 'Back',
+  'website.specialItems.ai.noneSelected': 'Select at least one matched product.',
+  'website.specialItems.ai.apply': 'Apply {count}',
+  'website.specialItems.ai.applying': 'Applying…',
+  'website.specialItems.ai.errorApply': 'Unable to apply matched products.',
+  'website.specialItems.ai.toastCleared': 'Row cleared.',
+  'website.specialItems.ai.toastApplied': 'Added {count} product(s) to the row.',
+  'website.specialItems.ai.toastAppliedWithPrice':
+    'Added {count} product(s) and updated {priced} price(s).',
 
   'website.settings.title': 'Website settings',
   'website.settings.subtitle':
@@ -2812,6 +2844,7 @@ const fa: Record<MessageKey, string> = {
   'statistics.errorLoad': 'بارگذاری آمار بازدید ممکن نشد.',
   'statistics.row.all': 'بازدید کل',
   'statistics.row.home': 'صفحه اصلی',
+  'statistics.row.pages': 'سایر صفحات',
   'statistics.row.products': 'محصولات',
   'statistics.row.blog': 'بلاگ',
   'statistics.row.portfolio': 'نمونه کار',
@@ -4501,6 +4534,38 @@ const fa: Record<MessageKey, string> = {
   'website.specialItems.pickSearchProducts': 'حداقل ۳ حرف برای جستجوی محصولات تایپ کنید',
   'website.specialItems.pickErrorLoad': 'بارگذاری محصولات فروشگاه ممکن نشد.',
   'website.specialItems.pickErrorLoadProducts': 'بارگذاری محصولات ممکن نشد.',
+  'website.specialItems.ai.tooltip': 'پر کردن / خالی کردن ردیف با هوش مصنوعی',
+  'website.specialItems.ai.title': 'هوش مصنوعی محصولات ویژه',
+  'website.specialItems.ai.subtitle': 'ردیف «{title}» را با لیست متنی پر کنید.',
+  'website.specialItems.ai.fillTab': 'پر کردن از لیست',
+  'website.specialItems.ai.clearTab': 'خالی کردن ردیف',
+  'website.specialItems.ai.listLabel': 'لیست محصولات',
+  'website.specialItems.ai.listPlaceholder':
+    'هر خط یک محصول با قیمت، مثلاً\nساید الجی X267 استیل ۶۰۵ میلیون…',
+  'website.specialItems.ai.listEmpty': 'حداقل یک خط محصول وارد کنید.',
+  'website.specialItems.ai.replaceExisting': 'جایگزینی آیتم‌های فعلی این ردیف',
+  'website.specialItems.ai.match': 'یافتن محصولات',
+  'website.specialItems.ai.matching': 'در حال تطبیق…',
+  'website.specialItems.ai.errorMatch': 'تطبیق محصولات از این لیست ممکن نشد.',
+  'website.specialItems.ai.clearHint':
+    'همه محصولات از «{title}» حذف می‌شوند. قیمت‌های کاتالوگ تغییر نمی‌کنند.',
+  'website.specialItems.ai.clearConfirm': 'خالی کردن این ردیف',
+  'website.specialItems.ai.clearing': 'در حال خالی کردن…',
+  'website.specialItems.ai.errorClear': 'خالی کردن این ردیف ممکن نشد.',
+  'website.specialItems.ai.reviewHint':
+    '{matched} از {total} تطبیق داده شد. قبل از اعمال، موارد اشتباه را بردارید.',
+  'website.specialItems.ai.noMatch': 'تطبیق نزدیکی پیدا نشد',
+  'website.specialItems.ai.currentPrice': 'قیمت فعلی',
+  'website.specialItems.ai.updatePrice': 'به‌روزرسانی قیمت فروشگاه با قیمت لیست',
+  'website.specialItems.ai.back': 'بازگشت',
+  'website.specialItems.ai.noneSelected': 'حداقل یک محصول تطبیق‌داده‌شده را انتخاب کنید.',
+  'website.specialItems.ai.apply': 'اعمال {count}',
+  'website.specialItems.ai.applying': 'در حال اعمال…',
+  'website.specialItems.ai.errorApply': 'اعمال محصولات تطبیق‌داده‌شده ممکن نشد.',
+  'website.specialItems.ai.toastCleared': 'ردیف خالی شد.',
+  'website.specialItems.ai.toastApplied': '{count} محصول به ردیف افزوده شد.',
+  'website.specialItems.ai.toastAppliedWithPrice':
+    '{count} محصول افزوده و {priced} قیمت به‌روز شد.',
 
   'website.settings.title': 'تنظیمات وب‌سایت',
   'website.settings.subtitle':

apps/business/src/pages/StatisticsPage.tsx

@@ -46,6 +46,7 @@ const STAT_ROWS: {
 }[] = [
   { id: 'all', titleKey: 'statistics.row.all' },
   { id: 'home', titleKey: 'statistics.row.home' },
+  { id: 'pages', titleKey: 'statistics.row.pages' },
   {
     id: 'products',
     titleKey: 'statistics.row.products',

apps/business/src/pages/StoreSpecialsPage.tsx

@@ -8,6 +8,7 @@ import { EditStoreItemsModal } from '../components/EditStoreItemsModal'
 import { PickStoreSpecialItemsModal } from '../components/PickStoreSpecialItemsModal'
 import { PickStoreVariantModal } from '../components/PickStoreVariantModal'
 import { ShoppingCartModal } from '../components/ShoppingCartModal'
+import { SpecialItemsAiModal } from '../components/SpecialItemsAiModal'
 import { StoreItemDiscountModal } from '../components/StoreItemDiscountModal'
 import { StoreItemFestivalModal } from '../components/StoreItemFestivalModal'
 import { StoreSpecialCarousel } from '../components/StoreSpecialCarousel'
@@ -59,6 +60,7 @@ export function StoreSpecialsPage() {
   const [editSpecialTarget, setEditSpecialTarget] = useState<StoreSpecial | null>(null)
   const [deleteSpecialTarget, setDeleteSpecialTarget] = useState<StoreSpecial | null>(null)
   const [pickItemsTarget, setPickItemsTarget] = useState<StoreSpecial | null>(null)
+  const [aiTarget, setAiTarget] = useState<StoreSpecial | null>(null)
 
   const [editListingTarget, setEditListingTarget] = useState<StoreProductListing | null>(null)
   const [discountTarget, setDiscountTarget] = useState<StoreProductListing | null>(null)
@@ -383,6 +385,7 @@ export function StoreSpecialsPage() {
               onAddItems={setPickItemsTarget}
               onEditSpecial={setEditSpecialTarget}
               onDeleteSpecial={setDeleteSpecialTarget}
+              onAiAssist={setAiTarget}
               onOpenListing={setEditListingTarget}
               onEditListing={setEditListingTarget}
               onDiscountListing={setDiscountTarget}
@@ -459,6 +462,35 @@ export function StoreSpecialsPage() {
         isSubmitting={isSaving}
       />
 
+      <SpecialItemsAiModal
+        open={!!aiTarget}
+        special={aiTarget}
+        source={specialSource}
+        onClose={() => setAiTarget(null)}
+        onApplied={({ special, added, priced, cleared }) => {
+          replaceSpecial(special)
+          setAiTarget(null)
+          if (cleared && added === 0) {
+            showToast(t('website.specialItems.ai.toastCleared'), 'success')
+            return
+          }
+          if (priced > 0) {
+            showToast(
+              t('website.specialItems.ai.toastAppliedWithPrice', {
+                count: added,
+                priced,
+              }),
+              'success',
+            )
+            return
+          }
+          showToast(
+            t('website.specialItems.ai.toastApplied', { count: added }),
+            'success',
+          )
+        }}
+      />
+
       <EditStoreItemsModal
         open={!!editListingTarget}
         productTitle={editListingTarget?.productTitle ?? ''}

apps/business/src/services/dailyActivityService.ts

@@ -43,6 +43,7 @@ export async function getCustomersDailyActivity(days = 30, signal?: AbortSignal)
 export type WebsiteViewKind =
   | 'home'
   | 'all'
+  | 'static_page'
   | 'portfolio_list'
   | 'portfolio_detail'
   | 'product_list'
@@ -79,6 +80,7 @@ export async function getViewDailyActivity(
 export type ViewSummaryGroupId =
   | 'all'
   | 'home'
+  | 'pages'
   | 'products'
   | 'blog'
   | 'portfolio'

apps/business/src/services/storeSpecialService.ts

@@ -64,3 +64,38 @@ export async function deleteStoreSpecial(specialId: string) {
     auth: true,
   })
 }
+
+export interface SpecialItemsAiMatchCandidate {
+  storeItemId: string
+  productId: string
+  productTitle: string
+  productNameFa: string
+  productImage: string | null
+  variantId: string
+  variantLabel: string
+  currentPrice: number | null
+  score: number
+}
+
+export interface SpecialItemsAiMatchRow {
+  lineIndex: number
+  raw: string
+  price: number | null
+  selected: boolean
+  updatePrice: boolean
+  confidence: number
+  reason: string | null
+  candidate: SpecialItemsAiMatchCandidate | null
+}
+
+export async function matchStoreSpecialListWithAi(text: string, signal?: AbortSignal) {
+  return apiRequest<{ message: string; matches: SpecialItemsAiMatchRow[] }>(
+    businessPath('/ai-match'),
+    {
+      method: 'POST',
+      auth: true,
+      body: { text },
+      signal,
+    },
+  )
+}

apps/business/src/utils/specialItemsAi.ts

@@ -0,0 +1,397 @@
+import type { StoreItem } from '../services/storeItemService'
+import { groupStoreItemsByProduct, type StoreProductListing } from './storeProductGroups'
+
+const PERSIAN_DIGITS = '۰۱۲۳۴۵۶۷۸۹'
+const ARABIC_DIGITS = '٠١٢٣٤٥٦٧٨٩'
+
+const FLUFF_PATTERNS: RegExp[] = [
+  /با\s*گارانتی[\s\S]*$/u,
+  /گارانتی\s*[\d۰-۹٠-٩]+\s*ماهه?/gu,
+  /GSM\s*سرویس/giu,
+  /\(واردات\s*قانونی\)/gu,
+  /واردات\s*قانونی/gu,
+  /دارای\s*نصب\s*شرکتی/gu,
+  /نصب\s*شرکتی/gu,
+  /ساخت\s*[^\s،,]+/gu,
+  /اصلی/gu,
+  /با\s*قیمت[\s\S]*$/u,
+  /قیمت[\s\S]*$/u,
+]
+
+const TYPO_FIXES: Array<[RegExp, string]> = [
+  [/لباسویی/gu, 'لباسشویی'],
+  [/الجی/gu, 'LG'],
+  [/بخارشوی/gu, 'بخار شوی'],
+  [/ظرفشویی/gu, 'ظرف شویی'],
+  [/لباسشویی/gu, 'لباس شویی'],
+]
+
+/** Persian brand spellings → common Latin catalog titles. */
+const BRAND_ALIASES: Array<[RegExp, string]> = [
+  [/کارچر/gu, 'Karcher'],
+  [/بوش/gu, 'Bosch'],
+  [/سامسونگ/gu, 'Samsung'],
+  [/ال\s*جی|الجی/gu, 'LG'],
+  [/دوو|دوو\b/gu, 'Daewoo'],
+  [/ایکس\s*ویژن|ایکسویژن/gu, 'X-Vision'],
+  [/شیگلم/gu, 'Sheglam'],
+  [/فیلیپس/gu, 'Philips'],
+]
+
+const SEARCH_STOP = new Set([
+  'با',
+  'و',
+  'از',
+  'در',
+  'سایز',
+  'مدل',
+  'کیلو',
+  'اصلی',
+  'سفید',
+  'سیلور',
+  'استیل',
+  'صورتی',
+  'نارنجی',
+  'صدفی',
+  'ساخت',
+])
+
+export interface ParsedSpecialLine {
+  index: number
+  raw: string
+  query: string
+  /** @deprecated prefer searchQueries — kept for display/debug */
+  searchQuery: string
+  searchQueries: string[]
+  price: number | null
+}
+
+export interface SpecialAiMatchCandidate {
+  storeItemId: string
+  productId: string
+  productTitle: string
+  productNameFa: string
+  productImage: string | null
+  variantId: string
+  variantLabel: string
+  currentPrice: number | null
+  score: number
+}
+
+export interface SpecialAiMatchRow {
+  line: ParsedSpecialLine
+  candidate: SpecialAiMatchCandidate | null
+  selected: boolean
+  updatePrice: boolean
+}
+
+function toAsciiDigits(value: string): string {
+  return value
+    .split('')
+    .map((ch) => {
+      const p = PERSIAN_DIGITS.indexOf(ch)
+      if (p >= 0) return String(p)
+      const a = ARABIC_DIGITS.indexOf(ch)
+      if (a >= 0) return String(a)
+      return ch
+    })
+    .join('')
+}
+
+function normalizeSpaces(value: string): string {
+  return value.replace(/\u200c/g, ' ').replace(/\s+/g, ' ').trim()
+}
+
+function parseMillionAmount(raw: string): number | null {
+  const match = raw.match(/(\d+(?:[.,]\d+)?)\s*میلیون/u)
+  if (!match) return null
+  const n = Number(match[1].replace(',', '.'))
+  if (!Number.isFinite(n) || n <= 0) return null
+  return Math.round(n * 1_000_000)
+}
+
+/** Iranian informal `۸/۲۰۰` → 8,200,000 (millions / thousands). */
+function parseSlashMillion(raw: string): number | null {
+  const withPrice = raw.match(/(?:قیمت|با\s*قیمت)\s*(\d+)\s*\/\s*(\d{1,3})\b/u)
+  const bareThousands = raw.match(/(?<![\/\d])(\d+)\s*\/\s*(\d{3})\b(?!\s*کیلو)/u)
+  const match = withPrice ?? bareThousands
+  if (!match) return null
+  const millions = Number(match[1])
+  const thousands = Number(match[2])
+  if (!Number.isFinite(millions) || !Number.isFinite(thousands)) return null
+  if (millions <= 0) return null
+  return millions * 1_000_000 + thousands * 1_000
+}
+
+/** `قیمت ۶` with a small integer → treat as millions. */
+function parseBarePriceMillion(raw: string): number | null {
+  const match = raw.match(/(?:قیمت|با\s*قیمت)\s*(\d{1,4})\b(?!\s*[\/میلیون])/u)
+  if (!match) return null
+  const n = Number(match[1])
+  if (!Number.isFinite(n) || n <= 0) return null
+  if (n >= 1000) return n
+  return n * 1_000_000
+}
+
+/** Full digit price near the end, e.g. `قیمت 8200000`. */
+function parseFullDigitPrice(raw: string): number | null {
+  const match = raw.match(/(?:قیمت|با\s*قیمت)\s*(\d{5,})\b/u)
+  if (!match) return null
+  const n = Number(match[1])
+  return Number.isFinite(n) && n > 0 ? n : null
+}
+
+export function extractPriceFromLine(line: string): number | null {
+  const ascii = toAsciiDigits(normalizeSpaces(line))
+  return (
+    parseMillionAmount(ascii) ??
+    parseSlashMillion(ascii) ??
+    parseFullDigitPrice(ascii) ??
+    parseBarePriceMillion(ascii)
+  )
+}
+
+function buildQuery(line: string): string {
+  let text = toAsciiDigits(normalizeSpaces(line))
+
+  text = text.replace(/\d+(?:[.,]\d+)?\s*میلیون/gu, ' ')
+  text = text.replace(/(?:با\s*)?قیمت\s*\d+(?:\s*\/\s*\d+)?/gu, ' ')
+
+  for (const pattern of FLUFF_PATTERNS) {
+    text = text.replace(pattern, ' ')
+  }
+
+  for (const [from, to] of TYPO_FIXES) {
+    text = text.replace(from, to)
+  }
+
+  // Split Persian letters from digits; keep Latin model codes (Y1, V5, X267).
+  text = text
+    .replace(/(\d)([\u0600-\u06FF])/gu, '$1 $2')
+    .replace(/([\u0600-\u06FF])(\d)/gu, '$1 $2')
+    .replace(/(\d)([A-Za-z])/g, '$1 $2')
+    .replace(/([A-Za-z])([\u0600-\u06FF])/gu, '$1 $2')
+    .replace(/([\u0600-\u06FF])([A-Za-z])/gu, '$1 $2')
+
+  return normalizeSpaces(text)
+}
+
+function queryTokens(query: string): string[] {
+  return query
+    .split(' ')
+    .map((t) => t.trim())
+    .filter((t) => {
+      if (!t || SEARCH_STOP.has(t.toLowerCase())) return false
+      if (/[A-Za-z]/.test(t) && /\d/.test(t)) return true
+      if (/^\d+(?:\/\d+)?$/.test(t)) return true
+      return t.length >= 2
+    })
+}
+
+/**
+ * API `name` filter is a single substring `contains` — full lines almost never match.
+ * Return strong short tokens to search separately (model code first).
+ */
+export function buildSearchQueries(query: string): string[] {
+  const tokens = queryTokens(query)
+  const modelCodes = tokens.filter((t) => /[A-Za-z]/.test(t) && /\d/.test(t))
+  const latin = tokens.filter((t) => /^[A-Za-z0-9][A-Za-z0-9\-/]*$/.test(t) && t.length >= 2)
+  const persian = tokens.filter((t) => /[\u0600-\u06FF]/.test(t) && t.length >= 3)
+
+  const ordered: string[] = []
+  const push = (value: string) => {
+    const v = value.trim()
+    if (!v || ordered.includes(v)) return
+    ordered.push(v)
+  }
+
+  for (const t of modelCodes) push(t)
+  for (const t of latin) push(t)
+  for (const t of persian) push(t)
+
+  // Brand alias Latin forms also help English titles (Karcher, LG, …)
+  for (const [pattern, latinBrand] of BRAND_ALIASES) {
+    if (pattern.test(query)) push(latinBrand)
+    pattern.lastIndex = 0
+  }
+
+  return ordered.slice(0, 5)
+}
+
+/** @deprecated use buildSearchQueries */
+function buildSearchQuery(query: string): string {
+  return buildSearchQueries(query)[0] ?? query.slice(0, 40)
+}
+
+export function parseSpecialItemsList(text: string): ParsedSpecialLine[] {
+  const lines = text
+    .split(/\r?\n/)
+    .map((line) => normalizeSpaces(line))
+    .filter(Boolean)
+
+  return lines.map((raw, index) => {
+    const query = buildQuery(raw)
+    const searchQueries = buildSearchQueries(query)
+    return {
+      index,
+      raw,
+      query,
+      searchQuery: searchQueries[0] ?? query.slice(0, 40),
+      searchQueries,
+      price: extractPriceFromLine(raw),
+    }
+  })
+}
+
+function normalizeForScore(value: string): string {
+  let text = toAsciiDigits(normalizeSpaces(value)).toLowerCase()
+  for (const [from, to] of TYPO_FIXES) {
+    text = text.replace(from, to.toLowerCase())
+  }
+  for (const [from, to] of BRAND_ALIASES) {
+    text = text.replace(from, to.toLowerCase())
+    from.lastIndex = 0
+  }
+  return text
+    .replace(/[^\p{L}\p{N}\s]/gu, ' ')
+    .replace(/\s+/g, ' ')
+    .trim()
+}
+
+/** Space-insensitive form so «بخارشوی» ≈ «بخار شوی». */
+function compactForScore(value: string): string {
+  return normalizeForScore(value).replace(/\s+/g, '')
+}
+
+function tokenSet(value: string): Set<string> {
+  return new Set(
+    normalizeForScore(value)
+      .split(' ')
+      .filter((t) => t.length >= 2),
+  )
+}
+
+export function scoreTextMatch(query: string, haystack: string): number {
+  const q = normalizeForScore(query)
+  const h = normalizeForScore(haystack)
+  if (!q || !h) return 0
+  if (q === h) return 1
+  if (h.includes(q) || q.includes(h)) return 0.92
+
+  const qc = compactForScore(query)
+  const hc = compactForScore(haystack)
+  if (qc && hc && (hc.includes(qc) || qc.includes(hc))) return 0.88
+
+  const qTokens = tokenSet(q)
+  const hTokens = tokenSet(h)
+  if (qTokens.size === 0 || hTokens.size === 0) return 0
+
+  const hCompact = compactForScore(haystack)
+
+  let overlap = 0
+  for (const token of qTokens) {
+    if (hTokens.has(token)) {
+      overlap += 1
+      continue
+    }
+    if (hCompact.includes(token.replace(/\s+/g, ''))) {
+      overlap += 0.85
+      continue
+    }
+    for (const ht of hTokens) {
+      if (ht.includes(token) || token.includes(ht)) {
+        overlap += 0.6
+        break
+      }
+    }
+  }
+
+  const coverage = overlap / qTokens.size
+  return Math.min(1, coverage)
+}
+
+function listingHaystack(listing: StoreProductListing, variant?: StoreItem): string {
+  const parts = [
+    listing.productTitle,
+    listing.productNameFa,
+    variant?.label ?? '',
+    ...(variant?.selections.map((s) => s.value) ?? []),
+  ]
+  return parts.filter(Boolean).join(' ')
+}
+
+function pickBestVariant(
+  listing: StoreProductListing,
+  query: string,
+): { variant: StoreItem; score: number } | null {
+  if (listing.variants.length === 0) return null
+
+  let best: { variant: StoreItem; score: number } | null = null
+  for (const variant of listing.variants) {
+    const score = scoreTextMatch(query, listingHaystack(listing, variant))
+    if (!best || score > best.score) {
+      best = { variant, score }
+    }
+  }
+  return best
+}
+
+export function pickBestMatch(
+  line: ParsedSpecialLine,
+  items: StoreItem[],
+  minScore = 0.28,
+): SpecialAiMatchCandidate | null {
+  const listings = groupStoreItemsByProduct(items)
+  let best: SpecialAiMatchCandidate | null = null
+
+  for (const listing of listings) {
+    const picked = pickBestVariant(listing, line.query)
+    if (!picked) continue
+
+    const storeItemId =
+      listing.representative.storeItemId ?? listing.representative.id
+    const candidate: SpecialAiMatchCandidate = {
+      storeItemId,
+      productId: listing.productId,
+      productTitle: listing.productTitle,
+      productNameFa: listing.productNameFa,
+      productImage: listing.productImage,
+      variantId: picked.variant.id,
+      variantLabel: picked.variant.label,
+      currentPrice: picked.variant.price,
+      score: picked.score,
+    }
+
+    if (!best || candidate.score > best.score) {
+      best = candidate
+    }
+  }
+
+  if (!best || best.score < minScore) return null
+  return best
+}
+
+export function buildInitialMatchRows(
+  lines: ParsedSpecialLine[],
+  resultsByLine: Array<StoreItem[]>,
+): SpecialAiMatchRow[] {
+  return lines.map((line, i) => {
+    const candidate = pickBestMatch(line, resultsByLine[i] ?? [])
+    return {
+      line,
+      candidate,
+      selected: Boolean(candidate),
+      updatePrice: Boolean(candidate && line.price != null),
+    }
+  })
+}
+
+export function mergeStoreItemsById(batches: StoreItem[][]): StoreItem[] {
+  const byId = new Map<string, StoreItem>()
+  for (const batch of batches) {
+    for (const item of batch) {
+      byId.set(item.id, item)
+    }
+  }
+  return [...byId.values()]
+}

apps/super-admin/src/pages/BusinessesPage.module.css

@@ -559,21 +559,6 @@
   padding-right: 8px;
 }
 
-.thSms,
-.tdSms {
-  width: 1%;
-  white-space: nowrap;
-  text-align: center;
-  font-variant-numeric: tabular-nums;
-}
-
-.tdSms {
-  padding-left: 8px;
-  padding-right: 8px;
-  color: var(--text-secondary);
-  font-size: 13px;
-}
-
 .thModules,
 .tdModules {
   width: 1%;
@@ -652,6 +637,10 @@
   gap: 12px 16px;
 }
 
+.modulesChartsRow > .field + .field {
+  margin-top: 0;
+}
+
 @media (max-width: 560px) {
   .modulesChartsRow {
     grid-template-columns: 1fr;

apps/super-admin/src/pages/BusinessesPage.tsx

@@ -1560,7 +1560,6 @@ export function BusinessesPage() {
                   <th className={styles.th}>Contract Data / Renewal</th>
                   <th className={styles.th}>Domain</th>
                   <th className={styles.th}>Owner</th>
-                  <th className={`${styles.th} ${styles.thSms}`}>SMS sent</th>
                   <th className={`${styles.th} ${styles.thTheme}`}>Theme</th>
                   <th className={`${styles.th} ${styles.thLocale}`}>Lang</th>
                   <th className={`${styles.th} ${styles.thModules}`}>Modules</th>
@@ -1570,7 +1569,7 @@ export function BusinessesPage() {
               <tbody>
                 {loading && (
                   <tr>
-                    <td className={styles.td} colSpan={9}>
+                    <td className={styles.td} colSpan={8}>
                       Loading...
                     </td>
                   </tr>
@@ -1578,7 +1577,7 @@ export function BusinessesPage() {
 
                 {!loading && data?.items?.length === 0 && (
                   <tr>
-                    <td className={styles.td} colSpan={9}>
+                    <td className={styles.td} colSpan={8}>
                       No results found.
                     </td>
                   </tr>
@@ -1669,9 +1668,6 @@ export function BusinessesPage() {
                           </div>
                         </div>
                       </td>
-                      <td className={`${styles.td} ${styles.tdSms}`}>
-                        {(b.smsSentCount ?? 0).toLocaleString('en-US')}
-                      </td>
                       <td className={`${styles.td} ${styles.tdTheme}`}>
                         <PrimaryColorSwatchControl
                           value={normalizeBusinessPrimaryColorId(b.primaryColor)}