@goodandready/dsh-cost-meter 0.8.4 → 0.8.6

package/lib/client.js

@@ -459,7 +459,7 @@ window.__ModuleLoader__.load({
       const [updateState, setUpdateState] = React.useState({
         checking: false,
         updating: false,
-        currentVersion: '0.8.3',
+        currentVersion: '',
         latestVersion: '',
         updateAvailable: false,
         canAutoUpdate: true,
@@ -686,7 +686,7 @@ window.__ModuleLoader__.load({
           ),
           React.createElement(Chevron, { open }),
         ),
-        open ? React.createElement('div', { className: 'dcm-body' },
+        (page || open) ? React.createElement('div', { className: 'dcm-body' },
           status === 'loading'
             ? React.createElement('div', { className: 'dcm-hint', style: { padding: '12px 0' } }, t('settings.loading'))
             : status !== 'ready'
@@ -1014,11 +1014,15 @@ window.__ModuleLoader__.load({
       React.useEffect(() => { ensureStyles() }, [])
 
       const settingsScope = getSettingsScope(ctx)
+      const scope = React.useMemo(
+        () => (settingsScope && typeof settingsScope.bind === 'function' ? settingsScope.bind({ namespace: NS }) : undefined),
+        [settingsScope],
+      )
       const settingsSnap = React.useSyncExternalStore
         ? React.useSyncExternalStore(
-            (cb) => (settingsScope && typeof settingsScope.subscribe === 'function' ? settingsScope.subscribe(cb) : () => {}),
-            () => (settingsScope && typeof settingsScope.get === 'function' ? settingsScope.get(NS) : null),
-            () => null,
+            React.useMemo(() => (cb) => (scope && typeof scope.subscribe === 'function' ? scope.subscribe(cb) : () => {}), [scope]),
+            React.useCallback(() => (scope && typeof scope.getSnapshot === 'function' ? scope.getSnapshot() : (settingsScope && typeof settingsScope.get === 'function' ? settingsScope.get(NS) : null)), [scope, settingsScope]),
+            React.useCallback(() => null, []),
           )
         : null
 
@@ -1407,7 +1411,18 @@ window.__ModuleLoader__.load({
           ),
         )
 
-        // Row seat first (the seat the current core renders), legacy seat kept below.
+        // List seat (plugins.item): the seat the Plugins page renders as the plugin's
+        // own page with its configuration. The label is a static string on purpose —
+        // it is resolved while the page renders, and a locale lookup there would take
+        // the whole client batch down with it.
+        ctx.slots.inject('plugins.item', () =>
+          ctx.slots.register(
+            { name: 'plugins.item', id: ROW_ID, order: 20, label: () => 'Cost Meter', locale: NS, inject: () => ({ ctx }) },
+            (p) => React.createElement(ErrorBoundary, null, React.createElement(CostMeterCard, { ...p, ctx: (p && p.ctx) || ctx })),
+          ),
+        )
+
+        // Row seat and the legacy seat kept as fallbacks.
         ctx.slots.inject('plugins.row.config', () =>
           ctx.slots.register(
             { name: 'plugins.row.config', key: ROW_CONFIG_KEY, locale: NS, order: 20, inject: () => ({ ctx }) },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-cost-meter",
-  "version": "0.8.4",
+  "version": "0.8.6",
   "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",