feat: add i18n, platform channels page, and WeChat QR login

- Add vue-i18n with auto-detect browser language and manual toggle (EN/中文)
- Move platform channels to separate page with credential management
- Support Telegram, Discord, Slack, WhatsApp, Matrix, Feishu, Weixin, WeCom
- Add WeChat QR code login (opens in browser, polls status, auto-saves)
- Write platform credentials to ~/.hermes/.env matching hermes gateway setup
- Auto restart gateway after platform config changes
- Add settings store with per-section save for all config categories
- Persist session group collapse state across navigation
- Fix pre-existing TypeScript build errors

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
ekko
2026-04-13 15:15:14 +08:00
parent 9e069a20a1
commit e89a240f1d
42 changed files with 2627 additions and 378 deletions
+35 -32
View File
@@ -2,6 +2,9 @@
import { ref, onMounted, computed } from 'vue'
import { NModal, NForm, NFormItem, NInput, NButton, NSelect, NInputNumber, useMessage } from 'naive-ui'
import { useJobsStore } from '@/stores/jobs'
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
const props = defineProps<{
jobId: string | null
@@ -30,20 +33,20 @@ const presetValue = ref<string | null>(null)
const isEdit = computed(() => !!props.jobId)
const schedulePresets = [
{ label: 'Every minute', value: '* * * * *' },
{ label: 'Every 5 minutes', value: '*/5 * * * *' },
{ label: 'Every hour', value: '0 * * * *' },
{ label: 'Every day at 00:00', value: '0 0 * * *' },
{ label: 'Every day at 09:00', value: '0 9 * * *' },
{ label: 'Every Monday at 09:00', value: '0 9 * * 1' },
{ label: 'Every month 1st at 09:00', value: '0 9 1 * *' },
]
const schedulePresets = computed(() => [
{ label: t('jobs.presetEveryMinute'), value: '* * * * *' },
{ label: t('jobs.presetEvery5Min'), value: '*/5 * * * *' },
{ label: t('jobs.presetEveryHour'), value: '0 * * * *' },
{ label: t('jobs.presetEveryDay'), value: '0 0 * * *' },
{ label: t('jobs.presetEveryDay9'), value: '0 9 * * *' },
{ label: t('jobs.presetEveryMonday'), value: '0 9 * * 1' },
{ label: t('jobs.presetEveryMonth'), value: '0 9 1 * *' },
])
const targetOptions = [
{ label: 'Origin', value: 'origin' },
{ label: 'Local', value: 'local' },
]
const targetOptions = computed(() => [
{ label: t('jobs.origin'), value: 'origin' },
{ label: t('jobs.local'), value: 'local' },
])
onMounted(async () => {
if (props.jobId) {
@@ -58,18 +61,18 @@ onMounted(async () => {
repeat_times: typeof job.repeat === 'number' ? job.repeat : (typeof job.repeat === 'object' ? job.repeat.times : null),
}
} catch (e: any) {
message.error('Failed to load job: ' + e.message)
message.error(t('jobs.loadFailed') + ': ' + e.message)
}
}
})
async function handleSave() {
if (!formData.value.name.trim()) {
message.warning('Name is required')
message.warning(t('jobs.nameRequired'))
return
}
if (!formData.value.schedule.trim()) {
message.warning('Schedule is required')
message.warning(t('jobs.scheduleRequired'))
return
}
@@ -85,10 +88,10 @@ async function handleSave() {
if (isEdit.value) {
await jobsStore.updateJob(props.jobId!, payload)
message.success('Job updated')
message.success(t('jobs.jobUpdated'))
} else {
await jobsStore.createJob(payload)
message.success('Job created')
message.success(t('jobs.jobCreated'))
}
emit('saved')
} catch (e: any) {
@@ -108,60 +111,60 @@ function handleClose() {
<NModal
v-model:show="showModal"
preset="card"
:title="isEdit ? 'Edit Job' : 'Create Job'"
:title="isEdit ? t('jobs.editJob') : t('jobs.createJob')"
:style="{ width: '520px' }"
:mask-closable="!loading"
@after-leave="emit('close')"
>
<NForm label-placement="top">
<NFormItem label="Name" required>
<NFormItem :label="t('jobs.name')" required>
<NInput
v-model:value="formData.name"
placeholder="Job name"
:placeholder="t('jobs.namePlaceholder')"
maxlength="200"
show-count
/>
</NFormItem>
<NFormItem label="Schedule (Cron Expression)" required>
<NFormItem :label="t('jobs.schedule')" required>
<NInput
v-model:value="formData.schedule"
placeholder="e.g. 0 9 * * *"
:placeholder="t('jobs.schedulePlaceholder')"
/>
</NFormItem>
<NFormItem label="Quick Presets">
<NFormItem :label="t('jobs.quickPresets')">
<NSelect
v-model:value="presetValue"
:options="schedulePresets"
placeholder="Select a preset..."
:placeholder="t('jobs.selectPreset')"
@update:value="v => formData.schedule = v"
/>
</NFormItem>
<NFormItem label="Prompt" required>
<NFormItem :label="t('jobs.prompt')" required>
<NInput
v-model:value="formData.prompt"
type="textarea"
placeholder="The prompt to execute"
:placeholder="t('jobs.promptPlaceholder')"
:rows="4"
maxlength="5000"
show-count
/>
</NFormItem>
<NFormItem label="Deliver Target">
<NFormItem :label="t('jobs.deliverTarget')">
<NSelect
v-model:value="formData.deliver"
:options="targetOptions"
/>
</NFormItem>
<NFormItem label="Repeat Count (optional)">
<NFormItem :label="t('jobs.repeatCount')">
<NInputNumber
v-model:value="formData.repeat_times"
:min="1"
placeholder="Leave empty for infinite"
:placeholder="t('jobs.repeatPlaceholder')"
clearable
style="width: 100%"
/>
@@ -170,9 +173,9 @@ function handleClose() {
<template #footer>
<div class="modal-footer">
<NButton @click="handleClose">Cancel</NButton>
<NButton @click="handleClose">{{ t('common.cancel') }}</NButton>
<NButton type="primary" :loading="loading" @click="handleSave">
{{ isEdit ? 'Update' : 'Create' }}
{{ isEdit ? t('common.update') : t('common.create') }}
</NButton>
</div>
</template>