@goodandready/dsh-cost-meter 0.8.21 → 0.8.22

package/lib/client.js

@@ -103,6 +103,11 @@ window.__ModuleLoader__.load({
       'projection.burn_rate': 'Burn rate:',
       'projection.projected': 'Projected:',
       'projection.per_hour': '/hr',
+      'field.displayMode': 'Display mode',
+      'hint.displayMode': 'Widget display mode: auto (collapses on mobile <= 768px), full, or always compact.',
+      'mode.auto': 'Auto (responsive)',
+      'mode.full': 'Full',
+      'mode.compact': 'Compact pill',
     }
 
     const zh = {
@@ -186,6 +191,11 @@ window.__ModuleLoader__.load({
       'projection.burn_rate': '消耗速率：',
       'projection.projected': '预估总计：',
       'projection.per_hour': '/小时',
+      'field.displayMode': '显示模式',
+      'hint.displayMode': '计量器外观模式：自动（<=768px 移动端自适应折叠）、完整或始终紧凑。',
+      'mode.auto': '自动自适应',
+      'mode.full': '完整显示',
+      'mode.compact': '紧凑药丸',
     }
 
     function makeT(dict, fallback) {
@@ -275,9 +285,11 @@ window.__ModuleLoader__.load({
 .dcm-dot-idle { background: var(--dsw-alias-label-tertiary); }
 
 .dcm-chip-timer { opacity: 0.72; font-size: 11px; padding-left: 2px; border-left: 1px solid var(--dsw-alias-border-l2); }
-@media (max-width: 680px) {
+@media (max-width: 768px) {
   .dcm-chip-timer { display: none; }
+  .dcm-panel { width: min(320px, calc(100vw - 32px)); right: 0; }
 }
+.dcm-chip-compact .dcm-chip-timer { display: none !important; }
 
 @keyframes dcm-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(0.85); } }
 
@@ -640,6 +652,10 @@ window.__ModuleLoader__.load({
         setSaving(true); setErr(''); setSaved(false)
         const broken = []
 
+        try {
+          await scope.set('displayMode', (draft.displayMode === 'compact' || draft.displayMode === 'full') ? draft.displayMode : 'auto')
+        } catch (e) { broken.push('displayMode: ' + (e && e.message || String(e))) }
+
         try {
           await scope.set('currency', String(draft.currency || '$'))
         } catch (e) { broken.push('currency: ' + (e && e.message || String(e))) }
@@ -819,6 +835,19 @@ window.__ModuleLoader__.load({
                         ),
                       ),
                     ),
+                    React.createElement('div', { className: 'dcm-field', style: { marginTop: 6 } },
+                      React.createElement('label', { className: 'dcm-label' }, t('field.displayMode')),
+                      React.createElement('select', {
+                        className: 'dcm-input',
+                        value: (draft && draft.displayMode) || 'auto',
+                        onChange: (e) => setDraft({ ...draft, displayMode: e.target.value }),
+                      }, [
+                        React.createElement('option', { key: 'auto', value: 'auto' }, t('mode.auto')),
+                        React.createElement('option', { key: 'full', value: 'full' }, t('mode.full')),
+                        React.createElement('option', { key: 'compact', value: 'compact' }, t('mode.compact')),
+                      ]),
+                      React.createElement('span', { className: 'dcm-hint' }, t('hint.displayMode')),
+                    ),
                   ),
 
                   // Section 2: OpenRouter Pricing Catalog
@@ -1225,6 +1254,7 @@ window.__ModuleLoader__.load({
       const currency = stored.currency !== undefined ? String(stored.currency) : (state.currency || '$')
       const fx = stored.usdRate !== undefined && !isNaN(Number(stored.usdRate)) ? Number(stored.usdRate) : (Number(state.usdRate) || 1)
       const budgetThreshold = stored.budgetThreshold !== undefined ? Number(stored.budgetThreshold) : (Number(state.budgetThreshold) || 0)
+      const displayMode = stored.displayMode !== undefined ? stored.displayMode : (state.displayMode || 'auto')
       const schedule = state.schedule
       const hasUsage = usage !== undefined && usage !== null
       const minute = now.getUTCHours() * 60 + now.getUTCMinutes()
@@ -1233,7 +1263,7 @@ window.__ModuleLoader__.load({
         return h('div', { ref: box, style: { position: 'relative' } }, [
           h('button', {
             key: 'chip', type: 'button',
-            className: 'dcm-chip',
+            className: 'dcm-chip' + (displayMode === 'compact' ? ' dcm-chip-compact' : ''),
             onClick: () => setOpen((v) => !v), title: t('chipUnknown'),
           }, [
             h('span', { key: 'dot', className: 'dcm-dot dcm-dot-idle' }),
@@ -1402,7 +1432,7 @@ window.__ModuleLoader__.load({
       return h('div', { ref: box, style: { position: 'relative' } }, [
         h('button', {
           key: 'chip', type: 'button',
-          className: 'dcm-chip',
+          className: 'dcm-chip' + (displayMode === 'compact' ? ' dcm-chip-compact' : ''),
           onClick: () => setOpen((v) => !v),
           title: (budgetExceeded
             ? t('budget.exceeded', { limit: money(budgetThreshold * fx, currency) })
@@ -1639,4 +1669,4 @@ window.__ModuleLoader__.load({
     return module.exports
   },
 })
-
+

package/lib/index.js

@@ -124,6 +124,7 @@ export function normalizeConfig(raw) {
     usdRate: getFxRate(currency, u.usdRate, autoFx),
     displayTimeZone: typeof u.displayTimeZone === 'string' && u.displayTimeZone ? u.displayTimeZone : 'Europe/Moscow',
     budgetThreshold: Number(u.budgetThreshold) || 0,
+    displayMode: (u.displayMode === 'compact' || u.displayMode === 'full') ? u.displayMode : 'auto',
     useOpenRouter: u.useOpenRouter !== false,
     refreshHours: Number(u.refreshHours) || 24,
     deepseekPeakPrices: u.deepseekPeakPrices || {},
@@ -151,6 +152,7 @@ export const Config = z.object({
   usdRate: z.number().description('Units of `currency` per USD. 1 keeps everything in USD.').default(1).volatile(),
   displayTimeZone: z.string().description('IANA zone the widget shows tariff hours in.').default('Europe/Moscow').volatile(),
   budgetThreshold: z.number().description('Optional session budget threshold in USD. 0 disables threshold warnings.').default(0).volatile(),
+  displayMode: z.union(['auto', 'full', 'compact']).description('Widget display mode: auto, full, or compact.').default('auto').volatile(),
   deepseekPeakPrices: z.dict(PriceRow).description('Override the built-in DeepSeek peak rates, by model id.').default({}).volatile(),
   useOpenRouter: z.boolean().description('Pull rates and discount windows from the public OpenRouter catalog.').default(true).volatile(),
   refreshHours: z.number().description('How often to refetch the catalog.').default(24).volatile(),
@@ -296,5 +298,5 @@ export function apply(ctx, config) {
     getCatalog: () => catalog,
   })
 }
-
-
+
+

package/lib/routes.js

@@ -100,6 +100,7 @@ export function registerRoutes(ctx, options) {
             usdRate: Number(cfg?.usdRate) > 0 ? Number(cfg.usdRate) : 1,
             displayTimeZone: typeof cfg?.displayTimeZone === 'string' && cfg.displayTimeZone ? cfg.displayTimeZone : 'Europe/Moscow',
             budgetThreshold: Number(cfg?.budgetThreshold) || 0,
+            displayMode: cfg?.displayMode || 'auto',
             route,
             source: own.source,
             matchedId: own.matchedId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-cost-meter",
-  "version": "0.8.21",
+  "version": "0.8.22",
   "description": "DeepSeek Harness plugin: a session cost chip in the conversation header - live token usage by bucket, peak/off-peak tariff, and a countdown to the next tariff switch.",
   "type": "module",
   "main": "lib/index.js",