@dickpy/dsh-imagegen 1.1.0 → 1.2.0

package/src/client/SettingsCard.tsx

@@ -9,18 +9,19 @@
 import { useState } from 'react'
 import type { InjectFace, PropsLocale, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots'
 import { createSnapshotStore, type SnapshotStore } from '@deepseek-ai/dsh-client-runtime/client'
-import { CardForm, booleanField, secretField, textField, type CardActions, type CardShell, type FieldState as CardFieldState } from './settings-form.ts'
+import { CardForm, booleanField, secretField, stringListField, textField, type CardActions, type CardShell, type FieldState as CardFieldState } from './settings-form.ts'
 import type { ImageGenScope } from './settings-scope.ts'
-import { PLUGIN_VERSION } from '../protocol.ts'
-import { PROMPT_ENHANCE_API } from '../protocol.ts'
+import { IMAGE_MODEL_API, PROMPT_ENHANCE_API } from '../protocol.ts'
 import css from './settings-card.module.css'
 
 /** The fields this card edits (the namespace's full schema). */
 export interface ImageGenSettings {
   enabled?: boolean
   announceToAgent?: boolean
+  allowAgentImageGeneration?: boolean
   apiUrl?: string
   apiKey?: string
+  imageModels?: string[]
   promptApiUrl?: string
   promptApiKey?: string
   promptModel?: string
@@ -32,10 +33,12 @@ export interface ImageGenSettingsCardState extends CardShell {
   enabled: CardFieldState
   /** System-prompt announcement flag. */
   announceToAgent: CardFieldState
+  allowAgentImageGeneration: CardFieldState
   /** API base URL. */
   apiUrl: CardFieldState
   /** API key draft (the stored value is never rendered). */
   apiKey: CardFieldState
+  imageModels: CardFieldState
   promptApiUrl: CardFieldState
   promptApiKey: CardFieldState
   promptModel: CardFieldState
@@ -60,8 +63,10 @@ export class ImageGenSettingsCardController {
     this.form = new CardForm(scope, [
       booleanField('enabled'),
       booleanField('announceToAgent'),
+      booleanField('allowAgentImageGeneration'),
       textField('apiUrl'),
       secretField('apiKey'),
+      stringListField('imageModels'),
       textField('promptApiUrl'),
       secretField('promptApiKey'),
       textField('promptModel'),
@@ -77,8 +82,10 @@ export class ImageGenSettingsCardController {
       ...this.form.shell(),
       enabled: this.form.field('enabled'),
       announceToAgent: this.form.field('announceToAgent'),
+      allowAgentImageGeneration: this.form.field('allowAgentImageGeneration'),
       apiUrl: this.form.field('apiUrl'),
       apiKey: this.form.field('apiKey'),
+      imageModels: this.form.field('imageModels'),
       promptApiUrl: this.form.field('promptApiUrl'),
       promptApiKey: this.form.field('promptApiKey'),
       promptModel: this.form.field('promptModel'),
@@ -119,9 +126,19 @@ export function ImageGenSettingsCard(props: ImageGenSettingsCardProps) {
   const state = props.useImageGenSettingsCard(snapshot => snapshot)
   const keySet = props.useImageGenKeySet(snapshot => snapshot)
   const [open, setOpen] = useState(false)
-  const [models, setModels] = useState<string[]>([])
-  const [loadingModels, setLoadingModels] = useState(false)
-  const [modelsError, setModelsError] = useState<string | null>(null)
+  const [promptModels, setPromptModels] = useState<string[]>([])
+  const [loadingPromptModels, setLoadingPromptModels] = useState(false)
+  const [promptModelsError, setPromptModelsError] = useState<string | null>(null)
+  const [imageModelCandidates, setImageModelCandidates] = useState<string[]>([])
+  const [loadingImageModels, setLoadingImageModels] = useState(false)
+  const [imageModelsError, setImageModelsError] = useState<string | null>(null)
+  const [manualModelsOpen, setManualModelsOpen] = useState(false)
+  const [manualModel, setManualModel] = useState('')
+  const [enhancementOpen, setEnhancementOpen] = useState(false)
+  const [manualPromptModelOpen, setManualPromptModelOpen] = useState(false)
+  const [manualPromptModel, setManualPromptModel] = useState('')
+  const [promptApiOpen, setPromptApiOpen] = useState(false)
+  const [moreOpen, setMoreOpen] = useState(false)
   if (!state.available) return null
   const title = t('settings.title')
   const blocked = !state.dirty || state.invalid || state.saving
@@ -178,10 +195,16 @@ export function ImageGenSettingsCard(props: ImageGenSettingsCardProps) {
         ? (
           <div className={css.body}>
             {!state.writable ? <p className={css.readOnly} role="status">{t('settings.readOnly')}</p> : null}
-            <div className={css.versionRow}>
-              <span className={css.versionLabel}>{t('settings.currentVersion')}</span>
-              <code className={css.versionValue}>v{PLUGIN_VERSION}</code>
-            </div>
+            <ValueField
+              id="dsh-imagegen-settings-apiurl"
+              label={t('settings.apiUrl')}
+              hint={t('settings.apiUrlHint')}
+              placeholder="https://api.openai.com/v1"
+              {...fieldProps}
+              {...state.apiUrl}
+              onEdit={(text) => { props.edit('apiUrl', text) }}
+              onReset={() => { props.resetField('apiUrl') }}
+            />
             <ValueField
               id="dsh-imagegen-settings-apikey"
               label={t('settings.apiKey')}
@@ -197,19 +220,187 @@ export function ImageGenSettingsCard(props: ImageGenSettingsCardProps) {
               onClear={() => { props.resetField('apiKey') }}
               canClear={keySet}
             />
-            <ValueField
-              id="dsh-imagegen-settings-apiurl"
-              label={t('settings.apiUrl')}
-              hint={t('settings.apiUrlHint')}
-              placeholder="https://api.openai.com/v1"
-              {...fieldProps}
-              {...state.apiUrl}
-              onEdit={(text) => { props.edit('apiUrl', text) }}
-              onReset={() => { props.resetField('apiUrl') }}
-            />
             <div className={css.sectionDivider} />
-            <h3 className={css.sectionTitle}>{t('settings.promptEnhanceTitle')}</h3>
+            <section className={css.modelSection} aria-label={t('settings.imageModelsTitle')}>
+              <div className={css.sectionHeader}>
+                <div>
+                  <h3 className={css.sectionTitle}>{t('settings.imageModelsTitle')}</h3>
+                  <p className={css.sectionHint}>{t('settings.imageModelsHint')}</p>
+                </div>
+                <button
+                  type="button"
+                  className={css.modelFetch}
+                  disabled={disabled || loadingImageModels}
+                  onClick={() => {
+                    setLoadingImageModels(true)
+                    setImageModelsError(null)
+                    void fetch(IMAGE_MODEL_API.models, { method: 'POST' })
+                      .then(async response => {
+                        const body = await response.json() as { ok?: boolean; models?: string[]; message?: string }
+                        if (!response.ok || body.ok !== true) throw new Error(body.message ?? `HTTP ${response.status}`)
+                        setImageModelCandidates(body.models ?? [])
+                      })
+                      .catch(error => { setImageModelsError(error instanceof Error ? error.message : String(error)) })
+                      .finally(() => { setLoadingImageModels(false) })
+                  }}
+                >
+                  {loadingImageModels ? t('settings.imageModelsLoading') : t('settings.imageModelsFetch')}
+                </button>
+              </div>
+              <div className={css.modelSummary}>
+                {splitModels(state.imageModels.text).map(model => (
+                  <span key={model} className={css.modelChip}>
+                    <span>{model}</span>
+                    <button
+                      type="button"
+                      disabled={disabled}
+                      aria-label={`${t('settings.removeModel')}: ${model}`}
+                      onClick={() => { props.edit('imageModels', splitModels(state.imageModels.text).filter(value => value !== model).join('\n')) }}
+                    >
+                      ×
+                    </button>
+                  </span>
+                ))}
+                <button type="button" className={css.addModel} disabled={disabled} onClick={() => { setManualModelsOpen(open => !open) }}>
+                  {manualModelsOpen ? t('settings.cancelAddModel') : t('settings.addModel')}
+                </button>
+              </div>
+              {manualModelsOpen ? (
+                <div className={css.manualModelRow}>
+                  <input
+                    className={css.input}
+                    value={manualModel}
+                    placeholder={t('settings.addModelPlaceholder')}
+                    disabled={disabled}
+                    onChange={event => { setManualModel(event.target.value) }}
+                    onKeyDown={event => {
+                      if (event.key !== 'Enter') return
+                      event.preventDefault()
+                      const next = manualModel.trim()
+                      if (next === '') return
+                      props.edit('imageModels', [...splitModels(state.imageModels.text), next].join('\n'))
+                      setManualModel('')
+                    }}
+                  />
+                  <button
+                    type="button"
+                    className={css.addModel}
+                    disabled={disabled || manualModel.trim() === ''}
+                    onClick={() => {
+                      props.edit('imageModels', [...splitModels(state.imageModels.text), manualModel.trim()].join('\n'))
+                      setManualModel('')
+                    }}
+                  >
+                    {t('settings.addModelConfirm')}
+                  </button>
+                </div>
+              ) : null}
+              {imageModelCandidates.length > 0 ? (
+                <div className={css.modelCandidateList} role="group" aria-label={t('settings.imageModelsCandidates')}>
+                  <span className={css.modelCandidateLabel}>{t('settings.imageModelsCandidates')}</span>
+                  {imageModelCandidates.map(candidate => {
+                    const selected = splitModels(state.imageModels.text).includes(candidate)
+                    return (
+                      <label key={candidate} className={css.modelCandidate} data-selected={selected ? '' : undefined}>
+                        <input
+                          type="checkbox"
+                          checked={selected}
+                          disabled={disabled}
+                          onChange={() => {
+                            const selectedModels = splitModels(state.imageModels.text)
+                            const next = selected ? selectedModels.filter(model => model !== candidate) : [...selectedModels, candidate]
+                            props.edit('imageModels', next.join('\n'))
+                          }}
+                        />
+                        <span>{candidate}</span>
+                      </label>
+                    )
+                  })}
+                </div>
+              ) : null}
+              {imageModelsError !== null ? <p className={css.failed} role="status">{imageModelsError}</p> : null}
+            </section>
+            <button
+              type="button"
+              className={css.disclosure}
+              aria-expanded={enhancementOpen}
+              onClick={() => { setEnhancementOpen(open => !open) }}
+            >
+              <span>{t('settings.promptEnhanceTitle')}</span>
+              <span>{t('settings.optional')}</span>
+              <span aria-hidden="true">{enhancementOpen ? '⌃' : '⌄'}</span>
+            </button>
+            {enhancementOpen ? <section className={css.optionalContent} aria-label={t('settings.promptEnhanceTitle')}>
             <p className={css.sectionHint}>{t('settings.promptEnhanceHint')}</p>
+            <div className={css.sectionHeader}>
+              <div>
+                <h3 className={css.sectionTitle}>{t('settings.promptModel')}</h3>
+                <p className={css.sectionHint}>{t('settings.promptModelDetectionHint')}</p>
+              </div>
+              <button
+                type="button"
+                className={css.modelFetch}
+                disabled={disabled || loadingPromptModels}
+                onClick={() => {
+                  setLoadingPromptModels(true)
+                  setPromptModelsError(null)
+                  void fetch(PROMPT_ENHANCE_API.models, { method: 'POST' })
+                    .then(async response => {
+                      const body = await response.json() as { ok?: boolean; models?: string[]; message?: string }
+                      if (!response.ok || body.ok !== true) throw new Error(body.message ?? `HTTP ${response.status}`)
+                      setPromptModels(body.models ?? [])
+                    })
+                    .catch(error => { setPromptModelsError(error instanceof Error ? error.message : String(error)) })
+                    .finally(() => { setLoadingPromptModels(false) })
+                }}
+              >
+                {loadingPromptModels ? t('settings.promptModelsLoading') : t('settings.promptModelsFetch')}
+              </button>
+            </div>
+            <div className={css.modelSummary}>
+              {state.promptModel.text.trim() !== '' ? (
+                <span className={css.modelChip}>
+                  <span>{state.promptModel.text}</span>
+                  <button type="button" disabled={disabled} aria-label={`${t('settings.removeModel')}: ${state.promptModel.text}`} onClick={() => { props.edit('promptModel', '') }}>×</button>
+                </span>
+              ) : null}
+              <button type="button" className={css.addModel} disabled={disabled} onClick={() => { setManualPromptModelOpen(open => !open) }}>
+                {manualPromptModelOpen ? t('settings.cancelAddModel') : t('settings.addModel')}
+              </button>
+            </div>
+            {manualPromptModelOpen ? (
+              <div className={css.manualModelRow}>
+                <input className={css.input} value={manualPromptModel} placeholder={t('settings.addPromptModelPlaceholder')} disabled={disabled} onChange={event => { setManualPromptModel(event.target.value) }} />
+                <button type="button" className={css.addModel} disabled={disabled || manualPromptModel.trim() === ''} onClick={() => { props.edit('promptModel', manualPromptModel); setManualPromptModel('') }}>
+                  {t('settings.addModelConfirm')}
+                </button>
+              </div>
+            ) : null}
+            {promptModels.length > 0 ? (
+              <div className={css.modelCandidateList} role="radiogroup" aria-label={t('settings.promptModelsCandidates')}>
+                <span className={css.modelCandidateLabel}>{t('settings.promptModelsCandidates')}</span>
+                {promptModels.map(candidate => (
+                  <button
+                    key={candidate}
+                    type="button"
+                    role="radio"
+                    className={css.modelCandidate}
+                    aria-checked={state.promptModel.text === candidate}
+                    data-selected={state.promptModel.text === candidate ? '' : undefined}
+                    disabled={disabled}
+                    onClick={() => { props.edit('promptModel', candidate) }}
+                  >
+                    {candidate}
+                  </button>
+                ))}
+              </div>
+            ) : null}
+            {promptModelsError !== null ? <p className={css.failed} role="status">{promptModelsError}</p> : null}
+            <button type="button" className={css.inlineDisclosure} aria-expanded={promptApiOpen} onClick={() => { setPromptApiOpen(open => !open) }}>
+              <span>{t('settings.promptApiAdvanced')}</span>
+              <span aria-hidden="true">{promptApiOpen ? '⌃' : '⌄'}</span>
+            </button>
+            {promptApiOpen ? <div className={css.optionalContent}>
             <ValueField
               id="dsh-imagegen-settings-prompt-apiurl"
               label={t('settings.promptApiUrl')}
@@ -232,44 +423,13 @@ export function ImageGenSettingsCard(props: ImageGenSettingsCardProps) {
               onEdit={(text) => { props.edit('promptApiKey', text) }}
               onReset={() => { props.resetField('promptApiKey') }}
             />
-            <ValueField
-              id="dsh-imagegen-settings-prompt-model"
-              label={t('settings.promptModel')}
-              hint={t('settings.promptModelHint')}
-              placeholder="gpt-4.1-mini"
-              {...fieldProps}
-              {...state.promptModel}
-              onEdit={(text) => { props.edit('promptModel', text) }}
-              onReset={() => { props.resetField('promptModel') }}
-            />
-            <div className={css.modelFetchRow}>
-              <button
-                type="button"
-                className={css.modelFetch}
-                disabled={disabled || loadingModels}
-                onClick={() => {
-                  setLoadingModels(true)
-                  setModelsError(null)
-                  void fetch(PROMPT_ENHANCE_API.models, { method: 'POST' })
-                    .then(async response => {
-                      const body = await response.json() as { ok?: boolean; models?: string[]; message?: string }
-                      if (!response.ok || body.ok !== true) throw new Error(body.message ?? `HTTP ${response.status}`)
-                      setModels(body.models ?? [])
-                    })
-                    .catch(error => { setModelsError(error instanceof Error ? error.message : String(error)) })
-                    .finally(() => { setLoadingModels(false) })
-                }}
-              >
-                {loadingModels ? t('settings.promptModelsLoading') : t('settings.promptModelsFetch')}
-              </button>
-              {models.length > 0 ? (
-                <select className={css.modelChoices} value="" onChange={event => { if (event.target.value !== '') props.edit('promptModel', event.target.value) }}>
-                  <option value="">{t('settings.promptModelsSelect')}</option>
-                  {models.map(model => <option key={model} value={model}>{model}</option>)}
-                </select>
-              ) : null}
-            </div>
-            {modelsError !== null ? <p className={css.failed} role="status">{modelsError}</p> : null}
+            </div> : null}
+            </section> : null}
+            <button type="button" className={css.disclosure} aria-expanded={moreOpen} onClick={() => { setMoreOpen(open => !open) }}>
+              <span>{t('settings.moreOptions')}</span>
+              <span aria-hidden="true">{moreOpen ? '⌃' : '⌄'}</span>
+            </button>
+            {moreOpen ? <div className={css.optionalContent}>
             <BooleanField
               id="dsh-imagegen-settings-enabled"
               label={t('settings.enabled')}
@@ -294,6 +454,19 @@ export function ImageGenSettingsCard(props: ImageGenSettingsCardProps) {
               onEdit={(text) => { props.edit('announceToAgent', text) }}
               onReset={() => { props.resetField('announceToAgent') }}
             />
+            <BooleanField
+              id="dsh-imagegen-settings-agent-generation"
+              label={t('settings.allowAgentImageGeneration')}
+              hint={t('settings.allowAgentImageGenerationHint')}
+              inheritLabel={t('settings.inherit')}
+              onLabel={t('settings.on')}
+              offLabel={t('settings.off')}
+              {...fieldProps}
+              {...state.allowAgentImageGeneration}
+              onEdit={(text) => { props.edit('allowAgentImageGeneration', text) }}
+              onReset={() => { props.resetField('allowAgentImageGeneration') }}
+            />
+            </div> : null}
             <div className={css.footer}>
               {state.failed ? <p className={css.failed} role="status">{t('settings.saveFailed')}</p> : null}
               <button
@@ -360,6 +533,8 @@ function ValueField(props: FieldProps & {
   onClear?: () => void
   /** Whether a stored secret exists (enables the clear control). */
   canClear?: boolean
+  /** Render a multiline input for newline-separated configuration values. */
+  multiline?: boolean
 }) {
   return (
     <div className={css.field}>
@@ -393,17 +568,29 @@ function ValueField(props: FieldProps & {
           )
           : null}
       </div>
-      <input
-        id={props.id}
-        className={props.invalid ? css.inputInvalid : css.input}
-        type={props.secret === true ? 'password' : 'text'}
-        autoComplete={props.secret === true ? 'off' : undefined}
-        {...props.invalid ? { 'aria-invalid': true } : {}}
-        value={props.text}
-        placeholder={props.placeholder ?? ''}
-        disabled={props.disabled}
-        onChange={(event) => { props.onEdit(event.target.value) }}
-      />
+      {props.multiline === true ? (
+        <textarea
+          id={props.id}
+          className={props.invalid ? css.textareaInvalid : css.textarea}
+          {...props.invalid ? { 'aria-invalid': true } : {}}
+          value={props.text}
+          placeholder={props.placeholder ?? ''}
+          disabled={props.disabled}
+          onChange={(event) => { props.onEdit(event.target.value) }}
+        />
+      ) : (
+        <input
+          id={props.id}
+          className={props.invalid ? css.inputInvalid : css.input}
+          type={props.secret === true ? 'password' : 'text'}
+          autoComplete={props.secret === true ? 'off' : undefined}
+          {...props.invalid ? { 'aria-invalid': true } : {}}
+          value={props.text}
+          placeholder={props.placeholder ?? ''}
+          disabled={props.disabled}
+          onChange={(event) => { props.onEdit(event.target.value) }}
+        />
+      )}
       <p className={props.invalid ? css.invalid : css.hint}>
         {props.invalid ? props.invalidLabel : props.hint}
       </p>
@@ -411,6 +598,10 @@ function ValueField(props: FieldProps & {
   )
 }
 
+function splitModels(value: string): string[] {
+  return [...new Set(value.split(/[\n,]/).map(model => model.trim()).filter(Boolean))]
+}
+
 /** A staged boolean field: 继承 / 开 / 关. */
 function BooleanField(props: FieldProps & {
   /** Copy for the inherit option. */

package/src/client/locales.ts

@@ -171,6 +171,20 @@ export const zh = {
   'settings.apiKeyHint': 'Bearer 密钥，明文存于本机设置文档；界面只显示是否已设置',
   'settings.apiKeySet': '已保存密钥；输入新值可更换，点击「清除」可删除',
   'settings.apiKeyClear': '清除',
+  'settings.imageModelsTitle': '生图模型',
+  'settings.imageModelsHint': '保存 API 地址和密钥后检测候选模型；请只选择实际支持生图的项。',
+  'settings.imageModels': '允许使用的生图模型',
+  'settings.imageModelsManualHint': '一行一个模型；API 未提供 /models 时可手动填写。面板和 Agent 只能使用此列表。',
+  'settings.imageModelsFetch': '检测可用模型',
+  'settings.imageModelsLoading': '检测中…',
+  'settings.imageModelsCandidates': '检测到的候选模型（勾选后保存）',
+  'settings.addModel': '+ 手动添加',
+  'settings.cancelAddModel': '收起添加',
+  'settings.addModelPlaceholder': '输入模型名称，例如 qwen-image',
+  'settings.addModelConfirm': '添加',
+  'settings.removeModel': '移除模型',
+  'settings.optional': '可选',
+  'settings.moreOptions': '更多设置',
   'settings.promptEnhanceTitle': '提示词增强模型',
   'settings.promptEnhanceHint': '用于将简短描述扩写为更完整的生图提示词；留空的地址和密钥会复用生图配置。',
   'settings.promptApiUrl': '对话 API 地址（可选）',
@@ -179,11 +193,17 @@ export const zh = {
   'settings.promptApiKeyHint': '留空则复用图像 API 密钥。',
   'settings.promptModel': '对话模型',
   'settings.promptModelHint': '选择或填写支持 /chat/completions 的模型。',
+  'settings.promptModelDetectionHint': '默认复用生图 API；检测后点选一个模型即可。',
   'settings.promptModelsFetch': '获取可用模型',
   'settings.promptModelsLoading': '正在获取…',
   'settings.promptModelsSelect': '选择一个模型',
+  'settings.promptModelsCandidates': '检测到的候选对话模型',
+  'settings.addPromptModelPlaceholder': '输入对话模型名称，例如 gpt-4.1-mini',
+  'settings.promptApiAdvanced': '使用独立对话 API（可选）',
   'settings.announceToAgent': '向 Agent 播报本插件',
   'settings.announceToAgentHint': '开启后，本插件的存在与能力会写入每个 Agent 的系统提示词',
+  'settings.allowAgentImageGeneration': '允许 Agent 调用生图',
+  'settings.allowAgentImageGenerationHint': '默认开启。关闭后，Agent 无法提交、查询或取消生图任务；侧边栏工作台不受影响。',
   'settings.enabled': '启用插件',
   'settings.enabledHint': '关闭后生图面板不可用（设置卡片始终可用）',
   'settings.save': '保存',
@@ -388,6 +408,20 @@ export const en: Record<keyof typeof zh, string> = {
   'settings.apiKeyHint': 'Bearer key, stored in plaintext in the local settings document; the UI only shows whether it is set',
   'settings.apiKeySet': 'A key is stored; type a new value to replace it, or click "Clear" to remove it',
   'settings.apiKeyClear': 'Clear',
+  'settings.imageModelsTitle': 'Image generation models',
+  'settings.imageModelsHint': 'Save the API URL and key, then detect candidate models. Select only models that actually support image generation.',
+  'settings.imageModels': 'Allowed image models',
+  'settings.imageModelsManualHint': 'One model per line. Add models manually when the API does not provide /models. The panel and Agent can use only this list.',
+  'settings.imageModelsFetch': 'Detect available models',
+  'settings.imageModelsLoading': 'Detecting…',
+  'settings.imageModelsCandidates': 'Detected candidate models (select, then save)',
+  'settings.addModel': '+ Add manually',
+  'settings.cancelAddModel': 'Hide add',
+  'settings.addModelPlaceholder': 'Enter a model name, e.g. qwen-image',
+  'settings.addModelConfirm': 'Add',
+  'settings.removeModel': 'Remove model',
+  'settings.optional': 'Optional',
+  'settings.moreOptions': 'More settings',
   'settings.promptEnhanceTitle': 'Prompt enhancement model',
   'settings.promptEnhanceHint': 'Expands short requests into complete image prompts. Blank URL and key reuse the image API configuration.',
   'settings.promptApiUrl': 'Chat API URL (optional)',
@@ -396,11 +430,17 @@ export const en: Record<keyof typeof zh, string> = {
   'settings.promptApiKeyHint': 'Leave blank to reuse the image API key.',
   'settings.promptModel': 'Chat model',
   'settings.promptModelHint': 'Select or enter a model supporting /chat/completions.',
+  'settings.promptModelDetectionHint': 'Uses the image API by default. Detect and select one model.',
   'settings.promptModelsFetch': 'Fetch available models',
   'settings.promptModelsLoading': 'Fetching…',
   'settings.promptModelsSelect': 'Select a model',
+  'settings.promptModelsCandidates': 'Detected chat model candidates',
+  'settings.addPromptModelPlaceholder': 'Enter a chat model name, e.g. gpt-4.1-mini',
+  'settings.promptApiAdvanced': 'Use a separate chat API (optional)',
   'settings.announceToAgent': 'Announce this plugin to agents',
   'settings.announceToAgentHint': 'When on, the plugin presence and capabilities are written into every agent system prompt',
+  'settings.allowAgentImageGeneration': 'Allow agents to generate images',
+  'settings.allowAgentImageGenerationHint': 'On by default. When off, agents cannot submit, query, or cancel image tasks; the sidebar studio remains available.',
   'settings.enabled': 'Enable plugin',
   'settings.enabledHint': 'When off, the generation studio is unavailable (this card stays available)',
   'settings.save': 'Save',