feat: catalog read cache (api + user apps) and clearer Zarrin accounting errors

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

apps/user-app-v2/src/views/user/ProfileView.vue

@@ -104,7 +104,9 @@ import Icon from '../../components/icon/Icon.vue'
 import PageBar from '../../components/ui/PageBar.vue'
 import SectionHead from '../../components/home/SectionHead.vue'
 import { useSessionStore } from '../../stores/session'
-import { api, type AccountingBalance, type CustomerDetail } from '../../api/client'
+import type { AccountingBalance, CustomerDetail } from '../../api/client'
+import { useCachedReads } from '../../api/cachedReads'
+import { KEYS } from '../../stores/queryCache'
 
 const VERIFICATION_LABELS: Record<string, string> = {
   UNVERIFIED: 'احراز نشده',
@@ -115,7 +117,8 @@ const VERIFICATION_LABELS: Record<string, string> = {
 }
 
 const session = useSessionStore()
-const customer = ref<CustomerDetail | null>(null)
+const reads = useCachedReads()
+const customer = ref<CustomerDetail | null>(reads.peek<CustomerDetail>(KEYS.profile) ?? null)
 const loading = ref(false)
 
 const isVerified = computed(() => customer.value?.verificationStep === 'VERIFIED')
@@ -133,8 +136,9 @@ const canCompleteProfile = computed(() => {
 const router = useRouter()
 
 // D27 §12 — fetched on its own, every time the page opens, so a slow
-// accounting server never holds up the profile itself.
-const balance = ref<AccountingBalance | null>(null)
+// accounting server never holds up the profile itself. The last copy fills the
+// screen until the fresh one arrives.
+const balance = ref<AccountingBalance | null>(reads.peek<AccountingBalance>(KEYS.balance) ?? null)
 const balanceLoading = ref(false)
 
 const num = (v: string | null) => Number(v ?? 0)
@@ -151,9 +155,9 @@ const balanceSubtitle = computed(() => {
 })
 
 async function loadBalance() {
-  balanceLoading.value = true
+  balanceLoading.value = !balance.value
   try {
-    balance.value = await api.getAccountingBalance()
+    balance.value = await reads.accountingBalance({ force: true })
   } catch {
     balance.value = null
   } finally {
@@ -164,9 +168,9 @@ async function loadBalance() {
 onMounted(async () => {
   if (!session.isLoggedIn) return
   void loadBalance()
-  loading.value = true
+  loading.value = !customer.value
   try {
-    customer.value = await api.getMe()
+    customer.value = await reads.me({ force: true })
   } finally {
     loading.value = false
   }