@goodandready/dsh-cost-meter 0.8.3 → 0.8.5

package/lib/client.js

@@ -11,6 +11,10 @@ window.__ModuleLoader__.load({
     const h = React.createElement
 
     const NS = 'dsh-cost-meter'
+    // Plugins page row seat (DSH 0.1.6-alpha.2): key = '<package name>#<row id>'.
+    const PKG = '@goodandready/dsh-cost-meter'
+    const ROW_ID = 'dsh-cost-meter'
+    const ROW_CONFIG_KEY = PKG + '#' + ROW_ID
     const STATE_PATH = '/dsh-cost-meter/state'
     const REFRESH_PATH = '/dsh-cost-meter/refresh'
     const UPDATE_PATH = '/dsh-cost-meter/update'
@@ -439,7 +443,8 @@ window.__ModuleLoader__.load({
       const ctx = props.ctx
       const locale = useActiveLocale(ctx)
       const t = props.t || makeT(locale === 'zh' ? zh : en, en)
-      const [open, setOpen] = React.useState(false)
+      const page = !!(props && props.view === 'page')
+      const [open, setOpen] = React.useState(!!page)
       const [draft, setDraft] = React.useState(null)
       const [saving, setSaving] = React.useState(false)
       const [err, setErr] = React.useState('')
@@ -650,9 +655,15 @@ window.__ModuleLoader__.load({
       const catalogHasErr = diagState && Boolean(diagState.catalogError)
       const openRouterEnabled = draft ? Boolean(draft.useOpenRouter) : true
 
-      return React.createElement('li', { className: 'dcm-card' },
+      // Row seat (plugins.row.config): the host page draws title/icon/crumb and the
+      // padding, so the summary is a one-liner and the page drops our card chrome.
+      if (props && props.view === 'summary') {
+        return React.createElement('span', { className: 'dcm-sub' }, t('header.sub'))
+      }
+
+      return React.createElement(page ? 'div' : 'li', { className: page ? 'dcm-page' : 'dcm-card' },
         React.createElement('button', {
-          type: 'button', className: 'dcm-head', 'aria-expanded': open,
+          type: 'button', className: 'dcm-head', style: page ? { display: 'none' } : undefined, 'aria-expanded': page ? true : open,
           onClick: () => setOpen((v) => !v),
         },
           React.createElement('div', { style: { flex: 1, display: 'flex', flexDirection: 'column', gap: 2 } },
@@ -675,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'
@@ -1396,6 +1407,25 @@ window.__ModuleLoader__.load({
           ),
         )
 
+        // 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 }) },
+            (p) => React.createElement(ErrorBoundary, null, React.createElement(CostMeterCard, { ...p, ctx: (p && p.ctx) || ctx })),
+          ),
+        )
+
         ctx.slots.inject('settings.plugin.item', () =>
           ctx.slots.register(
             { name: 'settings.plugin.item', key: NS, locale: NS, order: 20, inject: () => ({ ctx }) },

package/package.json

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