admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-17 18:12:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(editor): Logs overview panel (#14045)

Browse Source
This commit is contained in:
Suguru Inoue
2025-03-31 13:19:54 +02:00
committed by GitHub
parent 68d9460f2a
commit d1710a1da3
22 changed files with 912 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
packages/frontend/editor-ui/src/components/ConsumedTokensDetails.vue Normal file
View File

@@ -0,0 +1,35 @@
<script setup lang="ts">
import { formatTokenUsageCount } from '@/components/RunDataAi/utils';
import { useI18n } from '@/composables/useI18n';
import { type LlmTokenUsageData } from '@/Interface';
import { N8nText } from '@n8n/design-system';
const { consumedTokens } = defineProps<{ consumedTokens: LlmTokenUsageData }>();
const i18n = useI18n();
</script>
<template>
<div>
<N8nText :bold="true" size="small">
{{ i18n.baseText('runData.aiContentBlock.tokens.prompt') }}
{{
i18n.baseText('runData.aiContentBlock.tokens', {
interpolate: {
count: formatTokenUsageCount(consumedTokens, 'prompt'),
},
})
}}
</N8nText>
<br />
<N8nText :bold="true" size="small">
{{ i18n.baseText('runData.aiContentBlock.tokens.completion') }}
{{
i18n.baseText('runData.aiContentBlock.tokens', {
interpolate: {
count: formatTokenUsageCount(consumedTokens, 'completion'),
},
})
}}
</N8nText>
</div>
</template>