dsh-connect-minimaxcode 0.6.6 → 0.6.7

package/README.en.md

@@ -384,6 +384,15 @@ The OAuth token is valid for about an hour and is refreshed automatically by the
 
 ## Changelog
 
+### 0.6.7 (2026-11-12)
+
+- **Merged PR [#5](https://github.com/JeffTsuiCUG/dsh-connect-minimaxcode/pull/5) by [azsora](https://github.com/azsora)**:
+  - **The remaining percent the documented quota endpoint sends is read too**. Once a plan is held, the upstream renamed the window field from the share *used* (`"19%"`) to the share *remaining* (`90`); 0.6.5 already reads both shapes. This PR closes the other gap — when the documented endpoint answers **200 but carries a shape that cannot be read**, the older path is tried too, not only when the request throws.
+  - **The surfaces are reworked**: the pill detail and the plugin page card are now rounded sub-cards (balance, limit windows, check-in and expiring grants each in their own), and the generation panel wears the same shell.
+  - **Why there are no windows is now named**: instead of one "unavailable", each state is told apart — **not signed in / the sign-in expired / no subscription / the read failed** — and a failed read shows the upstream's own words. That is the part a free account needs most.
+  - **"Expiring soon" now covers three days**, and the count and the wording agree (the upstream's lots expire day by day over thirty-odd days; the window is a display choice, not an upstream fact).
+- Together with the window fix in 0.6.5, a subscribed account now sees both its five-hour window and its weekly window read correctly.
+
 ### 0.6.6 (2026-11-12)
 
 - **The README gained a "Feedback and contributions" section**: an email address (1628451685@qq.com), issues and pull requests, and a note that reports from **free accounts** are the ones most wanted — a subscribed account can read the limit windows and the plan tier, so some problems only show up on a free account and I may not be able to reproduce them here. It also lists what is worth including in a report, and invites a PR for anyone who fixes it themselves.
@@ -633,6 +642,7 @@ Fixing it yourself is even better — just open the PR. The format does not matt
 - **[eghrhegpe](https://github.com/eghrhegpe)** — raised the request for a plugin-page icon and Chinese/English copy ([#1](https://github.com/JeffTsuiCUG/dsh-connect-minimaxcode/issues/1)). It became 0.5.2: the plugin page has its own SVG artwork, the title and the introduction come in both languages, and the interface follows the host's language.
 - **[azsora](https://github.com/azsora)** — found the plan's rate-limit endpoint in the desktop app's own traffic and wired the 5-hour and weekly usage windows into the credit pill and the plugin page ([#4](https://github.com/JeffTsuiCUG/dsh-connect-minimaxcode/pull/4)): the window length is derived from the response's own edges rather than hard-coded. It became 0.5.5.
 - **[qzz19970504](https://github.com/qzz19970504)** — found and fixed the wiring gap that made every image upload fail ([#3](https://github.com/JeffTsuiCUG/dsh-connect-minimaxcode/pull/3)): the catalog declared the `image` modality, but the adapter never connected the host's durable attachment service, so pi-ai refused image requests before they were sent. The fix became 0.5.3.
+- **[azsora](https://github.com/azsora)** — found that the official quota endpoint renamed its window field and inverted its meaning (the share used became the share remaining), closed the gap where a 200 with an unreadable shape never reached the older path, and reworked the pill detail and the page card into rounded sub-cards that say why there are no windows ([#5](https://github.com/JeffTsuiCUG/dsh-connect-minimaxcode/pull/5)). It became 0.6.7.
 - Plugin author: **[JeffTsuiCUG](https://github.com/JeffTsuiCUG)**
 
 ## Acknowledgements

package/README.md

@@ -395,6 +395,15 @@ OAuth 令牌有效期约 1 小时，由客户端自动续期。插件**只在自
 
 ## 更新记录
 
+### 0.6.7（2026-11-12）
+
+- **并入 PR [#5](https://github.com/JeffTsuiCUG/dsh-connect-minimaxcode/pull/5)（作者 [azsora](https://github.com/azsora)）**：
+  - **官方额度接口的「剩余百分比」也能读**。上游在有套餐后把窗口字段从「已用百分比」（`"19%"`）改成了「**剩余**百分比」（`90`），插件在 0.6.5 已能读这两种形态；本 PR 补上了另一处缺口 —— 官方接口回 **200 但形状读不懂**时也要回落旧路径，而不只是抛异常时才回落。
+  - **界面重排**：积分胶囊的详情与插件页卡片改为圆角分栏（余额、额度窗口、签到、到期批次各成一栏），生成面板沿用同样的外框。
+  - **没有窗口时说明原因**：不再只显示「不可用」，而是逐项区分**未登录 / 登录态已过期 / 未订阅 / 读取失败**，失败时把上游原话显示出来 —— 对免费账户最有用。
+  - **即将过期改为 3 天口径**：计数与文案一致（上游的批次按天到期、铺开三十多天，这个窗口是显示口径而非上游事实）。
+- 本次合并与 0.6.5 的窗口修复一并生效：订阅账户的 5 小时窗口与周窗口现在都能正确显示。
+
 ### 0.6.6（2026-11-12）
 
 - **README 新增「反馈与参与」**：留下邮箱（1628451685@qq.com）、issue 与 PR 三种联系方式，并说明**特别希望听到免费账户的反馈** —— 订阅账户能读到限额窗口与套餐档位，有些问题只有免费账户才会遇到、而我在本地未必能复现。附上了报问题时值得带上的几样信息，以及「自己修好直接提 PR」的邀请。
@@ -646,6 +655,7 @@ dsh plugin --profile desktop add dsh-qoder-connect
 - **[eghrhegpe](https://github.com/eghrhegpe)** —— 提出了插件页图标与中英文文案的建议（[#1](https://github.com/JeffTsuiCUG/dsh-connect-minimaxcode/issues/1)）。这条建议促成了 0.5.2：插件页有了自己的 SVG 图标，标题与简介有了中英两版，界面文案也开始跟随宿主语言。
 - **[azsora](https://github.com/azsora)** —— 从桌面 App 的实际调用里找出了套餐的**限额窗口接口**，并把 5 小时与每周两个窗口的用量接进了积分胶囊与插件页卡片（[#4](https://github.com/JeffTsuiCUG/dsh-connect-minimaxcode/pull/4)）：窗口时长从响应自身的起止字段推导，不写死。该功能成为 0.5.5。
 - **[qzz19970504](https://github.com/qzz19970504)** —— 定位并修复了「发图必然失败」的接线缺口（[#3](https://github.com/JeffTsuiCUG/dsh-connect-minimaxcode/pull/3)）：模型目录声明了 `image` 模态，但适配器没有把宿主的持久化附件服务接上，导致带图请求被 pi-ai 在发出前拒掉。该修复成为 0.5.3。
+- **[azsora](https://github.com/azsora)** —— 找出官方额度接口改名并反转语义（「已用百分比」→「剩余百分比」）这件事，补上了「200 但形状读不懂时也要回落旧路径」的缺口，并把积分胶囊与插件页卡片重排为圆角分栏、让「为什么没有窗口」逐项有说法（[#5](https://github.com/JeffTsuiCUG/dsh-connect-minimaxcode/pull/5)）。该合并成为 0.6.7。
 - 插件作者：**[JeffTsuiCUG](https://github.com/JeffTsuiCUG)**
 
 ## 致谢

package/lib/client.js

@@ -30,9 +30,9 @@
      */
     const MINIMAX_PROVIDER_ID = 'minimaxcode';
     const zh = {
-        title: 'MiniMax Code 积分',
+        title: 'MiniMax Code',
         balance: '积分 {total}',
-        free: '赠送积分',
+        free: '签到积分',
         purchased: '购买积分',
         consumed: '上次读取后消耗',
         tokens: '本机累计 {count} tokens',
@@ -44,9 +44,15 @@
         signedOut: '未登录 MiniMax Code',
         expiring: '即将过期',
         expiringIn: '{amount} 积分 · {date} 到期',
-        expiringNone: '7 天内没有积分到期',
+        expiringNone: '3 天内没有积分到期',
         expiringSoon: '30 天内到期 {amount} 积分',
+        expiring3d: '3天内过期',
+        expiringAmount: '{amount} 积分',
         nextExpiry: '最近到期日',
+        creditsBox: '积分',
+        planTitle: 'Plan 额度',
+        usageTitle: '本机用量',
+        usageTotal: '累计',
         lots: '到期批次',
         noLots: '没有待到期的积分批次',
         loginTitle: '登录',
@@ -110,9 +116,9 @@
         generateNoInput: '输入框不接受附件。',
     };
     const en = {
-        title: 'MiniMax Code credits',
+        title: 'MiniMax Code',
         balance: '{total} credits',
-        free: 'Free credits',
+        free: 'Check-in credits',
         purchased: 'Purchased credits',
         consumed: 'Spent since last read',
         tokens: '{count} tokens used here',
@@ -124,9 +130,15 @@
         signedOut: 'MiniMax Code not signed in',
         expiring: 'Expiring soon',
         expiringIn: '{amount} credits · expires {date}',
-        expiringNone: 'No credits expire within 7 days',
+        expiringNone: 'No credits expire within 3 days',
         expiringSoon: '{amount} credits expire within 30 days',
+        expiring3d: 'Expires in 3 days',
+        expiringAmount: '{amount} credits',
         nextExpiry: 'Next expiry',
+        creditsBox: 'Credits',
+        planTitle: 'Plan allowance',
+        usageTitle: 'Local usage',
+        usageTotal: 'Total',
         lots: 'Expiring grants',
         noLots: 'No grant is waiting to expire',
         loginTitle: 'Sign-in',
@@ -285,17 +297,22 @@
             function row(label, value) {
                 return h('div', { style: rowStyle }, h('span', null, label), h('span', null, value));
             }
-            /** The expiry block, shared by the pill's detail and the page card. */
-            function expiryBlock(t, credits_) {
+            /**
+             * The expiry rows, shared by the pill's detail and the page card.
+             *
+             * The label names the window the count actually covers, and the value
+             * carries only the amount: when the lot falls due is the next row's
+             * business, not a suffix on this one.
+             */
+            function expiryRows(t, credits_) {
                 if (credits_ === undefined)
-                    return null;
+                    return [];
                 const expiring = credits_.expiring ?? 0;
                 const next = credits_.nextExpiryAtMs;
-                return h('div', { style: expiryBoxStyle, 'data-minimax-credits-expiry': true }, h('div', { style: rowStyle }, h('span', null, t('expiring')), h('span', { style: expiring > 0 ? warnStyle : undefined }, expiring > 0
-                    ? t('expiringIn', { amount: credits(expiring, 2), date: day(next) })
-                    : t('expiringNone'))), credits_.expiringSoon !== undefined && credits_.expiringSoon > 0
-                    ? row(t('expiringSoon', { amount: credits(credits_.expiringSoon, 2) }), '')
-                    : null, next !== undefined ? row(t('nextExpiry'), day(next)) : null);
+                return [
+                    h('div', { style: rowStyle }, h('span', null, t('expiring3d')), h('span', { style: expiring > 0 ? warnStyle : undefined }, expiring > 0 ? t('expiringAmount', { amount: credits(expiring, 2) }) : t('expiringNone'))),
+                    next !== undefined ? row(t('nextExpiry'), day(next)) : null,
+                ];
             }
             /**
              * A countdown to a window reset, coarse on purpose: minutes below an
@@ -337,42 +354,44 @@
              * rather than written into the label: the plan's terms have changed
              * before, and the display should follow whatever the server says.
              */
-            function rateLimitBlock(t, rateLimit) {
+            function rateLimitRows(t, rateLimit) {
                 if (rateLimit === undefined || rateLimit.state !== 'ok')
-                    return null;
+                    return [];
                 if (rateLimit.interval === undefined || rateLimit.weekly === undefined)
-                    return null;
-                return h('div', { style: expiryBoxStyle, 'data-minimax-rate-limit': true }, row(t('usageWindow', { duration: windowLabel(rateLimit.interval) }), `${rateLimit.interval.usedPercent}%(${t('resetIn', { duration: countdown(rateLimit.interval.resetAtMs) })})`), row(t('usageWindow', { duration: windowLabel(rateLimit.weekly) }), `${rateLimit.weekly.usedPercent}%(${t('resetIn', { duration: countdown(rateLimit.weekly.resetAtMs) })})`));
+                    return [];
+                return [
+                    row(t('usageWindow', { duration: windowLabel(rateLimit.interval) }), `${rateLimit.interval.usedPercent}%(${t('resetIn', { duration: countdown(rateLimit.interval.resetAtMs) })})`),
+                    row(t('usageWindow', { duration: windowLabel(rateLimit.weekly) }), `${rateLimit.weekly.usedPercent}%(${t('resetIn', { duration: countdown(rateLimit.weekly.resetAtMs) })})`),
+                ];
             }
             /**
-             * The account's own usage history.
+             * The account's own usage history, as label lines.
              *
              * This is not the token count of this host — the pill reports that
              * separately — but the account's days, consumption and standing, which
-             * is what the upstream knows and nobody else does.
+             * is what the upstream knows and nobody else does. It belongs to the
+             * page card only, laid out in two columns.
              */
-            function usageProfileBlock(t, profile) {
+            function usageProfileRows(t, profile) {
                 if (profile === undefined || profile.state !== 'ok')
-                    return null;
-                const rows = [];
+                    return [];
+                const lines = [];
                 if (profile.consecutiveDays !== undefined && profile.consecutiveDays > 0) {
-                    rows.push(row(t('usageStreak', { days: profile.consecutiveDays }), ''));
+                    lines.push(t('usageStreak', { days: profile.consecutiveDays }));
                 }
                 if (profile.activeDays !== undefined) {
-                    rows.push(row(t('usageActiveDays', { active: profile.activeDays, total: profile.totalDays ?? '' }), ''));
+                    lines.push(t('usageActiveDays', { active: profile.activeDays, total: profile.totalDays ?? '' }));
                 }
                 if (profile.totalTokenConsumed !== undefined) {
-                    rows.push(row(t('usageTotalTokens', { count: profile.totalTokenConsumed }), ''));
+                    lines.push(t('usageTotalTokens', { count: profile.totalTokenConsumed }));
                 }
                 if (profile.rankingPercent !== undefined) {
-                    rows.push(row(t('usageRanking', { percent: profile.rankingPercent.toFixed(1) }), ''));
+                    lines.push(t('usageRanking', { percent: profile.rankingPercent.toFixed(1) }));
                 }
                 if (profile.mostActiveDay?.date !== undefined) {
-                    rows.push(row(t('usageBestDay', { date: profile.mostActiveDay.date }), ''));
+                    lines.push(t('usageBestDay', { date: profile.mostActiveDay.date }));
                 }
-                if (rows.length === 0)
-                    return null;
-                return h('div', { style: expiryBoxStyle, 'data-minimax-usage-profile': true }, ...rows);
+                return lines;
             }
             /**
              * Why there are no usage windows, when there are none because the plan
@@ -387,6 +406,33 @@
                     return null;
                 return h('div', { style: mutedStyle, 'data-minimax-plan-notice': true }, t('planNoSubscription'));
             }
+            /**
+             * What the page card's plan box says when it has no windows to show.
+             *
+             * An empty box would read as "nothing loaded yet" and invite a refresh
+             * that cannot help. Every state has a reason worth naming: no sign-in,
+             * a stale one, a plan without windows, or a read that failed — the
+             * upstream's own message is shown as it arrived, because it is the
+             * most specific answer available.
+             */
+            function rateLimitFallback(t, rateLimit) {
+                if (rateLimit === undefined) {
+                    return h('div', { style: mutedStyle }, t('unavailable'));
+                }
+                if (rateLimit.reason === 'no-subscription') {
+                    return h('div', { style: mutedStyle, 'data-minimax-plan-notice': true }, t('planNoSubscription'));
+                }
+                if (rateLimit.state === 'signed-out') {
+                    return h('div', { style: mutedStyle }, t('signedOut'));
+                }
+                if (rateLimit.state === 'expired') {
+                    return h('div', { style: mutedStyle }, t('expired'));
+                }
+                if (rateLimit.error !== undefined && rateLimit.error.length > 0) {
+                    return h('div', { style: mutedStyle }, rateLimit.error);
+                }
+                return h('div', { style: mutedStyle }, t('unavailable'));
+            }
             /**
              * The plan the account holds, when it holds one.
              *
@@ -408,6 +454,13 @@
             function CreditPill(props) {
                 const [status] = useStatus();
                 const [open, setOpen] = React.useState(false);
+                // Two ways to open, and they must not fight each other: hovering the
+                // pill shows the detail, and a click pins it so it stays after the
+                // cursor leaves. A pinned detail closes on the next click — even under
+                // the cursor, which is why the click also suppresses the hover that is
+                // still in progress until the cursor actually leaves.
+                const pinned = React.useRef(false);
+                const skipHover = React.useRef(false);
                 const t = props.t ?? ((key, params) => {
                     const template = zh[key] ?? key;
                     return template.replace(/\{(\w+)\}/g, (_match, name) => String(params?.[name] ?? ''));
@@ -434,19 +487,39 @@
                     ? balance
                     : `${windowLabel(windows.interval)}  ${windows.interval.usedPercent}%(${t('resetIn', { duration: countdown(windows.interval.resetAtMs) })})`;
                 const detail = available
-                    ? h('div', { style: detailStyle, 'data-minimax-credits-detail': true }, row(t('free'), credits(credits_.free, 3)), row(t('purchased'), credits(credits_.purchased, 3)), credits_.consumed !== undefined && credits_.consumed > 0
+                    ? h('div', { style: detailStyle, 'data-minimax-credits-detail': true }, h('div', { style: detailFlowStyle }, h('div', { style: boxStyle }, row(t('free'), credits(credits_.free, 3)), row(t('purchased'), credits(credits_.purchased, 3)), credits_.consumed !== undefined && credits_.consumed > 0
                         ? row(t('consumed'), credits(credits_.consumed, 3))
-                        : null, expiryBlock(t, credits_), rateLimitBlock(t, status?.rateLimit), planNotice(t, status?.rateLimit), planLine(t, status?.plan), usageProfileBlock(t, status?.usageProfile), usage !== undefined
-                        ? h('div', { style: rowStyle }, h('span', null, t('tokens', { count: tokens(usage.inputTokens + usage.outputTokens + usage.cacheReadTokens) })), h('span', null, t('cost', { amount: money(usage.estimatedCny) })))
-                        : null, credits_.updatedAtMs !== undefined
-                        ? row(t('updated', { time: new Date(credits_.updatedAtMs).toLocaleTimeString() }), '')
-                        : null)
+                        : null), h('div', { style: boxStyle, 'data-minimax-credits-expiry': true }, ...expiryRows(t, credits_)), h('div', { style: boxStyle, 'data-minimax-rate-limit': true }, ...rateLimitRows(t, status?.rateLimit)), usage !== undefined
+                        ? h('div', { style: boxStyle }, row(t('usageTotal'), `${tokens(usage.inputTokens + usage.outputTokens + usage.cacheReadTokens)} tokens(≈¥${money(usage.estimatedCny)})`))
+                        : null, planNotice(t, status?.rateLimit), credits_.updatedAtMs !== undefined
+                        ? h('div', { style: mutedStyle }, t('updated', { time: new Date(credits_.updatedAtMs).toLocaleTimeString() }))
+                        : null))
                     : null;
                 return h('div', { style: wrapStyle, 'data-minimax-credits': true }, h('button', {
                     type: 'button',
                     style: buttonStyle,
                     title: t('title'),
-                    onClick: () => setOpen(!open),
+                    onMouseEnter: () => {
+                        if (pinned.current || skipHover.current)
+                            return;
+                        setOpen(true);
+                    },
+                    onMouseLeave: () => {
+                        skipHover.current = false;
+                        if (!pinned.current)
+                            setOpen(false);
+                    },
+                    onClick: () => {
+                        if (pinned.current) {
+                            pinned.current = false;
+                            skipHover.current = open;
+                            setOpen(false);
+                        }
+                        else {
+                            pinned.current = true;
+                            setOpen(true);
+                        }
+                    },
                 }, label), open ? detail : null);
             }
             /**
@@ -712,10 +785,10 @@
                 if (login === undefined)
                     return null;
                 if (login.state === 'signed-in') {
-                    return h('div', { style: sectionBoxStyle, 'data-minimax-login': true }, row(t('loginTitle'), login.source === 'plugin' ? t('loginPlugin') : t('loginDesktop')));
+                    return h('div', { style: boxStyle, 'data-minimax-login': true }, row(t('loginTitle'), login.source === 'plugin' ? t('loginPlugin') : t('loginDesktop')));
                 }
                 if (login.state === 'pending') {
-                    return h('div', { style: sectionBoxStyle, 'data-minimax-login': true }, row(t('loginTitle'), t('loginPending')), login.userCode !== undefined && login.userCode.length > 0
+                    return h('div', { style: boxStyle, 'data-minimax-login': true }, row(t('loginTitle'), t('loginPending')), login.userCode !== undefined && login.userCode.length > 0
                         ? row(t('loginCode'), login.userCode)
                         : null, login.verificationUriComplete !== undefined && login.verificationUriComplete.length > 0
                         ? h('a', {
@@ -726,7 +799,7 @@
                         }, t('loginOpen'))
                         : null, h('button', { type: 'button', style: actionButtonStyle, onClick: () => { void act('login-poll'); } }, t('loginPolled')));
                 }
-                return h('div', { style: sectionBoxStyle, 'data-minimax-login': true }, row(t('loginTitle'), t('loginSignedOut')), h('button', { type: 'button', style: actionButtonStyle, onClick: () => { void act('login-start'); } }, t('loginStart')));
+                return h('div', { style: boxStyle, 'data-minimax-login': true }, row(t('loginTitle'), t('loginSignedOut')), h('button', { type: 'button', style: actionButtonStyle, onClick: () => { void act('login-start'); } }, t('loginStart')));
             }
             /**
              * The check-in block.
@@ -739,9 +812,15 @@
             function signinBlock(t, signin, refresh) {
                 if (signin === undefined)
                     return null;
-                return h('div', { style: sectionBoxStyle, 'data-minimax-signin': true }, h('div', { style: sectionTitleStyle }, t('signinTitle')), signin.today === undefined
+                // The day's status sits at the title's right end: it is a property of
+                // the whole block, not of the day-count row below it.
+                return h('div', { style: boxStyle, 'data-minimax-signin': true }, h('div', { style: rowStyle }, h('span', { style: boxTitleStyle }, t('signinTitle')), h('span', { style: mutedStyle }, signin.today === undefined
+                    ? t('signinUnavailable')
+                    : signin.today.claimed
+                        ? t('signinClaimed')
+                        : signin.today.claimable ? t('signinClaimable') : t('signinUnavailable'))), signin.today === undefined
                     ? h('div', { style: mutedStyle }, t('signinUnavailable'))
-                    : h('div', { style: rowStyle }, h('span', null, t('signinToday', { day: signin.today.dayNo, points: signin.today.points })), h('span', null, signin.today.claimed ? t('signinClaimed') : signin.today.claimable ? t('signinClaimable') : t('signinUnavailable'))), (signin.days ?? []).length === 0
+                    : h('div', { style: rowStyle }, h('span', null, t('signinToday', { day: signin.today.dayNo, points: signin.today.points }))), (signin.days ?? []).length === 0
                     ? null
                     : h('div', { style: dayRowStyle }, ...(signin.days ?? []).map(day_ => h('span', {
                         key: `day-${day_.dayNo}`,
@@ -882,7 +961,7 @@
                     style: selectStyle,
                     onChange: (event) => onChange(event.target.value),
                 }, ...values.map(option => h('option', { key: option, value: option }, option)));
-                return h('div', { style: sectionBoxStyle, 'data-minimax-generation': true }, h('div', { style: sectionTitleStyle }, t('generateTitle')), h('div', { style: rowStyle }, h('button', {
+                return h('div', { style: genCardStyle, 'data-minimax-generation': true }, h('div', { style: cardTitleStyle }, t('generateTitle')), h('div', { style: rowStyle }, h('button', {
                     type: 'button',
                     style: mode === 'image' ? tabActiveStyle : actionButtonStyle,
                     onClick: () => { setMode('image'); setPicture(undefined); setVideo(undefined); },
@@ -934,13 +1013,47 @@
                     // usable even when the balance cannot be read.
                     h(GenerationPanel, props));
                 }
-                return h('div', { style: pageStyle, 'data-minimax-page': true }, h('div', { style: cardStyle, 'data-minimax-credits-card': true }, h('div', { style: cardTitleStyle }, t('title')), h('div', { style: bigNumberStyle }, t('balance', { total: credits(credits_.total, 2) })), row(t('free'), credits(credits_.free, 3)), row(t('purchased'), credits(credits_.purchased, 3)), expiryBlock(t, credits_), rateLimitBlock(t, status?.rateLimit), planNotice(t, status?.rateLimit), planLine(t, status?.plan), signinBlock(t, signin, refresh), h('div', { style: sectionTitleStyle }, t('lots')), (credits_.upcoming ?? []).length === 0
-                    ? h('div', { style: mutedStyle }, t('noLots'))
-                    : h('ul', { style: listStyle }, ...(credits_.upcoming ?? []).map((lot, index) => h('li', { key: `${lot.expireAtMs}-${index}`, style: rowStyle }, h('span', null, day(lot.expireAtMs)), h('span', null, credits(lot.amount, 2))))), usage !== undefined
-                    ? h('div', { style: usageBoxStyle }, row(t('tokens', { count: tokens(usage.inputTokens + usage.outputTokens + usage.cacheReadTokens) }), ''), row(t('cost', { amount: money(usage.estimatedCny) }), ''), usage.requests > 0 ? row(t('requests', { count: usage.requests }), usage.lastModel ?? '') : null)
-                    : null, usageProfileBlock(t, status?.usageProfile), loginBlock(t, login, refresh), credits_.updatedAtMs !== undefined
-                    ? h('div', { style: mutedStyle }, t('updated', { time: new Date(credits_.updatedAtMs).toLocaleTimeString() }))
-                    : null), h(GenerationPanel, props));
+                // The page's rows of hairline sections are gone: the card now reads as
+                // a two-column grid of soft sub-cards. Row one is the balance and the
+                // plan's windows, row two the check-in cycle and the next grants due,
+                // row three this host's own usage across both columns, row four the
+                // account's usage history across both.
+                const lots = [...(credits_.upcoming ?? [])].sort((a, b) => a.expireAtMs - b.expireAtMs);
+                const windows = rateLimitRows(t, status?.rateLimit);
+                const profileLines = usageProfileRows(t, status?.usageProfile);
+                const updated = credits_.updatedAtMs !== undefined
+                    ? t('updated', { time: new Date(credits_.updatedAtMs).toLocaleTimeString() })
+                    : undefined;
+                const loginLine = login?.state === 'signed-in'
+                    ? (login.source === 'plugin' ? t('loginPlugin') : t('loginDesktop'))
+                    : undefined;
+                return h('div', { style: pageStyle, 'data-minimax-page': true }, h('div', { style: cardStyle, 'data-minimax-credits-card': true }, h('div', { style: cardHeadStyle }, h('span', { style: cardTitleStyle }, t('title')), h('span', { style: mutedStyle }, [loginLine, updated].filter(line => line !== undefined).join(' · '))), h('div', { style: gridStyle }, h('div', { style: boxStyle }, h('div', { style: boxTitleStyle }, t('creditsBox')), h('div', { style: bigNumberStyle }, credits(credits_.total, 2)), row(t('free'), credits(credits_.free, 3)), row(t('purchased'), credits(credits_.purchased, 3)), ...expiryRows(t, credits_).slice(0, 1)), h('div', { style: boxStyle, 'data-minimax-rate-limit': true }, h('div', { style: boxTitleStyle }, t('planTitle')), ...(windows.length > 0
+                    ? [
+                        // The invisible number keeps the windows lined up with
+                        // the balance box's rows, which sit below its own big
+                        // number. With no windows to align, it is only noise.
+                        h('div', { style: { ...bigNumberStyle, visibility: 'hidden' }, 'aria-hidden': 'true' }, '—'),
+                        ...windows,
+                    ]
+                    : [rateLimitFallback(t, status?.rateLimit)])), 
+                // The tier and the day it ends, for an account that holds one.
+                // An account without a plan has nothing to say here.
+                planLine(t, status?.plan), signinBlock(t, signin, refresh), h('div', { style: boxStyle }, h('div', { style: boxTitleStyle }, t('lots')), 
+                // The upstream already caps the list at the five soonest lots
+                // with credits left; the sort only keeps that promise honest.
+                ...(lots.length === 0
+                    ? [h('div', { style: mutedStyle }, t('noLots'))]
+                    : lots.map((lot, index) => h('div', { key: `${lot.expireAtMs}-${index}`, style: rowStyle }, h('span', null, day(lot.expireAtMs)), h('span', null, credits(lot.amount, 2)))))), usage !== undefined
+                    ? h('div', { style: { ...boxStyle, ...span2Style }, 'data-minimax-usage': true }, h('div', { style: boxTitleStyle }, t('usageTitle')), row(t('usageTotal'), `${tokens(usage.inputTokens + usage.outputTokens + usage.cacheReadTokens)} tokens(≈¥${money(usage.estimatedCny)})`), usage.requests > 0 ? row(t('requests', { count: usage.requests }), usage.lastModel ?? '') : null)
+                    : null, profileLines.length > 0
+                    ? h('div', { style: { ...boxStyle, ...span2Style }, 'data-minimax-usage-profile': true }, h('div', { style: boxTitleStyle }, t('accountUsage')), h('div', { style: profileGridStyle }, ...profileLines.map((line, index) => h('div', { key: `profile-${index}` }, line))))
+                    : null, login !== undefined && login.state !== 'signed-in'
+                    ? h('div', { style: span2Style }, loginBlock(t, login, refresh))
+                    : null)), 
+                // The generation panel does not need the balance: it spends the
+                // account's generation allowance, not its credits, so it stays
+                // usable even when the balance cannot be read.
+                h(GenerationPanel, props));
             }
             const wrapStyle = {
                 position: 'relative',
@@ -980,13 +1093,13 @@
                 bottom: 'calc(100% + 6px)',
                 left: 0,
                 zIndex: 10,
-                minWidth: '240px',
-                borderRadius: '8px',
+                minWidth: '260px',
+                borderRadius: '14px',
                 background: 'var(--dsh-panel-background, Canvas)',
                 color: 'var(--dsh-panel-foreground, CanvasText)',
                 border: '1px solid var(--dsh-panel-border, currentColor)',
                 boxShadow: '0 6px 20px rgba(0,0,0,0.18)',
-                padding: '8px 10px',
+                padding: '10px',
                 fontSize: '12px',
                 lineHeight: 1.6,
                 textAlign: 'left',
@@ -996,19 +1109,51 @@
                 justifyContent: 'space-between',
                 gap: '16px',
             };
-            const expiryBoxStyle = {
-                marginTop: '6px',
-                paddingTop: '6px',
-                borderTop: '1px solid var(--dsh-panel-border, currentColor)',
-                opacity: 0.95,
+            // The rounded sub-card every section of the detail and the page card
+            // lives in. The fill is a translucent gray so one value works on both
+            // themes; the host's own muted token wins when it offers one.
+            const boxStyle = {
+                background: 'var(--dsh-muted, rgba(127, 127, 127, 0.1))',
+                borderRadius: '10px',
+                padding: '7px 10px',
+                display: 'flex',
+                flexDirection: 'column',
+                gap: '4px',
             };
+            const boxTitleStyle = { fontWeight: 600, fontSize: '12px', opacity: 0.85 };
+            const detailFlowStyle = { display: 'flex', flexDirection: 'column', gap: '6px' };
             const warnStyle = { color: 'var(--dsh-warning, #b45309)' };
             const cardStyle = {
                 display: 'flex',
                 flexDirection: 'column',
-                gap: '6px',
+                gap: '8px',
                 fontSize: '13px',
                 lineHeight: 1.6,
+                background: 'var(--dsh-panel-background, Canvas)',
+                border: '1px solid var(--dsh-panel-border, currentColor)',
+                borderRadius: '14px',
+                padding: '12px',
+            };
+            const cardHeadStyle = {
+                display: 'flex',
+                justifyContent: 'space-between',
+                alignItems: 'baseline',
+                gap: '8px',
+                flexWrap: 'wrap',
+            };
+            // The page card's two-column grid: credits beside the plan, the check-in
+            // beside the grants, and the wide rows spanning both columns below.
+            const gridStyle = {
+                display: 'grid',
+                gridTemplateColumns: 'repeat(2, minmax(0, 1fr))',
+                gap: '8px',
+            };
+            const span2Style = { gridColumn: '1 / -1' };
+            // The account usage box lays its lines out two across.
+            const profileGridStyle = {
+                display: 'grid',
+                gridTemplateColumns: 'repeat(2, minmax(0, 1fr))',
+                gap: '4px 16px',
             };
             // The page stacks the balance card and the generation panel.
             const pageStyle = {
@@ -1016,19 +1161,23 @@
                 flexDirection: 'column',
                 gap: '10px',
             };
-            const cardTitleStyle = { fontWeight: 600 };
-            const bigNumberStyle = { fontSize: '20px', fontWeight: 600, marginBottom: '2px' };
-            const sectionTitleStyle = { marginTop: '8px', fontWeight: 600 };
-            const mutedStyle = { opacity: 0.7, fontSize: '12px' };
-            const listStyle = { listStyle: 'none', margin: 0, padding: 0 };
-            const sectionBoxStyle = {
-                marginTop: '10px',
-                paddingTop: '8px',
-                borderTop: '1px solid var(--dsh-panel-border, currentColor)',
+            // The generation panel wears the same rounded shell as the balance
+            // card, so the page reads as a stack of two cards rather than a card
+            // above a bare section.
+            const genCardStyle = {
                 display: 'flex',
                 flexDirection: 'column',
-                gap: '6px',
+                gap: '8px',
+                fontSize: '13px',
+                lineHeight: 1.6,
+                background: 'var(--dsh-panel-background, Canvas)',
+                border: '1px solid var(--dsh-panel-border, currentColor)',
+                borderRadius: '14px',
+                padding: '12px',
             };
+            const cardTitleStyle = { fontWeight: 600 };
+            const bigNumberStyle = { fontSize: '20px', fontWeight: 600, marginBottom: '2px' };
+            const mutedStyle = { opacity: 0.7, fontSize: '12px' };
             const actionButtonStyle = {
                 appearance: 'none',
                 background: 'transparent',
@@ -1057,12 +1206,6 @@
             };
             const dayTodayStyle = { opacity: 1, fontWeight: 600 };
             const dayClaimedStyle = { background: 'var(--dsh-panel-border, currentColor)', opacity: 0.9 };
-            const usageBoxStyle = {
-                marginTop: '8px',
-                paddingTop: '6px',
-                borderTop: '1px solid var(--dsh-panel-border, currentColor)',
-                opacity: 0.9,
-            };
             const tabActiveStyle = {
                 appearance: 'none',
                 padding: '2px 8px',

package/lib/index.js

@@ -1549,8 +1549,8 @@ function parseRateLimitWindows(document) {
 	const entry = remains.find((item) => typeof item === "object" && item !== null && item.model_name === "general") ?? remains[0];
 	if (typeof entry !== "object" || entry === null) return void 0;
 	const record = entry;
-	const interval = readWindow(record.current_interval_used_percent, record.current_interval_remaining_percent, record.start_time, record.end_time, record.current_interval_status);
-	const weekly = readWindow(record.current_weekly_used_percent, record.current_weekly_remaining_percent, record.weekly_start_time, record.weekly_end_time, record.current_weekly_status);
+	const interval = readWindow(usedPercentFrom(record.current_interval_used_percent, record.current_interval_remaining_percent), record.start_time, record.end_time, record.current_interval_status);
+	const weekly = readWindow(usedPercentFrom(record.current_weekly_used_percent, record.current_weekly_remaining_percent), record.weekly_start_time, record.weekly_end_time, record.current_weekly_status);
 	if (interval === void 0 || weekly === void 0) return void 0;
 	return {
 		interval,
@@ -1564,24 +1564,24 @@ function parseRateLimitWindows(document) {
 */
 const UNLIMITED_STATUS = 3;
 /**
-* The share of a window's allowance already used, whichever way it is reported.
+* The used share of a window, from either shape the upstream sends.
 *
-* The endpoint named the used share `current_*_used_percent` and then
-* renamed it to `current_*_remaining_percent` while inverting its meaning.
-* The used share is what a person needs, so it is what this returns; the
-* remaining share is subtracted from a hundred to get there.
+* The older path reports how much of the allowance went ("3%"); the documented
+* quota endpoint reports how much is left (96). Both describe the same window,
+* so a response that only carries the remaining share is turned into the used
+* one rather than treated as unreadable — the documented endpoint sends no
+* used field at all, which is what left the plan's windows off the card.
 */
-function readUsedPercent(used, remaining) {
-	const usedPercent = parsePercent(used);
-	if (usedPercent !== void 0) return usedPercent;
-	const remainingPercent = parsePercent(remaining);
-	if (remainingPercent === void 0) return void 0;
-	return 100 - remainingPercent;
+function usedPercentFrom(used, remaining) {
+	const direct = parsePercent(used);
+	if (direct !== void 0) return direct;
+	const rest = parsePercent(remaining);
+	return rest === void 0 ? void 0 : 100 - rest;
 }
 /** Assemble one window from its percent and edge fields; all must be present. */
-function readWindow(percent, remainingPercent, startAtMs, resetAtMs, status) {
+function readWindow(percent, startAtMs, resetAtMs, status) {
 	if (status === UNLIMITED_STATUS) return void 0;
-	const usedPercent = readUsedPercent(percent, remainingPercent);
+	const usedPercent = parsePercent(percent);
 	const start = toNumber$1(startAtMs);
 	const reset = toNumber$1(resetAtMs);
 	if (usedPercent === void 0 || start === void 0 || reset === void 0) return void 0;
@@ -1745,7 +1745,7 @@ async function fetchTokenPlanWindows(apiKey, region, fetchImpl = fetch) {
 function summarizeExpiry(lots, now = Date.now()) {
 	const alive = lots.filter((lot) => lot.remaining > 0 && lot.expireAtMs > now);
 	const within = (days) => alive.filter((lot) => lot.expireAtMs - now <= days * 864e5);
-	const week = within(7);
+	const week = within(3);
 	const month = within(30);
 	return {
 		expiring: week.reduce((sum, lot) => sum + lot.remaining, 0),
@@ -1930,7 +1930,11 @@ var MinimaxCredits = class {
 		const apiKey = this.#apiKey ?? await fetchTokenPlanApiKey(credential, region, fetchImpl);
 		this.#apiKey = apiKey;
 		if (apiKey !== void 0) try {
-			return await fetchTokenPlanWindows(apiKey, region, fetchImpl);
+			const read = await fetchTokenPlanWindows(apiKey, region, fetchImpl);
+			if (read.error === void 0 || read.absence !== void 0) return read;
+			const legacy = await fetchRateLimitWindows(credential, region, fetchImpl);
+			if (legacy !== void 0) return { windows: legacy };
+			return read;
 		} catch (error) {
 			const legacy = await fetchRateLimitWindows(credential, region, fetchImpl);
 			if (legacy !== void 0) return { windows: legacy };

package/package.json

@@ -2,7 +2,7 @@
   "name": "dsh-connect-minimaxcode",
   "displayName": "DSH Connect MiniMax Code",
   "description": "把本机已登录的 MiniMax Code 桌面 App 模型接入 DeepSeek Harness：零配置、Anthropic Messages 兼容、动态模型目录，并显示积分余额与到期 — bring MiniMax Code desktop app models into DSH with a dynamic model catalog and a credit balance with expiry details.",
-  "version": "0.6.6",
+  "version": "0.6.7",
   "author": "JeffTsuiCUG",
   "contributors": [
     {