@linxin666/dsh-usage 0.4.8 → 0.4.10

package/lib/index.js

@@ -118,7 +118,7 @@ function mountOnce(packageName, fn) {
 	return mount;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-brand@0.2.1-rc.2_@deepseek-ai+cordis@4.0.5/node_modules/@deepseek-ai/dsh-brand/lib/index.js
+//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-brand@0.2.1-rc.3_@deepseek-ai+cordis@4.0.5/node_modules/@deepseek-ai/dsh-brand/lib/index.js
 /**
 * Duplicate-install-safe nominal primitive helpers.
 *
@@ -141,7 +141,7 @@ function brandString(value) {
 	return value;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-credentials@0.2.1-rc.2_@deepseek-ai+cordis@4.0.5/node_modules/@deepseek-ai/dsh-credentials/lib/index.js
+//#region ../../node_modules/.pnpm/@deepseek-ai+dsh-credentials@0.2.1-rc.3_@deepseek-ai+cordis@4.0.5/node_modules/@deepseek-ai/dsh-credentials/lib/index.js
 /**
 * Service Definition for the credential-reference capability seam (`ctx.credentials`). Settings and composition files carry
 * *references* to secrets — environment-variable names — while providers own
@@ -1351,6 +1351,30 @@ function deserializeLedger(value) {
 	return doc;
 }
 //#endregion
+//#region src/core/spend.ts
+/**
+* The rate used when the row configures none: a plain default, so an
+* unconfigured display still has a defined美元 figure instead of a blank card.
+* The plugin never fetches a live rate (its host routes are loopback-fenced and
+* its browser half has no network), so there is no fetch that could fail and
+* leave the card empty.
+*/
+const DEFAULT_CNY_PER_USD = 7.2;
+/**
+* Normalize a configured display.
+* An unknown currency reads as CNY, and a rate that is not a positive finite
+* number falls back to the default rate — the display must never be able to
+* blank the card.
+* @param input - the configured currency and rate, if any.
+* @returns a display that can always render.
+*/
+function resolveSpendDisplay(input) {
+	return {
+		currency: input?.currency === "USD" ? "USD" : "CNY",
+		cnyPerUsd: typeof input?.cnyPerUsd === "number" && Number.isFinite(input.cnyPerUsd) && input.cnyPerUsd > 0 ? input.cnyPerUsd : DEFAULT_CNY_PER_USD
+	};
+}
+//#endregion
 //#region src/host/usage-service.ts
 /**
 * The dsh-usage host service: folds live session usage into the persistent
@@ -1555,6 +1579,7 @@ var UsageService = class {
 		const all = summarizeDays(allKeys.map((key) => this.ledger.days[key] ?? {}));
 		return {
 			updatedAt: Date.now(),
+			display: resolveSpendDisplay(this.options.display),
 			providers,
 			current: this.currentView(),
 			usage: {
@@ -2073,8 +2098,31 @@ function isLoopbackRequest(request) {
 */
 function isPairedOrLoopbackAllowed(ctx, request) {
 	if (isLoopbackRequest(request)) return true;
-	const fromGet = typeof ctx.get === "function" ? ctx.get("remoteWebUiPairing", false) : void 0;
-	return (isPairingAccess(fromGet) ? fromGet : ctx.remoteWebUiPairing)?.isPairedDevice(request) === true;
+	return lookupPairing(ctx)?.isPairedDevice(request) === true;
+}
+/**
+* The pairing service, or undefined when this composition does not expose it.
+*
+* Two lookups exist because the fence is shared with test harnesses that hand
+* over a bare object: a real cordis context resolves services through `get`, a
+* harness may carry the property directly. `get(name, false)` is the
+* non-strict form, so an unloaded service answers undefined rather than
+* throwing. Reading an un-injected service as a PROPERTY throws instead
+* (`cannot get property "remoteWebUiPairing" without inject`); a trust fence
+* must answer "not paired" in that case, never leak the error into the route
+* handler, where the host web server turns it into an empty-body 400 (#1942).
+*/
+function lookupPairing(ctx) {
+	if (typeof ctx.get === "function") {
+		const viaGet = ctx.get("remoteWebUiPairing", false);
+		return isPairingAccess(viaGet) ? viaGet : void 0;
+	}
+	try {
+		const viaProperty = ctx.remoteWebUiPairing;
+		return isPairingAccess(viaProperty) ? viaProperty : void 0;
+	} catch {
+		return;
+	}
 }
 function isPairingAccess(value) {
 	return value !== void 0 && value !== null && typeof value.isPairedDevice === "function";
@@ -2222,7 +2270,9 @@ const USAGE_SETTINGS_NAMESPACE = "dsh-usage";
 const Config = z.object({
 	enabled: z.boolean().default(true).volatile(),
 	pollIntervalSec: z.number().min(30).max(3600).default(60).volatile(),
-	retainDays: z.number().min(7).max(730).default(180).volatile()
+	retainDays: z.number().min(7).max(730).default(180).volatile(),
+	spendCurrency: z.union(["CNY", "USD"]).default("CNY").volatile(),
+	cnyPerUsd: z.number().min(.01).max(1e3).default(DEFAULT_CNY_PER_USD).volatile()
 });
 /** Read one config field, following the live reference the schema produces. */
 function readConfigField(field) {
@@ -2246,7 +2296,11 @@ function resolveConfig(config) {
 	return {
 		enabled: readConfigField(config?.enabled) ?? true,
 		pollIntervalSec: readNumber(config?.pollIntervalSec, 60),
-		retainDays: readNumber(config?.retainDays, 180)
+		retainDays: readNumber(config?.retainDays, 180),
+		display: resolveSpendDisplay({
+			currency: readConfigField(config?.spendCurrency),
+			cnyPerUsd: readNumber(config?.cnyPerUsd, DEFAULT_CNY_PER_USD)
+		})
 	};
 }
 /**

package/lib/types/client/UsageSectionCard.d.ts

@@ -1,7 +1,7 @@
 /**
  * The usage statistics settings section: three tabs (用量: today's usage,
  * balances, trend; 个人套餐: per-provider plan quota windows; Token 银行:
- * the whale-yuan voucher minted from the DeepSeek official family's usage)
+ * the whale-yuan voucher minted from every provider's ledger usage)
  * plus a compact settings row. Data comes from the host's loopback-fenced
  * /api/dsh-usage/overview document; polling runs only while the section is
  * mounted and the tab is visible.
@@ -15,6 +15,10 @@ import type { UsageDayView } from '../core/types.ts';
 export interface UsageSettings {
     enabled?: boolean;
     pollIntervalSec?: number;
+    /** Currency the spend figures are displayed in; the ledger stays CNY. */
+    spendCurrency?: 'CNY' | 'USD';
+    /** CNY per USD, consulted only while the display currency is USD. */
+    cnyPerUsd?: number;
 }
 /** The registration-side face the section's slot entry injects. */
 export interface UsageSectionFace {

package/lib/types/client/foot-card-mount.d.ts

@@ -17,15 +17,59 @@ import { type UsageFootCardProps } from './UsageFootCard.tsx';
 /** Stable data attribute identifying the injected card container. */
 export declare const FOOT_CARD_SELECTOR = "[data-dsh-usage-foot-card]";
 /**
- * Open the settings panel on the usage section. The shell owns the panel's
- * open state and exposes no service for it, so the card replays the user's
- * own path: activate the sidebar Settings trigger, then pick the nav row
- * carrying the section's (localized) label. Every step degrades silently —
- * with the panel already open only the nav pick runs, and a missing row
- * leaves the panel on its default section.
- * @param label - the usage section's nav label in the active locale.
+ * The settings shell's store handle, narrowed to the one write this module
+ * performs. A slot registration stores its seat type-erased (`StoreDecl`), so
+ * the shape the seat's occupant guarantees is restated here.
  */
-export declare function openUsageSettings(label: () => string): void;
+export interface SettingsShellStore {
+    create(): {
+        actions: {
+            openSection(id: string): void;
+        };
+    };
+}
+/** The registry read the seat lookup needs (structurally `ctx.slots`). */
+export interface SlotSeatReader {
+    entries(key: string): readonly {
+        store?: unknown;
+    }[];
+}
+/** What the card knows about the settings section it opens. */
+export interface UsageSettingsTarget {
+    /** Slot registration id of the usage section (the nav row the panel selects). */
+    id: string;
+    /** The section's nav label in the active locale (the DOM replay's row pick). */
+    label: () => string;
+    /** The settings shell's store handle, when the seat exposes one. */
+    store?: SettingsShellStore | undefined;
+}
+/**
+ * Resolve the settings shell's store handle from the `sidebar.settings` seat.
+ *
+ * The seat is a single-occupant slot and the shell's own registration carries
+ * the store that owns the panel's open state and active section, so reading it
+ * is the one step that opens the panel without touching the DOM. A shell that
+ * exposes no seat, a seat without a store, or a registry answering mid-teardown
+ * all yield undefined, and the caller replays the DOM path instead.
+ * @param slots - the renderer-owned slot registry.
+ * @returns the store handle, or undefined when the seat carries none.
+ */
+export declare function settingsShellStore(slots: SlotSeatReader | undefined): SettingsShellStore | undefined;
+/**
+ * Open the settings panel on the usage section.
+ *
+ * The seat's store is the primary path: `openSection` opens the dialog on the
+ * usage row in one call, with no dependence on which plugin occupies the
+ * `settings.launcher` seat — an account row there turns a trigger click into a
+ * menu, which is how this click used to land on the account menu instead of the
+ * panel. Without such a store the card replays the user's own path: activate
+ * the launcher (preferring the dialog trigger over a menu trigger), follow a
+ * menu launcher's first settings item, then pick the nav row carrying the
+ * section's label. Every step degrades silently — a missing surface leaves the
+ * page untouched, and with the panel already open only the nav pick runs.
+ * @param target - the section id, its localized label, and the seat's store.
+ */
+export declare function openUsageSettings(target: UsageSettingsTarget): void;
 /**
  * Mount the sidebar foot card directly above the Settings row.
  * @param props - the store/poll/settings/open inputs of the apply body.

package/lib/types/client/locales.d.ts

@@ -57,6 +57,8 @@ export declare const zh: {
     'usage.config.title': string;
     'usage.config.enabled': string;
     'usage.config.pollIntervalSec': string;
+    'usage.config.spendCurrency': string;
+    'usage.config.cnyPerUsd': string;
     'usage.config.saveFailed': string;
     'usage.bank.title': string;
     'usage.bank.hint': string;

package/lib/types/client/voucher.d.ts

@@ -1,5 +1,5 @@
 /**
- * The Whale-yuan voucher (鲸元券): the mint family's retained ledger totals
+ * The Whale-yuan voucher (鲸元券): the profile's retained ledger totals
  * stamped onto the banknote artwork as a denomination, ready
  * to save or share. The canvas copy is deliberately locale-neutral (digits,
  * latin captions, ISO dates) so the exported image needs no dictionary;
@@ -11,11 +11,11 @@
 import type { UsageWindowSummary } from '../core/types.ts';
 /** The facts stamped onto one voucher. */
 export interface VoucherData {
-    /** Mint family (DeepSeek official + MiMo) total tokens over the retained window. */
+    /** Every provider's total tokens over the retained window. */
     tokens: number;
-    /** Provider calls that reported usage. */
+    /** Provider calls that reported usage, summed across every provider. */
     calls: number;
-    /** Fold-time spend estimate in CNY; only the priced family contributes. */
+    /** Fold-time spend estimate in CNY; only the priced (official DeepSeek) family contributes. */
     cost: number;
     /** Retained window bounds (local date keys, inclusive). */
     from: string;
@@ -28,28 +28,23 @@ export declare function faceValue(tokens: number): number;
 /** Local calendar day (`YYYY-MM-DD`) for an epoch ms timestamp. */
 export declare function formatDay(ms: number): string;
 /**
- * Provider route ids minted beside the DeepSeek official family: the MiMo
- * gateway, which a profile may run as its default route and which the ledger
- * records under its own route id. The bank counts the tokens a profile spends,
- * not only the ones DeepSeek bills. Route ids rather than adapter families
- * because minting is an accounting decision that must never widen the
- * credential or probing paths — the same split `isDeepSeekProviderRoute()`
- * keeps against `adapterFor()` (issue #1772). An empty list mints exactly the
- * official family, which is how a profile that never runs MiMo behaves.
- */
-export declare const EXTRA_MINT_ROUTE_IDS: readonly string[];
-/** Whether one provider route's ledger rows mint whale yuan. */
-export declare function mintsWhaleYuan(provider: string): boolean;
-/**
- * Sum the mint family's rows out of a usage window: the whole DeepSeek
- * official family (the `deepseek` catalog alias, the live `deepseek-official`
- * route and the signed-in `deepseek-account` route all fold into one voucher)
- * plus {@link EXTRA_MINT_ROUTE_IDS}. Undefined when the window is absent
- * (older host) or the family has no usage — a zero-token note mints nothing.
+ * Sum every provider's rows out of a usage window: the note is a
+ * proof-of-spend for what the profile actually used, so the tokens and calls
+ * of every route in the ledger mint — the DeepSeek official family (the
+ * `deepseek` catalog alias, the live `deepseek-official` route and the
+ * signed-in `deepseek-account` route) beside every subscription and relay
+ * route. Undefined when the window is absent (older host) or nothing was used
+ * — a zero-token note mints nothing.
+ *
+ * Minting is an accounting decision over ledger rows, so it reads no adapter:
+ * widening it must never widen the credential or balance-probe paths, which
+ * keep reading `adapterFor()` (the split `isDeepSeekProviderRoute()` also
+ * keeps, issue #1772).
  *
- * Only the priced family contributes `cost`: MiMo ships no price book, so it
- * mints tokens and calls while the spend line keeps reporting the official
- * family's fold-time estimate (and the observed-balance watch above it).
+ * Only the priced family contributes `cost`: subscription and relay routes
+ * ship no price book, so they mint tokens and calls while the spend line keeps
+ * reporting the official family's fold-time estimate (and the observed-balance
+ * watch above it).
  */
 export declare function voucherData(window: UsageWindowSummary | undefined): VoucherData | undefined;
 /** Banknote denomination: full digits with thousands separators. */

package/lib/types/core/spend.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Spend display: the ledger keeps every cost estimate in the priced provider's
+ * billing currency (CNY), and that stored value never moves. This module turns
+ * one CNY figure into the currency the user chose to READ it in, so switching
+ * the display is a rendering decision, not a data migration (issue #1937).
+ * @module @linxin666/dsh-usage/core/spend
+ */
+/** A currency the spend display can render. */
+export type SpendCurrency = 'CNY' | 'USD';
+/** How to read a stored CNY cost. */
+export interface SpendDisplay {
+    /** The currency to render in. */
+    currency: SpendCurrency;
+    /** CNY per USD; consulted only when the display currency is USD. */
+    cnyPerUsd: number;
+}
+/**
+ * The rate used when the row configures none: a plain default, so an
+ * unconfigured display still has a defined美元 figure instead of a blank card.
+ * The plugin never fetches a live rate (its host routes are loopback-fenced and
+ * its browser half has no network), so there is no fetch that could fail and
+ * leave the card empty.
+ */
+export declare const DEFAULT_CNY_PER_USD = 7.2;
+/** The display used when the row carries no setting: the historical CNY rendering. */
+export declare const DEFAULT_SPEND_DISPLAY: SpendDisplay;
+/**
+ * Normalize a configured display.
+ * An unknown currency reads as CNY, and a rate that is not a positive finite
+ * number falls back to the default rate — the display must never be able to
+ * blank the card.
+ * @param input - the configured currency and rate, if any.
+ * @returns a display that can always render.
+ */
+export declare function resolveSpendDisplay(input?: {
+    currency?: unknown;
+    cnyPerUsd?: unknown;
+}): SpendDisplay;
+/**
+ * Render one stored CNY cost in the display currency.
+ * A non-finite or negative cost renders as zero rather than as `NaN`/`¥-0.10`.
+ * @param costCny - the stored cost in CNY.
+ * @param display - the display to render in; defaults to CNY.
+ * @returns the formatted amount with its currency symbol.
+ */
+export declare function formatSpend(costCny: number, display?: SpendDisplay): string;

package/lib/types/core/types.d.ts

@@ -5,6 +5,7 @@
  * core adapters, never here.
  * @module @linxin666/dsh-usage/core/types
  */
+import type { SpendDisplay } from './spend.ts';
 /** One disjoint token bucket total, aggregated over calls (billed input = input + cacheRead + cacheWrite). */
 export interface UsageTokenTotals {
     /** Uncached input tokens. */
@@ -135,6 +136,12 @@ export interface ProviderSnapshotView {
 /** The overview the browser section renders. */
 export interface UsageOverviewView {
     updatedAt: number;
+    /**
+     * How to read every CNY cost in this document. The host stamps the row's
+     * configured display here so both browser halves format spend the same way;
+     * absent on an older host document, which renders as CNY (issue #1937).
+     */
+    display?: SpendDisplay;
     providers: ProviderSnapshotView[];
     /** The provider the collapsed sidebar strip and the header highlight; `source` says how it was picked. */
     current: {

package/lib/types/host/loopback.d.ts

@@ -15,6 +15,11 @@
  * request. Forwarding headers are the signal that a hop stands in between: a
  * request that carries CF-Connecting-IP or X-Forwarded-For is answered through
  * a proxy and is never treated as a local one (issue #1906).
+ *
+ * An operator who runs that proxy or tunnel themselves can opt into the
+ * narrower case: isForwardedLoopbackRequest describes a forwarded request that
+ * still landed on this machine's loopback upstream, and a route family admits
+ * it only behind its own default-off switch (issue #1918).
  * @module dsh-web-shared/host/loopback
  */
 import type { IncomingMessage } from 'node:http';
@@ -41,3 +46,19 @@ export declare function isProxiedRequest(request: IncomingMessage): boolean;
  * client. X-Forwarded-For is therefore never evidence *for* loopback.
  */
 export declare function isLoopbackRequest(request: IncomingMessage): boolean;
+/**
+ * Whether a forwarded request landed on this machine's loopback upstream: a
+ * forwarding header (the proxy's own stamp), a loopback socket address (the
+ * proxy dials 127.0.0.1:<port>), and a loopback Host header (the proxy rewrote
+ * the authority to its upstream literal).
+ *
+ * This is a fact about the route, not a trust decision. A public request to a
+ * tunnel satisfies all three by construction, because the proxy is the client
+ * of this process: only a caller that operates the proxy can decide it stands
+ * for the browser, which is why every consumer keeps this behind an explicit
+ * default-off switch and its own browser markers. isLoopbackRequest is
+ * unchanged and still refuses a forwarded request (issue #1906).
+ * @param request - node HTTP request.
+ * @returns true when a forwarding header, a loopback socket, and a loopback Host all hold.
+ */
+export declare function isForwardedLoopbackRequest(request: IncomingMessage): boolean;

package/lib/types/host/usage-service.d.ts

@@ -8,6 +8,7 @@
  */
 import type { Context } from '@deepseek-ai/cordis';
 import type { UsageDayView, UsageOverviewView } from '../core/types.ts';
+import { type SpendDisplay } from '../core/spend.ts';
 /**
  * Persisted accrual state for the official DeepSeek family's real spend:
  * consecutive observations of the official CNY balance, decreases counted
@@ -27,6 +28,12 @@ export interface SpendWatch {
 export interface UsageServiceOptions {
     pollIntervalSec: number;
     retainDays: number;
+    /**
+     * How the browser halves should read the stored CNY costs. Optional so a
+     * caller that predates the display setting keeps the CNY rendering (issue
+     * #1937); the overview stamps the resolved value on every document.
+     */
+    display?: SpendDisplay;
 }
 export declare class UsageService {
     private readonly ctx;

package/lib/types/index.d.ts

@@ -2,6 +2,7 @@ import type { Context } from '@deepseek-ai/cordis';
 import type { SettingsNamespace } from '@deepseek-ai/dsh-settings';
 import z from '@deepseek-ai/schemastery';
 import { type UsageServiceOptions } from './host/usage-service.ts';
+import { type SpendDisplay } from './core/spend.ts';
 declare module '@deepseek-ai/cordis' {
     interface Events {
         /**
@@ -38,6 +39,10 @@ export interface UsageConfigFields {
     pollIntervalSec?: ConfigField<number>;
     /** Ledger retention in local days. */
     retainDays?: ConfigField<number>;
+    /** Currency the spend figures are DISPLAYED in; the ledger itself stays CNY. */
+    spendCurrency?: ConfigField<'CNY' | 'USD'>;
+    /** CNY per USD, consulted only while the display currency is USD. */
+    cnyPerUsd?: ConfigField<number>;
 }
 /**
  * Plugin config schema. Under the 0.1.7 settings model this schema IS the
@@ -57,13 +62,19 @@ export declare const Config: z<Schemastery.ObjectS<NoInfer<{
     enabled: z<boolean, boolean, "volatile-defined">;
     pollIntervalSec: z<number, number, "volatile-defined">;
     retainDays: z<number, number, "volatile-defined">;
+    spendCurrency: z<"CNY" | "USD", "CNY" | "USD", "volatile-defined">;
+    cnyPerUsd: z<number, number, "volatile-defined">;
 }>>, Schemastery.ObjectT<NoInfer<{
     enabled: z<boolean, boolean, "volatile-defined">;
     pollIntervalSec: z<number, number, "volatile-defined">;
     retainDays: z<number, number, "volatile-defined">;
+    spendCurrency: z<"CNY" | "USD", "CNY" | "USD", "volatile-defined">;
+    cnyPerUsd: z<number, number, "volatile-defined">;
 }>>, "plain">;
 export interface ResolvedConfig extends UsageServiceOptions {
     enabled: boolean;
+    /** The resolved spend display; always present, unlike the optional service option. */
+    display: SpendDisplay;
 }
 /**
  * Resolve the effective settings of one activation. Volatile references are

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@linxin666/dsh-usage",
   "description": "Usage statistics plugin for the dsh web GUI: per-provider balance and coding-plan quota detection plus a live token usage ledger, with a compact price glance card above the sidebar's Settings row",
-  "version": "0.4.8",
+  "version": "0.4.10",
   "icon": "icon.svg",
   "type": "module",
   "engines": {
@@ -33,7 +33,7 @@
   "license": "Apache-2.0",
   "dsh": {
     "engines": {
-      "dsh": ">=0.2.1-rc.2"
+      "dsh": ">=0.2.1-rc.3"
     },
     "bundle": {
       "patch": "./cordis.patch.yml"
@@ -53,22 +53,22 @@
     "@deepseek-ai/schemastery": "^3.18.5"
   },
   "peerDependencies": {
-    "@deepseek-ai/dsh": ">=0.2.1-rc.2",
+    "@deepseek-ai/dsh": ">=0.2.1-rc.3",
     "react": "^18.2.0"
   },
   "devDependencies": {
     "@deepseek-ai/cordis": "^4.0.5",
-    "@deepseek-ai/dsh-credentials": "^0.2.1-rc.2",
-    "@deepseek-ai/dsh-client-connection": "^0.2.1-rc.2",
-    "@deepseek-ai/dsh-client-locale": "^0.2.1-rc.2",
-    "@deepseek-ai/dsh-client-store": "^0.2.1-rc.2",
-    "@deepseek-ai/dsh-client-ui-renderer": "^0.2.1-rc.2",
-    "@deepseek-ai/dsh-client-ui-settings": "^0.2.1-rc.2",
-    "@deepseek-ai/dsh-client-ui-slots": "^0.2.1-rc.2",
-    "@deepseek-ai/dsh-host-webserver": "^0.2.1-rc.2",
-    "@deepseek-ai/dsh-llm": "^0.2.1-rc.2",
-    "@deepseek-ai/dsh-session": "^0.2.1-rc.2",
-    "@deepseek-ai/dsh-settings": "^0.2.1-rc.2",
+    "@deepseek-ai/dsh-client-connection": "^0.2.1-rc.3",
+    "@deepseek-ai/dsh-client-locale": "^0.2.1-rc.3",
+    "@deepseek-ai/dsh-client-store": "^0.2.1-rc.3",
+    "@deepseek-ai/dsh-client-ui-renderer": "^0.2.1-rc.3",
+    "@deepseek-ai/dsh-client-ui-settings": "^0.2.1-rc.3",
+    "@deepseek-ai/dsh-client-ui-slots": "^0.2.1-rc.3",
+    "@deepseek-ai/dsh-credentials": "^0.2.1-rc.3",
+    "@deepseek-ai/dsh-host-webserver": "^0.2.1-rc.3",
+    "@deepseek-ai/dsh-llm": "^0.2.1-rc.3",
+    "@deepseek-ai/dsh-session": "^0.2.1-rc.3",
+    "@deepseek-ai/dsh-settings": "^0.2.1-rc.3",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.2",
     "@types/node": "^22.20.0",

package/src/client/UsageFootCard.tsx

@@ -32,6 +32,7 @@ import { formatTokens, type UsageSettings } from './UsageSectionCard.tsx'
 import { deepseekPeriodAt } from '../core/pricing.ts'
 import { isDeepSeekProviderRoute } from '../core/adapters.ts'
 import { totalTokens } from '../core/ledger.ts'
+import { formatSpend } from '../core/spend.ts'
 import type { BalanceView, ProviderSnapshotView, UsageOverviewView } from '../core/types.ts'
 import type { UsageStoreInstance } from './usage-store.ts'
 
@@ -148,9 +149,9 @@ function spendProvider(snapshot: UsageOverviewView): string | undefined {
  */
 function headline(snapshot: UsageOverviewView): { label: string; value: string; tokenFallback: boolean; provider?: string } {
   const totals = snapshot.usage.today.totals
-  if (totals.cost > 0) return { label: t('usage.foot.cost'), value: '¥' + totals.cost.toFixed(2), tokenFallback: false, provider: spendProvider(snapshot) }
+  if (totals.cost > 0) return { label: t('usage.foot.cost'), value: formatSpend(totals.cost, snapshot.display), tokenFallback: false, provider: spendProvider(snapshot) }
   if (totals.calls > 0) return { label: t('usage.today'), value: formatTokens(totalTokens(totals)) + ' tokens', tokenFallback: true }
-  return { label: t('usage.foot.cost'), value: '¥0.00', tokenFallback: false }
+  return { label: t('usage.foot.cost'), value: formatSpend(0, snapshot.display), tokenFallback: false }
 }
 
 /** The tokens/calls sub-line under the headline; a quiet no-data line on an empty day. */