@mzzsfy/dsh-usage-panel 0.4.5 → 0.5.0

package/README.md

@@ -73,7 +73,7 @@ usage-panel:
     balanceThreshold: null        # 余额阈值,null 为不启用
     resetNotice: true             # 窗口重置时通知上一窗口峰值
     toast: true                   # 页内 toast 通道
-    webhookUrl: ''                # 凭据,留空禁用;面板只写不回显
+    webhookUrl: ''                # webhook 目标 URL,留空禁用;面板原文回显
     imTargets: []                 # dsh-im 投递目标 [{botId, targetId}]
 ```
 
@@ -88,7 +88,7 @@ usage-panel:
 ### 通知接口
 
 - `GET /api/usage-panel/notifications`:通知投影长轮询;`cursor` 缺省=首拉立即返回全量,`cursor` 等于当前版本时挂起至事件或超时,落后或超前(宿主重启版本回退)立即返回全量,客户端以响应 version 重置游标自愈;响应 `{units, version}`
-- `GET|POST /api/usage-panel/notify-config`:全局通知规则;`webhookUrl` 属凭据任何响应不回传原文,仅 `webhookConfigured` 标志
+- `GET|POST /api/usage-panel/notify-config`:全局通知规则;`webhookUrl` 原文随响应回显
 - `POST /api/usage-panel/test-webhook` / `POST /api/usage-panel/test-im`:测试投递,返回真实结果
 - `GET /api/usage-panel/im-targets?botId=`:列出 dsh-im 该 bot 已保存投递目标
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mzzsfy/dsh-usage-panel",
   "description": "多平台 LLM 账号余额与额度面板:支持 DeepSeek/OpenRouter/Kimi/智谱/MiniMax/NewApi 及自定义端点,自动定期查询,趋势图与历史快照,用量/余额阈值与窗口重置多通道通知",
-  "version": "0.4.5",
+  "version": "0.5.0",
   "type": "module",
   "main": "src/index.js",
   "exports": {

package/src/client.js

@@ -992,6 +992,7 @@ function NotifyConfigCard() {
       .then((res) => {
         if (!alive) return
         setConfig(res && res.notify ? res.notify : {})
+        setWebhookUrl(res && res.notify && typeof res.notify.webhookUrl === 'string' ? res.notify.webhookUrl : '')
         setImAvailable(res ? res.imAvailable === true : false)
       })
       .catch((err) => { if (alive) setError('读取通知配置失败:' + (err && err.message ? err.message : String(err))) })
@@ -1097,6 +1098,9 @@ function NotifyConfigCard() {
   }
   const targets = Array.isArray(config.imTargets) ? config.imTargets : []
   const boundBots = imBoundBotIds(targets)
+  // 已配置态与测试/保存分流均由 webhookUrl 派生;草稿编辑中不被其他 patch 回执重置
+  const savedWebhookUrl = typeof config.webhookUrl === 'string' ? config.webhookUrl.trim() : ''
+  const webhookDirty = webhookUrl.trim() !== savedWebhookUrl
   // 通知配置一次即久,默认折叠:summary 摘要行常显状态,展开才是完整配置
   return h('details', { className: 'up-card up-fold' },
     h('summary', { className: 'up-fold__summary' },
@@ -1104,7 +1108,7 @@ function NotifyConfigCard() {
       h('span', { className: 'up-dot' + (config.enabled === true ? '' : ' up-dot--off') }),
       h('span', { className: 'up-meta' }, config.enabled === true ? '已启用' : '已关闭'),
       targets.length > 0 ? h('span', { className: 'up-meta' }, targets.length + ' 个 IM 目标') : null,
-      config.webhookConfigured === true ? h('span', { className: 'up-meta' }, 'webhook 已配置') : null,
+      savedWebhookUrl.length > 0 ? h('span', { className: 'up-meta' }, 'webhook 已配置') : null,
     ),
     h('div', { className: 'up-card__row' },
       h(Switch, {
@@ -1156,29 +1160,37 @@ function NotifyConfigCard() {
         onChange: (checked) => patch({ toast: checked }),
       }),
       h('div', { className: 'up-card__row' },
-        h('span', { className: 'up-field__label', title: 'host 直发的 Slack 兼容 JSON 通知;填新地址保存后自动发送测试' }, 'Webhook'),
-        config.webhookConfigured === true ? h('span', { className: 'up-dot', title: '已配置' }) : null,
+        h('span', { className: 'up-field__label', title: 'host 直发的 Slack 兼容 JSON 通知;URL 原文回显,改动保存后自动发送测试' }, 'Webhook'),
+        savedWebhookUrl.length > 0 ? h('span', { className: 'up-dot', title: '已配置' }) : null,
         h('span', { className: 'up-field' },
           h('input', {
-            type: 'password', style: { width: '260px' },
+            type: 'text', style: { width: '260px' },
             value: webhookUrl,
             onChange: (e) => setWebhookUrl(e.target.value),
-            placeholder: config.webhookConfigured === true ? '已配置,留空保持不变' : 'https://hooks.example.com/…',
+            placeholder: 'https://hooks.example.com/…',
           })),
         h('button', {
           className: 'up-btn',
           onClick: () => {
-            if (webhookUrl.trim().length === 0) {
-              if (config.webhookConfigured !== true) { notify('请先填写 webhook URL', 'error'); return }
+            if (!webhookDirty) {
+              if (savedWebhookUrl.length === 0) { notify('请先填写 webhook URL', 'error'); return }
               testWebhook()
               return
             }
-            const part = { webhookUrl: webhookUrl.trim() }
-            api('/api/usage-panel/notify-config', { method: 'POST', body: JSON.stringify(part) })
-              .then((res) => { apply(res); setWebhookUrl(''); testWebhook() })
+            // 草稿与已保存值不同即保存(含清空=禁用);清空保存后通道关闭,不再自动测试误导报错
+            const disabling = webhookUrl.trim().length === 0
+            api('/api/usage-panel/notify-config', { method: 'POST', body: JSON.stringify({ webhookUrl: webhookUrl.trim() }) })
+              .then((res) => {
+                if (res && res.notify) {
+                  setConfig(res.notify)
+                  setWebhookUrl(typeof res.notify.webhookUrl === 'string' ? res.notify.webhookUrl : '')
+                }
+                notify(disabling ? 'webhook 已禁用' : '通知配置已保存', 'ok')
+                if (!disabling) testWebhook()
+              })
               .catch(fail)
           },
-        }, webhookUrl.trim().length > 0 ? '保存并测试' : '测试'),
+        }, webhookDirty ? '保存并测试' : '测试'),
       ),
       // IM 通道:目标来自 dsh-im 已保存目录,勾选即自动保存;新建与平台测试在 dsh-im 设置页完成
       imAvailable ? null : h('span', { className: 'up-meta' }, 'dsh-im 未安装,IM 通道不可用'),

package/src/notify.mjs

@@ -405,7 +405,7 @@ export function resolvedNotifySettings(raw) {
   }
 }
 
-// 面板可见配置:webhookUrl 属凭据不出主机,仅回是否已配置。
+// 面板可见配置:webhookUrl 原文随响应回显,面板所见即所存。
 export function publicNotify(resolved) {
   return {
     enabled: resolved.enabled,
@@ -414,7 +414,7 @@ export function publicNotify(resolved) {
     resetNotice: resolved.resetNotice,
     toast: resolved.toast,
     imTargets: resolved.imTargets,
-    webhookConfigured: resolved.webhookUrl.trim().length > 0,
+    webhookUrl: resolved.webhookUrl,
   }
 }
 

package/test/notify.route.test.mjs

@@ -176,22 +176,22 @@ test('评估接线: custom 账号 extract 规则驱动 balance 读数全链路(
   }
 })
 
-test('notify-config: GET 不回显 webhookUrl 原文, 仅回是否已配置', async () => {
+test('notify-config: GET 回显 webhookUrl 原文', async () => {
   // Given 已配置 webhook 的 settings
   const { ctx, routes } = makeCtx({ settingsValue: { notify: { enabled: true, webhookUrl: 'https://hooks.example.com/private' } } })
   apply(ctx)
   // When 读取通知配置
   const res = await call(routes, '/api/usage-panel/notify-config', makeReq('GET'))
-  // Then 原文不出主机
+  // Then 原文随响应回显, webhookConfigured 已移除
   assert.equal(res.status, 200)
-  assert.equal(res.payload.notify.webhookUrl, undefined)
-  assert.equal(res.payload.notify.webhookConfigured, true)
+  assert.equal(res.payload.notify.webhookUrl, 'https://hooks.example.com/private')
+  assert.equal('webhookConfigured' in res.payload.notify, false)
   assert.equal(res.payload.imAvailable, false)
 })
 
 test('notify-config: 非法补丁 400, 合法补丁合并生效', async () => {
-  // Given 合法 ctx
-  const { ctx, routes } = makeCtx({ settingsValue: { notify: { enabled: true } } })
+  // Given 合法 ctx,已配置 webhook
+  const { ctx, routes } = makeCtx({ settingsValue: { notify: { enabled: true, webhookUrl: 'https://hooks.example.com/keep' } } })
   apply(ctx)
   // When 提交越界阈值
   const bad = await call(routes, '/api/usage-panel/notify-config', makeReq('POST', { quotaThresholdPct: 0 }))
@@ -199,12 +199,13 @@ test('notify-config: 非法补丁 400, 合法补丁合并生效', async () => {
   assert.equal(bad.status, 400)
   // When 提交合法补丁(仅改阈值与余额阈值)
   const good = await call(routes, '/api/usage-panel/notify-config', makeReq('POST', { quotaThresholdPct: 80, balanceThreshold: 20 }))
-  // Then 生效且未提供的键保持原值
+  // Then 生效且未提供的键保持原值(部分补丁不得清掉已存 webhook)
   assert.equal(good.status, 200)
   const view = await call(routes, '/api/usage-panel/notify-config', makeReq('GET'))
   assert.equal(view.payload.notify.quotaThresholdPct, 80)
   assert.equal(view.payload.notify.balanceThreshold, 20)
   assert.equal(view.payload.notify.enabled, true)
+  assert.equal(view.payload.notify.webhookUrl, 'https://hooks.example.com/keep')
 })
 
 test('test-webhook: 返回真实投递结果而非谎报成功', async () => {

package/test/notify.test.mjs

@@ -418,14 +418,14 @@ test('读侧归一: 残缺配置回退默认值', () => {
   assert.equal(resolved.webhookUrl, '')
 })
 
-test('凭据脱敏: publicNotify 不回显 webhookUrl 原文, 仅回是否已配置', () => {
+test('面板回显: publicNotify 返回 webhookUrl 原文', () => {
   // Given 已配置 webhook 的归一配置
   const resolved = resolvedNotifySettings({ webhookUrl: 'https://hooks.example.com/private' })
   // When 转面板可见形态
   const view = publicNotify(resolved)
-  // Then 原文不出主机, webhookConfigured 为 true
-  assert.equal(view.webhookUrl, undefined)
-  assert.equal(view.webhookConfigured, true)
+  // Then 原文随响应回显, webhookConfigured 已移除
+  assert.equal(view.webhookUrl, 'https://hooks.example.com/private')
+  assert.equal('webhookConfigured' in view, false)
   assert.equal(view.toast, true)
 })