pelmen/kin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

kin: KIN-108-frontend_dev

Browse source
This commit is contained in:
Gros Frumos 2026-03-18 07:57:15 +02:00
parent 8b409fd7db
commit 353416ead1
16 changed files with 799 additions and 212 deletions
Download patch file Download diff file Expand all files Collapse all files

17
web/frontend/src/App.vue
View file

@ -1,5 +1,14 @@
<script setup lang="ts">
import { useI18n } from 'vue-i18n'
import EscalationBanner from './components/EscalationBanner.vue'
const { t, locale } = useI18n()
function toggleLocale() {
const next = locale.value === 'ru' ? 'en' : 'ru'
locale.value = next
localStorage.setItem('kin-locale', next)
}
</script>
<template>
@ -10,8 +19,12 @@ import EscalationBanner from './components/EscalationBanner.vue'
</router-link>
<nav class="flex items-center gap-4">
<EscalationBanner />
<router-link to="/settings" class="text-xs text-gray-400 hover:text-gray-200 no-underline">Settings</router-link>
<span class="text-xs text-gray-600">multi-agent orchestrator</span>
<button
@click="toggleLocale"
class="text-xs text-gray-400 hover:text-gray-200 px-2 py-0.5 border border-gray-700 rounded hover:border-gray-500 transition-colors"
>{{ locale === 'ru' ? 'EN' : 'RU' }}</button>
<router-link to="/settings" class="text-xs text-gray-400 hover:text-gray-200 no-underline">{{ t('common.settings') }}</router-link>
<span class="text-xs text-gray-600">{{ t('common.subtitle') }}</span>
</nav>
</header>
<main class="px-6 py-6">