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>

src/components/jobs/JobCard.vue

@@ -3,22 +3,24 @@ import { computed } from 'vue'
 import { NButton, NTooltip, useMessage } from 'naive-ui'
 import type { Job } from '@/api/jobs'
 import { useJobsStore } from '@/stores/jobs'
+import { useI18n } from 'vue-i18n'
 
 const props = defineProps<{ job: Job }>()
 const emit = defineEmits<{
   edit: [jobId: string]
 }>()
 
+const { t } = useI18n()
 const jobsStore = useJobsStore()
 const message = useMessage()
 
 const jobId = computed(() => props.job.job_id || props.job.id)
 
 const statusLabel = computed(() => {
-  if (props.job.state === 'running') return 'Running'
-  if (props.job.state === 'paused') return 'Paused'
-  if (!props.job.enabled) return 'Disabled'
-  return 'Scheduled'
+  if (props.job.state === 'running') return t('jobs.status.running')
+  if (props.job.state === 'paused') return t('jobs.status.paused')
+  if (!props.job.enabled) return t('jobs.status.disabled')
+  return t('jobs.status.scheduled')
 })
 
 const statusType = computed(() => {
@@ -42,7 +44,7 @@ const formatTime = (t?: string | null) => {
 async function handlePause() {
   try {
     await jobsStore.pauseJob(jobId.value)
-    message.success('Job paused')
+    message.success(t('jobs.jobPaused'))
   } catch (e: any) {
     message.error(e.message)
   }
@@ -51,7 +53,7 @@ async function handlePause() {
 async function handleResume() {
   try {
     await jobsStore.resumeJob(jobId.value)
-    message.success('Job resumed')
+    message.success(t('jobs.jobResumed'))
   } catch (e: any) {
     message.error(e.message)
   }
@@ -60,7 +62,7 @@ async function handleResume() {
 async function handleRun() {
   try {
     await jobsStore.runJob(jobId.value)
-    message.info('Job triggered')
+    message.info(t('jobs.jobTriggered'))
   } catch (e: any) {
     message.error(e.message)
   }
@@ -69,7 +71,7 @@ async function handleRun() {
 async function handleDelete() {
   try {
     await jobsStore.deleteJob(jobId.value)
-    message.success('Job deleted')
+    message.success(t('jobs.jobDeleted'))
   } catch (e: any) {
     message.error(e.message)
   }
@@ -85,11 +87,11 @@ async function handleDelete() {
 
     <div class="card-body">
       <div class="info-row">
-        <span class="info-label">Schedule</span>
+        <span class="info-label">{{ t('jobs.info.schedule') }}</span>
         <code class="info-value mono">{{ scheduleExpr }}</code>
       </div>
       <div class="info-row">
-        <span class="info-label">Last Run</span>
+        <span class="info-label">{{ t('jobs.info.lastRun') }}</span>
         <span class="info-value">
           {{ formatTime(job.last_run_at) }}
           <span v-if="job.last_status" class="run-status" :class="{ ok: job.last_status === 'ok', err: job.last_status !== 'ok' }">
@@ -98,15 +100,15 @@ async function handleDelete() {
         </span>
       </div>
       <div class="info-row">
-        <span class="info-label">Next Run</span>
+        <span class="info-label">{{ t('jobs.info.nextRun') }}</span>
         <span class="info-value">{{ formatTime(job.next_run_at) }}</span>
       </div>
       <div class="info-row">
-        <span class="info-label">Deliver</span>
+        <span class="info-label">{{ t('jobs.info.deliver') }}</span>
         <span class="info-value">{{ job.deliver }}<template v-if="job.origin"> ({{ job.origin.platform }})</template></span>
       </div>
       <div v-if="job.repeat" class="info-row">
-        <span class="info-label">Repeat</span>
+        <span class="info-label">{{ t('jobs.info.repeat') }}</span>
         <span class="info-value">
           <template v-if="typeof job.repeat === 'string'">{{ job.repeat }}</template>
           <template v-else>{{ job.repeat.completed }} / {{ job.repeat.times ?? '∞' }}</template>
@@ -117,24 +119,24 @@ async function handleDelete() {
     <div class="card-actions">
       <NTooltip v-if="job.state !== 'paused' && job.enabled">
         <template #trigger>
-          <NButton size="tiny" quaternary @click="handlePause">Pause</NButton>
+          <NButton size="tiny" quaternary @click="handlePause">{{ t('jobs.action.pause') }}</NButton>
         </template>
-        Pause job
+        {{ t('jobs.action.pauseJob') }}
       </NTooltip>
       <NTooltip v-else-if="job.state === 'paused'">
         <template #trigger>
-          <NButton size="tiny" quaternary @click="handleResume">Resume</NButton>
+          <NButton size="tiny" quaternary @click="handleResume">{{ t('jobs.action.resume') }}</NButton>
         </template>
-        Resume job
+        {{ t('jobs.action.resumeJob') }}
       </NTooltip>
       <NTooltip>
         <template #trigger>
-          <NButton size="tiny" quaternary @click="handleRun">Run Now</NButton>
+          <NButton size="tiny" quaternary @click="handleRun">{{ t('jobs.action.runNow') }}</NButton>
         </template>
-        Trigger immediately
+        {{ t('jobs.action.triggerImmediately') }}
       </NTooltip>
-      <NButton size="tiny" quaternary @click="emit('edit', jobId)">Edit</NButton>
-      <NButton size="tiny" quaternary type="error" @click="handleDelete">Delete</NButton>
+      <NButton size="tiny" quaternary @click="emit('edit', jobId)">{{ t('common.edit') }}</NButton>
+      <NButton size="tiny" quaternary type="error" @click="handleDelete">{{ t('common.delete') }}</NButton>
     </div>
   </div>
 </template>