feat(hermes): add session runtime config form

2026-06-08 17:20:01 +08:00 · 2026-05-24 06:49:17 +08:00
parent 4c29ed68ab
commit f500da39c1
8 changed files with 646 additions and 15 deletions
--- a/src/engines/hermes/pages/config.js
+++ b/src/engines/hermes/pages/config.js
@@ -6,14 +6,28 @@ import { api } from '../../../lib/tauri-api.js'
 import { toast } from '../../../components/toast.js'
 import { humanizeError } from '../../../lib/humanize-error.js'

+const SESSION_RUNTIME_DEFAULTS = {
+  sessionResetMode: 'both',
+  idleMinutes: 1440,
+  atHour: 4,
+  groupSessionsPerUser: true,
+  threadSessionsPerUser: false,
+}
+
+const SESSION_RESET_MODES = ['both', 'idle', 'daily', 'none']
+
 export function render() {
  const el = document.createElement('div')
  el.className = 'page'
  el.dataset.engine = 'hermes'
  let yaml = ''
+  let runtimeValues = { ...SESSION_RUNTIME_DEFAULTS }
  let loading = true
+  let runtimeLoading = true
  let saving = false
+  let runtimeSaving = false
  let error = null
+  let runtimeError = null

  function esc(value) {
    return String(value || '')
@@ -23,6 +37,71 @@ export function render() {
      .replace(/"/g, '&quot;')
  }

+  function isBusy() {
+    return loading || runtimeLoading || saving || runtimeSaving
+  }
+
+  function option(labelKey, value, selected) {
+    return `<option value="${esc(value)}" ${selected === value ? 'selected' : ''}>${esc(t(labelKey))}</option>`
+  }
+
+  function renderError(err) {
+    if (!err) return ''
+    return `<div class="hm-config-alert is-error">
+      <div>${esc(err.message || err)}</div>
+      ${err.hint ? `<div class="hm-config-alert-hint">${esc(err.hint)}</div>` : ''}
+      ${err.raw ? `<details><summary>${esc(t('common.errorRawLabel'))}</summary><pre>${esc(err.raw)}</pre></details>` : ''}
+    </div>`
+  }
+
+  function renderRuntimePanel() {
+    const disabled = loading || saving || runtimeLoading || runtimeSaving
+    return `
+      <div class="hm-panel hm-config-runtime-panel">
+        <div class="hm-panel-header">
+          <div>
+            <div class="hm-panel-title">${t('engine.hermesSessionRuntimeTitle')}</div>
+            <div class="hm-channel-panel-desc">${t('engine.hermesSessionRuntimeDesc')}</div>
+          </div>
+          <div class="hm-panel-actions">
+            <span class="hm-muted">${runtimeSaving ? t('engine.hermesConfigStatusSaving') : runtimeLoading ? t('engine.hermesConfigStatusLoading') : t('engine.hermesSessionRuntimeStatusReady')}</span>
+            <button class="hm-btn hm-btn--cta hm-btn--sm" id="hm-runtime-save" ${disabled ? 'disabled' : ''}>${t('engine.hermesSessionRuntimeSave')}</button>
+          </div>
+        </div>
+        <div class="hm-panel-body">
+          ${renderError(runtimeError)}
+          <div class="hm-config-runtime-grid">
+            <label class="hm-field">
+              <span class="hm-field-label">${t('engine.hermesSessionResetMode')}</span>
+              <select id="hm-session-reset-mode" class="hm-input" ${disabled ? 'disabled' : ''}>
+                ${SESSION_RESET_MODES.map(mode => option(`engine.hermesSessionResetMode_${mode}`, mode, runtimeValues.sessionResetMode)).join('')}
+              </select>
+            </label>
+            <label class="hm-field">
+              <span class="hm-field-label">${t('engine.hermesSessionIdleMinutes')}</span>
+              <input id="hm-session-idle-minutes" class="hm-input" type="number" inputmode="numeric" min="1" max="525600" step="1" value="${esc(runtimeValues.idleMinutes)}" ${disabled ? 'disabled' : ''}>
+            </label>
+            <label class="hm-field">
+              <span class="hm-field-label">${t('engine.hermesSessionAtHour')}</span>
+              <input id="hm-session-at-hour" class="hm-input" type="number" inputmode="numeric" min="0" max="23" step="1" value="${esc(runtimeValues.atHour)}" ${disabled ? 'disabled' : ''}>
+            </label>
+          </div>
+          <div class="hm-config-check-grid">
+            <label class="hm-channel-check">
+              <input id="hm-group-sessions-per-user" type="checkbox" ${runtimeValues.groupSessionsPerUser ? 'checked' : ''} ${disabled ? 'disabled' : ''}>
+              <span>${t('engine.hermesGroupSessionsPerUser')}</span>
+            </label>
+            <label class="hm-channel-check">
+              <input id="hm-thread-sessions-per-user" type="checkbox" ${runtimeValues.threadSessionsPerUser ? 'checked' : ''} ${disabled ? 'disabled' : ''}>
+              <span>${t('engine.hermesThreadSessionsPerUser')}</span>
+            </label>
+          </div>
+          <div class="hm-channel-footnote">${t('engine.hermesSessionRuntimeFootnote')}</div>
+        </div>
+      </div>
+    `
+  }
+
  function draw() {
    el.innerHTML = `
      <div class="hm-hero">
@@ -32,47 +111,73 @@ export function render() {
          <div class="hm-hero-sub">~/.hermes/config.yaml</div>
        </div>
        <div class="hm-hero-actions">
-          <button class="hm-btn hm-btn--ghost hm-btn--sm" id="hm-config-reload" ${loading || saving ? 'disabled' : ''}>${t('engine.hermesConfigReload')}</button>
-          <button class="hm-btn hm-btn--cta hm-btn--sm" id="hm-config-save" ${loading || saving ? 'disabled' : ''}>${t('engine.hermesConfigSave')}</button>
+          <button class="hm-btn hm-btn--ghost hm-btn--sm" id="hm-config-reload" ${isBusy() ? 'disabled' : ''}>${t('engine.hermesConfigReload')}</button>
+          <button class="hm-btn hm-btn--cta hm-btn--sm" id="hm-config-save" ${isBusy() ? 'disabled' : ''}>${t('engine.hermesConfigSave')}</button>
        </div>
      </div>

+      ${renderRuntimePanel()}
+
      <div class="hm-panel">
        <div class="hm-panel-header">
-          <div class="hm-panel-title">config.yaml</div>
+          <div>
+            <div class="hm-panel-title">config.yaml</div>
+            <div class="hm-channel-panel-desc">${t('engine.hermesConfigRawDesc')}</div>
+          </div>
          <div class="hm-panel-actions">
            <span class="hm-muted">${saving ? t('engine.hermesConfigStatusSaving') : loading ? t('engine.hermesConfigStatusLoading') : t('engine.hermesConfigStatusReady')}</span>
          </div>
        </div>
        <div class="hm-panel-body" style="padding:0">
-          ${error ? `<div style="margin:16px 18px;padding:10px 14px;border-radius:var(--hm-radius-sm);background:var(--hm-error-soft);color:var(--hm-error);font-family:var(--hm-font-mono);font-size:12px;line-height:1.6">
-            <div>${esc(error.message || error)}</div>
-            ${error.hint ? `<div style="margin-top:4px;color:var(--hm-text-tertiary)">${esc(error.hint)}</div>` : ''}
-            ${error.raw ? `<details style="margin-top:6px"><summary>${esc(t('common.errorRawLabel'))}</summary><pre style="white-space:pre-wrap;word-break:break-word;margin:6px 0 0">${esc(error.raw)}</pre></details>` : ''}
-          </div>` : ''}
-          <textarea id="hm-config-yaml" class="hm-input" spellcheck="false" ${loading || saving ? 'disabled' : ''} style="width:100%;min-height:560px;border:0;border-radius:0;background:var(--hm-surface-0);font-family:var(--hm-font-mono);font-size:12px;line-height:1.7;padding:18px 20px;resize:vertical">${esc(yaml)}</textarea>
+          ${renderError(error)}
+          <textarea id="hm-config-yaml" class="hm-input" spellcheck="false" ${isBusy() ? 'disabled' : ''} style="width:100%;min-height:560px;border:0;border-radius:0;background:var(--hm-surface-0);font-family:var(--hm-font-mono);font-size:12px;line-height:1.7;padding:18px 20px;resize:vertical">${esc(yaml)}</textarea>
        </div>
      </div>
    `
    el.querySelector('#hm-config-reload')?.addEventListener('click', load)
    el.querySelector('#hm-config-save')?.addEventListener('click', save)
+    el.querySelector('#hm-runtime-save')?.addEventListener('click', saveRuntime)
+  }
+
+  async function loadRaw() {
+    const data = await api.hermesConfigRawRead()
+    yaml = data?.yaml || ''
+  }
+
+  async function loadRuntime() {
+    const data = await api.hermesSessionRuntimeConfigRead()
+    runtimeValues = { ...SESSION_RUNTIME_DEFAULTS, ...(data?.values || {}) }
  }

  async function load() {
    loading = true
+    runtimeLoading = true
    error = null
+    runtimeError = null
    draw()
    try {
-      const data = await api.hermesConfigRawRead()
-      yaml = data?.yaml || ''
+      await loadRaw()
    } catch (err) {
      error = humanizeError(err, t('engine.hermesConfigLoadFailed') || 'Load config failed')
    } finally {
      loading = false
+    }
+    try {
+      await loadRuntime()
+    } catch (err) {
+      runtimeError = humanizeError(err, t('engine.hermesSessionRuntimeLoadFailed') || 'Load runtime config failed')
+    } finally {
+      runtimeLoading = false
      draw()
    }
  }

+  async function refreshRawAfterStructuredSave() {
+    try {
+      await loadRaw()
+    } catch {}
+  }
+
  async function save() {
    const textarea = el.querySelector('#hm-config-yaml')
    yaml = textarea?.value || ''
@@ -86,6 +191,9 @@ export function render() {
        message: t('engine.hermesConfigSaveSuccess'),
        hint: backup ? t('engine.hermesConfigBackupHint', { path: backup }) : '',
      }, 'success')
+      try {
+        await loadRuntime()
+      } catch {}
    } catch (err) {
      error = humanizeError(err, t('engine.hermesConfigSaveFailed') || 'Save failed')
      toast(error, 'error')
@@ -95,6 +203,35 @@ export function render() {
    }
  }

+  async function saveRuntime() {
+    const form = {
+      sessionResetMode: el.querySelector('#hm-session-reset-mode')?.value || 'both',
+      idleMinutes: el.querySelector('#hm-session-idle-minutes')?.value || '1440',
+      atHour: el.querySelector('#hm-session-at-hour')?.value || '4',
+      groupSessionsPerUser: !!el.querySelector('#hm-group-sessions-per-user')?.checked,
+      threadSessionsPerUser: !!el.querySelector('#hm-thread-sessions-per-user')?.checked,
+    }
+    runtimeSaving = true
+    runtimeError = null
+    draw()
+    try {
+      const result = await api.hermesSessionRuntimeConfigSave(form)
+      runtimeValues = { ...SESSION_RUNTIME_DEFAULTS, ...(result?.values || form) }
+      await refreshRawAfterStructuredSave()
+      const backup = result?.backup || ''
+      toast({
+        message: t('engine.hermesSessionRuntimeSaveSuccess'),
+        hint: backup ? t('engine.hermesConfigBackupHint', { path: backup }) : '',
+      }, 'success')
+    } catch (err) {
+      runtimeError = humanizeError(err, t('engine.hermesSessionRuntimeSaveFailed') || 'Save runtime config failed')
+      toast(runtimeError, 'error')
+    } finally {
+      runtimeSaving = false
+      draw()
+    }
+  }
+
  draw()
  load()
  return el
--- a/src/engines/hermes/style/hermes.css
+++ b/src/engines/hermes/style/hermes.css
@@ -6744,6 +6744,48 @@ body[data-active-engine="hermes"][data-theme="dark"] {
 [data-engine="hermes"] .hm-channel-form-panel .hm-panel-header {
  align-items: flex-start;
 }
+[data-engine="hermes"] .hm-config-runtime-panel .hm-panel-header {
+  align-items: flex-start;
+}
+[data-engine="hermes"] .hm-config-runtime-grid {
+  display: grid;
+  grid-template-columns: minmax(220px, 1.2fr) repeat(2, minmax(140px, 0.8fr));
+  gap: 16px;
+  align-items: end;
+}
+[data-engine="hermes"] .hm-config-check-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px 16px;
+  margin-top: 18px;
+}
+[data-engine="hermes"] .hm-config-alert {
+  margin: 0 0 18px;
+  padding: 12px 14px;
+  border-radius: var(--hm-radius-sm);
+  border: 1px solid color-mix(in srgb, var(--hm-error) 24%, transparent);
+  background: var(--hm-error-soft);
+  color: var(--hm-error);
+  font-family: var(--hm-font-mono);
+  font-size: 12px;
+  line-height: 1.6;
+  overflow-wrap: anywhere;
+}
+[data-engine="hermes"] .hm-panel-body > .hm-config-alert {
+  margin: 16px 18px;
+}
+[data-engine="hermes"] .hm-config-alert-hint {
+  margin-top: 4px;
+  color: var(--hm-text-tertiary);
+}
+[data-engine="hermes"] .hm-config-alert details {
+  margin-top: 6px;
+}
+[data-engine="hermes"] .hm-config-alert pre {
+  margin: 6px 0 0;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
 [data-engine="hermes"] .hm-channel-panel-desc {
  margin-top: 6px;
  color: var(--hm-text-tertiary);
@@ -6833,6 +6875,10 @@ body[data-active-engine="hermes"][data-theme="dark"] {
  [data-engine="hermes"] .hm-channel-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
+  [data-engine="hermes"] .hm-config-runtime-grid,
+  [data-engine="hermes"] .hm-config-check-grid {
+    grid-template-columns: 1fr;
+  }
 }

@media (max-width: 720px) {
@@ -6888,6 +6934,16 @@ body[data-active-engine="hermes"][data-theme="dark"] {
  [data-engine="hermes"] .hm-channel-form-panel .hm-panel-header {
    flex-direction: column;
  }
+  [data-engine="hermes"] .hm-config-runtime-panel .hm-panel-header {
+    flex-direction: column;
+  }
+  [data-engine="hermes"] .hm-config-runtime-panel .hm-panel-actions {
+    width: 100%;
+    flex-wrap: wrap;
+  }
+  [data-engine="hermes"] .hm-config-runtime-panel .hm-panel-actions .hm-btn {
+    width: 100%;
+  }
  [data-engine="hermes"] .hm-channel-switch {
    width: 100%;
  }