Make boursecu branch boursecu-only and simplify app loading.

Remove multi-tenant branches and default views, show logo-only boot and splash screens, and polish boursecu transactions tab styling.

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

src/views/base/home/desktop/HomeDesktopView.vue

@@ -1,17 +1,11 @@
 <template>
-  <BoursecuDesktopHome v-if="layoutId === 'boursecu'" @logout="$emit('logout')" />
-  <DefaultDesktopHome v-else @logout="$emit('logout')" />
+  <BoursecuDesktopHome @logout="$emit('logout')" />
 </template>
 
 <script lang="ts" setup>
-import { computed } from 'vue'
-import { getHomeLayoutId } from '../layouts/registry'
 import BoursecuDesktopHome from './layouts/BoursecuDesktopHome.vue'
-import DefaultDesktopHome from './layouts/DefaultDesktopHome.vue'
 
 defineEmits<{
   logout: []
 }>()
-
-const layoutId = computed(() => getHomeLayoutId())
 </script>

src/views/base/home/desktop/components/DesktopAssetsCard.vue

@@ -13,6 +13,7 @@ defineEmits<{
   <DesktopHomeCard title="دارایی‌های من">
     <AssetsSection
       plain
+      boursecu-layout
       class="home-desktop-assets"
       @open-gold-modal="$emit('openGoldModal', $event)"
       @open-rial-modal="$emit('openRialModal')"

src/views/base/home/desktop/components/DesktopAssetsMetrics.vue

@@ -1,126 +1,11 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
 import BoursecuAssetsSummary from '../../components/BoursecuAssetsSummary.vue'
-import PortfolioProfitInsight from '../../components/PortfolioProfitInsight.vue'
-import { formatWeightAmount, usePriceWithoutType } from '@/utils/usePrice'
-import { useWalletAssets } from '@/composables/useWalletAssets'
-import type { WalletMetalTotal } from '@/models/walletAssets'
-import { resolveSummaryMetalWeight } from '@/utils/productAssets'
-import { useHomePageContext } from '../../composables/useHomePage'
 
-const emit = defineEmits<{
-  openGoldModal: [metal: WalletMetalTotal, modalText?: string, modalTitle?: string, modalContent?: string]
-  openRialModal: []
-}>()
-
-const { assetsSummary } = useWalletAssets()
-const ctx = useHomePageContext()
-const isBoursecuLayout = computed(() => ctx.isBoursecuHomeLayout.value)
-
-const meta = computed(() => assetsSummary.value?.meta)
-const metalTotals = computed(() => assetsSummary.value?.metal_totals ?? [])
-const inventoryCards = computed(() => assetsSummary.value?.inventory_cards ?? [])
-const cashWallet = computed(() => assetsSummary.value?.cash_wallet ?? 0)
-const countBasedInventory = computed(() =>
-  (assetsSummary.value?.count_products ?? []).reduce((sum, item) => sum + Number(item.quantity ?? 0), 0),
-)
-
-type MetricItem = {
-  id: string
-  label: string
-  value: string
-  metal?: WalletMetalTotal
-  showInfo?: boolean
-  onInfo?: 'gold' | 'rial'
-}
-
-const metrics = computed<MetricItem[]>(() => {
-  const items: MetricItem[] = []
-
-  if (meta.value?.has_count_based_products) {
-    items.push({
-      id: 'products',
-      label: 'محصولات',
-      value: `${usePriceWithoutType(countBasedInventory.value, false)} عدد`,
-    })
-  }
-
-  if (meta.value?.single_metal && metalTotals.value[0]) {
-    const metal = metalTotals.value[0]
-    items.push({
-      id: `metal-${metal.metal_id}`,
-      label: metal.label,
-      value: formatMetalTotal(metal),
-      metal,
-      showInfo: true,
-      onInfo: 'gold',
-    })
-  } else {
-    metalTotals.value.forEach((metal, index) => {
-      items.push({
-        id: `metal-${metal.metal_id}`,
-        label: metal.label,
-        value: formatMetalTotal(metal),
-        metal,
-        showInfo: index === 0,
-        onInfo: 'gold',
-      })
-    })
-  }
-
-  items.push({
-    id: 'rial',
-    label: 'دارایی ریالی',
-    value: `${usePriceWithoutType(cashWallet.value)} ریال`,
-    showInfo: true,
-    onInfo: 'rial',
-  })
-
-  return items
-})
-
-function formatMetalTotal(metal: WalletMetalTotal) {
-  return `${formatWeightAmount(resolveSummaryMetalWeight(metal, inventoryCards.value))}${metal.unit}`
-}
-
-function handleInfo(metric: MetricItem) {
-  if (metric.onInfo === 'rial') {
-    emit('openRialModal')
-    return
-  }
-  if (metric.metal) {
-    emit('openGoldModal', metric.metal)
-  }
-}
 </script>
 
 <template>
   <BoursecuAssetsSummary
-    v-if="isBoursecuLayout"
     variant="desktop"
     icon-color="tertiary"
   />
-
-  <template v-else>
-    <PortfolioProfitInsight variant="desktop" />
-
-    <div class="dhome-metrics">
-    <article v-for="metric in metrics" :key="metric.id" class="dhome-metric-tile">
-      <div class="dhome-metric-tile__head">
-        <span class="dhome-metric-tile__label">{{ metric.label }}</span>
-        <button
-          v-if="metric.showInfo"
-          type="button"
-          class="dhome-metric-tile__info"
-          aria-label="اطلاعات بیشتر"
-          @click="handleInfo(metric)"
-        >
-          <BasicIcon icon="vuesax-linear:info-circle" size="14" />
-        </button>
-      </div>
-      <p class="dhome-metric-tile__value">{{ metric.value }}</p>
-    </article>
-    </div>
-  </template>
 </template>

src/views/base/home/desktop/components/DesktopChartPanel.vue

@@ -6,7 +6,7 @@ import DesktopHomeCard from '../components/DesktopHomeCard.vue'
 
 const ctx = useHomePageContext()
 
-const chartLayout = computed(() => (toValue(ctx.isBoursecuHomeLayout) ? 'boursecu' : 'default'))
+const chartLayout = 'boursecu' as const
 const priceChartSeries = computed(() => toValue(ctx.priceChartSeries))
 const chartSelection = computed(() => toValue(ctx.chartSelection))
 const selectedChartMetal = computed(() => toValue(ctx.selectedChartMetal))

src/views/base/home/desktop/components/DesktopChartSection.vue

@@ -15,7 +15,7 @@ const props = withDefaults(
 
 const ctx = useHomePageContext()
 
-const chartLayout = computed(() => (toValue(ctx.isBoursecuHomeLayout) ? 'boursecu' : 'default'))
+const chartLayout = 'boursecu' as const
 const priceChartSeries = computed(() => toValue(ctx.priceChartSeries))
 const chartSelection = computed(() => toValue(ctx.chartSelection))
 const selectedChartMetal = computed(() => toValue(ctx.selectedChartMetal))

src/views/base/home/desktop/components/DesktopGaroosiAssets.vue

@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import { inject } from 'vue'
-import { useUserStore } from '@/store/userStore'
-import { usePriceWithoutType } from '@/utils/usePrice'
-import DesktopHomeSection from './DesktopHomeSection.vue'
-import { HOME_PAGE_CONTEXT_KEY } from '../../composables/useHomePage'
-
-const ctx = inject(HOME_PAGE_CONTEXT_KEY)!
-const userStore = useUserStore()
-</script>
-
-<template>
-  <DesktopHomeSection v-if="ctx.isGaroosi.value" title="دارایی‌ها">
-    <div class="dhome-garoosi-assets">
-      <div class="dhome-garoosi-assets__item">
-        <span class="dhome-garoosi-assets__label">دارایی طلایی</span>
-        <span class="dhome-garoosi-assets__value">
-          {{ (userStore?.userInfo?.wallet?.count_gold ?? 0).toFixed(3) }} گرم
-        </span>
-      </div>
-      <div class="dhome-garoosi-assets__divider" />
-      <div class="dhome-garoosi-assets__item">
-        <span class="dhome-garoosi-assets__label">دارایی ریالی</span>
-        <span class="dhome-garoosi-assets__value">
-          {{ usePriceWithoutType(userStore?.userInfo?.wallet?.count_cash ?? 0) }} ریال
-        </span>
-      </div>
-    </div>
-  </DesktopHomeSection>
-</template>

src/views/base/home/desktop/components/DesktopHomeAlerts.vue

@@ -1,17 +0,0 @@
-<script setup lang="ts">
-import { inject } from 'vue'
-import { isBoursecuProject } from '@/utils/config'
-import { HOME_PAGE_CONTEXT_KEY } from '../../composables/useHomePage'
-
-const ctx = inject(HOME_PAGE_CONTEXT_KEY)!
-const isBoursecu = isBoursecuProject()
-</script>
-
-<template>
-  <div v-if="!isBoursecu && ctx.showClosedMessage.value" class="dhome-alerts">
-    <div
-      class="dhome-alert dhome-alert--info"
-      v-html="ctx.closedMessage.value"
-    />
-  </div>
-</template>

src/views/base/home/desktop/components/DesktopHomeShell.vue

@@ -1,15 +1,9 @@
 <template>
-  <div class="dhome" :class="{ 'dhome--boursecu': isBoursecu }">
+  <div class="dhome dhome--boursecu">
     <div class="dhome__container">
       <slot />
     </div>
   </div>
 </template>
 
-<script lang="ts" setup>
-import { isBoursecuProject } from '@/utils/config'
-
-const isBoursecu = isBoursecuProject()
-</script>
-
 <style lang="less" src="../styles/desktop-home.less"></style>

src/views/base/home/desktop/components/DesktopLivePrice.vue

@@ -2,17 +2,17 @@
   <div
     class="dhome-surface dhome-hero-price"
     :class="{
-      'dhome-hero-price--boursecu-open': isBoursecu && displayState === 'open',
-      'dhome-hero-price--boursecu-closed': isBoursecu && displayState !== 'open',
+      'dhome-hero-price--boursecu-open': displayState === 'open',
+      'dhome-hero-price--boursecu-closed': displayState !== 'open',
     }"
   >
     <template v-if="displayState !== 'open'">
-      <div class="dhome-hero-price__closed" :class="{ 'dhome-hero-price__closed--default': !isBoursecu }">
+      <div class="dhome-hero-price__closed">
         <div class="dhome-hero-price__closed-icon">
           <BasicIcon
             :icon="displayState === 'closed' ? 'vuesax-linear:lock' : 'vuesax-linear:info-circle'"
             size="22"
-            :color="isBoursecu ? '#ffffff' : '#64748b'"
+            color="#ffffff"
           />
         </div>
         <p class="dhome-hero-price__closed-title">{{ statusTitle }}</p>
@@ -21,10 +21,9 @@
     </template>
 
     <template v-else>
-      <span class="dhome-label" :class="{ 'dhome-label--boursecu': isBoursecu }">
-        {{ isBoursecu ? 'قیمت لحظه‌ای کاتد مس' : 'قیمت لحظه‌ای' }}
+      <span class="dhome-label dhome-label--boursecu">
+        قیمت لحظه‌ای کاتد مس
       </span>
-      <p v-if="!isBoursecu" class="dhome-hero-price__brand">{{ config.config?.name_fa }}</p>
       <div class="dhome-hero-price__value-row">
         <span
           v-if="percentChange !== 0"
@@ -39,10 +38,9 @@
         </span>
         <Vue3Odometer
           :value="displayGoldVal"
-          class="dhome-hero-price__odometer o-text"
-          :class="{ 'dhome-hero-price__odometer--boursecu': isBoursecu }"
+          class="dhome-hero-price__odometer o-text dhome-hero-price__odometer--boursecu"
         />
-        <span class="dhome-hero-price__unit" :class="{ 'dhome-hero-price__unit--boursecu': isBoursecu }">ریال</span>
+        <span class="dhome-hero-price__unit dhome-hero-price__unit--boursecu">ریال</span>
       </div>
     </template>
   </div>
@@ -53,9 +51,7 @@ import { computed } from 'vue'
 import Vue3Odometer from 'vue3-odometer'
 import 'odometer/themes/odometer-theme-default.css'
 import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
-import { useConfigStore } from '@/store/configStore'
 import { useUserStore } from '@/store/userStore'
-import { isBoursecuProject } from '@/utils/config'
 import { getTradeBuyPrice, lastPrice, percentPriceChanged } from '@/utils/price'
 import {
   NO_QUOTE_MESSAGE,
@@ -64,9 +60,7 @@ import {
 } from '@/utils/storeHours'
 import { formatSignedPercentChange } from '@/utils/usePrice'
 
-const config = useConfigStore()
 const userStore = useUserStore()
-const isBoursecu = isBoursecuProject()
 
 const displayState = computed(() => getPriceDisplayState())
 
@@ -152,18 +146,4 @@ const percentChange = computed(() => {
   line-height: 1.7;
   color: rgba(255, 255, 255, 0.78);
 }
-
-.dhome-hero-price__closed--default {
-  .dhome-hero-price__closed-icon {
-    background: #f1f5f9;
-  }
-
-  .dhome-hero-price__closed-title {
-    color: #334155;
-  }
-
-  .dhome-hero-price__closed-hint {
-    color: #64748b;
-  }
-}
 </style>

src/views/base/home/desktop/components/DesktopPriceRange.vue

@@ -2,17 +2,14 @@
 import { computed } from 'vue'
 import { price } from '@/utils/price'
 import { usePriceWithoutType } from '@/utils/usePrice'
-import { getHomeLayoutId } from '../../layouts/registry'
 import { resolveMetalDayRangePrices, usePriceChart } from '../../composables/usePriceChart'
 
 const { selectedChartMetal, selectedMetalChartRatio } = usePriceChart()
-const isBoursecuLayout = computed(() => getHomeLayoutId() === 'boursecu')
 
 const rangePrices = computed(() =>
   resolveMetalDayRangePrices({
     price: price.value,
     metal: selectedChartMetal.value,
-    isBoursecuLayout: isBoursecuLayout.value,
     metalRatio: selectedMetalChartRatio.value,
   })
 )

src/views/base/home/desktop/components/DesktopReferralPanel.vue

@@ -1,14 +0,0 @@
-<script setup lang="ts">
-import { inject } from 'vue'
-import DesktopHomeSection from './DesktopHomeSection.vue'
-import ReferralSection from '../../components/ReferralSection.vue'
-import { HOME_PAGE_CONTEXT_KEY } from '../../composables/useHomePage'
-
-const ctx = inject(HOME_PAGE_CONTEXT_KEY)!
-</script>
-
-<template>
-  <DesktopHomeSection v-if="ctx.isGaroosi.value" title="دعوت از دوستان">
-    <ReferralSection />
-  </DesktopHomeSection>
-</template>

src/views/base/home/desktop/layouts/BoursecuDesktopHome.vue

@@ -7,7 +7,6 @@ import { useHomePageContext } from '../../composables/useHomePage'
 import HomeSkeleton from '../../components/HomeSkeleton.vue'
 import DesktopHomeShell from '../components/DesktopHomeShell.vue'
 import DesktopHomeTopbar from '../components/DesktopHomeTopbar.vue'
-import DesktopHomeAlerts from '../components/DesktopHomeAlerts.vue'
 import DesktopLivePrice from '../components/DesktopLivePrice.vue'
 import DesktopPriceRange from '../components/DesktopPriceRange.vue'
 import DesktopAssetsMetrics from '../components/DesktopAssetsMetrics.vue'
@@ -29,7 +28,6 @@ const showSkeleton = computed(() => Boolean(getToken()) && !userInfo.value)
 <template>
   <DesktopHomeShell>
     <DesktopHomeTopbar @logout="$emit('logout')" />
-    <DesktopHomeAlerts />
 
     <HomeSkeleton v-if="showSkeleton" />
 

src/views/base/home/desktop/layouts/DefaultDesktopHome.vue

@@ -1,98 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-import { storeToRefs } from 'pinia'
-import { useUserStore } from '@/store/userStore'
-import { getToken } from '@/utils'
-import { useHomePageContext } from '../../composables/useHomePage'
-import HomeSkeleton from '../../components/HomeSkeleton.vue'
-import DesktopHomeShell from '../components/DesktopHomeShell.vue'
-import DesktopHomeTopbar from '../components/DesktopHomeTopbar.vue'
-import DesktopHomeAlerts from '../components/DesktopHomeAlerts.vue'
-import DesktopLivePrice from '../components/DesktopLivePrice.vue'
-import DesktopPriceRange from '../components/DesktopPriceRange.vue'
-import DesktopAssetsMetrics from '../components/DesktopAssetsMetrics.vue'
-import DesktopChartSection from '../components/DesktopChartSection.vue'
-import DesktopDefaultActions from '../components/DesktopDefaultActions.vue'
-import DesktopGaroosiAssets from '../components/DesktopGaroosiAssets.vue'
-import DesktopReferralPanel from '../components/DesktopReferralPanel.vue'
-import DesktopBannersPanel from '../components/DesktopBannersPanel.vue'
-
-defineEmits<{
-  logout: []
-}>()
-
-const userStore = useUserStore()
-const { userInfo } = storeToRefs(userStore)
-const ctx = useHomePageContext()
-
-const showContent = computed(() => Boolean(userInfo.value))
-const showSkeleton = computed(() => Boolean(getToken()) && !userInfo.value)
-</script>
-
-<template>
-  <DesktopHomeShell>
-    <DesktopHomeTopbar @logout="$emit('logout')" />
-    <DesktopHomeAlerts />
-
-    <HomeSkeleton v-if="showSkeleton" />
-
-    <template v-if="showContent">
-      <section v-if="ctx.isGaroosi.value" class="dhome-hero-row">
-        <DesktopLivePrice />
-        <DesktopPriceRange />
-      </section>
-
-      <div v-if="ctx.isGaroosi.value" class="dhome-default-grid">
-        <div class="dhome-default-grid__main">
-          <DesktopDefaultActions />
-          <section
-            v-if="ctx.bannerEnabled.value && ctx.banners.value?.length"
-            class="dhome-surface dhome-chart-banner-combined"
-          >
-            <header class="dhome-section__header">
-              <h2 class="dhome-section__title">نمودار قیمت</h2>
-            </header>
-            <div class="dhome-chart-banner-combined__grid">
-              <DesktopChartSection embedded />
-              <DesktopBannersPanel embedded />
-            </div>
-          </section>
-          <DesktopChartSection v-else />
-        </div>
-
-        <aside class="dhome-default-grid__side">
-          <DesktopGaroosiAssets />
-          <DesktopReferralPanel />
-        </aside>
-      </div>
-
-      <template v-else>
-        <DesktopDefaultActions />
-
-        <DesktopAssetsMetrics
-          @open-gold-modal="ctx.openGoldModal"
-          @open-rial-modal="ctx.openRialModal"
-        />
-
-        <section class="dhome-hero-row">
-          <DesktopLivePrice />
-          <DesktopPriceRange />
-        </section>
-
-        <section
-          v-if="ctx.bannerEnabled.value && ctx.banners.value?.length"
-          class="dhome-surface dhome-chart-banner-combined"
-        >
-          <header class="dhome-section__header">
-            <h2 class="dhome-section__title">نمودار قیمت</h2>
-          </header>
-          <div class="dhome-chart-banner-combined__grid">
-            <DesktopChartSection embedded />
-            <DesktopBannersPanel embedded />
-          </div>
-        </section>
-        <DesktopChartSection v-else />
-      </template>
-    </template>
-  </DesktopHomeShell>
-</template>