dsh-audiogen 0.4.2 → 0.4.4

package/lib/index.js

@@ -3035,7 +3035,7 @@ const Config = z.object({
 	defaultChannelId: z.string().default(""),
 	defaultModel: z.string().default(""),
 	autoSaveToLibrary: z.boolean().default(false),
-	maxConcurrentGenerations: z.number().default(DEFAULT_MAX_CONCURRENT)
+	maxConcurrentGenerations: z.union([z.number(), z.string()]).default(DEFAULT_MAX_CONCURRENT)
 });
 const DEFAULT_ENABLED = true;
 const DEFAULT_ANNOUNCE = true;
@@ -3129,7 +3129,11 @@ function apply(ctx, config) {
 			defaultChannelId,
 			defaultModel: typeof value.defaultModel === "string" ? value.defaultModel.trim() : "",
 			autoSaveToLibrary: value.autoSaveToLibrary === true,
-			maxConcurrentGenerations: typeof value.maxConcurrentGenerations === "number" && Number.isFinite(value.maxConcurrentGenerations) ? Math.max(1, Math.min(20, Math.floor(value.maxConcurrentGenerations))) : DEFAULT_MAX_CONCURRENT
+			maxConcurrentGenerations: (() => {
+				const rawMax = value.maxConcurrentGenerations;
+				const parsedMax = typeof rawMax === "number" ? rawMax : typeof rawMax === "string" && rawMax.trim() !== "" ? Number(rawMax.trim()) : NaN;
+				return Number.isFinite(parsedMax) ? Math.max(1, Math.min(20, Math.floor(parsedMax))) : DEFAULT_MAX_CONCURRENT;
+			})()
 		};
 	};
 	const budget = createGenerationBudget(() => resolve().maxConcurrentGenerations);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-audiogen",
   "description": "AI audio generation plugin for the dsh web GUI: multi-vendor TTS/music/sound-effect channels (OpenAI-compatible, ElevenLabs, MiniMax, Stability AI and custom), per-channel model/voice catalogs, Agent tool and a sidebar AI 音频 panel.",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "type": "module",
   "main": "lib/index.js",
   "exports": {

package/src/client/SettingsCard.tsx

@@ -737,7 +737,12 @@ export function AudioGenSettingsCard(props: AudioGenSettingsCardProps) {
                 className={css.input}
                 value={state.maxConcurrentGenerations.text}
                 disabled={!state.writable}
-                onChange={event => props.edit('maxConcurrentGenerations', event.target.value)}
+                onChange={event => {
+                  const raw = event.target.value
+                  const parsed = Number(raw)
+                  const value = raw === '' || !Number.isFinite(parsed) ? '' : String(Math.max(1, Math.min(20, Math.floor(parsed))))
+                  props.edit('maxConcurrentGenerations', value)
+                }}
               />
             </label>
           </div>

package/src/client/api.ts

@@ -48,6 +48,13 @@ export class AudiogenApi {
     return body.ok === true ? (body.history ?? []) : []
   }
 
+  /** 删除一条历史记录（返回删后的列表）。 */
+  async removeHistory(id: string): Promise<HistoryEntry[]> {
+    const response = await postJson(HISTORY_API.remove, { id })
+    const body = await response.json() as { ok?: boolean; history?: HistoryEntry[] }
+    return body.ok === true ? (body.history ?? []) : []
+  }
+
   async clearHistory(): Promise<void> {
     await postJson(HISTORY_API.clear, {})
   }

package/src/client/audio-panel.module.css

@@ -953,7 +953,7 @@
   font-weight: 600;
   padding: 3px 10px;
   border-radius: 999px;
-  background: var(--dsw-alias-bg-hover, #f3f4f6);
+  background: var(--dsw-alias-interactive-bg-hover-accent, rgba(38, 49, 72, 0.14));
   border: 1px solid var(--dsw-alias-border-l2, #d1d5db);
   color: var(--dsw-alias-label-primary, #1f2328);
 }
@@ -1083,7 +1083,8 @@
 }
 
 .historyTab[data-active='true'] {
-  background: var(--dsw-alias-bg-hover, #f3f4f6);
+  /* 半透明交互强调色（亮色=深色 tint，暗色=白色 tint），避免选中整块白底 */
+  background: var(--dsw-alias-interactive-bg-hover-accent, rgba(38, 49, 72, 0.14));
   color: var(--dsw-alias-label-primary, #1f2328);
   font-weight: 600;
 }
@@ -1133,3 +1134,100 @@
   color: var(--dsw-alias-label-tertiary, #9ca3af);
   padding: 0 6px;
 }
+
+.historyTime {
+  font-size: 11px;
+  color: var(--dsw-alias-label-tertiary, #9ca3af);
+  margin: 2px 0;
+  white-space: nowrap;
+}
+
+/* 表单分区与两列排布 */
+.formSection {
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  color: var(--dsw-alias-label-tertiary, #9ca3af);
+  border-bottom: 1px solid var(--dsw-alias-border-l1, #e5e7eb);
+  padding-bottom: 4px;
+  margin: 10px 0 2px;
+}
+
+.formFields {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+  align-items: end;
+}
+
+.fieldCell {
+  min-width: 0;
+}
+
+.fieldFull {
+  grid-column: 1 / -1;
+}
+
+/* 模式胶囊 */
+.modeIcon {
+  font-size: 13px;
+  margin-right: 4px;
+}
+
+.modeButton[data-active='true'] {
+  border-color: var(--dsw-alias-interactive-bg-hover-accent, rgba(38, 49, 72, 0.14));
+  background: var(--dsw-alias-interactive-bg-hover-accent, rgba(38, 49, 72, 0.14));
+  color: var(--dsw-alias-label-primary, #1f2328);
+  font-weight: 600;
+}
+
+/* 任务细进度条 */
+.taskBar {
+  display: block;
+  flex: 1;
+  min-width: 60px;
+  height: 4px;
+  border-radius: 999px;
+  background: var(--dsw-alias-border-l1, #e5e7eb);
+  overflow: hidden;
+}
+
+.taskBar i {
+  display: block;
+  height: 100%;
+  border-radius: 999px;
+  background: var(--dsw-alias-interactive-bg-hover-accent, rgba(38, 49, 72, 0.35));
+  transition: width 0.3s;
+}
+
+/* 历史行内图标操作 */
+.historyIcon {
+  width: 26px;
+  height: 26px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 8px;
+  border: 1px solid transparent;
+  background: none;
+  color: var(--dsw-alias-label-secondary, #6b7280);
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.historyIcon:hover {
+  background: var(--dsw-alias-interactive-bg-hover-accent, rgba(38, 49, 72, 0.14));
+  color: var(--dsw-alias-label-primary, #1f2328);
+}
+
+.historyIcon[title^='删除']:hover {
+  color: #dc2626;
+}
+
+/* 历史 prompt 两行截断 */
+.historyPrompt {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}

package/src/client/studio-view.tsx

@@ -101,6 +101,14 @@ function modeLabelOf(mode: AudioMode): string {
   return tt('mode.voiceDesign')
 }
 
+/** 历史时间显示（YYYY-MM-DD HH:mm）。 */
+function formatClock(timestamp: number): string {
+  const date = new Date(timestamp)
+  if (Number.isNaN(date.getTime())) return ''
+  const pad = (n: number): string => String(n).padStart(2, '0')
+  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`
+}
+
 function useConfig(scope: AudiogenScope) {
   const [value, setValue] = useState(scope.getSnapshot().value)
   useEffect(() => scope.subscribe(() => { setValue(scope.getSnapshot().value) }), [scope])
@@ -499,6 +507,87 @@ export function StudioView(props: {
     setTasks(current => current.filter(task => task.id !== taskId))
   }
 
+  /** 从历史参数回填表单（参考 AI 生图「恢复」）：配置 + prompt 一键复用。 */
+  const restoreFromParams = (params: Record<string, unknown>, modeValue: AudioMode, singleModel: string, compareModelsRestore?: string[]): void => {
+    const str = (key: string): string | undefined => {
+      const v = params[key]
+      return typeof v === 'string' && v.trim() !== '' ? v.trim() : undefined
+    }
+    const num = (key: string): number | undefined => {
+      const v = params[key]
+      if (typeof v === 'number' && Number.isFinite(v)) return v
+      if (typeof v === 'string' && v.trim() !== '') {
+        const parsed = Number(v)
+        return Number.isFinite(parsed) ? parsed : undefined
+      }
+      return undefined
+    }
+    const bool = (key: string): boolean | undefined => typeof params[key] === 'boolean' ? params[key] as boolean : undefined
+    setMode(modeValue)
+    const modelValue = str('model') ?? singleModel
+    if (modelValue !== '') setModel(modelValue)
+    if (compareModelsRestore !== undefined && compareModelsRestore.length > 0) {
+      setCompareMode(true)
+      setCompareModels(compareModelsRestore)
+    } else {
+      setCompareMode(false)
+    }
+    const voiceValue = str('voice')
+    if (voiceValue !== undefined) setVoice(voiceValue)
+    const speedValue = num('speed')
+    if (speedValue !== undefined) setSpeed(String(speedValue))
+    const durationValue = num('duration')
+    if (durationValue !== undefined) setDuration(String(durationValue))
+    const formatValue = str('format')
+    if (formatValue !== undefined) setFormat(formatValue)
+    const lyricsValue = str('lyrics')
+    if (lyricsValue !== undefined) setLyrics(lyricsValue)
+    const instrumentalValue = bool('isInstrumental')
+    if (instrumentalValue !== undefined) setInstrumental(instrumentalValue)
+    const loopValue = bool('loop')
+    if (loopValue !== undefined) setLoop(loopValue)
+    const influenceValue = num('promptInfluence')
+    if (influenceValue !== undefined) setPromptInfluence(String(influenceValue))
+    const emotionValue = str('emotion')
+    if (emotionValue !== undefined) setEmotion(emotionValue)
+    const volValue = num('vol')
+    if (volValue !== undefined) setVol(String(volValue))
+    const pitchValue = num('pitch')
+    if (pitchValue !== undefined) setPitch(String(pitchValue))
+    if (Array.isArray(params.pronunciationTone)) {
+      setToneText(params.pronunciationTone.filter((item): item is string => typeof item === 'string').join('\n'))
+    }
+    const sampleRateValue = num('sampleRate')
+    if (sampleRateValue !== undefined) setSampleRate(String(sampleRateValue))
+    const bitrateValue = num('bitrate')
+    if (bitrateValue !== undefined) setBitrate(String(bitrateValue))
+    const channelValue = num('audioChannel')
+    if (channelValue !== undefined) setAudioChannel(String(channelValue))
+    const subtitleValue = bool('subtitleEnable')
+    if (subtitleValue !== undefined) setSubtitle(subtitleValue)
+    const seedValue = num('seed')
+    if (seedValue !== undefined) setSeed(String(seedValue))
+    const stepsValue = num('steps')
+    if (stepsValue !== undefined) setSteps(String(stepsValue))
+    const cfgValue = num('cfgScale')
+    if (cfgValue !== undefined) setCfgScale(String(cfgValue))
+    const previewValue = str('previewText')
+    if (previewValue !== undefined) setPreviewText(previewValue)
+    const channelIdValue = str('channelId')
+    if (channelIdValue !== undefined && modeValue === 'voice_design') setDesignChannelId(channelIdValue)
+    props.showToast('已恢复该次生成的配置，可直接再次生成')
+  }
+
+  /** 删除历史记录（对比任务卡删除该任务的全部模型条目）。 */
+  const deleteHistoryEntries = async (ids: string[]): Promise<void> => {
+    try {
+      for (const id of ids) await api.removeHistory(id)
+    } catch {
+      // best-effort
+    }
+    reload()
+  }
+
   const openSaveDialog = (files: GeneratedAudio[], context: SaveDialogContext): void => {
     setSaveDialog({ files, context })
   }
@@ -767,7 +856,7 @@ export function StudioView(props: {
     <div className={css.studio}>
       <div className={css.formCol}>
         <div className={css.modeRow}>
-          {(['tts', 'music', 'sfx', 'voice_design'] as const).map(item => (
+          {([['tts', '🎙️'], ['music', '🎵'], ['sfx', '🔊'], ['voice_design', '🎨']] as Array<[AudioMode, string]>).map(([item, icon]) => (
             <button
               key={item}
               type="button"
@@ -775,11 +864,13 @@ export function StudioView(props: {
               data-active={mode === item ? 'true' : 'false'}
               onClick={() => setMode(item)}
             >
-              {item === 'tts' ? tt('mode.tts') : item === 'music' ? tt('mode.music') : item === 'sfx' ? tt('mode.sfx') : tt('mode.voiceDesign')}
+              <span className={css.modeIcon}>{icon}</span>
+              {modeLabelOf(item)}
             </button>
           ))}
         </div>
 
+        <p className={css.formSection}>输入</p>
         <label className={css.label}>
           <span>{mode === 'voice_design' ? '音色描述' : mode === 'tts' ? '文本' : '提示词'}</span>
           <textarea className={css.textarea} value={prompt} onChange={event => setPrompt(event.target.value)} placeholder={tt('prompt.placeholder')} />
@@ -806,6 +897,7 @@ export function StudioView(props: {
           </>
         ) : null}
 
+        <p className={css.formSection}>模型</p>
         {needModel ? (
           <label className={css.checkbox} title="选择多个模型，用相同参数逐个生成，便于对比效果">
             <input type="checkbox" checked={compareMode} onChange={event => setCompareMode(event.target.checked)} />
@@ -902,7 +994,14 @@ export function StudioView(props: {
           )
         ) : null}
 
-        {globalSpecs.filter(spec => spec.advanced !== true).map(spec => renderField(spec))}
+        {globalSpecs.some(spec => spec.advanced !== true) ? <p className={css.formSection}>生成参数</p> : null}
+        <div className={css.formFields}>
+          {globalSpecs.filter(spec => spec.advanced !== true).map(spec => (
+            <div key={spec.key} className={spec.key === 'lyrics' || spec.key === 'toneText' ? css.fieldFull : css.fieldCell}>
+              {renderField(spec)}
+            </div>
+          ))}
+        </div>
 
         {mode === 'tts' && globalSpecs.some(spec => spec.advanced === true) ? (
           <details className={css.advanced}>
@@ -935,6 +1034,15 @@ export function StudioView(props: {
             <span className={css.resultEmptyIcon}>🎵</span>
             <p>{tt('result.empty')}</p>
             <p className={css.resultEmptyHint}>点击「开始生成」即创建一个任务，可同时进行多个；勾选「模型对比」用多个模型同参数生成对比</p>
+            <button type="button" className={css.ghostButton} onClick={() => {
+              const examples: Record<AudioMode, string> = {
+                tts: '今天是不是很开心呀(laughs)，当然了！我们一起去公园散步吧。',
+                music: 'Cinematic orchestral piece with a clear "before/after" transition at 1:00, starting minimalist piano + strings, then full orchestra entrance with timpani and brass at the 1-minute mark.',
+                sfx: '科技感 UI 提示音：清脆短促，带轻微回声与空气感。',
+                voice_design: '讲述悬疑故事的播音员，声音低沉富有磁性，语速时快时慢，营造紧张神秘的氛围。',
+              }
+              setPrompt(examples[mode] ?? '')
+            }}>填入示例 prompt</button>
           </div>
         ) : (
           <div className={css.taskList}>
@@ -955,6 +1063,9 @@ export function StudioView(props: {
                     <span className={css.resultModeChip}>{task.mode}</span>
                     <span className={css.taskLabel} title={task.prompt}>{task.label}</span>
                     <span className={css.taskStatus} data-state={task.status}>{statusText}</span>
+                    {task.status === 'running' ? (
+                      <span className={css.taskBar}><i style={{ width: `${task.progress.total > 0 ? Math.round((task.progress.done / task.progress.total) * 100) : 0}%` }} /></span>
+                    ) : null}
                     <span className={css.taskActions}>
                       {task.status === 'running' ? (
                         <button type="button" className={css.ghostButton} onClick={() => cancelTask(task.id)}>取消</button>
@@ -1023,6 +1134,7 @@ export function StudioView(props: {
                       <summary className={css.historyCompareSummary}>
                         <span className={css.historyPrompt}>{item.prompt}</span>
                         <span className={css.historyCompareBadge}>对比 · {item.models.length} 个模型</span>
+                        <span className={css.historyTime}>{formatClock(item.createdAt)}</span>
                       </summary>
                       <div className={css.historyMeta}>{modeLabelOf(item.mode)} · {item.models.map(model => model.model).join(' / ')}</div>
                       {item.models.map(model => (
@@ -1040,6 +1152,15 @@ export function StudioView(props: {
                           </div>
                         </div>
                       ))}
+                      <div className={css.historyActions}>
+                        <button type="button" className={css.historyIcon} title="恢复（回填配置与全部模型）" onClick={() => restoreFromParams(
+                          (item.models[0]?.entry.params ?? {}) as Record<string, unknown>,
+                          item.mode,
+                          item.models[0]?.model ?? '',
+                          item.models.map(model => model.model),
+                        )}>↺</button>
+                        <button type="button" className={css.historyIcon} title="删除整个对比任务" onClick={() => void deleteHistoryEntries(item.models.map(model => model.entry.id))}>✕</button>
+                      </div>
                     </details>
                   )
                 }
@@ -1048,12 +1169,19 @@ export function StudioView(props: {
                   <div className={css.historyItem} key={item.key}>
                     <div className={css.historyPrompt}>{entry.prompt}</div>
                     <div className={css.historyMeta}>{modeLabelOf(entry.mode)} · {entry.model}{entry.channel ? ` · ${entry.channel}` : ''}</div>
+                    <div className={css.historyTime}>{formatClock(entry.createdAt)}</div>
                     {entry.audio.map((audio, index) => (
                       <AudioPlayer key={index} src={audio.url} compact itemKey={`${entry.id}-${index}`} />
                     ))}
                     <div className={css.historyActions}>
-                      <button type="button" className={css.historyAction} onClick={() => openSaveDialog(audioRefsOfEntry(entry), contextOfEntry(entry))}>
-                        <StarIcon /> 入库
+                      <button type="button" className={css.historyIcon} title="恢复（回填配置与 prompt）" onClick={() => restoreFromParams(
+                        (entry.params ?? {}) as Record<string, unknown>,
+                        entry.mode,
+                        entry.model,
+                      )}>↺</button>
+                      <button type="button" className={css.historyIcon} title="删除这条记录" onClick={() => void deleteHistoryEntries([entry.id])}>✕</button>
+                      <button type="button" className={css.historyIcon} title="加入资源库" onClick={() => openSaveDialog(audioRefsOfEntry(entry), contextOfEntry(entry))}>
+                        <StarIcon />
                       </button>
                     </div>
                   </div>

package/src/index.ts

@@ -41,7 +41,8 @@ export interface Config {
   defaultChannelId?: string
   defaultModel?: string
   autoSaveToLibrary?: boolean
-  maxConcurrentGenerations?: number
+  /** 设置卡按文本编辑，保存值可能是数字或数字字符串。 */
+  maxConcurrentGenerations?: number | string
 }
 
 const DEFAULT_MAX_CONCURRENT = 5
@@ -64,7 +65,7 @@ export const Config: z<Config> = z.object({
   defaultChannelId: z.string().default(''),
   defaultModel: z.string().default(''),
   autoSaveToLibrary: z.boolean().default(false),
-  maxConcurrentGenerations: z.number().default(DEFAULT_MAX_CONCURRENT),
+  maxConcurrentGenerations: z.union([z.number(), z.string()]).default(DEFAULT_MAX_CONCURRENT),
 })
 
 const DEFAULT_ENABLED = true
@@ -184,9 +185,11 @@ export function apply(ctx: Context, config?: Config): void {
       defaultChannelId,
       defaultModel: typeof value.defaultModel === 'string' ? value.defaultModel.trim() : '',
       autoSaveToLibrary: value.autoSaveToLibrary === true,
-      maxConcurrentGenerations: typeof value.maxConcurrentGenerations === 'number' && Number.isFinite(value.maxConcurrentGenerations)
-        ? Math.max(1, Math.min(20, Math.floor(value.maxConcurrentGenerations)))
-        : DEFAULT_MAX_CONCURRENT,
+      maxConcurrentGenerations: (() => {
+        const rawMax = value.maxConcurrentGenerations
+        const parsedMax = typeof rawMax === 'number' ? rawMax : typeof rawMax === 'string' && rawMax.trim() !== '' ? Number(rawMax.trim()) : NaN
+        return Number.isFinite(parsedMax) ? Math.max(1, Math.min(20, Math.floor(parsedMax))) : DEFAULT_MAX_CONCURRENT
+      })(),
     }
   }
 

package/src/protocol.ts

@@ -8,7 +8,7 @@
 export const AUDIOGEN_SETTINGS_NAMESPACE = 'dsh-audiogen'
 
 /** Published package version shared by the host updater and the client UI. */
-export const PLUGIN_VERSION = '0.4.2'
+export const PLUGIN_VERSION = '0.4.4'
 
 /** Same-origin route family (loopback-only, mirroring dsh-imagegen). */
 export const SETTINGS_API = {