GithubBackup/clawpanel
1
0
Fork 0
mirror of https://github.com/qingchencloud/clawpanel.git synced 2026-07-03 13:41:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(hermes): add compression config form

Browse Source
This commit is contained in:
晴天
2026-05-24 07:16:00 +08:00
parent f500da39c1
commit 5dd6f1be40
8 changed files with 560 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
src/engines/hermes/pages/config.js
View File

@@ -14,6 +14,15 @@ const SESSION_RUNTIME_DEFAULTS = {
threadSessionsPerUser: false,
}
const COMPRESSION_DEFAULTS = {
enabled: true,
threshold: 0.5,
targetRatio: 0.2,
protectLastN: 20,
protectFirstN: 3,
abortOnSummaryFailure: false,
}
const SESSION_RESET_MODES = ['both', 'idle', 'daily', 'none']
export function render() {
@@ -22,12 +31,16 @@ export function render() {
el.dataset.engine = 'hermes'
let yaml = ''
let runtimeValues = { ...SESSION_RUNTIME_DEFAULTS }
let compressionValues = { ...COMPRESSION_DEFAULTS }
let loading = true
let runtimeLoading = true
let compressionLoading = true
let saving = false
let runtimeSaving = false
let compressionSaving = false
let error = null
let runtimeError = null
let compressionError = null
function esc(value) {
return String(value || '')
@@ -38,7 +51,7 @@ export function render() {
}
function isBusy() {
return loading || runtimeLoading || saving || runtimeSaving
return loading || runtimeLoading || compressionLoading || saving || runtimeSaving || compressionSaving
}
function option(labelKey, value, selected) {
@@ -55,7 +68,7 @@ export function render() {
}
function renderRuntimePanel() {
const disabled = loading || saving || runtimeLoading || runtimeSaving
const disabled = loading || saving || runtimeLoading || runtimeSaving || compressionSaving
return `
<div class="hm-panel hm-config-runtime-panel">
<div class="hm-panel-header">
@@ -102,6 +115,56 @@ export function render() {
`
}
function renderCompressionPanel() {
const disabled = loading || saving || compressionLoading || compressionSaving || runtimeSaving
return `
<div class="hm-panel hm-config-runtime-panel hm-config-compression-panel">
<div class="hm-panel-header">
<div>
<div class="hm-panel-title">${t('engine.hermesCompressionTitle')}</div>
<div class="hm-channel-panel-desc">${t('engine.hermesCompressionDesc')}</div>
</div>
<div class="hm-panel-actions">
<span class="hm-muted">${compressionSaving ? t('engine.hermesConfigStatusSaving') : compressionLoading ? t('engine.hermesConfigStatusLoading') : t('engine.hermesCompressionStatusReady')}</span>
<button class="hm-btn hm-btn--cta hm-btn--sm" id="hm-compression-save" ${disabled ? 'disabled' : ''}>${t('engine.hermesCompressionSave')}</button>
</div>
</div>
<div class="hm-panel-body">
${renderError(compressionError)}
<div class="hm-config-check-grid">
<label class="hm-channel-check">
<input id="hm-compression-enabled" type="checkbox" ${compressionValues.enabled ? 'checked' : ''} ${disabled ? 'disabled' : ''}>
<span>${t('engine.hermesCompressionEnabled')}</span>
</label>
<label class="hm-channel-check">
<input id="hm-compression-abort-on-summary-failure" type="checkbox" ${compressionValues.abortOnSummaryFailure ? 'checked' : ''} ${disabled ? 'disabled' : ''}>
<span>${t('engine.hermesCompressionAbortOnSummaryFailure')}</span>
</label>
</div>
<div class="hm-config-runtime-grid hm-config-compression-grid">
<label class="hm-field">
<span class="hm-field-label">${t('engine.hermesCompressionThreshold')}</span>
<input id="hm-compression-threshold" class="hm-input" type="number" inputmode="decimal" min="0.1" max="0.95" step="0.05" value="${esc(compressionValues.threshold)}" ${disabled ? 'disabled' : ''}>
</label>
<label class="hm-field">
<span class="hm-field-label">${t('engine.hermesCompressionTargetRatio')}</span>
<input id="hm-compression-target-ratio" class="hm-input" type="number" inputmode="decimal" min="0.1" max="0.8" step="0.05" value="${esc(compressionValues.targetRatio)}" ${disabled ? 'disabled' : ''}>
</label>
<label class="hm-field">
<span class="hm-field-label">${t('engine.hermesCompressionProtectLastN')}</span>
<input id="hm-compression-protect-last-n" class="hm-input" type="number" inputmode="numeric" min="1" max="500" step="1" value="${esc(compressionValues.protectLastN)}" ${disabled ? 'disabled' : ''}>
</label>
<label class="hm-field">
<span class="hm-field-label">${t('engine.hermesCompressionProtectFirstN')}</span>
<input id="hm-compression-protect-first-n" class="hm-input" type="number" inputmode="numeric" min="0" max="100" step="1" value="${esc(compressionValues.protectFirstN)}" ${disabled ? 'disabled' : ''}>
</label>
</div>
<div class="hm-channel-footnote">${t('engine.hermesCompressionFootnote')}</div>
</div>
</div>
`
}
function draw() {
el.innerHTML = `
<div class="hm-hero">
@@ -117,6 +180,7 @@ export function render() {
</div>
${renderRuntimePanel()}
${renderCompressionPanel()}
<div class="hm-panel">
<div class="hm-panel-header">
@@ -137,6 +201,7 @@ export function render() {
el.querySelector('#hm-config-reload')?.addEventListener('click', load)
el.querySelector('#hm-config-save')?.addEventListener('click', save)
el.querySelector('#hm-runtime-save')?.addEventListener('click', saveRuntime)
el.querySelector('#hm-compression-save')?.addEventListener('click', saveCompression)
}
async function loadRaw() {
@@ -149,11 +214,18 @@ export function render() {
runtimeValues = { ...SESSION_RUNTIME_DEFAULTS, ...(data?.values || {}) }
}
async function loadCompression() {
const data = await api.hermesCompressionConfigRead()
compressionValues = { ...COMPRESSION_DEFAULTS, ...(data?.values || {}) }
}
async function load() {
loading = true
runtimeLoading = true
compressionLoading = true
error = null
runtimeError = null
compressionError = null
draw()
try {
await loadRaw()
@@ -170,6 +242,14 @@ export function render() {
runtimeLoading = false
draw()
}
try {
await loadCompression()
} catch (err) {
compressionError = humanizeError(err, t('engine.hermesCompressionLoadFailed') || 'Load compression config failed')
} finally {
compressionLoading = false
draw()
}
}
async function refreshRawAfterStructuredSave() {
@@ -194,6 +274,9 @@ export function render() {
try {
await loadRuntime()
} catch {}
try {
await loadCompression()
} catch {}
} catch (err) {
error = humanizeError(err, t('engine.hermesConfigSaveFailed') || 'Save failed')
toast(error, 'error')
@@ -232,6 +315,36 @@ export function render() {
}
}
async function saveCompression() {
const form = {
enabled: !!el.querySelector('#hm-compression-enabled')?.checked,
threshold: el.querySelector('#hm-compression-threshold')?.value || '0.5',
targetRatio: el.querySelector('#hm-compression-target-ratio')?.value || '0.2',
protectLastN: el.querySelector('#hm-compression-protect-last-n')?.value || '20',
protectFirstN: el.querySelector('#hm-compression-protect-first-n')?.value || '3',
abortOnSummaryFailure: !!el.querySelector('#hm-compression-abort-on-summary-failure')?.checked,
}
compressionSaving = true
compressionError = null
draw()
try {
const result = await api.hermesCompressionConfigSave(form)
compressionValues = { ...COMPRESSION_DEFAULTS, ...(result?.values || form) }
await refreshRawAfterStructuredSave()
const backup = result?.backup || ''
toast({
message: t('engine.hermesCompressionSaveSuccess'),
hint: backup ? t('engine.hermesConfigBackupHint', { path: backup }) : '',
}, 'success')
} catch (err) {
compressionError = humanizeError(err, t('engine.hermesCompressionSaveFailed') || 'Save compression config failed')
toast(compressionError, 'error')
} finally {
compressionSaving = false
draw()
}
}
draw()
load()
return el

8
src/engines/hermes/style/hermes.css
View File

@@ -6753,6 +6753,10 @@ body[data-active-engine="hermes"][data-theme="dark"] {
gap: 16px;
align-items: end;
}
[data-engine="hermes"] .hm-config-compression-grid {
grid-template-columns: repeat(4, minmax(140px, 1fr));
margin-top: 18px;
}
[data-engine="hermes"] .hm-config-check-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -6876,6 +6880,7 @@ body[data-active-engine="hermes"][data-theme="dark"] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
[data-engine="hermes"] .hm-config-runtime-grid,
[data-engine="hermes"] .hm-config-compression-grid,
[data-engine="hermes"] .hm-config-check-grid {
grid-template-columns: 1fr;
}
@@ -6941,6 +6946,9 @@ body[data-active-engine="hermes"][data-theme="dark"] {
width: 100%;
flex-wrap: wrap;
}
[data-engine="hermes"] .hm-config-runtime-panel .hm-panel-actions .hm-muted {
width: 100%;
}
[data-engine="hermes"] .hm-config-runtime-panel .hm-panel-actions .hm-btn {
width: 100%;
}