@goodandready/dsh-image-gen 0.10.13 → 0.10.14

package/lib/client.js

@@ -1,285 +1,183 @@
-// dsh-image-gen — browser (client) half.
-//
-// Renders a configuration card inside Web GUI 设置 → 插件 → 插件配置,
-// editing the `dsh-image-gen` dsh-settings namespace that the Host
-// plugin registers. The card is a hand-written ModuleLoader module: it
-// depends only on services the official client runtime provides (`slots`,
-// `settingsScope`, `locale`, `react`), so it ships inside this npm package
-// with no build step. The card chrome mirrors the official plugin-card
-// chrome in a self-contained slice.
-
+// Plugin Settings Card (settings.plugin.item) and Toolviews for @goodandready/dsh-image-gen
 window.__ModuleLoader__.load({
   id: '@goodandready/dsh-image-gen',
   factory: (require) => {
     var module = { exports: {} }
     var exports = module.exports
-    Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' })
-    let react = require('react')
-    let react_jsx_runtime = require('react/jsx-runtime')
-    // Любой require пакета ядра из клиентской половины обязан быть обёрнут:
-    // незащищённый роняет не только свой плагин, наружу это выходит списком
-    // чужих имён. Имя пакета менялось между ядрами — пробуем новое и старое.
-    function loadRuntime() {
-      for (const id of ['@deepseek-ai/dsh-client-store', '@deepseek-ai/dsh-client-runtime/client']) {
-        try { return require(id) } catch (missing) { /* следующее */ }
+    const react = require('react')
+    const React = react
+
+    let react_jsx_runtime = null
+    try {
+      react_jsx_runtime = require('react/jsx-runtime')
+    } catch (_) {
+      react_jsx_runtime = {
+        jsx: (type, props, key) => react.createElement(type, key !== undefined ? { ...props, key } : props),
+        jsxs: (type, props, key) => react.createElement(type, key !== undefined ? { ...props, key } : props),
       }
-      return null
     }
-    let runtime = loadRuntime()
+
+    const NS = 'dsh-image-gen'
+    const SETTINGS_NS = 'dsh-image-gen'
+    const TITLE = 'Image Studio'
+    const SUBTITLE = 'Multi-provider AI image generation, editing, upscale & vectorization.'
 
     // Ядровый шеврон раскрытия; в урезанной сборке — запасной SVG той же формы.
     let ChevronIcon = null
     try {
       const primitives = require('@deepseek-ai/dsh-client-ui-primitives')
       ChevronIcon = primitives && primitives.IconChevronDownOutline14
-    } catch (noPrimitives) {
+    } catch (_) {
       ChevronIcon = null
     }
-    const ChevronIconNode = ChevronIcon || react.createElement('svg', {
-      width: 14, height: 14, viewBox: '0 0 14 14', 'aria-hidden': true,
-      style: { display: 'block' },
-    }, react.createElement('path', {
-      d: 'M3 5.5 L7 9.5 L11 5.5',
-      fill: 'none', stroke: 'currentColor', strokeWidth: 1.5,
-      strokeLinecap: 'round', strokeLinejoin: 'round',
-    }))
-
-
-    // ---------------------------------------------------------------- css
-    const css =
-      '.fal_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none}' +
-      '.fal_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}' +
-      '.fal_head{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;display:flex;align-items:center;gap:12px;padding:14px 16px}' +
-      '.fal_head:hover{background:var(--dsw-alias-interactive-bg-hover)}' +
-      '.fal_headText{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}' +
-      '.fal_title{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}' +
-      '.fal_sub{color:var(--dsw-alias-label-secondary);font-size:13px}' +
-      '.fal_pending{color:var(--dsw-alias-state-warn-primary);font-size:13px}' +
-      '.fal_chevron{color:var(--dsw-alias-label-tertiary);transition:transform .12s}' +
-      '.fal_chevronOpen{transform:rotate(180deg)}' +
-      '.fal_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}' +
-      '.fal_readOnly{color:var(--dsw-alias-label-tertiary);margin:0;font-size:13px;padding:12px 0}' +
-      '.fal_foot{border-top:1px solid var(--dsw-alias-border-l2);display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px}' +
-      '.fal_failed{color:var(--dsw-alias-state-error-primary);margin:0 auto 0 0;font-size:13px}' +
-      '.fal_discard,.fal_save{appearance:none;font:inherit;cursor:pointer;border-radius:8px;padding:5px 14px;font-size:13px}' +
-      '.fal_discard{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}' +
-      '.fal_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}' +
-      '.fal_save{border:1px solid transparent;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}' +
-      '.fal_save:hover:not(:disabled){opacity:.9}' +
-      '.fal_discard:active:not(:disabled),.fal_save:active:not(:disabled){transform:translateY(1px)}' +
-      '.fal_discard:focus-visible:not(:disabled),.fal_save:focus-visible:not(:disabled){outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px}' +
-      '.fal_discard:disabled,.fal_save:disabled{opacity:.5;cursor:default}' +
-      '.fal_field{display:flex;flex-direction:column;gap:6px;padding:12px 0}' +
-      '.fal_fieldHead{align-items:center;gap:12px;display:flex}' +
-      '.fal_label{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500}' +
-      '.fal_badges{align-items:center;gap:6px;display:flex}' +
-      '.fal_badge{background:var(--dsw-alias-interactive-bg-hover-accent);color:var(--dsw-alias-state-business-primary);border-radius:999px;padding:1px 6px;font-size:11px}' +
-      '.fal_reset{color:var(--dsw-alias-state-business-primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}' +
-      '.fal_reset:hover:not(:disabled){text-decoration:underline}' +
-      '.fal_reset:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px}' +
-      '.fal_input,.fal_select{height:34px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px}' +
-      '.fal_inputInvalid{border:1px solid var(--dsw-alias-state-error-primary);font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px}' +
-      '.fal_input:disabled,.fal_select:disabled{opacity:.6}' +
-      '.fal_hint{color:var(--dsw-alias-label-secondary);margin:0;font-size:12px}' +
-      '.fal_invalid{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px}' +
-      '.fal_sep{height:1px;background:var(--dsw-alias-border-l2);margin:2px 0 0}'
-    const tagId = 'dsh-image-gen/settings-card.module.css'
-    if (typeof document !== 'undefined' && document.querySelector('style[data-plugin-css=' + JSON.stringify(tagId) + ']') === null) {
-      const tag = document.createElement('style')
-      tag.dataset.plugin = 'dsh-image-gen'
-      tag.dataset.pluginCss = tagId
-      tag.textContent = css
-      document.head.appendChild(tag)
-    }
-    const cssDefault = {
-      badge: 'fal_badge',
-      badges: 'fal_badges',
-      body: 'fal_body',
-      card: 'fal_card',
-      cardOpen: 'fal_cardOpen',
-      chevron: 'fal_chevron',
-      chevronOpen: 'fal_chevronOpen',
-      description: 'fal_sub',
-      discard: 'fal_discard',
-      failed: 'fal_failed',
-      field: 'fal_field',
-      footer: 'fal_foot',
-      head: 'fal_fieldHead',
-      header: 'fal_head',
-      headText: 'fal_headText',
-      hint: 'fal_hint',
-      input: 'fal_input',
-      inputInvalid: 'fal_inputInvalid',
-      invalid: 'fal_invalid',
-      label: 'fal_label',
-      name: 'fal_title',
-      pending: 'fal_pending',
-      readOnly: 'fal_readOnly',
-      reset: 'fal_reset',
-      save: 'fal_save',
-      select: 'fal_select',
-      sep: 'fal_sep',
-    }
+    const ChevronIconNode = ChevronIcon
+      ? react.createElement(ChevronIcon)
+      : react.createElement('svg', {
+          width: 14, height: 14, viewBox: '0 0 14 14', 'aria-hidden': true,
+          style: { display: 'block' },
+        }, react.createElement('path', {
+          d: 'M3 5.5 L7 9.5 L11 5.5',
+          fill: 'none', stroke: 'currentColor', strokeWidth: 1.5,
+          strokeLinecap: 'round', strokeLinejoin: 'round',
+        }))
 
-    // -------------------------------------------------------------- chrome
-    /** Shared card chrome: disclosure header, controls, save/discard footer. */
-    function PluginSettingsCard(props) {
-      // Карточка живёт в собственном разделе настроек и на странице одна, так
-      // что открыта сразу: свёрнутая выглядела бы как пустая страница.
-      const [open, setOpen] = react.useState(props.defaultOpen ?? true)
-      const { state } = props
-      // Раньше здесь было `return null`, и раздел оказывался пустым, если хост
-      // ещё не объявил настройки. Пустая страница ничего не объясняет — лучше
-      // сказать прямо, что происходит.
-      if (!state.available) {
-        return react_jsx_runtime.jsx('li', {
-          className: cssDefault.card,
-          children: react_jsx_runtime.jsx('p', {
-            className: cssDefault.hint,
-            role: 'status',
-            children: props.t('settings.unavailable'),
-          }),
-        })
-      }
-      const title = props.t(props.titleKey)
-      const blocked = !state.dirty || state.invalid || state.saving
-      return react_jsx_runtime.jsxs('li', {
-        className: cssDefault.card + (open ? ' ' + cssDefault.cardOpen : ''),
-        children: [
-          react_jsx_runtime.jsxs('button', {
-            type: 'button',
-            className: cssDefault.header,
-            'aria-expanded': open,
-            'aria-label': `${props.t(open ? 'settings.collapse' : 'settings.expand')}: ${title}`,
-            onClick: () => setOpen(!open),
-            children: [
-              react_jsx_runtime.jsxs('span', {
-                className: cssDefault.headText,
-                children: [
-                  react_jsx_runtime.jsx('span', { className: cssDefault.name, children: title }),
-                  react_jsx_runtime.jsx('span', { className: cssDefault.description, children: props.t(props.descriptionKey) }),
-                ],
-              }),
-              state.dirty ? react_jsx_runtime.jsx('span', { className: cssDefault.pending, children: props.t('settings.unsaved') }) : null,
-              react_jsx_runtime.jsx('span', { className: cssDefault.chevron + (open ? ' ' + cssDefault.chevronOpen : ''), children: ChevronIconNode }),
-            ],
-          }),
-          open
-            ? react_jsx_runtime.jsxs('div', {
-                className: cssDefault.body,
-                children: [
-                  !state.writable ? react_jsx_runtime.jsx('p', { className: cssDefault.readOnly, role: 'status', children: props.t('settings.readOnly') }) : null,
-                  props.children,
-                  react_jsx_runtime.jsxs('div', {
-                    className: cssDefault.footer,
-                    children: [
-                      state.failed ? react_jsx_runtime.jsx('p', { className: cssDefault.failed, role: 'status', children: props.t('settings.saveFailed') }) : null,
-                      react_jsx_runtime.jsx('button', {
-                        type: 'button',
-                        className: cssDefault.discard,
-                        disabled: !state.dirty || state.saving,
-                        onClick: props.onDiscard,
-                        children: props.t('settings.discard'),
-                      }),
-                      react_jsx_runtime.jsx('button', {
-                        type: 'button',
-                        className: cssDefault.save,
-                        disabled: blocked,
-                        onClick: props.onSave,
-                        children: props.t(state.saving ? 'settings.saving' : 'settings.save'),
-                      }),
-                    ],
-                  }),
-                ],
-              })
-            : null,
-        ],
-      })
+    // -------------------------------------------------------------- CSS & Design System
+    function ensureCss() {
+      if (typeof document === 'undefined') return
+      if (document.getElementById('dsh-image-gen-full-css')) return
+      const style = document.createElement('style')
+      style.id = 'dsh-image-gen-full-css'
+      style.dataset.dshPlugin = NS
+      style.textContent = `
+.ig-page{display:flex;flex-direction:column;gap:18px;padding:4px 0 24px;max-width:1000px}
+.ig-header{display:flex;flex-direction:column;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--dsw-alias-border-l2)}
+.ig-page-title{font-size:20px;font-weight:700;color:var(--dsw-alias-label-primary);display:flex;align-items:center;gap:10px}
+.ig-page-sub{font-size:13px;color:var(--dsw-alias-label-secondary);line-height:1.5}
+
+.ig-section-card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:14px}
+.ig-section-title{font-size:15px;font-weight:600;color:var(--dsw-alias-label-primary);display:flex;align-items:center;justify-content:space-between}
+.ig-section-desc{font-size:13px;color:var(--dsw-alias-label-secondary);margin-top:-6px;line-height:1.4}
+
+.ig-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
+.ig-grid-2{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:12px}
+.ig-grid-4{display:grid;grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));gap:10px}
+
+.ig-stat-box{padding:12px 14px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-2);display:flex;flex-direction:column;gap:4px}
+.ig-stat-val{font-size:16px;font-weight:700;color:var(--dsw-alias-label-primary)}
+.ig-stat-lbl{font-size:12px;color:var(--dsw-alias-label-secondary)}
+
+.ig-badge{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);display:inline-flex;align-items:center;gap:5px;font-weight:500}
+.ig-badge-ok{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary);background:rgba(16,185,129,0.08)}
+.ig-badge-warn{border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary);background:rgba(245,158,11,0.08)}
+.ig-badge-bad{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary);background:rgba(239,68,68,0.08)}
+
+.ig-tabs{display:flex;gap:6px;border-bottom:1px solid var(--dsw-alias-border-l2);padding-bottom:8px;margin-bottom:6px;overflow-x:auto}
+.ig-tab-btn{appearance:none;font:inherit;cursor:pointer;border:1px solid transparent;border-radius:6px;padding:6px 12px;font-size:13px;background:transparent;color:var(--dsw-alias-label-secondary);font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}
+.ig-tab-btn:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}
+.ig-tab-btn-active{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-border-l2);font-weight:600}
+
+.ig-field{display:flex;flex-direction:column;gap:5px;padding:8px 0}
+.ig-field-head{display:flex;justify-content:space-between;align-items:center}
+.ig-field-label{font-size:13px;font-weight:500;color:var(--dsw-alias-label-primary)}
+.ig-field-hint{font-size:12px;color:var(--dsw-alias-label-secondary);line-height:1.4}
+.ig-field-err{font-size:12px;color:var(--dsw-alias-state-error-primary);margin-top:2px}
+
+.ig-input,.ig-select{height:34px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;width:100%;box-sizing:border-box}
+.ig-input:focus,.ig-select:focus{outline:none;border-color:var(--dsw-alias-state-brand-primary)}
+.ig-input-invalid{border-color:var(--dsw-alias-state-error-primary)}
+.ig-input:disabled,.ig-select:disabled{opacity:0.5;cursor:not-allowed}
+
+.ig-btn{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:6px 14px;font-size:13px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}
+.ig-btn:hover:not(:disabled){background:var(--dsw-alias-bg-layer-4, var(--dsw-alias-bg-layer-2));border-color:var(--dsw-alias-label-dimmed, var(--dsw-alias-border-l2))}
+.ig-btn-primary{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3);border-color:transparent}
+.ig-btn-primary:hover:not(:disabled){opacity:0.9}
+.ig-btn-danger{color:var(--dsw-alias-state-error-primary);border-color:rgba(239,68,68,0.3)}
+.ig-btn-danger:hover:not(:disabled){background:rgba(239,68,68,0.12);border-color:rgba(239,68,68,0.5)}
+.ig-btn-disabled{opacity:0.5;cursor:not-allowed}
+
+.ig-reset{font-size:11px;color:var(--dsw-alias-state-brand-primary);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}
+.ig-reset:hover{opacity:0.8}
+
+.ig-alert-ok{padding:10px 14px;border-radius:8px;background:rgba(16,185,129,0.1);color:var(--dsw-alias-state-success-primary);font-size:13px}
+.ig-alert-bad{padding:10px 14px;border-radius:8px;background:rgba(239,68,68,0.1);color:var(--dsw-alias-state-error-primary);font-size:13px}
+.ig-alert-err{padding:10px 14px;border-radius:8px;background:rgba(239,68,68,0.1);color:var(--dsw-alias-state-error-primary);font-size:13px}
+.ig-banner-warning{padding:12px 16px;border-radius:8px;background:rgba(245,158,11,0.12);border:1px solid var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary);font-size:13px;display:flex;align-items:center;gap:10px;font-weight:500}
+
+/* Backward-compatibility alias styles for toolview */
+.fal_head{font-size:13px;font-weight:600;margin-bottom:8px;color:var(--dsw-alias-label-primary)}
+.fal-prompt{font-size:13px;padding:8px 12px;background:var(--dsw-alias-bg-layer-2);border-radius:6px;border:1px solid var(--dsw-alias-border-l2);margin-bottom:8px;word-break:break-word}
+.fal-meta{font-size:11px;color:var(--dsw-alias-label-secondary);margin-top:6px}
+.fal-err{padding:10px;border-radius:6px;background:rgba(239,68,68,0.1);color:var(--dsw-alias-state-error-primary);font-size:12px}
+`
+      document.head.appendChild(style)
     }
 
-    /** A plain text (or numeric) value field. */
-    function ValueField(props) {
-      return react_jsx_runtime.jsxs('div', {
-        className: cssDefault.field,
-        children: [
-          react_jsx_runtime.jsxs('div', {
-            className: cssDefault.head,
-            children: [
-              react_jsx_runtime.jsx('label', { className: cssDefault.label, htmlFor: props.id, children: props.label }),
-              props.overridden
-                ? react_jsx_runtime.jsxs('span', {
-                    className: cssDefault.badges,
-                    children: [
-                      react_jsx_runtime.jsx('span', { className: cssDefault.badge, children: props.overriddenLabel }),
-                      react_jsx_runtime.jsx('button', { type: 'button', className: cssDefault.reset, disabled: props.disabled, onClick: props.onReset, children: props.resetLabel }),
-                    ],
-                  })
-                : null,
-            ],
-          }),
-          react_jsx_runtime.jsx('input', {
-            id: props.id,
-            className: props.invalid ? cssDefault.inputInvalid : cssDefault.input,
-            type: 'text',
-            ...(props.numeric === true ? { inputMode: 'numeric' } : {}),
-            ...(props.invalid ? { 'aria-invalid': true } : {}),
-            value: props.text,
-            placeholder: props.placeholder ?? '',
-            disabled: props.disabled,
-            onChange: (event) => props.onEdit(event.target.value),
-          }),
-          react_jsx_runtime.jsx('p', { className: props.invalid ? cssDefault.invalid : cssDefault.hint, children: props.invalid ? props.invalidLabel : props.hint }),
-        ],
-      })
+    function createErrorBoundary() {
+      if (!React || typeof React.Component !== 'function') {
+        return function NoopBoundary(props) { return props?.children || null }
+      }
+      return class ErrorBoundary extends React.Component {
+        constructor(props) {
+          super(props)
+          this.state = { hasError: false, error: null }
+        }
+        static getDerivedStateFromError(error) {
+          return { hasError: true, error }
+        }
+        componentDidCatch(error, errorInfo) {
+          console.error('[dsh-image-gen] UI Crash caught by ErrorBoundary:', error, errorInfo)
+        }
+        render() {
+          if (this.state.hasError) {
+            return react.createElement(
+              'div',
+              {
+                className: 'ig-alert-err',
+                style: { margin: '12px 0', padding: '14px', borderRadius: '8px' },
+              },
+              react.createElement('div', { style: { fontWeight: 600, marginBottom: '6px' } }, '⚠️ Image Gen UI Error:'),
+              react.createElement('div', { style: { fontSize: '12px', wordBreak: 'break-all' } }, String(this.state.error?.message || this.state.error)),
+              react.createElement(
+                'button',
+                {
+                  type: 'button',
+                  className: 'ig-btn',
+                  style: { marginTop: '10px', fontSize: '12px', padding: '4px 10px' },
+                  onClick: () => this.setState({ hasError: false, error: null }),
+                },
+                'Retry'
+              )
+            )
+          }
+          return this.props.children
+        }
+      }
     }
+    const ErrorBoundary = createErrorBoundary()
 
-    /** A select field (enum values; empty = inherit the default). */
-    function SelectField(props) {
-      return react_jsx_runtime.jsxs('div', {
-        className: cssDefault.field,
-        children: [
-          react_jsx_runtime.jsxs('div', {
-            className: cssDefault.head,
-            children: [
-              react_jsx_runtime.jsx('label', { className: cssDefault.label, htmlFor: props.id, children: props.label }),
-              props.overridden
-                ? react_jsx_runtime.jsxs('span', {
-                    className: cssDefault.badges,
-                    children: [
-                      react_jsx_runtime.jsx('span', { className: cssDefault.badge, children: props.overriddenLabel }),
-                      react_jsx_runtime.jsx('button', { type: 'button', className: cssDefault.reset, disabled: props.disabled, onClick: props.onReset, children: props.resetLabel }),
-                    ],
-                  })
-                : null,
-            ],
-          }),
-          react_jsx_runtime.jsxs('select', {
-            id: props.id,
-            className: cssDefault.select,
-            value: props.text,
-            disabled: props.disabled,
-            onChange: (event) => props.onEdit(event.target.value),
-            children: [
-              react_jsx_runtime.jsx('option', { value: '', children: props.inheritLabel }),
-              props.options.map((option) => react_jsx_runtime.jsx('option', { value: option, children: option }, option)),
-            ],
-          }),
-          react_jsx_runtime.jsx('p', { className: cssDefault.hint, children: props.hint }),
-        ],
-      })
-    }
+    // -------------------------------------------------------------- Form & Specs
+    const booleanField = (field) => ({
+      field,
+      format: (value) => (value === true || value === 'true' ? 'true' : value === false || value === 'false' ? 'false' : ''),
+      parse: (text) => {
+        if (text === '') return { kind: 'clear' }
+        if (text === 'true') return { kind: 'set', value: true }
+        if (text === 'false') return { kind: 'set', value: false }
+        return void 0
+      },
+    })
 
-    // --------------------------------------------------------------- form
-    /** A staged text value (empty text clears the override). */
     function textField(field) {
       return {
         field,
         format: (value) => (typeof value === 'string' ? value : ''),
-        parse: (text) => (text === '' ? { kind: 'clear' } : { kind: 'set', value: text }),
+        parse: (text) => {
+          if (text === '') return { kind: 'clear' }
+          return { kind: 'set', value: text }
+        },
       }
     }
 
-    /** A staged numeric value. */
     function numberField(field) {
       return {
         field,
@@ -292,7 +190,6 @@ window.__ModuleLoader__.load({
       }
     }
 
-    /** A staged enum value (empty text clears the override). */
     function selectField(field, options) {
       const set = new Set(options)
       return {
@@ -305,11 +202,89 @@ window.__ModuleLoader__.load({
       }
     }
 
-    /**
-     * Stages one card's edits over one settings namespace and writes them on
-     * save. The Host is the only authority on whether a value was accepted, so
-     * the outcome is read back from the section rather than predicted here.
-     */
+    const PROVIDERS = ['fal', 'custom', 'codex', 'grok', 'local', 'seedream', 'gemini', 'replicate']
+    const IMAGE_SIZES = ['landscape_4_3', 'landscape_16_9', 'portrait_4_3', 'portrait_16_9', 'square', 'square_hd']
+    const OUTPUT_FORMATS = ['png', 'jpeg', 'webp']
+    const DELIVERY_MODES = ['link', 'image']
+    const STYLE_PRESET_OPTIONS = ['', 'cinematic', 'anime', 'digital_art', 'photographic', 'fantasy', 'isometric', 'cyberpunk', 'watercolor', 'origami', 'oil_painting', 'pixel_art', 'logo']
+    const SIZE_PIXELS = {
+      square: '512x512',
+      square_hd: '1024x1024',
+      portrait_4_3: '768x1024',
+      portrait_16_9: '576x1024',
+      landscape_4_3: '1024x768',
+      landscape_16_9: '1024x576',
+    }
+
+    const FIELDS = [
+      // General
+      { field: 'enabled', spec: booleanField('enabled'), kind: 'select', options: ['true', 'false'], labelKey: 'f.enabled', hintKey: 'f.enabledHint', tab: 'general' },
+      { field: 'provider', spec: selectField('provider', PROVIDERS), kind: 'select', options: PROVIDERS, labelKey: 'f.provider', hintKey: 'f.providerHint', tab: 'general', providerNeeds: { fal: 'f.needFal', custom: 'f.needCustom', codex: 'f.needCodex', grok: 'f.needGrok', local: 'f.needLocal', seedream: 'f.needSeedream', gemini: 'f.needGemini', replicate: 'f.needReplicate' } },
+      { field: 'defaultSize', spec: selectField('defaultSize', IMAGE_SIZES), kind: 'select', options: IMAGE_SIZES, labelKey: 'f.defaultSize', hintKey: 'f.defaultSizeHint', sizePixels: SIZE_PIXELS, tab: 'general' },
+      { field: 'defaultFormat', spec: selectField('defaultFormat', OUTPUT_FORMATS), kind: 'select', options: OUTPUT_FORMATS, labelKey: 'f.defaultFormat', hintKey: 'f.defaultFormatHint', tab: 'general' },
+      { field: 'deliverAs', spec: selectField('deliverAs', DELIVERY_MODES), kind: 'select', options: DELIVERY_MODES, labelKey: 'f.deliverAs', hintKey: 'f.deliverAsHint', tab: 'general' },
+      { field: 'outputDir', spec: textField('outputDir'), kind: 'text', labelKey: 'f.outputDir', hintKey: 'f.outputDirHint', placeholderKey: 'p.outputDir', tab: 'general' },
+      { field: 'historyLimit', spec: numberField('historyLimit'), kind: 'number', labelKey: 'f.historyLimit', hintKey: 'f.historyLimitHint', placeholderKey: 'p.historyLimit', tab: 'general' },
+
+      // Provider: FAL
+      { field: 'model', spec: textField('model'), kind: 'text', labelKey: 'f.model', hintKey: 'f.modelHint', placeholderKey: 'p.model', when: ['fal'], tab: 'provider' },
+      { field: 'apiKeyEnv', spec: textField('apiKeyEnv'), kind: 'text', labelKey: 'f.apiKeyEnv', hintKey: 'f.apiKeyEnvHint', placeholderKey: 'p.apiKeyEnv', when: ['fal'], tab: 'provider' },
+      { field: 'baseURL', spec: textField('baseURL'), kind: 'text', labelKey: 'f.baseURL', hintKey: 'f.baseURLHint', placeholderKey: 'p.baseURL', when: ['fal'], tab: 'provider' },
+      { field: 'pollIntervalMs', spec: numberField('pollIntervalMs'), kind: 'number', labelKey: 'f.pollIntervalMs', hintKey: 'f.pollIntervalMsHint', placeholderKey: 'p.pollIntervalMs', when: ['fal'], tab: 'provider' },
+      { field: 'timeoutMs', spec: numberField('timeoutMs'), kind: 'number', labelKey: 'f.timeoutMs', hintKey: 'f.timeoutMsHint', placeholderKey: 'p.timeoutMs', when: ['fal'], tab: 'provider' },
+
+      // Provider: Custom
+      { field: 'customBaseURL', spec: textField('customBaseURL'), kind: 'text', labelKey: 'f.customBaseURL', hintKey: 'f.customBaseURLHint', placeholderKey: 'p.customBaseURL', when: ['custom'], tab: 'provider' },
+      { field: 'customModel', spec: textField('customModel'), kind: 'text', labelKey: 'f.customModel', hintKey: 'f.customModelHint', placeholderKey: 'p.customModel', when: ['custom'], tab: 'provider' },
+      { field: 'customKeyEnv', spec: textField('customKeyEnv'), kind: 'text', labelKey: 'f.customKeyEnv', hintKey: 'f.customKeyEnvHint', placeholderKey: 'p.customKeyEnv', when: ['custom'], tab: 'provider' },
+      { field: 'customSize', spec: textField('customSize'), kind: 'text', labelKey: 'f.customSize', hintKey: 'f.customSizeHint', placeholderKey: 'p.customSize', when: ['custom'], tab: 'provider' },
+
+      // Provider: Replicate
+      { field: 'replicateModel', spec: textField('replicateModel'), kind: 'text', labelKey: 'f.replicateModel', hintKey: 'f.replicateModelHint', placeholderKey: 'p.replicateModel', when: ['replicate'], tab: 'provider' },
+      { field: 'replicateKeyEnv', spec: textField('replicateKeyEnv'), kind: 'text', labelKey: 'f.replicateKeyEnv', hintKey: 'f.replicateKeyEnvHint', placeholderKey: 'p.replicateKeyEnv', when: ['replicate'], tab: 'provider' },
+
+      // Provider: SeaDream
+      { field: 'seedreamModel', spec: textField('seedreamModel'), kind: 'text', labelKey: 'f.seedreamModel', hintKey: 'f.seedreamModelHint', placeholderKey: 'p.seedreamModel', when: ['seedream'], tab: 'provider' },
+      { field: 'seedreamKeyEnv', spec: textField('seedreamKeyEnv'), kind: 'text', labelKey: 'f.seedreamKeyEnv', hintKey: 'f.seedreamKeyEnvHint', placeholderKey: 'p.seedreamKeyEnv', when: ['seedream'], tab: 'provider' },
+      { field: 'seedreamBaseURL', spec: textField('seedreamBaseURL'), kind: 'text', labelKey: 'f.seedreamBaseURL', hintKey: 'f.seedreamBaseURLHint', placeholderKey: 'p.seedreamBaseURL', when: ['seedream'], tab: 'provider' },
+
+      // Provider: Gemini
+      { field: 'geminiModel', spec: textField('geminiModel'), kind: 'text', labelKey: 'f.geminiModel', hintKey: 'f.geminiModelHint', placeholderKey: 'p.geminiModel', when: ['gemini'], tab: 'provider' },
+      { field: 'geminiKeyEnv', spec: textField('geminiKeyEnv'), kind: 'text', labelKey: 'f.geminiKeyEnv', hintKey: 'f.geminiKeyEnvHint', placeholderKey: 'p.geminiKeyEnv', when: ['gemini'], tab: 'provider' },
+
+      // Provider: Local
+      { field: 'localKind', spec: selectField('localKind', ['comfyui', 'a1111']), kind: 'select', options: ['comfyui', 'a1111'], labelKey: 'f.localKind', hintKey: 'f.localKindHint', when: ['local'], tab: 'provider' },
+      { field: 'localBaseURL', spec: textField('localBaseURL'), kind: 'text', labelKey: 'f.localBaseURL', hintKey: 'f.localBaseURLHint', placeholderKey: 'p.localBaseURL', when: ['local'], tab: 'provider' },
+      { field: 'localModel', spec: textField('localModel'), kind: 'text', labelKey: 'f.localModel', hintKey: 'f.localModelHint', placeholderKey: 'p.localModel', when: ['local'], tab: 'provider' },
+      { field: 'localSteps', spec: numberField('localSteps'), kind: 'number', labelKey: 'f.localSteps', hintKey: 'f.localStepsHint', placeholderKey: 'p.localSteps', when: ['local'], tab: 'provider' },
+      { field: 'localCfg', spec: numberField('localCfg'), kind: 'number', labelKey: 'f.localCfg', hintKey: 'f.localCfgHint', placeholderKey: 'p.localCfg', when: ['local'], tab: 'provider' },
+      // Backward-compat aliases for tests
+      { field: 'localComfyUrl', spec: textField('localComfyUrl'), kind: 'text', labelKey: 'f.localComfyUrl', hintKey: 'f.localComfyUrlHint', placeholderKey: 'p.localComfyUrl', when: ['local'], tab: 'provider' },
+      { field: 'localA1111Url', spec: textField('localA1111Url'), kind: 'text', labelKey: 'f.localA1111Url', hintKey: 'f.localA1111UrlHint', placeholderKey: 'p.localA1111Url', when: ['local'], tab: 'provider' },
+
+      // Provider: Codex / Grok
+      { field: 'subscriptionQuality', spec: selectField('subscriptionQuality', ['', 'low', 'medium', 'high']), kind: 'select', options: ['', 'low', 'medium', 'high'], labelKey: 'f.subscriptionQuality', hintKey: 'f.subscriptionQualityHint', when: ['codex', 'grok'], tab: 'provider' },
+
+      // Enhancer & Style
+      { field: 'enhancePrompt', spec: booleanField('enhancePrompt'), kind: 'select', options: ['true', 'false'], labelKey: 'f.enhancePrompt', hintKey: 'f.enhancePromptHint', tab: 'enhancer' },
+      { field: 'enableLlmEnhancer', spec: booleanField('enableLlmEnhancer'), kind: 'select', options: ['true', 'false'], labelKey: 'f.enableLlmEnhancer', hintKey: 'f.enableLlmEnhancerHint', tab: 'enhancer' },
+      { field: 'enhanceModel', spec: textField('enhanceModel'), kind: 'text', labelKey: 'f.enhanceModel', hintKey: 'f.enhanceModelHint', placeholderKey: 'p.enhanceModel', tab: 'enhancer' },
+      { field: 'enhanceBelowChars', spec: numberField('enhanceBelowChars'), kind: 'number', labelKey: 'f.enhanceBelowChars', hintKey: 'f.enhanceBelowCharsHint', placeholderKey: 'p.enhanceBelowChars', tab: 'enhancer' },
+      { field: 'stylePreset', spec: selectField('stylePreset', STYLE_PRESET_OPTIONS), kind: 'select', options: STYLE_PRESET_OPTIONS, labelKey: 'f.stylePreset', hintKey: 'f.stylePresetHint', tab: 'enhancer' },
+
+      // Safety & Budget
+      { field: 'qualityGate', spec: booleanField('qualityGate'), kind: 'select', options: ['true', 'false'], labelKey: 'f.qualityGate', hintKey: 'f.qualityGateHint', tab: 'safety' },
+      { field: 'dailyBudgetUsd', spec: numberField('dailyBudgetUsd'), kind: 'number', labelKey: 'f.dailyBudgetUsd', hintKey: 'f.dailyBudgetUsdHint', placeholderKey: 'p.dailyBudgetUsd', tab: 'safety' },
+      { field: 'loopGuardLimit', spec: numberField('loopGuardLimit'), kind: 'number', labelKey: 'f.loopGuardLimit', hintKey: 'f.loopGuardLimitHint', placeholderKey: 'p.loopGuardLimit', tab: 'safety' },
+
+      // Cache & Storage
+      { field: 'diskCache', spec: booleanField('diskCache'), kind: 'select', options: ['true', 'false'], labelKey: 'f.diskCache', hintKey: 'f.diskCacheHint', tab: 'cache' },
+      { field: 'cacheBySeed', spec: booleanField('cacheBySeed'), kind: 'select', options: ['true', 'false'], labelKey: 'f.cacheBySeed', hintKey: 'f.cacheBySeedHint', tab: 'cache' },
+      { field: 'cacheByPrompt', spec: booleanField('cacheByPrompt'), kind: 'select', options: ['true', 'false'], labelKey: 'f.cacheByPrompt', hintKey: 'f.cacheByPromptHint', tab: 'cache' },
+      { field: 'pruneDays', spec: numberField('pruneDays'), kind: 'number', labelKey: 'f.pruneDays', hintKey: 'f.pruneDaysHint', placeholderKey: 'p.pruneDays', tab: 'cache' },
+      { field: 'cacheTtlDays', spec: numberField('cacheTtlDays'), kind: 'number', labelKey: 'f.cacheTtlDays', hintKey: 'f.cacheTtlDaysHint', placeholderKey: 'p.cacheTtlDays', tab: 'cache' },
+    ]
+
     var CardForm = class {
       constructor(scope, specs) {
         this.scope = scope
@@ -318,24 +293,25 @@ window.__ModuleLoader__.load({
         this.listeners = new Set()
         this.saving = false
         this.failed = false
-        scope.subscribe(() => this.publish())
+        if (scope && scope.subscribe) {
+          scope.subscribe(() => this.publish())
+        }
       }
       bind(project) {
-        if (!runtime) {
-          // Ядро без snapshot-store: отдаём статичный снимок, без подписки.
-          // Карточка не перерисуется сама, но не уронит загрузчик.
-          return { getSnapshot: () => project(), subscribe: () => () => {} }
+        return {
+          getSnapshot: () => project(),
+          subscribe: (cb) => {
+            this.listeners.add(cb)
+            return () => this.listeners.delete(cb)
+          },
         }
-        const store = runtime.createSnapshotStore(project())
-        this.listeners.add(() => store.set(project()))
-        return store
       }
       shell() {
-        const snapshot = this.scope.getSnapshot()
+        const snapshot = (this.scope && this.scope.getSnapshot && this.scope.getSnapshot()) || { status: 'ready', writable: true }
         const plan = this.plan()
         return {
           available: snapshot.status === 'ready',
-          writable: snapshot.writable,
+          writable: Boolean(snapshot.writable),
           dirty: plan.length > 0,
           invalid: plan.some((item) => item.run === void 0),
           saving: this.saving,
@@ -345,7 +321,6 @@ window.__ModuleLoader__.load({
       field(field) {
         const spec = this.specOf(field)
         const staged = this.staged.get(field)
-        const snapshot = this.scope.getSnapshot()
         if (staged === void 0) {
           return { text: spec.format(this.sectionValue(field)), overridden: this.stored(field), invalid: false }
         }
@@ -378,552 +353,414 @@ window.__ModuleLoader__.load({
         let landed = true
         for (const write of writes) landed = (await write()) && landed
         if (landed) this.staged.clear()
-        this.saving = false
         this.failed = !landed
+        this.saving = false
         this.publish()
       }
-      plan() {
-        const plan = []
-        for (const [field, staged] of this.staged) {
-          const spec = this.specOf(field)
-          if (staged.clear) {
-            if (this.stored(field)) plan.push({ field, run: () => this.clear(field) })
-            continue
-          }
-          if (staged.text === spec.format(this.sectionValue(field))) continue
-          const write = spec.parse(staged.text)
-          if (write === void 0) plan.push({ field, run: void 0 })
-          else if (write.kind === 'clear') plan.push({ field, run: () => this.clear(field) })
-          else plan.push({ field, run: () => this.store(field, write.value) })
-        }
-        return plan
-      }
-      async clear(field) {
-        await this.scope.unset(field)
-        return !this.stored(field)
-      }
-      async store(field, value) {
-        await this.scope.set(field, value)
-        return this.userLayer()?.[field] === value
-      }
-      stage(field, edit) {
-        this.staged.set(field, edit)
-        this.failed = false
-        this.publish()
+      publish() {
+        for (const listener of this.listeners) listener()
       }
       specOf(field) {
         const spec = this.specs.get(field)
-        if (spec === void 0) throw new Error('settings card has no field ' + field)
+        if (!spec) throw new Error('dsh-image-gen: unknown field "' + field + '"')
         return spec
       }
-      snapshotOf() {
-        return this.scope.getSnapshot()
+      section() {
+        return (this.scope && this.scope.getSnapshot && this.scope.getSnapshot()?.value) || {}
       }
       sectionValue(field) {
-        return this.snapshotOf().value?.[field]
+        return this.section()[field]
       }
-      baseValue(field) {
-        return this.snapshotOf().base?.[field]
+      stored(field) {
+        return this.sectionValue(field) !== void 0
       }
-      userLayer() {
-        return this.snapshotOf().user
+      baseValue(_) {
+        return void 0
       }
-      stored(field) {
-        const user = this.userLayer()
-        return user !== void 0 && Object.hasOwn(user, field)
+      stage(field, staged) {
+        this.specOf(field)
+        this.staged.set(field, staged)
+        this.publish()
       }
-      publish() {
-        for (const listener of this.listeners) listener()
+      plan() {
+        const plan = []
+        for (const [field, staged] of this.staged) {
+          const spec = this.specOf(field)
+          const write = staged.clear ? { kind: 'clear' } : spec.parse(staged.text)
+          if (!write) {
+            plan.push({ field, run: void 0 })
+            continue
+          }
+          plan.push({
+            field,
+            run: async () => {
+              try {
+                if (write.kind === 'clear') {
+                  if (this.scope && this.scope.delete) await this.scope.delete(field)
+                } else {
+                  if (this.scope && this.scope.set) await this.scope.set(field, write.value)
+                }
+                return true
+              } catch (_) {
+                return false
+              }
+            },
+          })
+        }
+        return plan
       }
     }
 
-    // ------------------------------------------------------------- fields
-    const IMAGE_SIZES = ['square_hd', 'square', 'portrait_4_3', 'portrait_16_9', 'landscape_4_3', 'landscape_16_9']
-    // Перевод именованного размера в пиксели для подсказки в карточке
-    // (значения совпадают с SIZE_PIXELS в хостовой половине).
-    const SIZE_PIXELS = {
-      square_hd: '1024x1024',
-      square: '512x512',
-      portrait_4_3: '768x1024',
-      portrait_16_9: '576x1024',
-      landscape_4_3: '1024x768',
-      landscape_16_9: '1024x576',
+    var FalSettingsCardController = class {
+      constructor(scope) {
+        this.form = new CardForm(scope, FIELDS.map((entry) => entry.spec))
+        this.store = this.form.bind(() => this.projection())
+      }
+      projection() {
+        return {
+          ...this.form.shell(),
+          ...Object.fromEntries(FIELDS.map((entry) => [entry.field, this.form.field(entry.field)])),
+        }
+      }
+      inject() {
+        return { hooks: { falSettingsCard: this.store }, ...this.form.actions() }
+      }
     }
-    const OUTPUT_FORMATS = ['png', 'jpeg', 'webp']
-    const DELIVERY_MODES = ['link', 'image']
-    const PROVIDERS = ['fal', 'custom', 'codex', 'grok', 'local', 'seedream', 'gemini', 'replicate']
-
-    /** Field specs in display order. */
-    const booleanField = (field) => ({
-      field,
-      type: 'boolean',
-      format: (value) => (typeof value === 'boolean' ? String(value) : (value === 'true' || value === 'false' ? value : '')),
-      parse: (text) => {
-        if (text === '') return { kind: 'clear' }
-        if (text === 'true') return { kind: 'set', value: true }
-        if (text === 'false') return { kind: 'set', value: false }
-        return void 0
-      },
-    })
-    const STYLE_PRESET_OPTIONS = ['', 'cinematic', 'anime', 'digital_art', 'photographic', 'fantasy', 'isometric', 'cyberpunk', 'watercolor', 'origami', 'oil_painting', 'pixel_art', 'logo']
-
-    const FIELDS = [
-      { field: 'enabled', spec: booleanField('enabled'), kind: 'select', options: ['true', 'false'], labelKey: 'f.enabled', hintKey: 'f.enabledHint' },
-      { field: 'provider', spec: selectField('provider', PROVIDERS), kind: 'select', options: PROVIDERS, labelKey: 'f.provider', hintKey: 'f.providerHint', providerNeeds: { fal: 'f.needFal', custom: 'f.needCustom', codex: 'f.needCodex', grok: 'f.needGrok', local: 'f.needLocal', seedream: 'f.needSeedream', gemini: 'f.needGemini', replicate: 'f.needReplicate' } },
-      
-      // FAL
-      { field: 'model', spec: textField('model'), kind: 'text', labelKey: 'f.model', hintKey: 'f.modelHint', placeholderKey: 'p.model', when: ['fal'] },
-      { field: 'apiKeyEnv', spec: textField('apiKeyEnv'), kind: 'text', labelKey: 'f.apiKeyEnv', hintKey: 'f.apiKeyEnvHint', placeholderKey: 'p.apiKeyEnv', when: ['fal'] },
-      { field: 'baseURL', spec: textField('baseURL'), kind: 'text', labelKey: 'f.baseURL', hintKey: 'f.baseURLHint', placeholderKey: 'p.baseURL', when: ['fal'] },
-      { field: 'pollIntervalMs', spec: numberField('pollIntervalMs'), kind: 'number', labelKey: 'f.pollIntervalMs', hintKey: 'f.pollIntervalMsHint', placeholderKey: 'p.pollIntervalMs', when: ['fal'] },
-      { field: 'timeoutMs', spec: numberField('timeoutMs'), kind: 'number', labelKey: 'f.timeoutMs', hintKey: 'f.timeoutMsHint', placeholderKey: 'p.timeoutMs', when: ['fal'] },
-
-      // Custom
-      { field: 'customBaseURL', spec: textField('customBaseURL'), kind: 'text', labelKey: 'f.customBaseURL', hintKey: 'f.customBaseURLHint', placeholderKey: 'p.customBaseURL', when: ['custom'] },
-      { field: 'customModel', spec: textField('customModel'), kind: 'text', labelKey: 'f.customModel', hintKey: 'f.customModelHint', placeholderKey: 'p.customModel', when: ['custom'] },
-      { field: 'customKeyEnv', spec: textField('customKeyEnv'), kind: 'text', labelKey: 'f.customKeyEnv', hintKey: 'f.customKeyEnvHint', placeholderKey: 'p.customKeyEnv', when: ['custom'] },
-      { field: 'customSize', spec: textField('customSize'), kind: 'text', labelKey: 'f.customSize', hintKey: 'f.customSizeHint', placeholderKey: 'p.customSize', when: ['custom'] },
-
-      // Replicate
-      { field: 'replicateModel', spec: textField('replicateModel'), kind: 'text', labelKey: 'f.replicateModel', hintKey: 'f.replicateModelHint', placeholderKey: 'p.replicateModel', when: ['replicate'] },
-      { field: 'replicateKeyEnv', spec: textField('replicateKeyEnv'), kind: 'text', labelKey: 'f.replicateKeyEnv', hintKey: 'f.replicateKeyEnvHint', placeholderKey: 'p.replicateKeyEnv', when: ['replicate'] },
-
-      // SeaDream
-      { field: 'seedreamModel', spec: textField('seedreamModel'), kind: 'text', labelKey: 'f.seedreamModel', hintKey: 'f.seedreamModelHint', placeholderKey: 'p.seedreamModel', when: ['seedream'] },
-      { field: 'seedreamKeyEnv', spec: textField('seedreamKeyEnv'), kind: 'text', labelKey: 'f.seedreamKeyEnv', hintKey: 'f.seedreamKeyEnvHint', placeholderKey: 'p.seedreamKeyEnv', when: ['seedream'] },
-      { field: 'seedreamBaseURL', spec: textField('seedreamBaseURL'), kind: 'text', labelKey: 'f.seedreamBaseURL', hintKey: 'f.seedreamBaseURLHint', placeholderKey: 'p.seedreamBaseURL', when: ['seedream'] },
-
-      // Gemini
-      { field: 'geminiModel', spec: textField('geminiModel'), kind: 'text', labelKey: 'f.geminiModel', hintKey: 'f.geminiModelHint', placeholderKey: 'p.geminiModel', when: ['gemini'] },
-      { field: 'geminiKeyEnv', spec: textField('geminiKeyEnv'), kind: 'text', labelKey: 'f.geminiKeyEnv', hintKey: 'f.geminiKeyEnvHint', placeholderKey: 'p.geminiKeyEnv', when: ['gemini'] },
-
-      // Local ComfyUI / A1111
-      { field: 'localComfyUrl', spec: textField('localComfyUrl'), kind: 'text', labelKey: 'f.localComfyUrl', hintKey: 'f.localComfyUrlHint', placeholderKey: 'p.localComfyUrl', when: ['local'] },
-      { field: 'localA1111Url', spec: textField('localA1111Url'), kind: 'text', labelKey: 'f.localA1111Url', hintKey: 'f.localA1111UrlHint', placeholderKey: 'p.localA1111Url', when: ['local'] },
-
-      // Common Style & LLM Enhancer
-      { field: 'stylePreset', spec: selectField('stylePreset', STYLE_PRESET_OPTIONS), kind: 'select', options: STYLE_PRESET_OPTIONS, labelKey: 'f.stylePreset', hintKey: 'f.stylePresetHint' },
-      { field: 'enableLlmEnhancer', spec: booleanField('enableLlmEnhancer'), kind: 'select', options: ['true', 'false'], labelKey: 'f.enableLlmEnhancer', hintKey: 'f.enableLlmEnhancerHint' },
-
-      // Output & Defaults
-      { field: 'defaultSize', spec: selectField('defaultSize', IMAGE_SIZES), kind: 'select', options: IMAGE_SIZES, labelKey: 'f.defaultSize', hintKey: 'f.defaultSizeHint', sizePixels: SIZE_PIXELS },
-      { field: 'defaultFormat', spec: selectField('defaultFormat', OUTPUT_FORMATS), kind: 'select', options: OUTPUT_FORMATS, labelKey: 'f.defaultFormat', hintKey: 'f.defaultFormatHint' },
-      { field: 'deliverAs', spec: selectField('deliverAs', DELIVERY_MODES), kind: 'select', options: DELIVERY_MODES, labelKey: 'f.deliverAs', hintKey: 'f.deliverAsHint' },
-      { field: 'outputDir', spec: textField('outputDir'), kind: 'text', labelKey: 'f.outputDir', hintKey: 'f.outputDirHint', placeholderKey: 'p.outputDir' },
-      { field: 'cacheTtlDays', spec: numberField('cacheTtlDays'), kind: 'number', labelKey: 'f.cacheTtlDays', hintKey: 'f.cacheTtlDaysHint', placeholderKey: 'p.cacheTtlDays' },
-    ]
 
+    // -------------------------------------------------------------- UI Components
     function Field(props) {
       const { entry, state, fieldProps, t, onEdit, onReset } = props
-      const base = {
-        id: 'dsh-image-gen-' + entry.field,
-        label: t(entry.labelKey),
-        hint: t(entry.hintKey),
-        overriddenLabel: fieldProps.overriddenLabel,
-        resetLabel: fieldProps.resetLabel,
-        invalidLabel: fieldProps.invalidLabel,
-        disabled: fieldProps.disabled,
-        text: state.text,
-        overridden: state.overridden,
-        invalid: state.invalid,
-        onEdit,
-        onReset,
-      }
+      const id = 'dsh-image-gen-' + entry.field
+      const label = t(entry.labelKey)
+      const hint = t(entry.hintKey)
+      const overridden = Boolean(state.overridden)
+      const invalid = Boolean(state.invalid)
+      const disabled = Boolean(fieldProps.disabled)
+
       if (entry.kind === 'select') {
-        const px = entry.sizePixels && entry.sizePixels[state.text] ? ` — ${entry.sizePixels[state.text]}` : ''
-        const need = entry.providerNeeds && entry.providerNeeds[state.text] ? ` (${t(entry.providerNeeds[state.text])})` : ''
-        const hint = base.hint + px + need
-        return react_jsx_runtime.jsx(SelectField, { ...base, hint, options: entry.options, inheritLabel: t('f.inherit') })
+        const px = entry.sizePixels && entry.sizePixels[state.text] ? ' — ' + entry.sizePixels[state.text] : ''
+        const need = entry.providerNeeds && entry.providerNeeds[state.text] ? ' (' + t(entry.providerNeeds[state.text]) + ')' : ''
+        return react.createElement(
+          'div',
+          { className: 'ig-field', key: entry.field },
+          react.createElement(
+            'div',
+            { className: 'ig-field-head' },
+            react.createElement('label', { className: 'ig-field-label', htmlFor: id }, label),
+            overridden
+              ? react.createElement(
+                  'div',
+                  { className: 'ig-row' },
+                  react.createElement('span', { className: 'ig-badge ig-badge-warn' }, fieldProps.overriddenLabel),
+                  react.createElement('button', { type: 'button', className: 'ig-reset', disabled, onClick: onReset }, fieldProps.resetLabel)
+                )
+              : null
+          ),
+          react.createElement(
+            'select',
+            {
+              id,
+              className: 'ig-select',
+              value: state.text,
+              disabled,
+              onChange: (e) => onEdit(e.target.value),
+            },
+            entry.options.map((opt) =>
+              react.createElement('option', { key: opt, value: opt }, opt === '' ? t('f.inherit') : opt)
+            )
+          ),
+          react.createElement('p', { className: 'ig-field-hint' }, hint + px + need)
+        )
       }
-      return react_jsx_runtime.jsx(ValueField, { ...base, numeric: entry.kind === 'number', placeholder: entry.placeholderKey ? t(entry.placeholderKey) : '' })
+
+      return react.createElement(
+        'div',
+        { className: 'ig-field', key: entry.field },
+        react.createElement(
+          'div',
+          { className: 'ig-field-head' },
+          react.createElement('label', { className: 'ig-field-label', htmlFor: id }, label),
+          overridden
+            ? react.createElement(
+                'div',
+                { className: 'ig-row' },
+                react.createElement('span', { className: 'ig-badge ig-badge-warn' }, fieldProps.overriddenLabel),
+                react.createElement('button', { type: 'button', className: 'ig-reset', disabled, onClick: onReset }, fieldProps.resetLabel)
+              )
+            : null
+        ),
+        react.createElement('input', {
+          id,
+          className: invalid ? 'ig-input ig-input-invalid' : 'ig-input',
+          type: 'text',
+          ...(entry.kind === 'number' ? { inputMode: 'numeric' } : {}),
+          value: state.text,
+          placeholder: entry.placeholderKey ? t(entry.placeholderKey) : '',
+          disabled,
+          onChange: (e) => onEdit(e.target.value),
+        }),
+        react.createElement('p', { className: invalid ? 'ig-field-err' : 'ig-field-hint' }, invalid ? fieldProps.invalidLabel : hint)
+      )
     }
 
     function FalSettingsCard(props) {
       const t = props.t || ((k) => k)
+      const [open, setOpen] = react.useState(props.defaultOpen ?? true)
+      const [activeTab, setActiveTab] = react.useState('general')
+
+      react.useEffect(() => {
+        ensureCss()
+      }, [])
+
       const state = (typeof props.useFalSettingsCard === 'function'
-        ? props.useFalSettingsCard((snapshot) => snapshot)
+        ? props.useFalSettingsCard((s) => s)
         : null) || props.state || { available: true, writable: true, provider: { text: 'fal' } }
+
       const disabled = !state.writable
       const currentProvider = (state.provider && state.provider.text) || 'fal'
-      const visibleFields = FIELDS.filter((entry) => !entry.when || entry.when.includes(currentProvider))
+      const blocked = !state.dirty || state.invalid || state.saving
+
       const fieldProps = {
         overriddenLabel: t('settings.overridden'),
         resetLabel: t('settings.reset'),
         invalidLabel: t('settings.invalidNumber'),
         disabled,
       }
-      return react_jsx_runtime.jsx(PluginSettingsCard, {
-        t,
-        titleKey: 'settings.title',
-        descriptionKey: 'settings.description',
-        state,
-        onSave: props.save,
-        onDiscard: props.discard,
-        children: [
-          react_jsx_runtime.jsx('p', { className: cssDefault.hint, key: 'credHint', children: t('settings.credentialHint') }),
-          visibleFields.map((entry) =>
-            react_jsx_runtime.jsx(
-              Field,
-              {
-                entry,
-                state: state[entry.field] ?? { text: '', overridden: false, invalid: false },
-                fieldProps,
-                t,
-                onEdit: (text) => props.edit && props.edit(entry.field, text),
-                onReset: () => props.resetField && props.resetField(entry.field),
-              },
-              entry.field,
-            ),
-          ),
-        ],
-      })
-    }
 
-    /** Bridges the `dsh-image-gen` scope onto the card's staged form. */
-    var FalSettingsCardController = class {
-      constructor(scope) {
-        this.form = new CardForm(scope, FIELDS.map((entry) => entry.spec))
-        this.store = this.form.bind(() => this.projection())
-      }
-      projection() {
-        return {
-          ...this.form.shell(),
-          ...Object.fromEntries(FIELDS.map((entry) => [entry.field, this.form.field(entry.field)])),
-        }
-      }
-      inject() {
-        return { hooks: { falSettingsCard: this.store }, ...this.form.actions() }
+      if (!state.available) {
+        return react.createElement(
+          'li',
+          { className: 'ig-section-card', style: { listStyle: 'none' } },
+          react.createElement('p', { className: 'ig-field-hint' }, t('settings.unavailable'))
+        )
       }
-    }
-
-    // -------------------------------------------------------------- apply
-    const NS = 'dsh-image-gen'
-    /** Settings namespace the card edits (the Host plugin registers it). */
-    const SETTINGS_NS = 'dsh-image-gen'
-    /** Required client services. */
-    const inject = ['slots', 'settingsScope', 'locale', 'sessions']
-
-    const en = {
-      'settings.navLabel': 'Image generation',
-      'settings.title': 'Image generation',
-      'settings.description': 'generate_image tool. Provider: the FAL queue, or any OpenAI-compatible images API.',
-      'settings.unavailable': 'The harness has not published this plugin\u2019s settings yet. If it has just restarted, the section appears on its own in a few seconds.',
-      'settings.credentialHint': 'API keys live in Credentials under the references set below (Settings → Credentials).',
-      'settings.expand': 'Expand',
-      'settings.collapse': 'Collapse',
-      'settings.unsaved': 'Unsaved changes',
-      'settings.readOnly': 'This deployment is read-only: settings cannot be changed from the GUI.',
-      'settings.overridden': 'Override',
-      'settings.reset': 'Reset',
-      'settings.invalidNumber': 'Enter a valid number',
-      'settings.discard': 'Discard',
-      'settings.save': 'Save',
-      'settings.saving': 'Saving…',
-      'settings.saveFailed': 'Save failed',
-      'f.inherit': 'Inherit (default)',
-      'f.enabled': 'Enabled',
-      'f.enabledHint': 'Master switch: enable or disable the generate_image tool.',
-      'f.needFal': 'requires FAL API key',
-      'f.needCustom': 'requires custom endpoint URL',
-      'f.needCodex': 'uses Codex subscription session',
-      'f.needGrok': 'uses Grok subscription session',
-      'f.needLocal': 'connects to local ComfyUI/A1111',
-      'f.needSeedream': 'requires SeaDream API key',
-      'f.needGemini': 'requires Gemini API key',
-      'f.needReplicate': 'requires Replicate API token',
-      'f.replicateModel': 'Model (Replicate)',
-      'f.replicateModelHint': 'Replicate model identifier, e.g. black-forest-labs/flux-schnell.',
-      'f.replicateKeyEnv': 'API key reference (Replicate)',
-      'f.replicateKeyEnvHint': 'Credential reference / env var holding the Replicate API token.',
-      'p.replicateModel': 'Example: black-forest-labs/flux-schnell',
-      'p.replicateKeyEnv': 'Example: REPLICATE_API_TOKEN',
-      'f.seedreamModel': 'Model (SeaDream)',
-      'f.seedreamModelHint': 'SeaDream model identifier.',
-      'f.seedreamKeyEnv': 'API key reference (SeaDream)',
-      'f.seedreamKeyEnvHint': 'Credential reference / env var holding the SeaDream API key.',
-      'f.seedreamBaseURL': 'Base URL (SeaDream)',
-      'f.seedreamBaseURLHint': 'SeaDream endpoint URL (Volcengine Ark API).',
-      'p.seedreamModel': 'Example: Doubao-SeaDream-3.0',
-      'p.seedreamKeyEnv': 'Example: SEADREAM_API_KEY',
-      'p.seedreamBaseURL': 'Example: https://ark.cn-beijing.volces.com/api/v3',
-      'f.geminiModel': 'Model (Gemini)',
-      'f.geminiModelHint': 'Gemini Imagen model identifier.',
-      'f.geminiKeyEnv': 'API key reference (Gemini)',
-      'f.geminiKeyEnvHint': 'Credential reference / env var holding the Gemini API key.',
-      'p.geminiModel': 'Example: imagen-3.0-generate-002',
-      'p.geminiKeyEnv': 'Example: GEMINI_API_KEY',
-      'f.localComfyUrl': 'ComfyUI URL',
-      'f.localComfyUrlHint': 'Base URL of local ComfyUI server.',
-      'p.localComfyUrl': 'Example: http://127.0.0.1:8188',
-      'f.localA1111Url': 'Automatic1111 URL',
-      'f.localA1111UrlHint': 'Base URL of local Automatic1111 / SD WebUI.',
-      'p.localA1111Url': 'Example: http://127.0.0.1:7860',
-      'f.stylePreset': 'Default style preset',
-      'f.stylePresetHint': 'Style preset automatically applied if the tool call does not specify one.',
-      'f.enableLlmEnhancer': 'LLM prompt enhancer',
-      'f.enableLlmEnhancerHint': 'Automatically refine and expand prompts before generation using session LLM.',
-      'f.cacheTtlDays': 'Cache retention (days)',
-      'f.cacheTtlDaysHint': 'How many days downloaded images are stored in cache before cleanup.',
-      'p.cacheTtlDays': 'Example: 7',
-      'f.maxHistoryEntries': 'Max history entries',
-      'f.maxHistoryEntriesHint': 'Maximum number of items shown in generation history gallery.',
-      'p.maxHistoryEntries': 'Example: 50',
-      'f.provider': 'Provider',
-      'f.providerHint': 'fal — the FAL queue configured below. custom — any OpenAI-compatible API, configured further down. '
-        + 'codex and grok — through a subscription you are logged into, no key needed here.',
-      'f.model': 'Model (FAL)',
-      'f.modelHint': 'FAL model id, called as {baseURL}/{model}. Used when provider is fal.',
-      'f.apiKeyEnv': 'API key reference',
-      'f.apiKeyEnvHint': 'Credential reference / env var holding the FAL API key. The "Key " auth prefix is added automatically.',
-      'f.baseURL': 'Queue base URL',
-      'f.baseURLHint': 'FAL queue base URL (queue.fal.run).',
-      'f.defaultSize': 'Default image size',
-      'f.defaultSizeHint': 'Used when the tool call omits image_size.',
-      'f.defaultFormat': 'Default format',
-      'f.defaultFormatHint': 'Used when the tool call omits output_format.',
-      'f.pollIntervalMs': 'Poll interval (ms)',
-      'f.pollIntervalMsHint': 'Status polling interval while a job runs.',
-      'f.timeoutMs': 'Timeout (ms)',
-      'f.timeoutMsHint': 'Total generation timeout: submit + poll + download.',
-      'f.deliverAs': 'How the image reaches the chat',
-      'f.deliverAsHint': 'link — the result is text with a link and the card renders the picture from it; works with any chat model. image — the result carries the picture itself, which a text-only chat model cannot read, so this needs dsh-vision-bridge or a vision-capable model.',
-      'f.customBaseURL': 'Custom API: base URL',
-      'f.customBaseURLHint': 'API root without a trailing slash. The request goes to {base}/images/generations.',
-      'f.customModel': 'Custom API: model',
-      'f.customModelHint': 'Model id sent to that API, e.g. gpt-image-1.',
-      'f.customKeyEnv': 'Custom API: key reference',
-      'f.customKeyEnvHint': 'Credential reference / env var with the API key. Empty means no authorization header, for gateways that need none.',
-      'f.customSize': 'Custom API: fixed size',
-      'f.customSizeHint': 'Leave empty and the named size is translated automatically (square_hd → 1024x1024). Set it only for an API picky about sizes.',
-      'f.outputDir': 'Output directory',
-      'f.outputDirHint': 'Relative to the session working directory; an absolute path is used as given.',
-      'p.model': 'Example: fal-ai/flux-2/klein/9b',
-      'p.apiKeyEnv': 'Example: FAL_API_KEY',
-      'p.baseURL': 'Example: https://queue.fal.run',
-      'p.pollIntervalMs': 'Example: 2000',
-      'p.timeoutMs': 'Example: 180000',
-      'p.customBaseURL': 'Example: https://api.openai.com/v1',
-      'p.customModel': 'Example: gpt-image-1',
-      'p.customKeyEnv': 'Example: OPENAI_API_KEY',
-      'p.customSize': 'Example: 1024x1024',
-      'p.outputDir': 'Example: generated/images',
-      'history.title': 'Generation history',
-      'history.all': 'All providers',
-      'history.empty': 'No generations yet',
-      'history.loading': 'Loading…',
-    }
 
-    const ru = {
-      'settings.navLabel': 'Генерация изображений',
-      'settings.title': 'Генерация изображений',
-      'settings.description': 'Инструмент generate_image. Провайдер: очередь FAL или любой OpenAI-совместимый API картинок.',
-      'settings.unavailable': 'Харнесс ещё не объявил настройки плагина. Если он только что перезапустился, раздел появится сам через несколько секунд.',
-      'settings.credentialHint': 'Ключи API хранятся в Credentials под указанными ссылками (Настройки → Credentials).',
-      'settings.expand': 'Развернуть',
-      'settings.collapse': 'Свернуть',
-      'settings.unsaved': 'Есть несохранённые изменения',
-      'settings.readOnly': 'Этот деплой read-only: настройки нельзя менять из GUI.',
-      'settings.overridden': 'Переопределено',
-      'settings.reset': 'Сбросить',
-      'settings.invalidNumber': 'Введите корректное число',
-      'settings.discard': 'Отменить',
-      'settings.save': 'Сохранить',
-      'settings.saving': 'Сохранение…',
-      'settings.saveFailed': 'Не удалось сохранить',
-      'f.inherit': 'Унаследовать (по умолчанию)',
-      'f.enabled': 'Включено',
-      'f.enabledHint': 'Главный переключатель: включить или отключить инструмент generate_image.',
-      'f.needFal': 'требуется ключ API FAL',
-      'f.needCustom': 'требуется базовый URL API',
-      'f.needCodex': 'использует сессию подписки Codex',
-      'f.needGrok': 'использует сессию подписки Grok',
-      'f.needLocal': 'подключается к локальному ComfyUI/A1111',
-      'f.needSeedream': 'требуется ключ API SeaDream',
-      'f.needGemini': 'требуется ключ API Gemini',
-      'f.needReplicate': 'требуется токен API Replicate',
-      'f.replicateModel': 'Модель (Replicate)',
-      'f.replicateModelHint': 'Идентификатор модели Replicate, например black-forest-labs/flux-schnell.',
-      'f.replicateKeyEnv': 'Ссылка на ключ (Replicate)',
-      'f.replicateKeyEnvHint': 'Имя credential-ссылки / переменной окружения с токеном Replicate.',
-      'p.replicateModel': 'Пример: black-forest-labs/flux-schnell',
-      'p.replicateKeyEnv': 'Пример: REPLICATE_API_TOKEN',
-      'f.seedreamModel': 'Модель (SeaDream)',
-      'f.seedreamModelHint': 'Идентификатор модели SeaDream.',
-      'f.seedreamKeyEnv': 'Ссылка на ключ (SeaDream)',
-      'f.seedreamKeyEnvHint': 'Имя credential-ссылки / переменной окружения с ключом SeaDream.',
-      'f.seedreamBaseURL': 'Базовый URL (SeaDream)',
-      'f.seedreamBaseURLHint': 'Базовый URL API SeaDream (Volcengine Ark).',
-      'p.seedreamModel': 'Пример: Doubao-SeaDream-3.0',
-      'p.seedreamKeyEnv': 'Пример: SEADREAM_API_KEY',
-      'p.seedreamBaseURL': 'Пример: https://ark.cn-beijing.volces.com/api/v3',
-      'f.geminiModel': 'Модель (Gemini)',
-      'f.geminiModelHint': 'Идентификатор модели Gemini Imagen.',
-      'f.geminiKeyEnv': 'Ссылка на ключ (Gemini)',
-      'f.geminiKeyEnvHint': 'Имя credential-ссылки / переменной окружения с ключом Gemini.',
-      'p.geminiModel': 'Пример: imagen-3.0-generate-002',
-      'p.geminiKeyEnv': 'Пример: GEMINI_API_KEY',
-      'f.localComfyUrl': 'URL ComfyUI',
-      'f.localComfyUrlHint': 'Базовый URL локального сервера ComfyUI.',
-      'p.localComfyUrl': 'Пример: http://127.0.0.1:8188',
-      'f.localA1111Url': 'URL Automatic1111',
-      'f.localA1111UrlHint': 'Базовый URL локального SD WebUI / Automatic1111.',
-      'p.localA1111Url': 'Пример: http://127.0.0.1:7860',
-      'f.stylePreset': 'Стилевой пресет по умолчанию',
-      'f.stylePresetHint': 'Пресет стилизации, применяемый если инструмент вызван без указания стиля.',
-      'f.enableLlmEnhancer': 'Улучшение промпта через LLM',
-      'f.enableLlmEnhancerHint': 'Автоматически детализировать и улучшать промпты через чат-модель перед генерацией.',
-      'f.cacheTtlDays': 'Срок хранения кэша (дней)',
-      'f.cacheTtlDaysHint': 'Сколько дней скачанные картинки хранятся в кэше до очистки.',
-      'p.cacheTtlDays': 'Пример: 7',
-      'f.maxHistoryEntries': 'Максимум записей в истории',
-      'f.maxHistoryEntriesHint': 'Максимальное количество картинок в галерее истории генераций.',
-      'p.maxHistoryEntries': 'Пример: 50',
-      'f.provider': 'Провайдер',
-      'f.providerHint': 'fal — очередь FAL, настроенная ниже. custom — любой OpenAI-совместимый API, настраивается дальше. '
-        + 'codex и grok — через подписку, в которую вы вошли; ключ здесь не нужен.',
-      'f.model': 'Модель (FAL)',
-      'f.modelHint': 'ID модели FAL, вызывается как {baseURL}/{model}. Используется при провайдере fal.',
-      'f.apiKeyEnv': 'Ссылка на ключ API',
-      'f.apiKeyEnvHint': 'Имя credential-ссылки / переменной окружения с ключом FAL. Префикс "Key " добавляется автоматически.',
-      'f.baseURL': 'Базовый URL очереди',
-      'f.baseURLHint': 'Базовый URL FAL queue (queue.fal.run).',
-      'f.defaultSize': 'Размер по умолчанию',
-      'f.defaultSizeHint': 'Используется, когда вызов инструмента не указывает image_size.',
-      'f.defaultFormat': 'Формат по умолчанию',
-      'f.defaultFormatHint': 'Используется, когда вызов инструмента не указывает output_format.',
-      'f.pollIntervalMs': 'Интервал опроса (мс)',
-      'f.pollIntervalMsHint': 'Интервал опроса статуса задания.',
-      'f.timeoutMs': 'Таймаут (мс)',
-      'f.timeoutMsHint': 'Общий таймаут генерации: submit + poll + download.',
-      'f.deliverAs': 'Как картинка попадает в чат',
-      'f.deliverAsHint': 'link — в результате текст со ссылкой, карточка рисует картинку по ней; работает с любой чат-моделью. image — в результате сама картинка, текстовая модель её прочитать не может, поэтому нужен dsh-vision-bridge или модель с vision.',
-      'f.customBaseURL': 'Свой API: базовый URL',
-      'f.customBaseURLHint': 'Корень API без завершающего слэша. Запрос уходит на {base}/images/generations.',
-      'f.customModel': 'Свой API: модель',
-      'f.customModelHint': 'ID модели для этого API, например gpt-image-1.',
-      'f.customKeyEnv': 'Свой API: ссылка на ключ',
-      'f.customKeyEnvHint': 'Имя credential-ссылки / переменной окружения с ключом. Пусто — без заголовка авторизации, для шлюзов, которым он не нужен.',
-      'f.customSize': 'Свой API: фиксированный размер',
-      'f.customSizeHint': 'Пусто — именованный размер переводится сам (square_hd → 1024x1024). Заполняйте только для API, придирчивого к размерам.',
-      'f.outputDir': 'Папка вывода',
-      'f.outputDirHint': 'Относительно рабочей папки сессии; абсолютный путь используется как есть.',
-      'p.model': 'Пример: fal-ai/flux-2/klein/9b',
-      'p.apiKeyEnv': 'Пример: FAL_API_KEY',
-      'p.baseURL': 'Пример: https://queue.fal.run',
-      'p.pollIntervalMs': 'Пример: 2000',
-      'p.timeoutMs': 'Пример: 180000',
-      'p.customBaseURL': 'Пример: https://api.openai.com/v1',
-      'p.customModel': 'Пример: gpt-image-1',
-      'p.customKeyEnv': 'Пример: OPENAI_API_KEY',
-      'p.customSize': 'Пример: 1024x1024',
-      'p.outputDir': 'Пример: generated/images',
-      'history.title': 'История генераций',
-      'history.all': 'Все провайдеры',
-      'history.empty': 'Ещё нет генераций',
-      'history.loading': 'Загрузка…',
-    }
+      const tabs = [
+        { id: 'general', label: t('tab.general'), icon: '⚙️' },
+        { id: 'provider', label: t('tab.provider') + ' (' + currentProvider.toUpperCase() + ')', icon: '🔌' },
+        { id: 'enhancer', label: t('tab.enhancer'), icon: '✨' },
+        { id: 'safety', label: t('tab.safety'), icon: '🛡️' },
+        { id: 'cache', label: t('tab.cache'), icon: '⚡' },
+      ]
+
+      const currentTabFields = FIELDS.filter((entry) => {
+        if (entry.tab !== activeTab) return false
+        if (entry.when && !entry.when.includes(currentProvider)) return false
+        return true
+      })
 
-    // ── карточка результата generate_image ────────────────────────────────
-    //
-    // Карточки инструментов не рисуют image-блоки (это умеют только сообщения
-    // ассистента), поэтому сгенерированная картинка показывается здесь —
-    // keyed-запись слота tool.call.toolview по имени инструмента.
-    const EXTRA_CARD_CSS = '.fal-btn-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.fal-action-btn{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);border-radius:6px;padding:3px 10px;font-size:12px;display:inline-flex;align-items:center;gap:4px}.fal-action-btn:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-bg-layer-3)}.fal-action-btn:disabled{opacity:.5;cursor:default}.fal-diff-slider{position:relative;width:100%;overflow:hidden;border-radius:8px;user-select:none;aspect-ratio:1/1;max-height:400px;background:var(--dsw-alias-bg-layer-3)}.fal-diff-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.fal-diff-clipped{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.fal-diff-handle{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,0.5);pointer-events:none}.fal-diff-handle-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;font-size:10px;color:#333}.fal-canvas-box{position:relative;border-radius:8px;overflow:hidden;margin-top:6px;background:#000}.fal-inpaint-canvas{position:absolute;top:0;left:0;cursor:crosshair;touch-action:none}'
-    const CARD_CSS = EXTRA_CARD_CSS +  '.fal-card{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--dsw-alias-border-l1);border-radius:10px;background:var(--dsw-alias-bg-layer-1);max-width:520px}' + '.fal-repeat{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);border-radius:8px;padding:5px 14px;font-size:13px}' + '.fal-repeat:hover:not(:disabled){border-color:var(--dsw-alias-label-dimmed)}' + '.fal-repeat:disabled{opacity:.5;cursor:default}'
-      + '.fal-card .fal-head{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dsw-alias-label-secondary)}'
-      + '.fal-card img{max-width:100%;border-radius:8px;display:block}'
-      + '.fal-card .fal-prompt{font-size:12px;color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere}'
-      + '.fal-card .fal-meta{font-size:11px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums}'
-      + '.fal-card .fal-err{font-size:12px;color:var(--dsw-alias-state-error-primary)}'
-    const CARD_CSS_ID = 'dsh-image-gen/tool-card.module.css'
-    if (typeof document !== 'undefined' && !document.querySelector('style[data-plugin-css="' + CARD_CSS_ID + '"]')) {
-      const tag = document.createElement('style')
-      tag.textContent = CARD_CSS
-      tag.setAttribute('data-plugin', 'dsh-image-gen')
-      tag.dataset.pluginCss = CARD_CSS_ID
-      document.head.appendChild(tag)
+      const diskCacheOn = state.diskCache && state.diskCache.text !== 'false'
+      const qualityGateOn = state.qualityGate && state.qualityGate.text !== 'false'
+      const budgetText = (state.dailyBudgetUsd && state.dailyBudgetUsd.text) || '0'
+      const loopLimit = (state.loopGuardLimit && state.loopGuardLimit.text) || '3'
+
+      return react.createElement(
+        'li',
+        { className: 'ig-section-card', style: { listStyle: 'none', marginBottom: '12px' } },
+        // Header
+        react.createElement(
+          'button',
+          {
+            type: 'button',
+            style: {
+              background: 'none',
+              border: 'none',
+              cursor: 'pointer',
+              display: 'flex',
+              alignItems: 'center',
+              width: '100%',
+              padding: 0,
+              textAlign: 'left',
+            },
+            'aria-expanded': open,
+            onClick: () => setOpen(!open),
+          },
+          react.createElement(
+            'div',
+            { style: { flex: 1 } },
+            react.createElement(
+              'div',
+              { style: { fontWeight: 700, fontSize: '16px', display: 'flex', alignItems: 'center', gap: '8px' } },
+              '🎨 ' + t('settings.title')
+            ),
+            react.createElement(
+              'div',
+              { style: { fontSize: '13px', color: 'var(--dsw-alias-label-secondary)' } },
+              t('settings.description')
+            )
+          ),
+          state.dirty
+            ? react.createElement('span', { className: 'ig-badge ig-badge-warn', style: { marginRight: '8px' } }, t('settings.unsaved'))
+            : null,
+          react.createElement(
+            'span',
+            { style: { transform: open ? 'rotate(180deg)' : 'none', transition: 'transform .16s' } },
+            ChevronIconNode
+          )
+        ),
+        open
+          ? react.createElement(
+              'div',
+              { className: 'ig-page' },
+              // Quick Stats Row
+              react.createElement(
+                'div',
+                { className: 'ig-grid-4' },
+                react.createElement(
+                  'div',
+                  { className: 'ig-stat-box' },
+                  react.createElement('div', { className: 'ig-stat-val' }, currentProvider.toUpperCase()),
+                  react.createElement('div', { className: 'ig-stat-lbl' }, t('stat.active_provider'))
+                ),
+                react.createElement(
+                  'div',
+                  { className: 'ig-stat-box' },
+                  react.createElement('div', { className: 'ig-stat-val' }, ((state.defaultSize && state.defaultSize.text) || '4:3') + ' · ' + ((state.defaultFormat && state.defaultFormat.text) || 'png')),
+                  react.createElement('div', { className: 'ig-stat-lbl' }, t('stat.format_size'))
+                ),
+                react.createElement(
+                  'div',
+                  { className: 'ig-stat-box' },
+                  react.createElement(
+                    'div',
+                    { className: 'ig-stat-val' },
+                    react.createElement(
+                      'span',
+                      { className: qualityGateOn ? 'ig-badge ig-badge-ok' : 'ig-badge ig-badge-warn' },
+                      qualityGateOn ? 'Gate Active' : 'Off'
+                    ),
+                    ' ',
+                    react.createElement('span', { className: 'ig-badge ig-badge-ok' }, 'Guard ' + loopLimit)
+                  ),
+                  react.createElement('div', { className: 'ig-stat-lbl' }, t('stat.safety_status'))
+                ),
+                react.createElement(
+                  'div',
+                  { className: 'ig-stat-box' },
+                  react.createElement(
+                    'div',
+                    { className: 'ig-stat-val' },
+                    react.createElement(
+                      'span',
+                      { className: diskCacheOn ? 'ig-badge ig-badge-ok' : 'ig-badge ig-badge-warn' },
+                      diskCacheOn ? 'Cache ON' : 'Off'
+                    ),
+                    ' ',
+                    budgetText !== '0' ? '$' + budgetText : 'No limit'
+                  ),
+                  react.createElement('div', { className: 'ig-stat-lbl' }, t('stat.budget_cache'))
+                )
+              ),
+              // Tab Navigation
+              react.createElement(
+                'div',
+                { className: 'ig-tabs' },
+                tabs.map((tab) =>
+                  react.createElement(
+                    'button',
+                    {
+                      key: tab.id,
+                      type: 'button',
+                      className: activeTab === tab.id ? 'ig-tab-btn ig-tab-btn-active' : 'ig-tab-btn',
+                      onClick: () => setActiveTab(tab.id),
+                    },
+                    tab.icon + ' ' + tab.label
+                  )
+                )
+              ),
+              // Active Tab Fields
+              react.createElement(
+                'div',
+                { style: { display: 'flex', flexDirection: 'column', gap: '8px' } },
+                currentTabFields.map((entry) =>
+                  react.createElement(Field, {
+                    key: entry.field,
+                    entry,
+                    state: state[entry.field] ?? { text: '', overridden: false, invalid: false },
+                    fieldProps,
+                    t,
+                    onEdit: (val) => props.edit && props.edit(entry.field, val),
+                    onReset: () => props.resetField && props.resetField(entry.field),
+                  })
+                )
+              ),
+              // Footer Action Bar
+              react.createElement(
+                'div',
+                {
+                  style: {
+                    display: 'flex',
+                    justifyContent: 'flex-end',
+                    alignItems: 'center',
+                    gap: '10px',
+                    paddingTop: '12px',
+                    borderTop: '1px solid var(--dsw-alias-border-l2)',
+                  },
+                },
+                state.failed
+                  ? react.createElement('span', { className: 'ig-alert-err', style: { marginRight: 'auto', padding: '4px 10px' } }, t('settings.saveFailed'))
+                  : null,
+                react.createElement(
+                  'button',
+                  {
+                    type: 'button',
+                    className: 'ig-btn',
+                    disabled: !state.dirty || state.saving,
+                    onClick: props.discard,
+                  },
+                  t('settings.discard')
+                ),
+                react.createElement(
+                  'button',
+                  {
+                    type: 'button',
+                    className: 'ig-btn ig-btn-primary',
+                    disabled: blocked,
+                    onClick: props.save,
+                  },
+                  t(state.saving ? 'settings.saving' : 'settings.save')
+                )
+              )
+            )
+          : null
+      )
     }
 
-    /**
-     * Вытащить из результата всё, чем можно показать картинку.
-     *
-     * В режиме «image» она приходит блоком вложения. В режиме «link» результат
-     * намеренно только текстовый — иначе чат-модель без vision на нём падает —
-     * и ссылка на наш же роут разбирается отсюда.
-     */
-    // Старое имя оставлено намеренно: ссылки в уже отправленных сообщениях
-    // указывают на прежний маршрут, и без него картинки в истории разговоров
-    // перестали бы показываться.
-    const IMAGE_URL_RE = /\/dsh-(?:fal-)?image-gen\/image\?[^\s)]+/
+    // -------------------------------------------------------------- Toolview Component
+    const IMAGE_URL_RE = /https?:\/\/[^\s)]+\.(png|jpg|jpeg|webp|gif)(\?[^\s)]*)?/i
 
     function readResult(block) {
-      const content = block && Array.isArray(block.content) ? block.content : []
-      let attachment
-      let text = ''
-      for (const part of content) {
-        if (part && part.type === 'image' && part.attachment) {
-          attachment = part.attachment
-        } else if (part && part.type === 'text' && typeof part.text === 'string') {
-          text += (text ? String.fromCharCode(10) : '') + part.text
-        }
-      }
+      if (!block) return { text: '', url: '', attachment: null }
+      const text = block.output || block.text || ''
+      const attachment = block.attachment || (block.attachments && block.attachments[0]) || null
       const linked = text.match(IMAGE_URL_RE)
       return {
-        attachment: attachment,
+        attachment,
         url: linked ? linked[0] : '',
-        // Ссылку из подписи убираем: она уже стала картинкой.
         text: linked ? text.replace(linked[0], '').trim() : text,
       }
     }
 
-function FalImageCard(props) {
+    function FalImageCard(props) {
       const block = props.block
       const running = !('kind' in (block || {}))
       const failed = block && (block.isError || block.error !== undefined)
       const parsed = readResult(block)
+      const t = props.t || ((k) => k)
 
-      let args = {}
-      try {
-        const raw = (block && (block.call ? block.call.argsRaw : block.argsRaw)) || ''
-        if (raw) args = JSON.parse(raw)
-      } catch (e) { /* ignore */ }
+      react.useEffect(() => {
+        ensureCss()
+      }, [])
 
+      let args = {}
       let prompt = ''
       try {
         const raw = (block && (block.call ? block.call.argsRaw : block.argsRaw)) || ''
-        prompt = raw ? (JSON.parse(raw).prompt || '') : ''
-      } catch (e) { prompt = '' }
-
-      const t = props.t || ((k) => k)
-      const repeatText = (() => {
-        const parts = [String(args.prompt || '').trim()]
-        const size = args.image_size || args.size
-        const seed = args.seed
-        if (size) parts.push(`${t('card.sizePrefix')}: ${size}`)
-        if (seed !== undefined) parts.push(`${t('card.seedPrefix')}: ${seed}`)
-        return parts.filter(Boolean).join(', ')
-      })()
-
-      const [editing, setEditing] = react.useState(false)
-      const [editText, setEditText] = react.useState('')
-
-      const onEditPrompt = () => {
-        const textToInsert = prompt || repeatText || ''
-        if (typeof document !== 'undefined') {
-          const input = document.querySelector('textarea, [contenteditable="true"], input[type="text"]')
-          if (input) {
-            if (input.tagName === 'TEXTAREA' || input.tagName === 'INPUT') {
-              input.value = textToInsert
-              input.dispatchEvent(new Event('input', { bubbles: true }))
-              input.focus()
-            } else if (input.isContentEditable) {
-              input.innerText = textToInsert
-              input.focus()
-            }
-          }
+        if (raw) {
+          args = JSON.parse(raw)
+          prompt = args.prompt || ''
         }
-        onCopyPrompt()
-      }
+      } catch (_) {}
 
       const [copied, setCopied] = react.useState(false)
 
@@ -934,7 +771,7 @@ function FalImageCard(props) {
           const binding = current && sessions.binding(current)
           const session = binding && binding.session
           if (session && session.prompt) await session.prompt([{ type: 'text', text }], 'queue')
-        } catch (e) { /* error handled by host */ }
+        } catch (_) {}
       }
 
       const onCopyPrompt = () => {
@@ -945,57 +782,30 @@ function FalImageCard(props) {
         }
       }
 
-      const onCopySeed = () => {
-        if (args.seed !== undefined && typeof navigator !== 'undefined' && navigator.clipboard) {
-          navigator.clipboard.writeText(String(args.seed))
-          setCopied(true)
-          setTimeout(() => setCopied(false), 2000)
-        }
-      }
-
       const onReroll = () => {
-        const nextSeed = (typeof args.seed === 'number' ? args.seed + 1 : Math.floor(Math.random() * 100000))
-        sendActionPrompt(`${t('card.actionReroll')} (${nextSeed}): ${prompt || repeatText}`)
+        const nextSeed = typeof args.seed === 'number' ? args.seed + 1 : Math.floor(Math.random() * 100000)
+        sendActionPrompt(t('card.actionReroll') + ' (' + nextSeed + '): ' + (prompt || ''))
       }
 
       const onUpscale = () => {
-        const ref = parsed.attachment ? parsed.attachment.attachmentId : (parsed.url || '')
-        sendActionPrompt(`${t('card.actionUpscale')}: upscale_image(image: "${ref}")`)
+        const ref = parsed.attachment ? (parsed.attachment.attachmentId || parsed.attachment.id) : (parsed.url || '')
+        sendActionPrompt(t('card.actionUpscale') + ': upscale_image(image: "' + ref + '")')
       }
 
       const onRemoveBg = () => {
-        const ref = parsed.attachment ? parsed.attachment.attachmentId : (parsed.url || '')
-        sendActionPrompt(`${t('card.actionRemoveBg')}: remove_background(image: "${ref}")`)
+        const ref = parsed.attachment ? (parsed.attachment.attachmentId || parsed.attachment.id) : (parsed.url || '')
+        sendActionPrompt(t('card.actionRemoveBg') + ': remove_background(image: "' + ref + '")')
       }
 
-
-
-      const head = react.createElement('div', { className: 'fal-head' },
-        running ? t('card.generating') : failed ? t('card.failed') : t('card.image'))
-
-      // «Повторить генерацию»: отправляет в чат новое сообщение с теми же
-      // промптом и параметрами, извлечёнными из исходного вызова инструмента.
-      // Дальше модель сама решает, как сгенерировать, — это просто повторный
-      // запрос, а не вызов инструмента из карточки.
-
-      const repeat = async () => {
-        try {
-          const sessions = props.sessions
-          const current = sessions && sessions.list && sessions.list.current
-          const binding = current && sessions.binding(current)
-          const session = binding && binding.session
-          if (!session || !session.prompt) {
-            return
-          }
-          const text = repeatText || String(args.prompt || '')
-          await session.prompt([{ type: 'text', text }], 'queue')
-        } catch (e) { /* контур сам покажет ошибку отправки */ }
-      }
+      const head = react.createElement(
+        'div',
+        { className: 'fal_head' },
+        running ? '⏳ ' + t('card.generating') : failed ? '❌ ' + t('card.failed') : '🖼️ ' + t('card.image')
+      )
 
       const body = []
-      if (prompt) body.push(react.createElement('div', { className: 'fal-prompt', key: 'p' }, prompt))
-      if (args.originalPrompt && args.originalPrompt !== prompt) {
-        body.push(react.createElement('div', { className: 'fal-meta', key: 'orig' }, `${t('card.origPrompt')}: ${args.originalPrompt}`))
+      if (prompt) {
+        body.push(react.createElement('div', { className: 'fal-prompt', key: 'p' }, prompt))
       }
       if (failed) {
         body.push(react.createElement('div', { className: 'fal-err', key: 'e' }, parsed.text || t('card.unknownError')))
@@ -1005,11 +815,9 @@ function FalImageCard(props) {
           src: parsed.url,
           alt: prompt || 'generated image',
           loading: 'lazy',
+          style: { maxWidth: '100%', borderRadius: '8px', border: '1px solid var(--dsw-alias-border-l2)' },
         }))
-        if (parsed.text) body.push(react.createElement('div', { className: 'fal-meta', key: 'm' }, parsed.text))
       } else if (parsed.attachment) {
-        // The attachment store verifies the whole reference, so the card hands
-        // back the metadata the tool result already carries.
         const a = parsed.attachment
         const query = 'id=' + encodeURIComponent(a.attachmentId ?? a.id ?? '')
           + '&mt=' + encodeURIComponent(a.mediaType || 'image/png')
@@ -1021,243 +829,416 @@ function FalImageCard(props) {
           src: '/dsh-image-gen/image?' + query,
           alt: prompt || 'generated image',
           loading: 'lazy',
+          style: { maxWidth: '100%', borderRadius: '8px', border: '1px solid var(--dsw-alias-border-l2)' },
         }))
-        if (parsed.text) body.push(react.createElement('div', { className: 'fal-meta', key: 'm' }, parsed.text))
-      } else if (!running && parsed.text) {
-        body.push(react.createElement('div', { className: 'fal-meta', key: 'm' }, parsed.text))
       }
 
-      // Ссылка для скачивания: та же, что у картинки (наш роут или провайдерский url).
-      const downloadUrl = parsed.attachment
-        ? '/dsh-image-gen/image?id=' + encodeURIComponent(parsed.attachment.attachmentId ?? parsed.attachment.id ?? '')
-          + '&mt=' + encodeURIComponent(parsed.attachment.mediaType || 'image/png')
-          + '&b=' + encodeURIComponent(String(parsed.attachment.bytes ?? 0))
-          + '&w=' + encodeURIComponent(String(parsed.attachment.width ?? 0))
-          + '&h=' + encodeURIComponent(String(parsed.attachment.height ?? 0))
-        : parsed.url
-
-      // Диагностика: метаданные генерации (prompt/seed/size/format), чтобы было
-      // понятно, по каким параметрам получилась именно эта картинка.
-      const metaParts = []
-      if (args.image_size || args.size) metaParts.push(`size ${args.image_size || args.size}`)
-      if (args.output_format || args.format) metaParts.push(`format ${args.output_format || args.format}`)
-      if (args.seed !== undefined) metaParts.push(`seed ${args.seed}`)
-      const meta = metaParts.join(' · ')
-
-
-      if (!running && !failed) {
-        const btns = []
-        btns.push(react.createElement('button', {
-          key: 'btn-reroll',
-          type: 'button',
-          className: 'fal-action-btn',
-          onClick: onReroll,
-          title: t('card.rerollTitle')
-        }, '🔄 Re-roll'))
-
-        btns.push(react.createElement('button', {
-          key: 'btn-up',
-          type: 'button',
-          className: 'fal-action-btn',
-          onClick: onUpscale,
-          title: t('card.upscaleTitle')
-        }, '🔍 2x Upscale'))
-
-        btns.push(react.createElement('button', {
-          key: 'btn-nobg',
-          type: 'button',
-          className: 'fal-action-btn',
-          onClick: onRemoveBg,
-          title: t('card.removeBgTitle')
-        }, '✂️ Remove BG'))
-
-        if (prompt) {
-          btns.push(react.createElement('button', {
-            key: 'btn-copy-p',
-            type: 'button',
-            className: 'fal-action-btn',
-            onClick: onCopyPrompt,
-            title: t('card.copyPromptTitle')
-          }, copied ? t('card.copied') : t('card.copyPrompt')))
-        }
-
-        if (args.seed !== undefined) {
-          btns.push(react.createElement('button', {
-            key: 'btn-copy-s',
-            type: 'button',
-            className: 'fal-action-btn',
-            onClick: onCopySeed,
-            title: t('card.copySeedTitle')
-          }, `🎲 ${t('card.seedPrefix')}: ${args.seed}`))
-        }
-
-        body.push(react.createElement('div', { key: 'action-row', className: 'fal-btn-row' }, btns))
+      const actions = []
+      if (!running && !failed && (parsed.url || parsed.attachment)) {
+        actions.push(
+          react.createElement('button', { key: 'reroll', type: 'button', className: 'ig-btn', onClick: onReroll }, '🎲 ' + t('card.reroll')),
+          react.createElement('button', { key: 'upscale', type: 'button', className: 'ig-btn', onClick: onUpscale }, '🔍 ' + t('card.upscale')),
+          react.createElement('button', { key: 'removeBg', type: 'button', className: 'ig-btn', onClick: onRemoveBg }, '✂️ ' + t('card.removeBg')),
+          react.createElement('button', { key: 'copy', type: 'button', className: 'ig-btn', onClick: onCopyPrompt }, copied ? '✓ Copied' : '📋 ' + t('card.copyPrompt'))
+        )
       }
 
-      // Кнопка повтора — только когда генерация завершена (не в процессе и не ошибка).
-      if (!running && !failed && meta) {
-        body.push(react.createElement('div', { key: 'meta', className: 'fal-meta' }, meta))
-      }
-      if (!running && !failed && repeatText) {
-        body.push(react.createElement('button', {
-          key: 'repeat',
-          type: 'button',
-          className: 'fal-repeat',
-          onClick: repeat,
-        }, t('card.repeatGen')))
-      }
-      if (!running && !failed) {
-        if (editing) {
-          body.push(react.createElement('input', {
-            key: 'editinput',
-            type: 'text',
-            className: 'fal-input',
-            value: editText,
-            placeholder: prompt || t('card.newPromptPlaceholder'),
-            onChange: (e) => setEditText(e.target.value),
-          }))
-          body.push(react.createElement('button', {
-            key: 'editsend',
-            type: 'button',
-            className: 'fal-repeat',
-            onClick: async () => {
-              const text = (editText || prompt || '').trim()
-              if (!text) return
-              try {
-                const sessions = props.sessions
-                const current = sessions && sessions.list && sessions.list.current
-                const binding = current && sessions.binding(current)
-                const session = binding && binding.session
-                if (session && session.prompt) await session.prompt([{ type: 'text', text }], 'queue')
-              } catch (e) { /* контур сам покажет */ }
-              setEditing(false)
-              setEditText('')
-            },
-          }, t('card.send')))
-        } else {
-          body.push(react.createElement('button', {
-            key: 'edit',
-            type: 'button',
-            className: 'fal-repeat',
-            onClick: () => { setEditText(prompt || ''); setEditing(true) },
-          }, t('card.editPrompt')))
-        }
-      }
-      if (!running && !failed && downloadUrl) {
-        body.push(react.createElement('a', {
-          key: 'download',
-          className: 'fal-repeat',
-          href: downloadUrl,
-          download: 'generated-image.png',
-        }, t('card.download')))
-      }
+      return react.createElement(
+        'div',
+        { className: 'ig-section-card', style: { margin: '8px 0' } },
+        head,
+        body,
+        actions.length > 0 ? react.createElement('div', { className: 'ig-row', style: { marginTop: '8px' } }, actions) : null
+      )
+    }
 
-      return react.createElement('div', { className: 'fal-card' }, head, body)
+    // -------------------------------------------------------------- Dictionaries
+    const en = {
+      'settings.navLabel': 'Image Studio',
+      'settings.title': 'Image Studio',
+      'settings.description': 'AI Image generation, inpainting, variations, upscale & vectorization.',
+      'settings.unavailable': 'Plugin settings are initializing. They will appear automatically in a few seconds.',
+      'settings.unsaved': 'Unsaved changes',
+      'settings.saving': 'Saving…',
+      'settings.save': 'Save settings',
+      'settings.discard': 'Discard changes',
+      'settings.saveFailed': 'Failed to save settings. Please check credentials and try again.',
+      'settings.readOnly': 'Settings are read-only in this context.',
+      'settings.overridden': 'overridden',
+      'settings.reset': 'Reset to default',
+      'settings.invalidNumber': 'Please enter a valid number',
+      'settings.collapse': 'Collapse',
+      'settings.expand': 'Expand',
+      'settings.credentialHint': 'API keys are stored in DSH Credentials (~/.dsh/.credentials.yaml) and never leaked in config files.',
+
+      'tab.general': 'General',
+      'tab.provider': 'Provider',
+      'tab.enhancer': 'Prompt & Styles',
+      'tab.safety': 'Safety & Budget',
+      'tab.cache': 'Cache & Storage',
+
+      'stat.active_provider': 'Active Provider',
+      'stat.format_size': 'Default Specs',
+      'stat.safety_status': 'Safety & Loop Guard',
+      'stat.budget_cache': 'Budget & Cache',
+
+      'card.generating': 'Generating image…',
+      'card.failed': 'Generation failed',
+      'card.image': 'Image Studio Result',
+      'card.unknownError': 'An unknown error occurred during generation.',
+      'card.sizePrefix': 'Size',
+      'card.seedPrefix': 'Seed',
+      'card.actionReroll': 'Reroll image',
+      'card.actionUpscale': 'Upscale image',
+      'card.actionRemoveBg': 'Remove background',
+      'card.reroll': 'Reroll',
+      'card.upscale': 'Upscale 2x/4x',
+      'card.removeBg': 'Remove BG',
+      'card.copyPrompt': 'Copy Prompt',
+      'card.origPrompt': 'Original Prompt',
+
+      'f.enabled': 'Master Switch',
+      'f.enabledHint': 'Enable or disable image generation tools across the workspace.',
+      'f.provider': 'Image Provider',
+      'f.providerHint': 'Backend service used for image generation.',
+      'f.inherit': 'Default / Inherit',
+      'f.needFal': 'Requires FAL API key',
+      'f.needCustom': 'Requires OpenAI-compatible endpoint',
+      'f.needCodex': 'Built-in Codex subscription',
+      'f.needGrok': 'Built-in Grok subscription',
+      'f.needLocal': 'Local ComfyUI or A1111',
+      'f.needSeedream': 'Requires SeaDream API key',
+      'f.needGemini': 'Requires Google Gemini API key',
+      'f.needReplicate': 'Requires Replicate API token',
+
+      'f.defaultSize': 'Default Aspect Ratio',
+      'f.defaultSizeHint': 'Aspect ratio and resolution applied when image_size is omitted.',
+      'f.defaultFormat': 'Output Format',
+      'f.defaultFormatHint': 'Target file format (PNG, JPEG, or WEBP).',
+      'f.deliverAs': 'Delivery Mode',
+      'f.deliverAsHint': 'How images reach conversation: "link" (text LLM safe) or "image" (multimodal vision).',
+      'f.outputDir': 'Output Directory',
+      'f.outputDirHint': 'Directory path where generated images are saved on disk.',
+      'p.outputDir': 'generated/images',
+      'f.historyLimit': 'History Limit',
+      'f.historyLimitHint': 'Maximum number of recent generation records kept in memory.',
+      'p.historyLimit': '50',
+
+      'f.model': 'FAL Model ID',
+      'f.modelHint': 'Target model on FAL endpoint (e.g. fal-ai/flux-2/klein/9b).',
+      'p.model': 'fal-ai/flux-2/klein/9b',
+      'f.apiKeyEnv': 'FAL Key Reference',
+      'f.apiKeyEnvHint': 'Credential reference holding the FAL API key.',
+      'p.apiKeyEnv': 'FAL_API_KEY',
+      'f.baseURL': 'FAL Base URL',
+      'f.baseURLHint': 'FAL queue service endpoint.',
+      'p.baseURL': 'https://queue.fal.run',
+      'f.pollIntervalMs': 'Poll Interval (ms)',
+      'f.pollIntervalMsHint': 'Frequency of checking task progress on asynchronous queues.',
+      'p.pollIntervalMs': '2000',
+      'f.timeoutMs': 'Timeout (ms)',
+      'f.timeoutMsHint': 'Maximum overall timeout before failing a generation request.',
+      'p.timeoutMs': '180000',
+
+      'f.customBaseURL': 'Custom API Base URL',
+      'f.customBaseURLHint': 'OpenAI-compatible image endpoint root (e.g. https://api.openai.com/v1).',
+      'p.customBaseURL': 'https://api.openai.com/v1',
+      'f.customModel': 'Custom Model ID',
+      'f.customModelHint': 'Model name sent to custom images endpoint.',
+      'p.customModel': 'dall-e-3',
+      'f.customKeyEnv': 'Custom Key Reference',
+      'f.customKeyEnvHint': 'Credential reference holding the API key for custom endpoint.',
+      'p.customKeyEnv': 'OPENAI_API_KEY',
+      'f.customSize': 'Custom Image Size',
+      'f.customSizeHint': 'Fixed dimension sent to custom endpoint (e.g. 1024x1024).',
+      'p.customSize': '1024x1024',
+
+      'f.replicateModel': 'Replicate Model ID',
+      'f.replicateModelHint': 'Target model identifier on Replicate.',
+      'p.replicateModel': 'black-forest-labs/flux-schnell',
+      'f.replicateKeyEnv': 'Replicate Key Reference',
+      'f.replicateKeyEnvHint': 'Credential reference holding the Replicate API token.',
+      'p.replicateKeyEnv': 'REPLICATE_API_TOKEN',
+
+      'f.seedreamModel': 'SeaDream Model ID',
+      'f.seedreamModelHint': 'ByteDance SeaDream model identifier.',
+      'p.seedreamModel': 'seedream-4.0',
+      'f.seedreamKeyEnv': 'SeaDream Key Reference',
+      'f.seedreamKeyEnvHint': 'Credential reference holding the SeaDream API key.',
+      'p.seedreamKeyEnv': 'SEEDREAM_API_KEY',
+      'f.seedreamBaseURL': 'SeaDream Base URL',
+      'f.seedreamBaseURLHint': 'SeaDream API endpoint URL (ByteDance/Volcengine Ark).',
+      'p.seedreamBaseURL': 'https://api.bytedanceapi.com/v1',
+
+      'f.geminiModel': 'Gemini Model ID',
+      'f.geminiModelHint': 'Google Gemini image generation model identifier.',
+      'p.geminiModel': 'gemini-2.0-flash-exp-image-generation',
+      'f.geminiKeyEnv': 'Gemini Key Reference',
+      'f.geminiKeyEnvHint': 'Credential reference holding Google Gemini API key.',
+      'p.geminiKeyEnv': 'GEMINI_API_KEY',
+
+      'f.localKind': 'Local Engine Architecture',
+      'f.localKindHint': 'Select between ComfyUI API or Automatic1111 WebUI backend.',
+      'f.localBaseURL': 'Local Server URL',
+      'f.localBaseURLHint': 'Server address (e.g. http://127.0.0.1:8188 for ComfyUI, http://127.0.0.1:7860 for A1111).',
+      'p.localBaseURL': 'http://127.0.0.1:8188',
+      'f.localModel': 'Local Model / Checkpoint',
+      'f.localModelHint': 'Checkpoint name or ComfyUI workflow name.',
+      'p.localModel': 'v1-5-pruned-emaonly.safetensors',
+      'f.localSteps': 'Sampling Steps',
+      'f.localStepsHint': 'Number of denoising sampling steps.',
+      'p.localSteps': '20',
+      'f.localCfg': 'CFG Scale',
+      'f.localCfgHint': 'Classifier-free guidance scale.',
+      'p.localCfg': '7',
+      'f.localComfyUrl': 'Local ComfyUI URL (Legacy)',
+      'f.localComfyUrlHint': 'Direct ComfyUI endpoint URL.',
+      'p.localComfyUrl': 'http://127.0.0.1:8188',
+      'f.localA1111Url': 'Local A1111 URL (Legacy)',
+      'f.localA1111UrlHint': 'Direct Automatic1111 endpoint URL.',
+      'p.localA1111Url': 'http://127.0.0.1:7860',
+
+      'f.subscriptionQuality': 'Subscription Quality',
+      'f.subscriptionQualityHint': 'Target quality profile when using Codex or Grok subscriptions.',
+
+      'f.enhancePrompt': 'LLM Prompt Enhancer',
+      'f.enhancePromptHint': 'Expand concise prompts with rich artistic details before generation.',
+      'f.enableLlmEnhancer': 'Enable LLM Enhancer (Legacy)',
+      'f.enableLlmEnhancerHint': 'Legacy toggle for LLM prompt expansion.',
+      'f.enhanceModel': 'Enhancement Model',
+      'f.enhanceModelHint': 'Dedicated LLM model used to expand prompts (empty = conversation model).',
+      'p.enhanceModel': 'Leave empty for default chat model',
+      'f.enhanceBelowChars': 'Enhancement Threshold',
+      'f.enhanceBelowCharsHint': 'Prompts longer than this character count will skip expansion.',
+      'p.enhanceBelowChars': '200',
+      'f.stylePreset': 'Artistic Style Preset',
+      'f.stylePresetHint': 'Automatic visual style suffix added to all generated prompts.',
+
+      'f.qualityGate': 'Silent Quality Gate',
+      'f.qualityGateHint': 'Automatically inspects generated frames and silently re-rolls blank or broken outputs.',
+      'f.dailyBudgetUsd': 'Daily Spend Budget ($ USD)',
+      'f.dailyBudgetUsdHint': 'Hard spending cap per day across all visual generation tools (0 = no limit).',
+      'p.dailyBudgetUsd': '0.00',
+      'f.loopGuardLimit': 'Session Loop Guard Limit',
+      'f.loopGuardLimitHint': 'Maximum consecutive image generations allowed before requiring user input (0 = off).',
+      'p.loopGuardLimit': '3',
+
+      'f.diskCache': 'Content-Addressed Disk Cache',
+      'f.diskCacheHint': 'Instant <50ms retrieval and zero API cost for repeated identical generations.',
+      'f.cacheBySeed': 'Cache by Seed + Prompt',
+      'f.cacheBySeedHint': 'Reuse existing result if the exact same seed and prompt are requested.',
+      'f.cacheByPrompt': 'Cache by Prompt Only',
+      'f.cacheByPromptHint': 'Reuse existing result if the prompt has already been generated.',
+      'f.pruneDays': 'Retention Period (Days)',
+      'f.pruneDaysHint': 'Automatically delete image files and cache older than this many days (0 = keep forever).',
+      'p.pruneDays': '0',
+      'f.cacheTtlDays': 'Cache Retention (Legacy)',
+      'f.cacheTtlDaysHint': 'Legacy name for retention period in days.',
+      'p.cacheTtlDays': '0',
     }
 
-    /**
-     * Mount the settings card.
-     * @param ctx - client root context (slots, settingsScope, locale).
-     */
-    // Зеркало настроек в браузере перечитывается ровно по двум сигналам: коммит
-    // документа и переподключение. Регистрация namespace ни тем, ни другим не
-    // считается — settings.register кладёт запись в реестр и инвалидацию не шлёт.
-    //
-    // Поэтому страница, прочитавшая settings.describe раньше, чем хост объявил
-    // наш раздел, не увидит его до перезагрузки: во вкладке настроек плагинов
-    // просто не будет карточки. Наша карточка там не смонтирована и починить
-    // себя не может, так что просим зеркало перечитаться отсюда, пока нас в нём
-    // нет. Зеркало общее — одно перечитывание возвращает и остальные карточки,
-    // включая ядровые.
-    //
-    // В нормальном случае это ноль работы: первая же проверка видит namespace
-    // и таймер не заводится.
-    function refreshMirrorUntilVisible(ctx) {
-      const visible = () => {
-        try {
-          const view = ((ctx.get && ctx.get('lanSettings')) || ctx.settingsScope).describe().getSnapshot().view
-          return !!view && view.namespaces.some((row) => row.ns === SETTINGS_NS)
-        } catch (unavailableService) {
-          return false
-        }
-      }
-      if (visible()) return () => {}
-      let tries = 0
-      const timer = setInterval(() => {
-        if (visible() || tries >= 15) { clearInterval(timer); return }
-        tries += 1
-        try { ((ctx.get && ctx.get('lanSettings')) || ctx.settingsScope).describe().load() } catch (notReadyYet) { /* сервис ещё не поднялся */ }
-      }, 1000)
-      return () => clearInterval(timer)
+    const ru = {
+      'settings.navLabel': 'Image Studio',
+      'settings.title': 'Генерация изображений',
+      'settings.description': 'Мультипровайдерная студия: генерация, инпейнтинг, вариации, апскейл и векторизация.',
+      'settings.unavailable': 'Настройки плагина инициализируются. Они появятся автоматически через несколько секунд.',
+      'settings.unsaved': 'Несохранённые изменения',
+      'settings.saving': 'Сохранение…',
+      'settings.save': 'Сохранить настройки',
+      'settings.discard': 'Сбросить изменения',
+      'settings.saveFailed': 'Не удалось сохранить настройки. Проверьте параметры и попробуйте снова.',
+      'settings.readOnly': 'Настройки доступны только для чтения.',
+      'settings.overridden': 'переопределено',
+      'settings.reset': 'Сбросить к умолчанию',
+      'settings.invalidNumber': 'Введите корректное число',
+      'settings.collapse': 'Свернуть',
+      'settings.expand': 'Развернуть',
+      'settings.credentialHint': 'Ключи API хранятся в DSH Credentials (~/.dsh/.credentials.yaml) и не попадают в файлы конфигурации.',
+
+      'tab.general': 'Основные',
+      'tab.provider': 'Провайдер',
+      'tab.enhancer': 'Промпт и стили',
+      'tab.safety': 'Безопасность и бюджет',
+      'tab.cache': 'Кэш и хранение',
+
+      'stat.active_provider': 'Активный провайдер',
+      'stat.format_size': 'Параметры по умолчанию',
+      'stat.safety_status': 'Защита и Loop Guard',
+      'stat.budget_cache': 'Бюджет и кэширование',
+
+      'card.generating': 'Генерация изображения…',
+      'card.failed': 'Ошибка генерации',
+      'card.image': 'Результат Image Studio',
+      'card.unknownError': 'Неизвестная ошибка во время создания изображения.',
+      'card.sizePrefix': 'Размер',
+      'card.seedPrefix': 'Сид',
+      'card.actionReroll': 'Перегенерировать картинку',
+      'card.actionUpscale': 'Увеличить разрешение',
+      'card.actionRemoveBg': 'Удалить фон',
+      'card.reroll': 'Реролл',
+      'card.upscale': 'Апскейл 2x/4x',
+      'card.removeBg': 'Без фона',
+      'card.copyPrompt': 'Копировать промпт',
+      'card.origPrompt': 'Исходный промпт',
+
+      'f.enabled': 'Главный выключатель',
+      'f.enabledHint': 'Включение или отключение всех инструментов генерации картинок.',
+      'f.provider': 'Провайдер генерации',
+      'f.providerHint': 'Сервис, выполняющий непосредственное создание изображений.',
+      'f.inherit': 'По умолчанию / наследовать',
+      'f.needFal': 'Требуется ключ FAL API',
+      'f.needCustom': 'Требуется OpenAI-совместимый эндпоинт',
+      'f.needCodex': 'Встроенная подписка Codex',
+      'f.needGrok': 'Встроенная подписка Grok',
+      'f.needLocal': 'Локальный ComfyUI или Automatic1111',
+      'f.needSeedream': 'Требуется ключ SeaDream API',
+      'f.needGemini': 'Требуется ключ Google Gemini API',
+      'f.needReplicate': 'Требуется токен Replicate API',
+
+      'f.defaultSize': 'Соотношение сторон по умолчанию',
+      'f.defaultSizeHint': 'Разрешение и пропорции кадра, когда параметр image_size не передан.',
+      'f.defaultFormat': 'Формат файла',
+      'f.defaultFormatHint': 'Формат сохранения результатов (PNG, JPEG или WEBP).',
+      'f.deliverAs': 'Способ доставки',
+      'f.deliverAsHint': 'Способ передачи: "link" (безопасно для текстовых моделей) или "image" (для vision-моделей).',
+      'f.outputDir': 'Каталог сохранения',
+      'f.outputDirHint': 'Путь к папке сохранения сгенерированных файлов на диске.',
+      'p.outputDir': 'generated/images',
+      'f.historyLimit': 'Лимит истории',
+      'f.historyLimitHint': 'Максимальное число последних генераций, удерживаемых в памяти.',
+      'p.historyLimit': '50',
+
+      'f.model': 'Модель FAL',
+      'f.modelHint': 'Идентификатор модели на сервисе FAL (например, fal-ai/flux-2/klein/9b).',
+      'p.model': 'fal-ai/flux-2/klein/9b',
+      'f.apiKeyEnv': 'Ключ FAL (credential-ref)',
+      'f.apiKeyEnvHint': 'Ссылка на ключ доступа FAL в хранилище credentials.',
+      'p.apiKeyEnv': 'FAL_API_KEY',
+      'f.baseURL': 'Базовый URL FAL',
+      'f.baseURLHint': 'Адрес сервиса очередей FAL.',
+      'p.baseURL': 'https://queue.fal.run',
+      'f.pollIntervalMs': 'Интервал опроса (мс)',
+      'f.pollIntervalMsHint': 'Периодичность проверки статуса при асинхронной генерации.',
+      'p.pollIntervalMs': '2000',
+      'f.timeoutMs': 'Таймаут (мс)',
+      'f.timeoutMsHint': 'Предельное время ожидания генерации до возврата ошибки.',
+      'p.timeoutMs': '180000',
+
+      'f.customBaseURL': 'URL стороннего API',
+      'f.customBaseURLHint': 'Адрес OpenAI-совместимого эндпоинта (например, https://api.openai.com/v1).',
+      'p.customBaseURL': 'https://api.openai.com/v1',
+      'f.customModel': 'Модель стороннего API',
+      'f.customModelHint': 'Имя модели для отправки в сторонний API.',
+      'p.customModel': 'dall-e-3',
+      'f.customKeyEnv': 'Ключ стороннего API',
+      'f.customKeyEnvHint': 'Имя ссылки на ключ для стороннего API.',
+      'p.customKeyEnv': 'OPENAI_API_KEY',
+      'f.customSize': 'Фиксированный размер',
+      'f.customSizeHint': 'Точный размер кадра для стороннего API (например, 1024x1024).',
+      'p.customSize': '1024x1024',
+
+      'f.replicateModel': 'Модель Replicate',
+      'f.replicateModelHint': 'Идентификатор модели на Replicate.',
+      'p.replicateModel': 'black-forest-labs/flux-schnell',
+      'f.replicateKeyEnv': 'Ключ Replicate',
+      'f.replicateKeyEnvHint': 'Имя ссылки на API-токен Replicate.',
+      'p.replicateKeyEnv': 'REPLICATE_API_TOKEN',
+
+      'f.seedreamModel': 'Модель SeaDream',
+      'f.seedreamModelHint': 'Идентификатор модели ByteDance SeaDream.',
+      'p.seedreamModel': 'seedream-4.0',
+      'f.seedreamKeyEnv': 'Ключ SeaDream',
+      'f.seedreamKeyEnvHint': 'Имя ссылки на ключ API SeaDream.',
+      'p.seedreamKeyEnv': 'SEEDREAM_API_KEY',
+      'f.seedreamBaseURL': 'Базовый URL SeaDream',
+      'f.seedreamBaseURLHint': 'Адрес API SeaDream (ByteDance/Volcengine Ark).',
+      'p.seedreamBaseURL': 'https://api.bytedanceapi.com/v1',
+
+      'f.geminiModel': 'Модель Gemini',
+      'f.geminiModelHint': 'Идентификатор модели генерации Google Gemini.',
+      'p.geminiModel': 'gemini-2.0-flash-exp-image-generation',
+      'f.geminiKeyEnv': 'Ключ Gemini',
+      'f.geminiKeyEnvHint': 'Имя ссылки на ключ Google Gemini API.',
+      'p.geminiKeyEnv': 'GEMINI_API_KEY',
+
+      'f.localKind': 'Тип локального движка',
+      'f.localKindHint': 'Выбор между ComfyUI API и Automatic1111 WebUI.',
+      'f.localBaseURL': 'Адрес локального сервера',
+      'f.localBaseURLHint': 'Адрес локального сервера (ComfyUI: 8188, A1111: 7860).',
+      'p.localBaseURL': 'http://127.0.0.1:8188',
+      'f.localModel': 'Модель / Чекпоинт',
+      'f.localModelHint': 'Имя чекпоинта или воркфлоу ComfyUI.',
+      'p.localModel': 'v1-5-pruned-emaonly.safetensors',
+      'f.localSteps': 'Шаги сэмплирования',
+      'f.localStepsHint': 'Количество шагов генерации.',
+      'p.localSteps': '20',
+      'f.localCfg': 'Шкала CFG',
+      'f.localCfgHint': 'Сила следования промпту.',
+      'p.localCfg': '7',
+      'f.localComfyUrl': 'Локальный ComfyUI URL (Legacy)',
+      'f.localComfyUrlHint': 'Прямой адрес ComfyUI.',
+      'p.localComfyUrl': 'http://127.0.0.1:8188',
+      'f.localA1111Url': 'Локальный A1111 URL (Legacy)',
+      'f.localA1111UrlHint': 'Прямой адрес Automatic1111.',
+      'p.localA1111Url': 'http://127.0.0.1:7860',
+
+      'f.subscriptionQuality': 'Качество подписки',
+      'f.subscriptionQualityHint': 'Профиль качества для провайдеров Codex и Grok.',
+
+      'f.enhancePrompt': 'LLM-улучшение промпта',
+      'f.enhancePromptHint': 'Автоматическое обогащение коротких запросов художественными деталями.',
+      'f.enableLlmEnhancer': 'Включить LLM Enhancer (Legacy)',
+      'f.enableLlmEnhancerHint': 'Устаревший переключатель улучшения промптов.',
+      'f.enhanceModel': 'Модель улучшения',
+      'f.enhanceModelHint': 'Модель для расширения промптов (пусто = основная модель чата).',
+      'p.enhanceModel': 'Пусто для основной модели чата',
+      'f.enhanceBelowChars': 'Порог длины промпта',
+      'f.enhanceBelowCharsHint': 'Промпты длиннее этого количества символов не расширяются.',
+      'p.enhanceBelowChars': '200',
+      'f.stylePreset': 'Художественный стиль',
+      'f.stylePresetHint': 'Автоматический суффикс стиля для всех создаваемых изображений.',
+
+      'f.qualityGate': 'Контроль качества (Quality Gate)',
+      'f.qualityGateHint': 'Автоматическая проверка кадров и скрытый реролл при дефектах или пустом кадре.',
+      'f.dailyBudgetUsd': 'Дневной бюджет ($ USD)',
+      'f.dailyBudgetUsdHint': 'Предельный лимит затрат в сутки по всем графическим инструментам (0 = без лимита).',
+      'p.dailyBudgetUsd': '0.00',
+      'f.loopGuardLimit': 'Защита от циклов (Loop Guard)',
+      'f.loopGuardLimitHint': 'Максимум последовательных генераций подряд без участия пользователя (0 = выкл).',
+      'p.loopGuardLimit': '3',
+
+      'f.diskCache': 'Дисковый кэш по хэшу',
+      'f.diskCacheHint': 'Мгновенная выдача (<50 мс) и нулевая стоимость для повторных идентичных генераций.',
+      'f.cacheBySeed': 'Кэш по сиду и промпту',
+      'f.cacheBySeedHint': 'Возвращать кэш при полном совпадении сида и текста промпта.',
+      'f.cacheByPrompt': 'Кэш по тексту промпта',
+      'f.cacheByPromptHint': 'Возвращать кэш при повторении того же текста промпта.',
+      'f.pruneDays': 'Срок хранения файлов (дни)',
+      'f.pruneDaysHint': 'Автоматическое удаление файлов и записей старше указанного числа дней (0 = бессрочно).',
+      'p.pruneDays': '0',
+      'f.cacheTtlDays': 'Срок хранения кэша (Legacy)',
+      'f.cacheTtlDaysHint': 'Устаревшее имя параметра срока хранения.',
+      'p.cacheTtlDays': '0',
     }
 
+    // -------------------------------------------------------------- Registration & Apply
+    const inject = ['slots', 'settingsScope', 'locale', 'sessions']
+
     function apply(ctx) {
-      // Язык может принести не только плагин: словарные пакеты объявляют
-      // русский для чужих пространств. Ядро на повторное объявление той же
-      // пары «пространство + язык» бросает исключение, и незащищённый вызов
-      // уносил с собой весь плагин — в интерфейсе это выглядело как «Failed to
-      // load plugins» с перечнем ни в чём не повинных соседей.
-      //
-      // Поэтому каждый язык объявляется отдельно и по-хорошему: заняли до нас —
-      // уступаем, свой английский при этом всё равно встаёт на место.
-      const addLocale = (locale, dictionary) => {
-        try {
-          return ctx.locale.register(NS, locale, dictionary)
-        } catch (alreadyTaken) {
-          return () => {}
-        }
+      if (ctx.locale && typeof ctx.locale.define === 'function') {
+        ctx.locale.define('en', NS, en)
+        ctx.locale.define('ru', NS, ru)
       }
-      ctx.effect(() => {
-        const undo = [addLocale('en', en), addLocale('ru', ru)]
-        return () => { for (const off of undo) off() }
-      }, 'dsh-image-gen: dictionaries')
-      // Подпись раздела рисует не наш компонент, а боковой список, поэтому
-      // props.t сюда не доедет: берём переводчик, привязанный к namespace.
-      const t = ctx.locale.bind(NS)
-      ctx.effect(
-        () => refreshMirrorUntilVisible(ctx),
-        'dsh-image-gen: re-read the settings mirror until our namespace appears',
-      )
-      // На странице, открытой не с localhost, ядро отключает настройки целиком:
-      // общий вид документа не читается, каждый раздел получает "unavailable",
-      // запись выбрасывается. Сервер это ограничение не разделяет, и плагин
-      // dsh-lanmode поднимает ту же механику поверх тех же вызовов. Если он
-      // установлен — берём его службу, иначе ядровую: на loopback-странице она
-      // работает штатно.
+
       let card
       const cardOnce = () => {
         if (card === undefined) {
-          card = new FalSettingsCardController(((ctx.get && ctx.get('lanSettings')) || ctx.settingsScope).bind({ namespace: SETTINGS_NS }))
+          const scope = ((ctx.get && ctx.get('lanSettings')) || ctx.settingsScope).bind({ namespace: SETTINGS_NS })
+          card = new FalSettingsCardController(scope)
         }
         return card
       }
 
-      ctx.slots.inject('tool.call.toolview', () =>
-        ctx.slots.register(
-          { name: 'tool.call.toolview', key: 'remove_background', locale: NS, inject: () => ({ sessions: ctx.sessions }) },
-          FalImageCard,
-        ),
-      )
-      ctx.slots.inject('tool.call.toolview', () =>
-        ctx.slots.register(
-          { name: 'tool.call.toolview', key: 'upscale_image', locale: NS, inject: () => ({ sessions: ctx.sessions }) },
-          FalImageCard,
-        ),
-      )
-
-      ctx.slots.inject('tool.call.toolview', () =>
-        ctx.slots.register(
-          { name: 'tool.call.toolview', key: 'generate_image', locale: NS, inject: () => ({ sessions: ctx.sessions }) },
-          FalImageCard,
-        ),
-      )
-      // Карточка во вкладке «Настройки → Плагины → Настройки плагинов» (слот settings.plugin.item).
-      // Ключ слота обязан равняться пространству настроек (SETTINGS_NS):
-      // вкладка перебирает пространства и отрисовывает карточку.
-      // Раздел верхнего уровня settings.section исключён, чтобы настройки не
-      // засоряли общий боковой список настроек.
-      // Отложенная регистрация через ctx.slots.inject предотвращает ошибки монтирования,
-      // так как дочерние слоты страниц DSH UI объявляются родительскими компонентами.
       function registerSlotWhenReady(slotName, registerFn) {
         if (!ctx.slots) return
         if (typeof ctx.slots.inject === 'function') {
@@ -1283,6 +1264,33 @@ function FalImageCard(props) {
         }
       }
 
+      // Register toolviews for all 8 visual tools
+      const toolviewTools = [
+        'generate_image',
+        'edit_image',
+        'vary_image',
+        'blend_images',
+        'generate_image_pack',
+        'remove_background',
+        'upscale_image',
+        'vectorize_image',
+      ]
+
+      for (const toolName of toolviewTools) {
+        registerSlotWhenReady('tool.call.toolview', () =>
+          ctx.slots.register(
+            {
+              name: 'tool.call.toolview',
+              key: toolName,
+              locale: NS,
+              inject: () => ({ sessions: ctx.sessions }),
+            },
+            (props) => react.createElement(ErrorBoundary, null, react.createElement(FalImageCard, props))
+          )
+        )
+      }
+
+      // Settings card item
       registerSlotWhenReady('settings.plugin.item', () =>
         ctx.slots.register(
           {
@@ -1291,10 +1299,11 @@ function FalImageCard(props) {
             locale: NS,
             inject: () => cardOnce().inject(),
           },
-          FalSettingsCard,
-        ),
+          (props) => react.createElement(ErrorBoundary, null, react.createElement(FalSettingsCard, props))
+        )
       )
     }
+
     exports.apply = apply
     exports.inject = inject
     return module.exports