X-Financial/web/src/composables/useAppShell.js

import { computed, ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'

import { useNavigation, navItems } from './useNavigation.js'
import { useRequests } from './useRequests.js'
import { useChat } from './useChat.js'
import { useToast } from './useToast.js'
import { documents } from '../data/requests.js'
import { normalizeRequestForUi } from '../utils/requestViewModel.js'

export function useAppShell() {
  const route = useRoute()
  const router = useRouter()

  const travelCreateMode = ref(false)
  const smartEntryOpen = ref(false)
  const smartEntryContext = ref({ prompt: '', source: 'requests', request: null, files: [], conversation: null })
  const smartEntrySessionId = ref(0)

  const { activeView, currentView, setView } = useNavigation()
  const {
    requests,
    loading: requestsLoading,
    error: requestsError,
    search,
    filters,
    ranges,
    activeRange,
    filteredRequests,
    approveRequest,
    rejectRequest,
    reload: reloadRequests
  } = useRequests()
  const {
    messages,
    draft,
    uploadedFiles,
    messageList,
    activeCase,
    prompts,
    sending,
    sendMessage,
    handleUpload,
    openChat,
    openNewChat
  } = useChat(activeView)
  const { toast } = useToast()

  const docSearch = ref('')
  const customRange = ref({ start: '2024-07-06', end: '2024-07-12' })
  const travelPrompts = ['生成差旅摘要', '识别报销风险', '核对审批链', '提取随附票据', '生成沟通建议']

  const selectedRequest = computed(() => {
    const requestId = String(route.params.requestId || '')

    if (!requestId) {
      return null
    }

    const rawRequest = requests.value.find(
      (item) => String(item.claimId || '').trim() === requestId || String(item.id || '').trim() === requestId
    )
    return normalizeRequestForUi(rawRequest)
  })

  const detailMode = computed(() => route.name === 'app-request-detail')

  const topBarView = computed(() => {
    if (detailMode.value) {
      return {
        title: '报销单详情',
        desc: '查看报销明细、票据材料、审批进度与风险提示。'
      }
    }

    return currentView.value
  })

  const requestSummary = computed(() =>
    requests.value.reduce(
      (summary, item) => {
        const request = normalizeRequestForUi(item)
        if (!request) {
          return summary
        }

        summary.total += 1

        if (request.approvalKey === 'draft') {
          summary.draft += 1
        } else if (request.approvalKey === 'in_progress') {
          summary.inProgress += 1
        } else if (request.approvalKey === 'supplement') {
          summary.supplement += 1
        } else if (request.approvalKey === 'completed') {
          summary.completed += 1
        }

        return summary
      },
      { total: 0, draft: 0, inProgress: 0, supplement: 0, completed: 0 }
    )
  )

  const filteredDocuments = computed(() => {
    const key = docSearch.value.trim().toLowerCase()
    return documents.filter((doc) => !key || `${doc.id}${doc.applicant}${doc.destination}${doc.type}`.toLowerCase().includes(key))
  })

  function handleApprove(request) {
    const message = approveRequest(request)
    toast(message)
  }

  function handleReject(request) {
    const message = rejectRequest(request)
    toast(message)
  }

  function handleNavigate(view) {
    travelCreateMode.value = false
    smartEntryOpen.value = false
    setView(view)
  }

  function handleOpenChat(request) {
    travelCreateMode.value = false
    openChat(request)
  }

  function openTravelCreate() {
    smartEntryOpen.value = true
    travelCreateMode.value = false
    smartEntryContext.value = { prompt: '', source: 'topbar', request: null, files: [], conversation: null }
    smartEntrySessionId.value += 1
  }

  function openSmartEntry(payload = {}) {
    smartEntryOpen.value = true
    travelCreateMode.value = false

    smartEntryContext.value = {
      prompt: payload.prompt ?? '',
      source: payload.source ?? 'workbench',
      request: payload.request ?? selectedRequest.value,
      files: Array.isArray(payload.files) ? payload.files : [],
      conversation: payload.conversation ?? null
    }
    smartEntrySessionId.value += 1
  }

  function closeSmartEntry() {
    smartEntryOpen.value = false
  }

  async function handleDraftSaved(payload = {}) {
    const claimNo = String(payload.claimNo || payload.claim_no || '').trim()
    smartEntryOpen.value = false
    await reloadRequests()
    toast(`${claimNo || '该'}单据已保存到草稿，请到报销页面查看。`)
    router.push({ name: 'app-requests' })
  }

  function openRequestDetail(request) {
    router.push({
      name: 'app-request-detail',
      params: { requestId: request.claimId || request.id }
    })
  }

  function closeRequestDetail() {
    router.push({ name: 'app-requests' })
  }

  async function handleRequestUpdated() {
    await reloadRequests()
  }

  async function handleRequestDeleted() {
    await reloadRequests()
    router.push({ name: 'app-requests' })
  }

  return {
    activeCase,
    activeRange,
    activeView,
    closeRequestDetail,
    closeSmartEntry,
    currentView,
    customRange,
    detailMode,
    docSearch,
    draft,
    filteredDocuments,
    filteredRequests,
    filters,
    handleApprove,
    handleDraftSaved,
    handleNavigate,
    handleOpenChat,
    handleReject,
    handleRequestDeleted,
    handleRequestUpdated,
    handleUpload,
    messageList,
    messages,
    navItems,
    openChat,
    openNewChat,
    openRequestDetail,
    openSmartEntry,
    openTravelCreate,
    prompts,
    ranges,
    requestSummary,
    requestsError,
    requestsLoading,
    reloadRequests,
    requests,
    search,
    selectedRequest,
    sendMessage,
    sending,
    setView,
    smartEntryContext,
    smartEntryOpen,
    smartEntrySessionId,
    toast,
    topBarView,
    travelCreateMode,
    travelPrompts,
    uploadedFiles
  }
}