@dsh-plugins/dsh-llm-hub 1.3.2 → 1.3.3

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 本项目遵循 [Semantic Versioning](https://semver.org/lang/zh-CN/)。
 
+## [1.3.3] - 2026-09-25
+
+### ✨ 订阅制配额可视化进度条与重置倒计时
+
+- **📊 订阅制可视化进度条胶囊（Subscription Quota Gauge）**：
+  - 参考 `claude-usage-statusline` 经典轨道式设计，在 Provider 卡片中引入高质感平滑迷你进度条；
+  - 动态三色渐变指示：`> 50%` 充裕翡翠绿（`#10b981`）、`15%~50%` 预警金黄（`#f59e0b`）、`<= 15%` 告急珊瑚红（`#ef4444`）；
+  - 同时支持主限额（如 MiniMax 5 小时滚动配额、智谱 5h 配额）与次级周限额的双重进度条并列展示；
+- **⏱️ 重置时刻与倒计时精准指示（Reset Time Tracking）**：
+  - 在配额进度条后实时标注重置时刻（如 `(15:40 重置)`），悬浮卡片提供完整余量与周期说明；
+  - 适配器底层自动解析服务端返回的 `current_interval_end_time` / `next_reset_time` / `expire_time` 真实重置时刻。
+
 ## [1.3.2] - 2026-09-24
 
 ### 🐛 修复与健壮性提升

package/lib/client.js

@@ -547,6 +547,18 @@ window.__ModuleLoader__.load({
 				'.dsh-llm-hub-latency-badge.is-fast{background:rgba(16,185,129,.08);color:var(--dsw-alias-state-success-primary,#10b981);border:.5px solid rgba(16,185,129,.2)}',
 				'.dsh-llm-hub-latency-badge.is-normal{background:rgba(234,179,8,.08);color:var(--dsw-alias-state-warn-primary,#eab308);border:.5px solid rgba(234,179,8,.2)}',
 				'.dsh-llm-hub-latency-badge.is-slow{background:rgba(239,68,68,.08);color:var(--dsw-alias-state-error-primary,#ef4444);border:.5px solid rgba(239,68,68,.2)}',
+				// 订阅制配额可视化进度条与重置倒计时（参考 claude-usage-statusline 规范）
+				'.dsh-llm-hub-quota-group{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;vertical-align:middle}',
+				'.dsh-llm-hub-quota-bar{display:inline-flex;align-items:center;gap:4.5px;padding:1.5px 6px;border-radius:4px;background:var(--dsw-alias-bg-layer-2,rgba(255,255,255,.03));border:.5px solid var(--dsw-alias-border-l1,rgba(255,255,255,.08));font-size:10.5px;line-height:1;transition:all .15s ease}',
+				'.dsh-llm-hub-quota-bar:hover{border-color:var(--dsw-alias-brand-primary,rgba(59,130,246,.4));background:var(--dsw-alias-bg-layer-3,rgba(255,255,255,.06))}',
+				'.dsh-llm-hub-quota-label{font-weight:600;color:var(--dsw-alias-label-primary);font-size:10px}',
+				'.dsh-llm-hub-quota-track{width:46px;height:4.5px;border-radius:2.5px;background:rgba(255,255,255,.12);overflow:hidden;position:relative;display:inline-block;vertical-align:middle}',
+				'.dsh-llm-hub-quota-fill{height:100%;border-radius:2.5px;display:block;transition:width .3s cubic-bezier(0.4,0,0.2,1)}',
+				'.dsh-llm-hub-quota-fill.is-high{background:linear-gradient(90deg,#10b981,#34d399)}',
+				'.dsh-llm-hub-quota-fill.is-mid{background:linear-gradient(90deg,#f59e0b,#fbbf24)}',
+				'.dsh-llm-hub-quota-fill.is-low{background:linear-gradient(90deg,#ef4444,#f87171)}',
+				'.dsh-llm-hub-quota-pct{font-variant-numeric:tabular-nums;font-weight:600;color:var(--dsw-alias-label-primary);font-size:10.5px}',
+				'.dsh-llm-hub-quota-time{font-size:9.5px;color:var(--dsw-alias-label-secondary);opacity:.8;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;margin-left:1px}',
 				// Webkubor 插件全家桶互导矩阵
 				'.dsh-suite-dock{margin-top:14px;padding:14px 16px;background:var(--dsw-alias-bg-layer-2,rgba(255,255,255,0.03));border:1px solid var(--dsw-alias-border-l1,rgba(255,255,255,0.08));border-radius:10px;backdrop-filter:blur(10px)}',
 				'.dsh-suite-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:8px}',
@@ -861,14 +873,44 @@ window.__ModuleLoader__.load({
 				return `${t('balance')} ${symbol}${first.amount}${voucher}`
 			}
 			const meaning = balance.meaning === 'used' ? t('used') : t('remain')
-			const parts = []
+			const isUsed = balance.meaning === 'used'
+			const bars = []
 			for (const item of items.slice(0, 2)) {
-				let piece = `${item.label} ${meaning} ${item.percent}%`
-				if (typeof item.weeklyPercent === 'number') piece += ` · ${t('week')} ${meaning} ${item.weeklyPercent}%`
-				parts.push(piece)
+				const remainPct = isUsed ? Math.max(0, 100 - (item.percent ?? 0)) : (item.percent ?? 0)
+				const fillPct = Math.min(Math.max(remainPct, 0), 100)
+				const levelClass = fillPct > 50 ? 'is-high' : (fillPct > 20 ? 'is-mid' : 'is-low')
+				const labelText = item.label || '5h'
+				const resetTimeNote = item.resetsAt ? `(${item.resetsAt} 重置)` : ''
+				bars.push(h('span', {
+					key: labelText,
+					className: 'dsh-llm-hub-quota-bar',
+					title: `${labelText} ${meaning} ${item.percent}%${resetTimeNote ? ` · ${resetTimeNote}` : ''}`
+				},
+					h('span', { className: 'dsh-llm-hub-quota-label' }, labelText),
+					h('span', { className: 'dsh-llm-hub-quota-track' },
+						h('span', { className: `dsh-llm-hub-quota-fill ${levelClass}`, style: { width: `${fillPct}%` } })
+					),
+					h('span', { className: 'dsh-llm-hub-quota-pct' }, `${item.percent}%`),
+					resetTimeNote ? h('span', { className: 'dsh-llm-hub-quota-time' }, resetTimeNote) : null
+				))
+				if (typeof item.weeklyPercent === 'number') {
+					const weeklyRemain = isUsed ? Math.max(0, 100 - item.weeklyPercent) : item.weeklyPercent
+					const weeklyFill = Math.min(Math.max(weeklyRemain, 0), 100)
+					const weeklyClass = weeklyFill > 50 ? 'is-high' : (weeklyFill > 20 ? 'is-mid' : 'is-low')
+					bars.push(h('span', {
+						key: 'week',
+						className: 'dsh-llm-hub-quota-bar',
+						title: `${t('week')} ${meaning} ${item.weeklyPercent}%`
+					},
+						h('span', { className: 'dsh-llm-hub-quota-label' }, t('week')),
+						h('span', { className: 'dsh-llm-hub-quota-track' },
+							h('span', { className: `dsh-llm-hub-quota-fill ${weeklyClass}`, style: { width: `${weeklyFill}%` } })
+						),
+						h('span', { className: 'dsh-llm-hub-quota-pct' }, `${item.weeklyPercent}%`)
+					))
+				}
 			}
-			const level = typeof balance.level === 'string' && balance.level.length > 0 ? `${balance.level} · ` : ''
-			return `${t('planQuota')} ${level}${parts.join(' / ')}`
+			return h('span', { className: 'dsh-llm-hub-quota-group' }, bars)
 		}
 
 		/**

package/lib/index.js

@@ -923,10 +923,21 @@ export function apply(ctx) {
 					if (row === null || typeof row !== 'object') continue
 					const percent = percentage(row.current_interval_remaining_percent)
 					if (percent === undefined) continue
+					let resetsAt = undefined
+					const rawTime = row.current_interval_end_time ?? row.end_time ?? row.reset_time
+					if (typeof rawTime === 'number' && rawTime > 0) {
+						const date = new Date(rawTime > 1e11 ? rawTime : rawTime * 1000)
+						if (!isNaN(date.getTime())) {
+							resetsAt = `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`
+						}
+					} else if (typeof rawTime === 'string' && rawTime.trim() !== '') {
+						resetsAt = rawTime.trim()
+					}
 					items.push({
 						label: label(row.model_name) ?? 'plan',
 						percent,
-						weeklyPercent: percentage(row.current_weekly_remaining_percent)
+						weeklyPercent: percentage(row.current_weekly_remaining_percent),
+						resetsAt
 					})
 				}
 				return { items }
@@ -953,7 +964,17 @@ export function apply(ctx) {
 					if (tier === undefined) continue
 					const percent = percentage(lim.percentage)
 					if (percent === undefined) continue
-					items.push({ label: tier, percent })
+					let resetsAt = undefined
+					const rawTime = lim.reset_time ?? lim.next_reset_time ?? body?.data?.expire_time
+					if (typeof rawTime === 'number' && rawTime > 0) {
+						const date = new Date(rawTime > 1e11 ? rawTime : rawTime * 1000)
+						if (!isNaN(date.getTime())) {
+							resetsAt = `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`
+						}
+					} else if (typeof rawTime === 'string' && rawTime.trim() !== '') {
+						resetsAt = rawTime.trim()
+					}
+					items.push({ label: tier, percent, resetsAt })
 				}
 				return { level: label(body?.data?.level), items }
 			}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dsh-plugins/dsh-llm-hub",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "DSH 模型管理层：网关可达性探测、模型目录拉取、DeepSeek + MiniMax/智谱/Moonshot/StepFun 余额与配额、本月用量统计、余额预警、Provider 健康看板，再把本机装好的 codex / claude / agy 注册成子代理（装了才出现）。零运行时依赖，不改动 DSH 安装。",
   "type": "module",
   "main": "lib/index.js",