@goodandready/dsh-image-gen 0.10.27 → 0.10.28

package/lib/client.js

@@ -1080,9 +1080,21 @@ window.__ModuleLoader__.load({
       const budgetText = (state.dailyBudgetUsd && state.dailyBudgetUsd.text) || '0'
       const loopLimit = (state.loopGuardLimit && state.loopGuardLimit.text) || '3'
 
+      // Plugins page seats: 'summary' is the one-line row description, 'page' is the
+      // opened detail form (the page draws title/icon/crumb and padding itself, so the
+      // form must render bare and open).
+      const page = !!(props && props.view === 'page')
+      if (props && props.view === 'summary') {
+        return react.createElement(
+          'div',
+          { style: { fontSize: '13px', color: 'var(--dsw-alias-label-secondary)' } },
+          t('settings.description')
+        )
+      }
+
       return react.createElement(
-        'li',
-        { className: 'ig-section-card', style: { listStyle: 'none', marginBottom: '12px' } },
+        page ? 'div' : 'li',
+        { className: page ? 'ig-seat-page' : 'ig-section-card', style: page ? undefined : { listStyle: 'none', marginBottom: '12px' } },
         // Header
         react.createElement(
           'button',
@@ -1092,13 +1104,13 @@ window.__ModuleLoader__.load({
               background: 'none',
               border: 'none',
               cursor: 'pointer',
-              display: 'flex',
+              display: page ? 'none' : 'flex',
               alignItems: 'center',
               width: '100%',
               padding: 0,
               textAlign: 'left',
             },
-            'aria-expanded': open,
+            'aria-expanded': page ? true : open,
             onClick: () => setOpen(!open),
           },
           react.createElement(
@@ -1124,7 +1136,7 @@ window.__ModuleLoader__.load({
             ChevronIconNode
           )
         ),
-        open
+        (page || open)
           ? react.createElement(
               'div',
               { className: 'ig-page' },
@@ -2171,7 +2183,25 @@ window.__ModuleLoader__.load({
         )
       )
 
-      // Settings card item
+      // 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.
+      registerSlotWhenReady('plugins.item', () =>
+        ctx.slots.register(
+          {
+            name: 'plugins.item',
+            id: 'dsh-image-gen',
+            order: 60,
+            label: () => 'Image Studio',
+            locale: NS,
+            inject: () => cardOnce().inject(),
+          },
+          (props) => react.createElement(ErrorBoundary, null, react.createElement(FalSettingsCard, props))
+        )
+      )
+
+      // Settings card item (legacy seat, kept as a fallback)
       registerSlotWhenReady('settings.plugin.item', () =>
         ctx.slots.register(
           {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-image-gen",
-  "version": "0.10.27",
+  "version": "0.10.28",
   "description": "Image generation for DeepSeek Harness: a generate_image tool with pluggable providers — the FAL queue, any OpenAI-compatible images API, or a ChatGPT/Grok subscription with no API key at all. The picture is shown inline in the conversation; the model receives either a link (works with any chat model) or the image itself (needs dsh-vision-bridge or a vision-capable model).",
   "keywords": [
     "deepseek-harness",