';
h += slur({ key: 'display.brightness', label: '亮度', min: bright.min || 1, max: bright.max || 100, val: bright.value });
if (vol) h += slur({ key: 'audio.volume', label: '音量', min: vol.min || 0, max: vol.max || 100, val: vol.value });
else h += '
音量设置项不可用（后端未实现 audio.volume）
';
h += '
滑条改动自动保存到系统（走 meow_settings_*），与实体设置页同步。
' +
homeKv('电压', b.mv != null ? (b.mv / 1000).toFixed(2) + ' V' : '—') +
homeKv('健康', b.health ? esc(b.health) : '—') +
homeKv('温度', b.temp_c10 != null ? (b.temp_c10 / 10).toFixed(1) + ' ℃' : '—') +
(b.est_minutes_left != null ? homeKv('续航估算', b.est_minutes_left + ' 分钟') :
(b.est_minutes_full != null ? homeKv('充满估算', b.est_minutes_full + ' 分钟') : '')) +
'
';
return homeCard('电量 / 充电', inner);
}
function audioCard() {
const ad = homeData && homeData.audio;
if (!isAvail(ad)) return homeCard('音频', homeUnavailable());
let body = '';
if (ad.active) {
body += '' +
homeKv('流', esc(ad.app || '—') + ' · ' + esc(ad.rate) + 'Hz ' + esc(ad.fmt || '')) +
homeKv('输出口', audioPortName(ad.port)) +
homeKv('音量', (ad.vol != null && ad.vol >= 0 ? esc(ad.vol) + ' %' : '—')) +
'
';
} else {
body += '' +
homeKv('在跑 App', esc(appTxt)) + homeKv('服务健康', svcHtml + esc(svcTxt)) +
(fgHtml ? homeKv('前台应用', fgHtml) : '') + '
');
}
function storageCard() {
const perf = homeData && homeData.perf;
if (!isAvail(perf)) return homeCard('存储', homeUnavailable());
const st = perf.storage || {}, tf = perf.tfcard || {};
let rows = homeKv('rootfs', (st.used != null ? fmtBytes(st.used * 1024) : '—') + ' / ' + (st.total != null ? fmtBytes(st.total * 1024) : '—'));
rows += (tf.present) ?
homeKv('TF 卡', fmtBytes((tf.used || 0) * 1024) + ' / ' + fmtBytes((tf.total || 0) * 1024)) :
homeKv('TF 卡', '' +
deviceCard() + batteryCard() + audioCard() + netCard() + btCard() + healthCard() + storageCard() + perfCard() +
'
';
body.innerHTML = h;
const ad = homeData.audio;
if (isAvail(ad)) updateLevelMeter($('#home-audio-level'), ad);
}
async function fetchHomeSystem() { // 静态设备信息（boot/默认启动）；进入时拉一次，失败不阻塞
try { homeSys = await api('GET', '/api/system'); } catch (e) { homeSys = null; }
if (state.route === 'home') renderHomeCards();
}
async function fetchHomeLevel() { // 电平 1s 子节拍（独立于 overview 5s）
if (state.route !== 'home') return;
const el = $('#home-audio-level'); if (!el) return;
let d;
try { d = await api('GET', '/api/audio'); } catch (e) { return; }
if (state.route !== 'home') return;
updateLevelMeter(el, d);
const note = $('#home-audio-note');
if (note) note.textContent = (!d || !d.available) ? 'audiod 不可用' : (d.active ? '电平 · 1s 子节拍' : '无流');
}
async function fetchOverviewOnce() {
if (state.route !== 'home') return;
const r = await Promise.allSettled([api('GET', '/api/overview')]);
if (r[0].status !== 'fulfilled') {
const b = $('#home-banner');
if (b) {
b.innerHTML = '' +
(bd.cpu_util_pct != null ? 'CPU 利用率 ' + esc(bd.cpu_util_pct) + '% ' : '') +
(bd.brightness_pct != null ? '· 亮度 ' + esc(bd.brightness_pct) + '% ' : '') +
(bd.wifi_state ? '· WiFi ' + esc(bd.wifi_state) : '') +
(bd.bt_state ? ' · BT ' + esc(bd.bt_state) : '') +
(bd.audio_state ? ' · 音频 ' + esc(bd.audio_state) : '') + '
';
}
return '';
if (d && d.mode === 'readonly') h += '
ℹ️ 当前为电源只读观测（HibyOS 模式），仅显示电池采样，无功耗估算/分解。
';
h += '
电池 ' + ((d && d.battery) ? batteryCardBody(d.battery) : homeUnavailable()) + '';
h += '
功耗估算 ' + ((d && d.estimate) ? estimateCardBody(d.estimate) : homeUnavailable()) + '';
h += '
子系统分解 ' + ((d && d.breakdown) ? breakdownCardBody(d.breakdown) : homeUnavailable()) + '';
h += ((d && d.policy) ? powerPolicyCard(d.policy) : '
电源策略 ' + homeUnavailable() + '');
h += powerEventsCard(ev);
h += powerHistoryCard(hi);
h += '
' + emptyState('加载失败：' + errText(r[0].reason), (r[0].reason && r[0].reason.code) || '') + '
';
return;
}
if (state.route !== 'power') return;
d = r[0].value; ev = (r[1].status === 'fulfilled') ? r[1].value : null; hi = (r[2].status === 'fulfilled') ? r[2].value : null;
if (!powerEditing) el.innerHTML = renderPowerBody(d, ev, hi);
}
function renderPower() {
stopPower();
powerEditing = false;
powerData = null; powerEvents = null; powerHistory = null;
$('#content').innerHTML = '';
h += '
' +
'导入 .mpk 安装 ' +
'刷新 ' +
'
';
h += '
';
if (!d.apps.length) h += '
尚未安装任何 MeowAPP
';
d.apps.forEach(a => {
const ino = esc((a.name || a.package || '?').charAt(0).toUpperCase());
h += '
' +
'
' + ino + '
' +
'
' + esc(a.name || a.package || '未命名') + '
' +
'
' + esc(a.package || '') + '
' +
'
版本 ' + esc(a.version || '—') + (a.invalid ? ' · 无效 ' : '') +
(a.size ? ' · ' + fmtBytes(a.size) : '') + '
' +
'
';
});
h += '
';
// 本地源 .mpk 安装（后端支持 path 形式）
h += '
';
$('#content').innerHTML = h;
})();
}
function bindApps() {
const c = $('#content');
c.addEventListener('click', async function (e) {
const t = e.target;
const install = t.closest('#app-install'); const refresh = t.closest('#app-refresh');
const info = t.closest('[data-ainfo]'); const exp = t.closest('[data-aexport]');
const uninst = t.closest('[data-auninst]'); const goPath = t.closest('#app-install-path-go');
if (install) { const fi = $('#app-file'); if (fi) { fi.value = ''; fi.click(); } return; }
if (refresh) { renderApps(); return; }
if (info) { appInfo(info.dataset.ainfo); return; }
if (exp) {
e.preventDefault();
if (exp.dataset.busy) return; /* 打包期间防连点 */
exp.dataset.busy = '1';
const oldTxt = exp.textContent;
exp.textContent = '打包中…';
toast('正在打包导出 ' + exp.dataset.aexport + '，请稍候…');
doDownload('/api/apps/' + exp.dataset.aexport + '/export', exp.dataset.aexport + '.mpk')
.finally(() => { delete exp.dataset.busy; exp.textContent = oldTxt; });
return;
}
if (uninst) { appUninstall(uninst.dataset.auninst); return; }
if (goPath) { installFromPath($('#app-install-path').value); return; }
});
c.addEventListener('change', function (e) {
if (e.target.id === 'app-file') installFromFile(e.target.files);
});
}
async function installFromFile(files) {
if (!files || !files.length) return;
const fd = new FormData(); fd.append('file', files[0]);
toast('正在安装 ' + files[0].name + '…');
try {
const d = await api('POST', '/api/apps/install', fd);
toast('已安装 ' + (d.package || '应用') + (d.version ? ' v' + d.version : ''));
renderApps();
} catch (e) { toast('安装失败：' + errText(e)); }
}
async function installFromPath(p) {
if (!p) return toast('请输入 .mpk 路径');
toast('正在安装 ' + p + '…');
try {
const d = await api('POST', '/api/apps/install', { path: p });
toast('已安装 ' + (d.package || '应用')); renderApps();
} catch (e) { toast('安装失败：' + errText(e)); }
}
async function appUninstall(pkg) {
const ok = await confirmDlg('卸载 ' + pkg, '将移除应用与数据预留（数据默认保留）。确认卸载？', true);
if (!ok) return;
try { await api('DELETE', '/api/apps/' + pkg); toast('已卸载 ' + pkg); renderApps(); }
catch (e) { toast('卸载失败：' + errText(e)); }
}
async function appInfo(pkg) {
try {
const d = await api('GET', '/api/apps/' + pkg);
let txt = '包名: ' + d.package + '\n名称: ' + d.name + '\n版本: ' + d.version + '\nexec: ' + d.exec +
'\nsize: ' + fmtBytes(d.size) + '\n路径: ' + d.path;
if (d.description) txt += '\n描述: ' + d.description;
alert(txt);
} catch (e) { toast('获取详情失败：' + errText(e)); }
}
function renderFontsPage() {
$('#content').innerHTML = '
' +
'
字体库 ' +
'
' +
'上传字体库 .tar.gz ' +
'刷新 ' +
'
' +
'
' +
'
上传 tar.gz（内含 font.png + font.idx + font.json，平铺三件套）→ 校验后解压到 ' +
'MeowOS/fonts/<family>/<weight>/；同 family/weight 冲突时会要求确认覆盖。' +
'导入后进设备「设置 → 字体」页，列表自动重扫生效。
';
loadFontsPage();
}
async function loadFontsPage() {
const box = $('#fpage-list'); if (!box) return;
let d;
try { d = await api('GET', '/api/fonts'); }
catch (e) { box.innerHTML = '
字体库列表加载失败：' + esc(errText(e)) + '
'; return; }
const fs = (d && d.fonts) || [];
if (!fs.length) { box.innerHTML = '
暂无字库（TF 卡 MeowOS/fonts 下无完整三件套）
'; return; }
let h = '
family weight 名称 tier glyph 数 操作 ';
fs.forEach(f => {
h += '' + esc(f.family || '') + ' ' + esc(f.weight || '') + ' ' +
'' + esc(f.name || '—') + ' ' + esc(f.tier || '—') + ' ' +
'' + (f.glyph_count ? Number(f.glyph_count).toLocaleString() : '—') + ' ' +
'导出
';
}
async function importFontPage(files) {
if (!files || !files.length) return;
const f = files[0];
const btn = $('#fpage-import');
if (btn && btn.disabled) return; // 上传中防连点（进度态）
const fd = new FormData(); fd.append('file', f);
if (btn) { btn.disabled = true; btn.textContent = '导入中…'; }
toast('正在导入 ' + f.name + '…');
let res = null;
try { res = await api('POST', '/api/fonts/import', fd); }
catch (err) {
if (err.code === 'CONFLICT') {
const ok = await confirmDlg('覆盖字库', '目标字库（同 family/weight）已存在，覆盖导入吗？', true);
if (ok) {
try { res = await api('POST', '/api/fonts/import?force=1', fd); }
catch (e2) { toast('导入失败：' + errText(e2)); }
}
} else toast('导入失败：' + errText(err));
}
if (btn) { btn.disabled = false; btn.textContent = '上传字体库 .tar.gz'; }
if (res) {
toast('已导入 ' + (res.family || '') + '/' + (res.weight || ''));
if (res.warning) toast(res.warning);
else if (res.hint) toast(res.hint);
loadFontsPage();
}
}
function bindFonts() {
const c = $('#content');
c.addEventListener('click', function (e) {
if (e.target.closest('#fpage-import')) { const inp = $('#fpage-file'); if (inp) { inp.value = ''; inp.click(); } return; }
if (e.target.closest('#fpage-refresh')) { loadFontsPage(); return; }
const fe = e.target.closest('[data-fpexport]');
if (fe) {
if (fe.dataset.busy) return; // 打包期间防连点
fe.dataset.busy = '1';
const old = fe.textContent; fe.textContent = '打包中…';
const f = fe.dataset.fpexport, w = fe.dataset.fpweight;
doDownload('/api/fonts/export?family=' + encodeURIComponent(f) + '&weight=' + encodeURIComponent(w),
(f || 'font') + '-' + (w || 'regular') + '.font.tar.gz')
.finally(() => { delete fe.dataset.busy; fe.textContent = old; });
return;
}
});
c.addEventListener('change', function (e) {
if (e.target.id === 'fpage-file') importFontPage(e.target.files);
});
}
function settingControl(it) {
const key = it.key;
if (key === 'panel.auth_pass') {
const txt = it.set ? '已设置' : '未设置';
return '
面板密码（' + txt + '）
' +
'
' + (it.set ? '修改密码' : '设置密码') + ' ';
}
if (it.type === 'bool') {
return '
';
}
if (it.type === 'int') {
const mn = (it.min == null ? 0 : it.min), mx = (it.max == null ? 100 : it.max);
return '
';
}
if (it.type === 'enum') {
const opts = (it.options || []).map(o => '
' + esc(o.label || o.name) + ' ').join('');
return '
' + esc(key) + ' ' + opts + '
';
}
return '
' + esc(key) + '
';
}
async function renderSettings() {
$('#content').innerHTML = '
';
let d;
try { d = await api('GET', '/api/settings'); }
catch (e) { if (state.route === 'settings') $('#content').innerHTML = emptyState('加载失败：' + errText(e), e.code); return; }
if (state.route !== 'settings') return;
let h = '
';
h += '
' +
'恢复全部默认 ' +
'刷新
';
const items = d.items || [];
// 面板外观（主题）：本面板覆盖（localStorage），默认跟随设备 ui.style / display.theme
h += '
主题（面板外观） ' +
'
风格 ' +
'
' +
'Material You ' +
'MIUIx
' +
'
跟随设备 ' +
'
默认跟随设备 ui.style（当前：' + esc(devStyleLabel()) + '）；在面板选择即为本面板覆盖，只影响网页观感（顶栏切换才会同步设备）。
' +
'
明暗模式 ' +
'
' +
'跟随系统 ' +
'跟随浏览器 ' +
'浅色 ' +
'深色
' +
'
跟随系统 = 设备 display.theme（当前：' + esc(devThemeLabel()) + '）；跟随浏览器 = prefers-color-scheme，随浏览器日/夜自动切换。
';
// 面板 PIN（访问级鉴权）：显示状态 + 修改/清空控件（走 /api/auth/* 校验旧 PIN + PUT /api/settings/panel.pin）
h += '
';
// 面板鉴权（可选防护）单独一卡
const authItems = items.filter(x => x.key === 'panel.auth_enabled' || x.key === 'panel.auth_pass');
if (authItems.length) {
h += '
面板鉴权（可选防护） ' + authItems.map(settingControl).join('') +
'
开启后访问面板需密码登录；密码以加盐哈希存储，不落明文。重启/关机/OTA 等危险操作亦需会话。
';
}
const rest = items.filter(x => x.key !== 'panel.auth_enabled' && x.key !== 'panel.auth_pass');
// 按类型分组展示（bool 独立一卡，int/enum/str 各自卡片），便于查看
const groups = [['开关/布尔', rest.filter(x => x.type === 'bool')],
['数值/滑条', rest.filter(x => x.type === 'int')],
['枚举/选择', rest.filter(x => x.type === 'enum')],
['字符串/路径', rest.filter(x => x.type === 'str')]];
groups.forEach(function (g) {
if (!g[1].length) return;
h += '
' + g[0] + ' ' + g[1].map(settingControl).join('') + '';
});
// 字体库（.zip 导入 / 导出）
h += '
字体库（.tar.gz 导入 / 导出） ' +
'
导入字体库 .tar.gz ' +
'
' +
'
' +
'
导入 tar.gz（内含 font.png + font.idx + font.json）→ 校验后解压到 MeowOS/fonts/<family>/<weight>/；导出把该三件套打包为 tar.gz。导入后进设备「设置 → 字体」页列表自动重扫生效。
';
h += '
';
$('#content').innerHTML = h;
applyTheme(); // 同步「主题」卡 seg 选中态（applyTheme 按 id 查询，不存在时为空操作）
loadFonts();
loadPinStatus();
}
async function loadPinStatus() {
const box = $('#pin-status');
if (!box) return;
let st = null;
try { st = await api('GET', '/api/auth/status'); } catch (e) { box.innerHTML = '
无法查询鉴权状态：' + esc(errText(e)) + '
'; return; }
let txt, cls;
if (st.locked) { txt = '锁定中（' + Math.ceil((st.lock_remaining_ms || 0) / 1000) + ' 秒后可重试）'; cls = 'locked'; }
else if (st.pin_set) { txt = '已设置'; cls = 'set'; }
else if (st.legacy) { txt = '未设（旧密码屏障生效，建议改设为 PIN）'; cls = 'unset'; }
else { txt = '未设置（当前访问面板无需 PIN）'; cls = 'unset'; }
const canEdit = st.pin_set && !st.locked;
let h = '
' + esc(txt) + ' ' +
(st.session ? ' · 当前会话有效 ' : ' · 未登录 ') + '
';
h += '
' +
'修改 PIN ' +
'清空 PIN ' +
(st.locked ? '锁定期间不可修改/清空 ' : '修改/清空需先验证当前 PIN ') +
'
';
h += '
' +
'一次性解锁设备 ' +
'设备下次亮屏免 PIN 进入一次（不清除 PIN）
';
h += '
4 位数字 PIN，纯加盐哈希存储（不落明文）；未设 PIN 时写端点一律拒绝。
';
box.innerHTML = h;
}
function pinEditDlg(mode) { // 返回 {old, n1}（n1=null 表示清空）或 null（取消）
return new Promise(function (resolve) {
const t = $('#pindlg-title'), b = $('#pindlg-body');
const oldIn = $('#pindlg-old'), n1 = $('#pindlg-new'), n2 = $('#pindlg-new2');
const err = $('#pindlg-err');
if (mode === 'change') {
t.textContent = '修改 PIN';
b.textContent = '请输入当前 PIN 与新 PIN（4 位数字）。';
oldIn.hidden = false; n1.hidden = false; n2.hidden = false;
n1.placeholder = '新 4 位 PIN'; n2.placeholder = '再次输入新 PIN';
} else {
t.textContent = '清空 PIN';
b.textContent = '清空后访问面板将不再要求 PIN。请输入当前 PIN 确认。';
oldIn.hidden = false; n1.hidden = true; n2.hidden = true;
}
err.hidden = true; oldIn.value = ''; n1.value = ''; n2.value = '';
oldIn.focus();
const scrim = $('#pindlg'); scrim.hidden = false;
const ok = $('#pindlg-ok'), cancel = $('#pindlg-cancel');
const done = function (v) { scrim.hidden = true; ok.onclick = cancel.onclick = scrim.onclick = null; resolve(v); };
ok.onclick = function () {
const old = oldIn.value.trim();
if (!old) { err.textContent = '请输入当前 PIN'; err.hidden = false; return; }
if (mode === 'change') {
const np = n1.value.trim();
if (!/^[0-9]{4}$/.test(np)) { err.textContent = '新 PIN 必须为 4 位数字'; err.hidden = false; return; }
if (np !== n2.value.trim()) { err.textContent = '两次输入的新 PIN 不一致'; err.hidden = false; return; }
done({ old: old, n1: np });
} else done({ old: old, n1: null });
};
cancel.onclick = function () { done(null); };
scrim.onclick = function (e) { if (e.target === scrim) done(null); };
});
}
async function pinEdit(mode) {
const v = await pinEditDlg(mode);
if (!v) return;
try { await api('POST', '/api/auth/login', { pin: v.old }); } // 先验证旧 PIN（客户端复核，后端改 PIN 本身不需旧值）
catch (e2) {
if (e2.code === 'LOCKED' || e2.status === 429) toast('错误次数过多，已锁定，请稍后重试（锁定 5 分钟）');
else if (e2.status === 401) toast('当前 PIN 验证失败');
else toast('验证失败：' + errText(e2));
loadPinStatus(); return;
}
try {
await api('PUT', '/api/settings/panel.pin', { value: (v.n1 !== null ? v.n1 : '') });
toast(mode === 'change' ? 'PIN 已修改' : 'PIN 已清空');
loadPinStatus();
} catch (e3) { toast('操作失败：' + errText(e3)); }
}
function bindPin() {
const c = $('#content');
c.addEventListener('click', async function (e) {
if (e.target.closest('#pin-change')) { pinEdit('change'); return; }
if (e.target.closest('#pin-clear')) { pinEdit('clear'); return; }
if (e.target.closest('#pin-unlock-once')) {
try {
await api('POST', '/api/system/pin-unlock-once', {});
toast('已下发：设备下次亮屏免 PIN 进入一次');
} catch (err) { toast('下发失败：' + errText(err)); }
return;
}
});
['#pindlg-old', '#pindlg-new', '#pindlg-new2'].forEach(function (sel) {
const el = $(sel);
if (el) el.addEventListener('input', function () { el.value = el.value.replace(/[^0-9]/g, '').slice(0, 4); });
});
}
async function loadFonts() {
const box = $('#font-list'); if (!box) return;
let d;
try { d = await api('GET', '/api/fonts'); }
catch (e) { box.innerHTML = '
字体库列表加载失败：' + esc(errText(e)) + '
'; return; }
const fs = (d && d.fonts) || [];
if (!fs.length) { box.innerHTML = '
暂无字库（TF 卡 MeowOS/fonts 下无完整三件套）。
'; return; }
box.innerHTML = fs.map(f => {
const nm = esc(f.name || f.family || '');
const meta = esc((f.family || '') + '/' + (f.weight || '') + (f.tier ? ' · ' + f.tier : '') + (f.glyph_count ? ' · ' + f.glyph_count + ' 字' : ''));
return '
' +
'
' + nm + '
' + meta + '
' +
'
导出 ';
}).join('');
}
async function importFont(files) {
if (!files || !files.length) return;
const f = files[0];
const fd = new FormData(); fd.append('file', f);
toast('正在导入 ' + f.name + '…');
let res;
try { res = await api('POST', '/api/fonts/import', fd); }
catch (err) {
if (err.code === 'CONFLICT') {
const ok = await confirmDlg('覆盖字库', '目标字库已存在，覆盖导入吗？', true);
if (!ok) return;
try { res = await api('POST', '/api/fonts/import?force=1', fd); }
catch (e2) { toast('导入失败：' + errText(e2)); return; }
} else { toast('导入失败：' + errText(err)); return; }
}
toast('已导入 ' + ((res && res.family) || '') + '/' + ((res && res.weight) || ''));
if (res && res.hint) toast(res.hint);
loadFonts();
}
function bindSettings() {
const c = $('#content');
c.addEventListener('input', function (e) {
const r = e.target.closest('[data-stype="int"]'); if (!r) return;
const row = r.closest('.field-row'); if (row) row.querySelector('.muted').textContent = r.value;
updateSetting(r.dataset.skey, +r.value, 'int');
});
c.addEventListener('change', function (e) {
if (e.target.id === 'font-file') { importFont(e.target.files); return; }
const t = e.target;
const sk = t.dataset.skey; if (!sk) return;
if (t.dataset.stype === 'bool') updateSetting(sk, t.checked, 'bool');
else if (t.dataset.stype === 'enum') updateSetting(sk, t.value, 'enum');
else if (t.dataset.stype === 'str') updateSetting(sk, t.value, 'str');
});
c.addEventListener('click', async function (e) {
// 「主题（面板外观）」卡：本面板覆盖（localStorage），不写设备
const ss = e.target.closest('#set-style-seg .seg-btn');
if (ss) { storageSet('meowpanel.style', ss.dataset.style); applyTheme(); return; }
const sm = e.target.closest('#set-mode-seg .seg-btn');
if (sm) { storageSet('meowpanel.mode', sm.dataset.mode); applyTheme(); return; }
if (e.target.closest('#set-style-reset')) { storageDel('meowpanel.style'); applyTheme(); return; }
if (e.target.closest('#font-import')) { const inp = $('#font-file'); if (inp) { inp.value = ''; inp.click(); } return; }
const fe = e.target.closest('[data-fexport]');
if (fe) {
const f = fe.dataset.fexport, w = fe.dataset.fweight;
doDownload('/api/fonts/export?family=' + encodeURIComponent(f) + '&weight=' + encodeURIComponent(w), (f || 'font') + '-' + (w || 'regular') + '.font.tar.gz');
return;
}
if (e.target.closest('[data-stype="pass"]')) { setPanelPassword(); return; }
if (e.target.closest('#set-restore')) {
const ok = await confirmDlg('恢复全部默认', '将把全部设置恢复为出厂默认（含主题/亮度/音量）。继续？', true);
if (!ok) return;
try { await api('POST', '/api/settings/restore'); toast('已恢复默认'); renderSettings(); }
catch (err) { toast('恢复失败：' + errText(err)); }
} else if (e.target.closest('#set-refresh')) { renderSettings(); }
});
}
async function sendKeyLabel(code, label) {
try { await api('POST', '/api/key/' + code, { press: 'tap' }); toast(label + ' 已发送'); }
catch (e) { toast('发送失败：' + errText(e)); }
}
async function sendKeyRepeat(code, n, label) {
let count = 0, err = null;
for (let i = 0; i < n; i++) {
try { await api('POST', '/api/key/' + code, { press: 'tap' }); count++; }
catch (e) { err = errText(e); break; } // 失败即停，避免连刷
}
if (count > 0) toast(label + ' ×' + count);
if (err) toast('发送失败：' + err);
}
function volSteps(ay) {
return Math.max(1, Math.min(SWIPE.maxVolSteps, Math.round(ay / SWIPE.volStepPx)));
}
function handleRemoteGesture(dir, ax, ay) {
if (dir === 'volup') sendKeyRepeat(115, volSteps(ay), '音量+');
else if (dir === 'voldown') sendKeyRepeat(114, volSteps(ay), '音量−');
else if (dir === 'next') sendKeyLabel(163, '下一曲');
else if (dir === 'prev') sendKeyLabel(165, '上一曲');
else if (dir === 'back') sendKeyLabel(158, '返回');
}
function remotePointerDown(e) {
if (state.route !== 'screen' || swipeState) return; // 已有一指在手 → 忽略多点触控
if (!e.target.closest('#remote-pad')) return; // 手势只作用于右侧遥控器板（屏幕区点击=注入）
const pad = $('#remote-pad'); if (!pad) return;
const r = pad.getBoundingClientRect();
swipeState = { id: e.pointerId, x0: e.clientX, y0: e.clientY, edge: (e.clientX - r.left) <= SWIPE.edgePx };
}
function remotePointerUp(e) {
const s = swipeState;
if (!s || e.pointerId !== s.id) return;
swipeState = null;
const dx = e.clientX - s.x0, dy = e.clientY - s.y0;
const ax = Math.abs(dx), ay = Math.abs(dy);
if (Math.max(ax, ay) < SWIPE.minDist) return; // 轻点/未动 → 交给按钮 click 处理
let dir = null;
if (s.edge && dx > 0 && dx >= ay * SWIPE.axisRatio && dx >= SWIPE.minDist) dir = 'back'; // 左缘滑 → 返回
else if (ax >= ay * SWIPE.axisRatio) dir = (dx < 0 ? 'next' : 'prev'); // 水平 → 上下曲
else if (ay >= ax * SWIPE.axisRatio) dir = (dy < 0 ? 'volup' : 'voldown'); // 垂直 → 音量
if (!dir) return; // 斜滑/未达占优 → 忽略
lastSwipeAt = Date.now();
handleRemoteGesture(dir, ax, ay);
}
function remoteBtn(act, icon, label, title) {
return '
' +
'' + (MP_ICONS[icon] || '') + ' ' + esc(label) + ' ';
}
function remotePadHtml() {
let h = '
';
h += '
';
h += remoteBtn('volup', 'volup', '音量+', '音量加（物理键红线内）');
h += remoteBtn('voldown', 'voldown', '音量−', '音量减（物理键红线内）');
h += remoteBtn('brightup', 'brightup', '亮度+', '调高背光亮度');
h += remoteBtn('brightdn', 'brightdn', '亮度−', '调低背光亮度');
h += remoteBtn('play', 'play', '播放/暂停', '媒体播放/暂停切换（code=164）');
h += remoteBtn('next', 'next', '下一曲', '下一曲（code=163）');
h += remoteBtn('prev', 'prev', '上一曲', '上一曲（code=165）');
h += remoteBtn('power', 'power', '电源', '电源键（单击；code=116）');
h += '
';
h += '
' +
'指定亮度 ' +
'' + ctlBright.value + ' ' +
'
';
h += '
' + (MP_ICONS.power || '') + ' 长按电源（电源菜单） ';
h += '
滑动手势（在遥控板上）：上滑＝音量＋ · 下滑＝音量－ · 左滑＝下一曲 · 右滑＝上一曲 · 左缘右滑＝返回。返回/主页 属物理键红线（/api/key 后端禁注入 158/172），故未提供注入按钮。
';
h += '
';
return h;
}
async function setBrightCtl(v) {
v = Math.max(ctlBright.min, Math.min(ctlBright.max, Math.round(v)));
if (v === ctlBright.value) return;
ctlBright.value = v;
const sl = $('#ctl-bright'); if (sl) sl.value = v;
const lbl = $('#ctl-bright-val'); if (lbl) lbl.textContent = v;
try { await api('PUT', '/api/settings/display.brightness', { value: v }); toast('亮度 = ' + v); }
catch (e) { toast('亮度保存失败：' + errText(e)); }
}
async function sendKey(code, press, ms) {
try { await api('POST', '/api/key/' + code, { press: press || 'tap', ms: ms }); toast('已发送 键 ' + code); }
catch (e) { toast('发送失败：' + errText(e)); }
}
async function renderSystem() {
$('#content').innerHTML = '
';
let d, pw = null;
try { d = await api('GET', '/api/system'); }
catch (e) { if (state.route === 'system') $('#content').innerHTML = emptyState('加载失败：' + errText(e), e.code); return; }
try { pw = await api('GET', '/api/power'); } catch (e) { pw = null; }
if (state.route !== 'system') return;
const net = d.network || {}; const wf = net.wifi || {}; const bt = net.bluetooth || {}; const ota = d.ota || {};
const boot = d.boot || {};
const curMode = boot.mode || boot.current || null; // 后端若暴露 /tmp/meow_boot_mode → boot.mode/current
const bootDef = boot.default || '—';
const mism = curMode && boot.default && curMode !== boot.default;
const batt = (pw && pw.battery) || {};
const charging = (batt.state === 'Charging' || batt.state === 'Full');
let modeHtml = mism
? '
' + esc(curMode) + ' （与默认启动不一致） '
: (curMode ? esc(curMode) : '—');
let sysRows = row('MeowOS 版本', esc(d.version || '—')) + row('内核', esc(d.kernel || '—')) + row('架构', esc(d.arch || '—')) +
row('主机名', esc(d.hostname || '—')) + row('运行时间', fmtUptime(d.uptime_sec));
if (pw && pw.battery) {
sysRows += row('电池', '
' + esc(batt.state || '—') + ' ' +
(batt.pct != null ? batt.pct + ' %' : '—') +
(batt.mv != null ? ' · ' + (batt.mv / 1000).toFixed(2) + ' V' : '') +
(batt.health ? ' · ' + esc(batt.health) : ''));
}
sysRows += row('当前运行模式', modeHtml);
sysRows += row('默认启动', esc(bootDef));
sysRows += row('重启原因', esc(boot.reboot_reason || d.reboot_reason || '—'));
sysRows += row('升级状态', esc(boot.upgrade_status || d.upgrade_status || '—'));
let h = '
';
h += '
';
h += '
网络 ' +
row('WiFi', wf.connected ? esc(wf.ssid || '已连接') + ' · ' + esc(wf.ip || '—') + (wf.rssi != null ? ' · ' + wf.rssi + 'dBm' : '') : '未连接') +
row('蓝牙', bt.available ? ((bt.powered ? '已开启' : '已关闭') + (bt.connected ? ' · 已连接' : '')) : '无蓝牙') +
row('mDNS', esc(net.hostname_local || '—')) +
'
';
h += '
升级 ' +
'
当前 ' + esc(ota.current || d.version || '—') +
(ota.available ? ' · 发现新版本 ' + esc(ota.latest || '') : ' · 已是最新') + '
' +
'
检查升级 ' +
'⚠️ 升级
';
h += '
危险操作 ' +
'
重启 ' +
'关机
' +
'
⚠️ 重启/关机/升级均为高风险操作，请先保存好正在进行的任务。
';
h += '
';
$('#content').innerHTML = h;
}
function row(k, v) { return '
' + k + ' ' + v + ' '; }
function bindSystem() { // init 一次性委托绑定（不随渲染累积）
$('#content').addEventListener('click', async function (e) {
if (e.target.closest('#sys-reboot')) {
if (await confirmDlg('确认重启', '系统将立即重启，请在浏览器中关闭本页。', true))
try { await api('POST', '/api/system/reboot', {}); toast('已请求重启'); } catch (err) { toast('重启失败：' + errText(err)); }
return;
}
if (e.target.closest('#sys-shutdown')) {
if (await confirmDlg('确认关机', '系统将立即关机，请在浏览器中关闭本页。', true))
try { await api('POST', '/api/system/shutdown', {}); toast('已请求关机'); } catch (err) { toast('关机失败：' + errText(err)); }
return;
}
if (e.target.closest('#sys-ota')) {
if (await confirmDlg('确认升级', '⚠️ 升级中断可能导致系统无法启动，请确保已连接电源。确认开始升级？', true))
try { await api('POST', '/api/system/ota', {}); toast('已触发升级任务'); } catch (err) { toast('升级失败：' + errText(err)); }
return;
}
if (e.target.closest('#sys-ota-check')) {
// 检查升级只读，用 GET /api/system 读 ota.available/latest；勿 POST /api/system/ota（那是触发升级）
try { const r = await api('GET', '/api/system'); const o = r.ota || {}; toast(o.available ? '发现新版本 ' + o.latest : '已是最新版本'); }
catch (err) { toast('检查失败：' + errText(err)); }
return;
}
});
}
function groupName(g) { return LOG_GROUP_NAME[g] || (g || 'app'); }
function logsCrashCard(cr) {
const ents = (cr.entities || []).filter(e => e.name);
let h = '
崩溃汇总（' + esc(cr.file || '本 boot · crash log') + '） ';
if (!ents.length && !(cr.dmesg_count || 0)) { h += '
本 boot 无崩溃记录。
'; return h; }
h += '
实体 崩溃数 最近时间 信号/退出 操作 ';
ents.forEach(e => {
h += '' + esc(e.name) + ' ' +
'' + esc(e.count) + ((e.count || 0) > 0 ? ' ⚠' : '') + ' ' +
'' + esc(e.last_time || '—') + ' ' +
'' + esc(e.last_kind || '—') + ' ' + (e.last_code != null && e.last_code !== 0 ? ' (' + esc(e.last_code) + ')' : '') + 'stdout 尾部
';
if (cr.dmesg_count) {
h += '
内核 oops / segfault 捕获：' + esc(cr.dmesg_count) + ' 条' +
((cr.dmesg_tail || []).length ? '
' + esc((cr.dmesg_tail || []).map(x => '· ' + x).join('\n')) + ' ' : '') + '';
}
h += '