ai-char/ai-service-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

failes reason show

Browse Source
This commit is contained in:
xds
2026-02-06 09:06:28 +03:00
parent 19048c863b
commit 9ec6f7a323
5 changed files with 89 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/main.ts
View File

@@ -3,6 +3,8 @@ import { createPinia } from 'pinia'
import PrimeVue from 'primevue/config'
import Aura from '@primevue/themes/aura';
import Tooltip from 'primevue/tooltip';
import ConfirmationService from 'primevue/confirmationservice';
import ToastService from 'primevue/toastservice';
import 'primeicons/primeicons.css'
import App from './App.vue'
import router from './router'
@@ -36,5 +38,7 @@ app.config.globalProperties.$primevue.config.locale = {
};
app.directive('tooltip', Tooltip);
app.use(ConfirmationService);
app.use(ToastService);
app.mount('#app')

5
src/services/dataService.js
View File

@@ -43,6 +43,11 @@ export const dataService = {
return response.data
},
deleteAsset: async (id) => {
const response = await api.delete(`/assets/${id}`)
return response.data
},
generatePromptFromImage: async (files, prompt) => {
const formData = new FormData()

37
src/views/AssetsView.vue
View File

@@ -7,8 +7,14 @@ import Button from 'primevue/button'
import Skeleton from 'primevue/skeleton'
import Dialog from 'primevue/dialog'
import Paginator from 'primevue/paginator'
import ConfirmDialog from 'primevue/confirmdialog'
import { useConfirm } from "primevue/useconfirm"
import Toast from 'primevue/toast'
import { useToast } from "primevue/usetoast"
const router = useRouter()
const confirm = useConfirm()
const toast = useToast()
const assets = ref<Asset[]>([])
const loading = ref(true)
const activeFilter = ref('all')
@@ -57,6 +63,30 @@ const paginatedAssets = computed(() => {
return assets.value
})
const confirmDelete = (asset: Asset) => {
confirm.require({
message: 'Do you want to delete this asset?',
header: 'Delete Confirmation',
icon: 'pi pi-info-circle',
rejectLabel: 'Cancel',
acceptLabel: 'Delete',
rejectClass: 'p-button-secondary p-button-outlined',
acceptClass: 'p-button-danger',
accept: async () => {
try {
await dataService.deleteAsset(asset.id)
toast.add({ severity: 'success', summary: 'Confirmed', detail: 'Asset deleted', life: 3000 })
loadAssets()
} catch (e) {
console.error('Failed to delete asset', e)
toast.add({ severity: 'error', summary: 'Error', detail: 'Failed to delete asset', life: 3000 })
}
}
})
}
const onPage = (event: any) => {
first.value = event.first
rows.value = event.rows
@@ -183,6 +213,11 @@ const handleLogout = () => {
class="absolute top-2.5 right-2.5 bg-black/60 backdrop-blur-sm px-3 py-1 rounded-full text-xs uppercase font-semibold text-white z-10">
{{ asset.type }}
</div>
<div @click.stop="confirmDelete(asset)"
class="absolute top-2.5 left-2.5 w-8 h-8 rounded-full bg-black/60 backdrop-blur-sm flex items-center justify-center cursor-pointer hover:bg-red-500/80 transition-all z-10 group/delete">
<i
class="pi pi-trash text-white text-xs group-hover/delete:scale-110 transition-transform"></i>
</div>
</div>
<!-- Asset Info -->
@@ -238,6 +273,8 @@ const handleLogout = () => {
</div>
</div>
</Dialog>
<ConfirmDialog></ConfirmDialog>
<Toast />
</div>
</template>

24
src/views/CharacterDetailView.vue
View File

@@ -190,6 +190,7 @@ const saveTelegramId = () => {
}
}
const generationSuccess = ref(false)
const generationError = ref(null)
const generatedResult = ref(null)
// Prompt Assistant state
@@ -336,7 +337,8 @@ const pollStatus = async (id) => {
loadHistory()
} else if (response.status === 'failed') {
completed = true
throw new Error('Generation failed on server')
generationError.value = response.failed_reason || 'Generation failed on server'
throw new Error(generationError.value)
} else {
// Wait before next poll
await new Promise(resolve => setTimeout(resolve, 2000))
@@ -434,6 +436,7 @@ const handleGenerate = async () => {
isGenerating.value = true
generationSuccess.value = false
generationError.value = null
generationStatus.value = 'starting'
generationProgress.value = 0
generatedResult.value = null
@@ -728,6 +731,21 @@ const handleLogout = () => {
<span class="text-[10px] text-slate-500 font-mono">{{ generationProgress }}%</span>
</div>
<div v-else-if="generationError"
class="w-full h-full flex flex-col items-center justify-center p-4 text-center animate-in fade-in zoom-in duration-300">
<div
class="w-12 h-12 rounded-full bg-red-500/10 flex items-center justify-center mb-3 border border-red-500/20">
<i class="pi pi-times text-red-400 text-xl"></i>
</div>
<h3 class="text-sm font-bold text-slate-200 mb-1">Generation Failed</h3>
<p
class="text-[10px] text-red-400 bg-red-500/5 px-3 py-1.5 rounded-lg border border-red-500/10 mb-3 max-w-[90%]">
{{ generationError }}
</p>
<Button label="Try Again" icon="pi pi-refresh" size="small" class="!text-[10px]"
@click="handleGenerate" severity="secondary" />
</div>
<div v-else-if="generatedResult"
class="w-full h-full flex flex-col gap-3 animate-in fade-in zoom-in duration-300">
<div class="flex justify-between items-center mb-1">
@@ -792,8 +810,8 @@ const handleLogout = () => {
</div>
<div v-else class="flex flex-col items-center gap-2 text-slate-500 opacity-60">
<i class="pi pi-image text-4xl" />
<p class="text-sm font-medium">Ready</p>
<i class="pi pi-image text-3xl" />
<p class="text-xs font-medium">Ready</p>
</div>
<!-- Generation History Section -->

26
src/views/ImageGenerationView.vue
View File

@@ -23,6 +23,7 @@ const isGenerating = ref(false)
const generationStatus = ref('')
const generationProgress = ref(0)
const generationSuccess = ref(false)
const generationError = ref(null)
const generatedResult = ref(null)
// History State
@@ -193,6 +194,7 @@ const handleGenerate = async () => {
isGenerating.value = true
generationSuccess.value = false
generationError.value = null
generationStatus.value = 'starting'
generationProgress.value = 0
generatedResult.value = null
@@ -262,7 +264,8 @@ const pollStatus = async (id) => {
} else if (response.status === 'failed') {
completed = true
throw new Error('Generation failed on server')
generationError.value = response.failed_reason || 'Generation failed on server'
throw new Error(generationError.value)
} else {
await new Promise(resolve => setTimeout(resolve, 2000))
}
@@ -546,7 +549,22 @@ onMounted(() => {
<span class="text-[10px] text-slate-500 font-mono mt-1">{{ generationProgress }}%</span>
</div>
<div v-if="generatedResult && !isGenerating" class="flex-1 min-h-0 flex flex-col">
<div v-if="generationError && !isGenerating"
class="flex-1 flex flex-col items-center justify-center p-6 text-center animate-in fade-in zoom-in duration-300">
<div
class="w-16 h-16 rounded-full bg-red-500/10 flex items-center justify-center mb-4 border border-red-500/20">
<i class="pi pi-times text-red-400 text-2xl"></i>
</div>
<h3 class="text-lg font-bold text-slate-200 mb-2">Generation Failed</h3>
<p class="text-sm text-red-400 bg-red-500/5 px-4 py-2 rounded-lg border border-red-500/10">
{{ generationError }}
</p>
<Button label="Try Again" icon="pi pi-refresh" class="mt-6" @click="handleGenerate"
severity="secondary" />
</div>
<div v-if="generatedResult && !isGenerating && !generationError"
class="flex-1 min-h-0 flex flex-col">
<div class="flex justify-between items-center mb-4">
<h2 class="text-lg font-bold">Result</h2>
</div>
@@ -601,7 +619,7 @@ onMounted(() => {
</div>
</div>
<div v-else-if="!isGenerating && !generatedResult"
<div v-else-if="!isGenerating && !generatedResult && !generationError"
class="flex-1 flex flex-col items-center justify-center text-slate-500 gap-4 opacity-50">
<i class="pi pi-image text-4xl"></i>
<p class="text-sm">Ready to generate</p>
@@ -651,7 +669,7 @@ onMounted(() => {
gen.api_execution_time_seconds.toFixed(1) }}s</span>
<span v-if="gen.token_usage" title="Tokens"><i class="pi pi-bolt mr-0.5"></i>{{
gen.token_usage
}}</span>
}}</span>
</div>
</div>
</div>