Rebrand the product to Montact and point local UI at production API.

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

apps/web/index.html

@@ -3,7 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>منتو | Mento CRM</title>
+    <title>منتکت | Montact CRM</title>
+    <link rel="icon" type="image/png" href="/brand/logo.png" />
   </head>
   <body>
     <div id="app"></div>

apps/web/src/components/AskMentoPanel.vue

@@ -4,7 +4,7 @@ import { RouterLink } from 'vue-router';
 import axios from 'axios';
 import { api } from '@/lib/api';
 import UiIcon from '@/components/UiIcon.vue';
-import type { AskMentoResponse, AskMentoSourceDto } from '@mento/shared';
+import { brand, type AskMentoResponse, type AskMentoSourceDto } from '@mento/shared';
 
 const props = defineProps<{
   personId?: string;
@@ -55,7 +55,7 @@ async function submit() {
       <input
         v-model="question"
         type="search"
-        :placeholder="placeholder || 'از منتو بپرس...'"
+        :placeholder="placeholder || brand.askPlaceholderFa"
       />
       <button type="submit" :disabled="asking || question.trim().length < 2">
         {{ asking ? '…' : 'بپرس' }}

apps/web/src/components/MentoMemoryPanel.vue

@@ -2,7 +2,7 @@
 import { computed, onMounted, ref, watch } from 'vue';
 import axios from 'axios';
 import { api } from '@/lib/api';
-import type { MemoryItemDto, PaginatedResponse } from '@mento/shared';
+import { brand, type MemoryItemDto, type PaginatedResponse } from '@mento/shared';
 
 const props = defineProps<{
   personId: string;
@@ -117,7 +117,7 @@ onMounted(load);
   <section class="memory-panel">
     <header>
       <div>
-        <p class="eyebrow">Mento Memory</p>
+        <p class="eyebrow">{{ brand.memoryEn }}</p>
         <h2>حافظه مشتری</h2>
         <p class="lead">نکات پایدار درباره این شخص — فقط با تأیید شما ذخیره می‌شود.</p>
       </div>

apps/web/src/components/NoteAiSuggestionPanel.vue

@@ -3,7 +3,7 @@ import { computed, reactive, ref, watch } from 'vue';
 import axios from 'axios';
 import { api } from '@/lib/api';
 import JalaliDateInput from '@/components/JalaliDateInput.vue';
-import type { NoteAiPayloadDto, NoteAiSuggestionDto } from '@mento/shared';
+import { brand, type NoteAiPayloadDto, type NoteAiSuggestionDto } from '@mento/shared';
 
 const props = defineProps<{
   noteId: string;
@@ -149,7 +149,7 @@ function formatPayloadSummary(value: NoteAiPayloadDto | null) {
 <template>
   <section class="ai-panel">
     <header>
-      <strong>پیشنهاد Mento AI</strong>
+      <strong>پیشنهاد {{ brand.aiName }}</strong>
       <button
         v-if="!isPending"
         type="button"

apps/web/src/components/auth/AuthBrandPanel.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import MentoLogo from '@/components/brand/MentoLogo.vue';
+import BrandName from '@/components/brand/BrandName.vue';
+import { brand } from '@mento/shared';
 
 withDefaults(
   defineProps<{
@@ -8,8 +10,7 @@ withDefaults(
   }>(),
   {
     headline: 'همه ارتباطات، یکجا مدیریت می‌شوند',
-    description:
-      'با منتو فروش، پشتیبانی و ارتباط با مشتری را در یک پنل یکپارچه مدیریت کنید و رشد پایدار بسازید.',
+    description: `با ${brand.nameFa} فروش، پشتیبانی و ارتباط با مشتری را در یک پنل یکپارچه مدیریت کنید و رشد پایدار بسازید.`,
   },
 );
 </script>
@@ -19,8 +20,8 @@ withDefaults(
     <div class="brand-head">
       <MentoLogo :size="44" :show-text="false" />
       <div class="brand-copy">
-        <strong>منتو</strong>
-        <span>نرم‌افزار مدیریت ارتباط با مشتری</span>
+        <BrandName />
+        <span>{{ brand.taglineFa }}</span>
       </div>
     </div>
 

apps/web/src/components/brand/BrandName.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { brand } from '@mento/shared';
+
+const props = withDefaults(
+  defineProps<{
+    lang?: 'fa' | 'en' | 'full';
+  }>(),
+  { lang: 'fa' },
+);
+
+const text = computed(() => {
+  if (props.lang === 'en') return brand.name;
+  if (props.lang === 'full') return brand.fullName;
+  return brand.nameFa;
+});
+</script>
+
+<template>
+  <span class="brand-name">{{ text }}</span>
+</template>

apps/web/src/components/brand/MentoAiAvatar.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { brand } from '@mento/shared';
+
 withDefaults(
   defineProps<{
     size?: number;
@@ -25,7 +27,7 @@ withDefaults(
     <img
       class="bot-img"
       src="/brand/mento-ai-avatar.png"
-      alt="دستیار هوشمند منتو"
+      :alt="brand.aiNameFa"
       :width="size"
       :height="size"
     />

apps/web/src/components/brand/MentoLogo.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { brand } from '@mento/shared';
+
 withDefaults(
   defineProps<{
     size?: number;
@@ -14,38 +16,22 @@ withDefaults(
 </script>
 
 <template>
-  <div class="mento-logo" :class="variant">
-    <span
+  <div class="brand-logo" :class="variant">
+    <img
       class="mark"
-      :style="{ width: `${size}px`, height: `${size}px`, borderRadius: `${Math.round(size * 0.3)}px` }"
-      aria-hidden="true"
-    >
-      <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <rect x="14" y="16" width="8" height="32" rx="4" fill="#fff" />
-        <path
-          d="M17 17.5c1-1.6 3.5-1.8 4.8-.5L36 30l4.3-4c1.4-1.3 3.6-1.2 4.7.4L44 27.5 33 37.5c-1.1 1-2.8 1-3.9 0L16.5 24.5 17 17.5Z"
-          fill="#134e4a"
-        />
-        <path
-          d="M27.5 32 38 21.5c1.3-1.3 3.4-1.2 4.6.2L50 29.5l-2.6 2.6L40 25.5 31 34c-1 1-2.8 1-3.8-.1l-.7-.9Z"
-          fill="#ecfdf5"
-        />
-        <rect x="42" y="16" width="8" height="32" rx="4" fill="#134e4a" />
-        <path
-          d="M41 17.5c1.3-1.4 3.5-1.3 4.7.2l1.6 1.8-7 6.6-2.1-2c-1.2-1.1-.9-3.2 2.8-6.6Z"
-          fill="#ecfdf5"
-        />
-      </svg>
-    </span>
+      :src="brand.logo"
+      :alt="brand.name"
+      :style="{ width: `${size}px`, height: `${size}px` }"
+    />
     <div v-if="showText && variant === 'full'" class="text">
-      <strong>Mento</strong>
-      <small>by Mentech</small>
+      <strong>{{ brand.name }}</strong>
+      <small>by {{ brand.company }}</small>
     </div>
   </div>
 </template>
 
 <style scoped>
-.mento-logo {
+.brand-logo {
   display: inline-flex;
   align-items: center;
   gap: 0.7rem;
@@ -53,20 +39,10 @@ withDefaults(
 }
 
 .mark {
-  display: grid;
-  place-items: center;
-  flex-shrink: 0;
-  background: linear-gradient(145deg, #5eead4, #14b8a6);
-  box-shadow: 0 8px 18px rgba(20, 184, 166, 0.28);
-  overflow: hidden;
-  padding: 4px;
-  box-sizing: border-box;
-}
-
-.mark svg {
-  width: 100%;
-  height: 100%;
   display: block;
+  flex-shrink: 0;
+  object-fit: contain;
+  background: transparent;
 }
 
 .text {

apps/web/src/components/dashboard/HomeAiAssistant.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { RouterLink } from 'vue-router';
 import UiIcon from '@/components/UiIcon.vue';
-import type { AskMentoSourceDto } from '@mento/shared';
+import { brand, type AskMentoSourceDto } from '@mento/shared';
 
 defineProps<{
   askQuery: string;
@@ -41,7 +41,7 @@ function pick(label: string) {
     <header class="panel-head">
       <h2>
         <span class="spark"><UiIcon name="sparkle" :size="15" /></span>
-        دستیار هوشمند منتو
+        {{ brand.aiNameFa }}
       </h2>
     </header>
 
@@ -79,7 +79,7 @@ function pick(label: string) {
       <input
         :value="askQuery"
         type="search"
-        placeholder="از منتو بپرس..."
+        :placeholder="brand.askPlaceholderFa"
         :disabled="asking"
         @input="emit('update:askQuery', ($event.target as HTMLInputElement).value)"
       />

apps/web/src/components/dashboard/HomeHero.vue

@@ -3,7 +3,7 @@ import { computed } from 'vue';
 import { RouterLink } from 'vue-router';
 import UiIcon from '@/components/UiIcon.vue';
 import MentoAiAvatar from '@/components/brand/MentoAiAvatar.vue';
-import type { HomeDashboardAlertDto } from '@mento/shared';
+import { brand, type HomeDashboardAlertDto } from '@mento/shared';
 
 const props = defineProps<{
   greeting: string;
@@ -91,7 +91,7 @@ function alertIcon(tone: string) {
         </span>
         <div class="greet-text">
           <h1>{{ greeting }} {{ firstName }} 👋</h1>
-          <p>منتو اینا رو برات پیدا کرده</p>
+          <p>{{ brand.nameFa }} اینا رو برات پیدا کرده</p>
         </div>
       </div>
 
@@ -116,7 +116,7 @@ function alertIcon(tone: string) {
         <input
           :value="askQuery"
           type="search"
-          placeholder="از منتو بپرس..."
+          :placeholder="brand.askPlaceholderFa"
           @input="emit('update:askQuery', ($event.target as HTMLInputElement).value)"
         />
         <kbd>⌘K</kbd>

apps/web/src/layouts/AppLayout.vue

@@ -7,11 +7,13 @@ import { formatJalaliShort, toFaDigits } from '@/lib/jalali';
 import UiIcon from '@/components/UiIcon.vue';
 import MentoLogo from '@/components/brand/MentoLogo.vue';
 import QuickCreate from '@/components/QuickCreate.vue';
+import BrandName from '@/components/brand/BrandName.vue';
 import type {
   ActivitySummaryDto,
   NotificationDto,
   NotificationsListDto,
 } from '@mento/shared';
+import { brand } from '@mento/shared';
 import { USER_ROLE_LABELS, canManageSettings, canViewAllRecords } from '@/lib/roles';
 
 const auth = useAuthStore();
@@ -366,7 +368,7 @@ onUnmounted(() => {
             <UiIcon name="sparkle" :size="18" />
           </span>
           <p>
-            <span>با منتو فروشات را</span>
+            <span>با {{ brand.nameFa }} فروشات را</span>
             <span>چند برابر کن</span>
           </p>
         </div>
@@ -389,7 +391,7 @@ onUnmounted(() => {
         </button>
         <div class="top-brand">
           <MentoLogo :size="32" :show-text="false" variant="mark" />
-          <strong>Mento</strong>
+          <BrandName lang="en" />
         </div>
         <button class="round-btn" type="button" aria-label="اعلان‌ها" @click="toggleNotif">
           <UiIcon name="bell" :size="18" />
@@ -518,45 +520,6 @@ onUnmounted(() => {
   flex-shrink: 0;
 }
 
-.brand {
-  display: flex;
-  align-items: center;
-  gap: 0.7rem;
-}
-
-.mark {
-  width: 40px;
-  height: 40px;
-  border-radius: 12px;
-  display: grid;
-  place-items: center;
-  background: linear-gradient(145deg, #2ec4a8, #14b8a6);
-  color: #fff;
-  font-weight: 800;
-  font-size: 1.05rem;
-  box-shadow: 0 8px 18px rgba(20, 184, 166, 0.28);
-}
-
-.mark.sm {
-  width: 32px;
-  height: 32px;
-  border-radius: 10px;
-  font-size: 0.9rem;
-}
-
-.brand strong {
-  display: block;
-  font-size: 1.05rem;
-  letter-spacing: -0.01em;
-}
-
-.brand small {
-  display: block;
-  color: #94a3b8;
-  font-size: 0.72rem;
-  margin-top: 0.05rem;
-}
-
 .side-nav {
   display: grid;
   gap: 0.45rem;

apps/web/src/lib/person-insights.ts

@@ -1,4 +1,4 @@
-import type { MemoryItemDto, NoteDto, PersonDto } from '@mento/shared';
+import { brand, brandSuggestionFa, type MemoryItemDto, type NoteDto, type PersonDto } from '@mento/shared';
 
 export type ProbabilityBand = 'بالا' | 'متوسط' | 'پایین';
 
@@ -85,12 +85,12 @@ export function buildSmartSummary(input: {
   const hasSignal = memoryBits.length > 0 || input.notes.length > 0 || input.lastQuoteLabel;
   const text = hasSignal
     ? parts.join(' ').replace(/\s+/g, ' ').trim()
-    : 'هنوز خلاصهٔ پایداری از این مشتری ثبت نشده. با یادداشت یا حافظهٔ منتو، پیشنهاد هوشمند اینجا ظاهر می‌شود.';
+    : `هنوز خلاصهٔ پایداری از این مشتری ثبت نشده. با یادداشت یا حافظهٔ ${brand.nameFa}، پیشنهاد هوشمند اینجا ظاهر می‌شود.`;
 
-  let cta = 'پیشنهاد منتو: امروز با مشتری تماس بگیر';
+  let cta = brandSuggestionFa('امروز با مشتری تماس بگیر');
   let ctaKind: 'call' | 'activity' = 'call';
   if (input.daysSinceCall != null && input.daysSinceCall <= 1) {
-    cta = 'پیشنهاد منتو: پیگیری بعدی را ثبت کن';
+    cta = brandSuggestionFa('پیگیری بعدی را ثبت کن');
     ctaKind = 'activity';
   }
   return { text, cta, ctaKind };

apps/web/src/main.ts

@@ -1,9 +1,14 @@
 import { createApp } from 'vue';
 import { createPinia } from 'pinia';
+import { brand } from '@mento/shared';
 import App from './App.vue';
 import { router } from './router';
 import './styles/main.css';
 
+document.title = `${brand.nameFa} | ${brand.fullName}`;
+const favicon = document.querySelector<HTMLLinkElement>('link[rel="icon"]');
+if (favicon) favicon.href = brand.logo;
+
 const app = createApp(App);
 app.use(createPinia());
 app.use(router);

apps/web/src/views/ActivityFormView.vue

@@ -15,6 +15,7 @@ import JalaliDateInput from '@/components/JalaliDateInput.vue';
 import VoiceToTextButton from '@/components/VoiceToTextButton.vue';
 import { appendSpokenText } from '@/lib/spoken-text';
 import UiIcon from '@/components/UiIcon.vue';
+import { brand } from '@mento/shared';
 import UserAvatar from '@/components/UserAvatar.vue';
 import type {
   ActivityDto,
@@ -498,7 +499,7 @@ watch([id, isNew], () => void load(), { immediate: true });
                 <input v-model="reminderNotifyApp" type="checkbox" />
                 <span>
                   <strong>اعلان داخل پنل</strong>
-                  <small>در زنگوله اعلان‌های منتو نشان داده می‌شود</small>
+                  <small>در زنگوله اعلان‌های {{ brand.nameFa }} نشان داده می‌شود</small>
                 </span>
               </label>
               <label class="channel">

apps/web/src/views/ContactsView.vue

@@ -13,6 +13,7 @@ import type {
   PersonDto,
   PersonMood,
 } from '@mento/shared';
+import { brand } from '@mento/shared';
 import { PERSON_MOOD_LABELS, PERSON_MOODS } from '@/lib/person-mood';
 
 type Tab = 'people' | 'companies';
@@ -178,7 +179,7 @@ async function exportExcel() {
     const a = document.createElement('a');
     a.href = url;
     a.download =
-      tab.value === 'people' ? 'mento-people.xlsx' : 'mento-companies.xlsx';
+      tab.value === 'people' ? `${brand.filePrefix}-people.xlsx` : `${brand.filePrefix}-companies.xlsx`;
     a.click();
     URL.revokeObjectURL(url);
   } catch {

apps/web/src/views/InvoiceFormView.vue

@@ -12,6 +12,8 @@ import { formatLocalDateInput, toFaDigits } from '@/lib/jalali';
 import JalaliDateInput from '@/components/JalaliDateInput.vue';
 import MoneyInput from '@/components/MoneyInput.vue';
 import UiIcon from '@/components/UiIcon.vue';
+import BrandName from '@/components/brand/BrandName.vue';
+import { brand } from '@mento/shared';
 import type {
   CreateInvoiceRequest,
   CreatePaymentRequest,
@@ -763,7 +765,8 @@ onMounted(load);
 
     <form v-else class="form" @submit.prevent="save">
       <div class="print-banner">
-        <strong>منتو</strong>
+        <img :src="brand.logo" :alt="brand.name" class="print-logo" />
+        <BrandName />
         <span v-if="number">{{ number }}</span>
       </div>
 
@@ -2357,12 +2360,21 @@ h1 {
 
   .print-banner {
     display: flex;
+    align-items: center;
+    gap: 0.6rem;
     justify-content: space-between;
     border-bottom: 1px solid #ccc;
     padding-bottom: 0.5rem;
     margin-bottom: 0.5rem;
   }
 
+  .print-logo {
+    width: 36px;
+    height: 36px;
+    object-fit: contain;
+    border-radius: 8px;
+  }
+
   .page {
     max-width: none;
   }

apps/web/src/views/LoginView.vue

@@ -6,6 +6,8 @@ import AuthBrandPanel from '@/components/auth/AuthBrandPanel.vue';
 import MentoLogo from '@/components/brand/MentoLogo.vue';
 import axios from 'axios';
 import type { LoginChallengeResponse } from '@mento/shared';
+import { brand } from '@mento/shared';
+import BrandName from '@/components/brand/BrandName.vue';
 
 const auth = useAuthStore();
 const router = useRouter();
@@ -111,8 +113,8 @@ function backToOtpMobile() {
       <section class="form-panel">
         <header class="mobile-brand">
           <MentoLogo :size="52" :show-text="false" />
-          <strong>منتو</strong>
-          <span>نرم‌افزار مدیریت ارتباط با مشتری</span>
+          <BrandName />
+          <span>{{ brand.taglineFa }}</span>
         </header>
 
         <div class="form-inner">
@@ -260,7 +262,7 @@ function backToOtpMobile() {
     </div>
 
     <footer class="auth-footer">
-      <p>۱۴۰۵ منتو. تمامی حقوق محفوظ است.</p>
+      <p>۱۴۰۵ {{ brand.nameFa }}. تمامی حقوق محفوظ است.</p>
       <nav>
         <a href="#">حریم خصوصی</a>
         <span>|</span>

apps/web/src/views/LoyaltyClubView.vue

@@ -18,6 +18,7 @@ import type {
   LoyaltyStatsDto,
   LoyaltyTierDto,
 } from '@mento/shared';
+import { brand } from '@mento/shared';
 
 type MobileTab = 'levels' | 'members' | 'rewards';
 type Modal =
@@ -416,7 +417,7 @@ async function exportExcel() {
     const url = URL.createObjectURL(data);
     const a = document.createElement('a');
     a.href = url;
-    a.download = 'mento-loyalty-members.xlsx';
+    a.download = `${brand.filePrefix}-loyalty-members.xlsx`;
     a.click();
     URL.revokeObjectURL(url);
   } catch {

apps/web/src/views/PersonProfileView.vue

@@ -17,6 +17,7 @@ import {
 import UiIcon from '@/components/UiIcon.vue';
 import CustomerMoodFace from '@/components/CustomerMoodFace.vue';
 import MentoAiAvatar from '@/components/brand/MentoAiAvatar.vue';
+import { brand } from '@mento/shared';
 import MentoMemoryPanel from '@/components/MentoMemoryPanel.vue';
 import AskMentoPanel from '@/components/AskMentoPanel.vue';
 import ProfileEmptyState from '@/components/person-profile/ProfileEmptyState.vue';
@@ -846,7 +847,7 @@ watch(() => route.query.tab, readTab, { immediate: true });
             <div>
               <h2>
                 <UiIcon name="sparkle" :size="14" />
-                خلاصه هوشمند منتو
+                خلاصه هوشمند {{ brand.nameFa }}
               </h2>
               <p>{{ shownSmart.text }}</p>
             </div>

apps/web/src/views/PortalView.vue

@@ -15,6 +15,7 @@ import type {
   PortalRequestOtpResponse,
   PortalTicketDto,
 } from '@mento/shared';
+import { brand } from '@mento/shared';
 
 const route = useRoute();
 const router = useRouter();
@@ -269,7 +270,7 @@ watch(slug, () => {
   <div class="portal">
     <header class="top">
       <div>
-        <p class="brand">منتو · پرتال مشتری</p>
+        <p class="brand">{{ brand.nameFa }} · پرتال مشتری</p>
         <h1>{{ org?.name || '…' }}</h1>
       </div>
       <button v-if="person" class="linkish" type="button" @click="logout">

apps/web/src/views/ProfileView.vue

@@ -4,6 +4,7 @@ import { RouterLink, useRoute, useRouter } from 'vue-router';
 import { useAuthStore } from '@/stores/auth';
 import { api } from '@/lib/api';
 import type { AskMentoResponse } from '@mento/shared';
+import { brand, brandSuggestionFa } from '@mento/shared';
 import { formatCompactMoney } from '@/lib/money';
 import {
   calendarDaysBetween,
@@ -145,9 +146,9 @@ const smartText = computed(() => {
 
 const smartCta = computed(() => {
   if (daysSinceContact.value != null && daysSinceContact.value <= 1) {
-    return 'پیشنهاد منتو: پیگیری بعدی را ثبت کن';
+    return brandSuggestionFa('پیگیری بعدی را ثبت کن');
   }
-  return 'پیشنهاد منتو: امروز با مشتری تماس بگیر';
+  return brandSuggestionFa('امروز با مشتری تماس بگیر');
 });
 
 const kpis = computed(() => [
@@ -377,12 +378,12 @@ watch(() => auth.user?.id, () => void load(), { immediate: true });
           <div>
             <h2>
               <UiIcon name="sparkle" :size="14" />
-              خلاصه هوشمند منتو
+              خلاصه هوشمند {{ brand.nameFa }}
             </h2>
             <p>{{ smartText }}</p>
           </div>
         </header>
-        <AskMentoPanel placeholder="از منتو درباره کار امروز بپرس..." />
+        <AskMentoPanel :placeholder="`${brand.askLabelFa} درباره کار امروز...`" />
         <button class="smart-cta" type="button" @click="onSmartCta">
           <span>{{ smartCta }}</span>
           <UiIcon name="chevron" :size="16" />

apps/web/src/views/RegisterView.vue

@@ -6,7 +6,8 @@ import { BUSINESS_FIELDS, BUSINESS_FIELD_LABELS } from '@/lib/business-fields';
 import AuthBrandPanel from '@/components/auth/AuthBrandPanel.vue';
 import MentoLogo from '@/components/brand/MentoLogo.vue';
 import axios from 'axios';
-import type { RegisterChallengeResponse } from '@mento/shared';
+import { brand, type RegisterChallengeResponse } from '@mento/shared';
+import BrandName from '@/components/brand/BrandName.vue';
 
 const auth = useAuthStore();
 const router = useRouter();
@@ -106,15 +107,15 @@ function backToForm() {
     <div class="auth-shell">
       <AuthBrandPanel
         headline="همه ارتباطات، یکجا مدیریت می‌شوند"
-        description="با ساخت حساب منتو، سازمان خود را راه‌اندازی کنید و فروش و پشتیبانی را از یکجا پیش ببرید."
+        :description="`با ساخت حساب ${brand.nameFa}، سازمان خود را راه‌اندازی کنید و فروش و پشتیبانی را از یکجا پیش ببرید.`"
       />
 
       <section class="form-panel">
         <header class="mobile-brand">
           <RouterLink class="back-link" to="/login">بازگشت</RouterLink>
           <MentoLogo :size="48" :show-text="false" />
-          <strong>منتو</strong>
-          <span>نرم‌افزار مدیریت ارتباط با مشتری</span>
+          <BrandName />
+          <span>{{ brand.taglineFa }}</span>
         </header>
 
         <div class="form-inner">
@@ -329,7 +330,7 @@ function backToForm() {
     </div>
 
     <footer class="auth-footer">
-      <p>۱۴۰۵ منتو. تمامی حقوق محفوظ است.</p>
+      <p>۱۴۰۵ {{ brand.nameFa }}. تمامی حقوق محفوظ است.</p>
       <nav>
         <a href="#">پشتیبانی</a>
         <span>|</span>

apps/web/src/views/ReportsView.vue

@@ -13,6 +13,7 @@ import {
 import JalaliDateInput from '@/components/JalaliDateInput.vue';
 import UiIcon from '@/components/UiIcon.vue';
 import type { OrganizationDto, ReportsDashboardDto } from '@mento/shared';
+import { brand } from '@mento/shared';
 
 type PeriodKey = 'today' | 'week' | 'month' | 'quarter' | 'year' | 'custom';
 
@@ -137,7 +138,7 @@ function exportReport() {
   if (!data.value) return;
   const d = data.value;
   const lines: string[] = [
-    'گزارشات منتو',
+    `گزارشات ${brand.nameFa}`,
     `بازه,${rangeLabel()}`,
     '',
     'شاخص,مقدار,تغییر٪',
@@ -170,7 +171,7 @@ function exportReport() {
   const url = URL.createObjectURL(blob);
   const a = document.createElement('a');
   a.href = url;
-  a.download = `mento-report-${from.value || 'from'}-${to.value || 'to'}.csv`;
+  a.download = `${brand.filePrefix}-report-${from.value || 'from'}-${to.value || 'to'}.csv`;
   a.click();
   URL.revokeObjectURL(url);
 }

apps/web/src/views/TahesabSettingsView.vue

@@ -8,6 +8,7 @@ import type {
   TahesabConnectionDto,
   UpdateTahesabConnectionRequest,
 } from '@mento/shared';
+import { brand } from '@mento/shared';
 
 const loading = ref(false);
 const saving = ref(false);
@@ -315,7 +316,7 @@ async function importBulk(mode: 'results' | 'range') {
     }
     if (
       !confirm(
-        `${codes.length} مشتری جدید از ته‌حساب به‌عنوان شخص در منتو ساخته و لینک می‌شوند. ادامه؟`,
+        `${codes.length} مشتری جدید از ته‌حساب به‌عنوان شخص در ${brand.nameFa} ساخته و لینک می‌شوند. ادامه؟`,
       )
     ) {
       return;
@@ -327,7 +328,7 @@ async function importBulk(mode: 'results' | 'range') {
     if (!fromRaw && !toRaw) {
       if (
         !confirm(
-          'همهٔ مشتریان ته‌حساب وارد منتو می‌شوند (قبلاً لینک‌شده‌ها رد می‌شوند). ممکن است کمی طول بکشد. ادامه؟',
+          `همهٔ مشتریان ته‌حساب وارد ${brand.nameFa} می‌شوند (قبلاً لینک‌شده‌ها رد می‌شوند). ممکن است کمی طول بکشد. ادامه؟`,
         )
       ) {
         return;
@@ -342,7 +343,7 @@ async function importBulk(mode: 'results' | 'range') {
       }
       if (
         !confirm(
-          `همهٔ مشتریان ته‌حساب با کد ${fromCode} تا ${toCode} وارد منتو می‌شوند (قبلاً لینک‌شده‌ها رد می‌شوند). ادامه؟`,
+          `همهٔ مشتریان ته‌حساب با کد ${fromCode} تا ${toCode} وارد ${brand.nameFa} می‌شوند (قبلاً لینک‌شده‌ها رد می‌شوند). ادامه؟`,
         )
       ) {
         return;

apps/web/vite.config.ts

@@ -1,22 +1,35 @@
-import { defineConfig } from 'vite';
+import { defineConfig, loadEnv } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import { fileURLToPath, URL } from 'node:url';
 
-export default defineConfig({
-  plugins: [vue()],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-    },
-  },
-  server: {
-    host: '127.0.0.1',
-    port: 5173,
-    proxy: {
-      '/api': {
-        target: 'http://127.0.0.1:3000',
-        changeOrigin: true,
+const PROD_API = 'https://crm.montzar.ir';
+
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '');
+  const apiTarget = env.MENTO_DEV_API || process.env.MENTO_DEV_API || PROD_API;
+  const usingLocalApi = apiTarget.includes('127.0.0.1') || apiTarget.includes('localhost');
+
+  // eslint-disable-next-line no-console
+  console.log(`[montact] UI → ${apiTarget}${usingLocalApi ? ' (API لوکال)' : ' (سرور اصلی)'}`);
+
+  return {
+    plugins: [vue()],
+    resolve: {
+      alias: {
+        '@': fileURLToPath(new URL('./src', import.meta.url)),
+        '@mento/shared': fileURLToPath(new URL('../../packages/shared/src/index.ts', import.meta.url)),
       },
     },
-  },
+    server: {
+      host: '127.0.0.1',
+      port: 5173,
+      proxy: {
+        '/api': {
+          target: apiTarget,
+          changeOrigin: true,
+          secure: apiTarget.startsWith('https://'),
+        },
+      },
+    },
+  };
 });