feat(ui): finalize shared shells and loading states

web/src/composables/useDocumentCenterInbox.js

@@ -18,7 +18,10 @@ const SOURCE_PRIORITY = {
 const documentRows = ref([])
 const viewedDocumentKeys = ref(readViewedDocumentKeys())
 const loading = ref(false)
+const INBOX_CACHE_TTL_MS = 30000
 let refreshTimer = null
+let refreshPromise = null
+let lastRefreshAt = 0
 let viewedKeysListenerAttached = false
 
 function normalizeClaimText(...values) {
@@ -125,10 +128,22 @@ export function useDocumentCenterInbox() {
   const unreadCount = computed(() => countNewDocuments(documentRows.value, viewedDocumentKeys.value))
   const hasUnread = computed(() => unreadCount.value > 0)
 
-  async function refreshDocumentInbox() {
+  async function refreshDocumentInbox(options = {}) {
+    const force = Boolean(options.force)
+    const now = Date.now()
+
+    if (refreshPromise) {
+      return refreshPromise
+    }
+
+    if (!force && lastRefreshAt && now - lastRefreshAt < INBOX_CACHE_TTL_MS) {
+      refreshViewedDocumentKeys()
+      return documentRows.value
+    }
+
     loading.value = true
 
-    try {
+    refreshPromise = (async () => {
       const [ownedResult, approvalResult, archiveResult] = await Promise.allSettled([
         readClaimList(fetchExpenseClaims),
         readClaimList(fetchApprovalExpenseClaims),
@@ -140,13 +155,21 @@ export function useDocumentCenterInbox() {
         approvalClaims: approvalResult.status === 'fulfilled' ? approvalResult.value : [],
         archivedClaims: archiveResult.status === 'fulfilled' ? archiveResult.value : []
       })
+      lastRefreshAt = Date.now()
       refreshViewedDocumentKeys()
+
+      return documentRows.value
+    })()
+
+    try {
+      return await refreshPromise
     } finally {
       loading.value = false
+      refreshPromise = null
     }
   }
 
-  function startDocumentInboxPolling(intervalMs = 45000) {
+  function startDocumentInboxPolling(intervalMs = 120000) {
     stopDocumentInboxPolling()
 
     if (typeof window === 'undefined') {