mirror of
https://github.com/zyycn/codex-proxy-rs.git
synced 2026-11-06 08:06:19 +00:00
ZyyandCodex
3cbebb5f9b
Unify theme namespaces and plugin theme delivery, improve validation and empty states, and pin UI v0.8.0 plus plugin workbench v0.9.0. Co-authored-by: Codex <noreply@openai.com>
51 lines
2.1 KiB
Vue
51 lines
2.1 KiB
Vue
<script setup lang="ts">
|
|
import type { ClientProfilePreview } from '@/api/modules/settings/profiles'
|
|
|
|
import { ZSkeleton } from '@codex-proxy/ui'
|
|
import { useI18n } from 'vue-i18n'
|
|
|
|
defineProps<{
|
|
preview?: Pick<ClientProfilePreview, 'userAgent' | 'versionSource' | 'checkedAtDisplay' | 'error'> & { versionLag?: number | null }
|
|
previewing: boolean
|
|
needsVersionInput: boolean
|
|
}>()
|
|
|
|
const { t } = useI18n({ useScope: 'global' })
|
|
</script>
|
|
|
|
<template>
|
|
<p v-if="needsVersionInput" role="status" class="m-0 text-z-sm text-z-text-tertiary">
|
|
{{ t('settings.clientProfile.previewAfterFillingInVersion') }}
|
|
</p>
|
|
<div
|
|
v-else-if="previewing || preview"
|
|
class="grid min-h-20 min-w-0 content-center gap-2 rounded-z bg-z-fill-quaternary p-4"
|
|
aria-live="polite"
|
|
:aria-busy="previewing"
|
|
>
|
|
<template v-if="previewing">
|
|
<div class="flex h-lh items-center text-z-sm" role="status" :aria-label="t('settings.clientProfile.resolvingClientIdentity')">
|
|
<ZSkeleton shape="text" class="w-4/5" aria-hidden="true" />
|
|
</div>
|
|
<div class="flex h-lh items-center text-z-xs" aria-hidden="true">
|
|
<ZSkeleton shape="text" class="w-52 max-w-full" />
|
|
</div>
|
|
</template>
|
|
<template v-else-if="preview">
|
|
<code class="break-all text-z-sm text-z-text">{{ preview.userAgent }}</code>
|
|
<p class="m-0 text-z-xs text-z-text-tertiary">
|
|
{{ preview.versionSource === 'custom' ? t('settings.clientProfile.fixedIdentity') : t('settings.clientProfile.automaticUpdates') }}
|
|
<template v-if="preview.versionSource === 'official'">
|
|
<template v-if="preview.versionLag">
|
|
{{ t('settings.clientProfile.versionsBehind', { version: preview.versionLag }) }}
|
|
</template>
|
|
· {{ preview.checkedAtDisplay ? t('settings.clientProfile.checked', { checkedAtDisplay: preview.checkedAtDisplay }) : t('settings.clientProfile.toBeChecked') }}
|
|
</template>
|
|
</p>
|
|
<p v-if="preview.error && preview.versionSource !== 'custom'" :title="preview.error" class="m-0 text-z-sm text-z-warning">
|
|
{{ t('settings.clientProfile.updateFailedUseLastVersion') }}
|
|
</p>
|
|
</template>
|
|
</div>
|
|
</template>
|