<script setup lang="ts">
import { useFilesPageContext } from '@/composables/files/filesPageContext'

const p = useFilesPageContext()
</script>

<template>
  <div class="text-caption text-medium-emphasis mb-2 d-flex flex-wrap align-center ga-2">
    <span>{{ p.statusSummary }}</span>
    <v-chip v-if="p.browseError" size="x-small" color="warning" variant="tonal">
      {{ p.browseError }}
    </v-chip>
    <v-chip
      v-if="p.hasClipboard"
      size="x-small"
      color="info"
      variant="tonal"
      class="cursor-pointer"
      @click="() => p.pasteClipboard()"
    >
      {{ p.clipboardSummary }} → {{ p.pasteDestLabel }} · Ctrl+V 粘贴
    </v-chip>
  </div>
</template>
