dsh-boot-suite 2.13.21 → 2.15.15

package/lib/client.js

@@ -253,7 +253,10 @@ window.__ModuleLoader__.load({
       sound: true, soundVolume: 0.5, bedNoise: false,
       transitionIn: 'dissolve', transitionJoin: 'dissolve', transitionOut: 'dissolve',
       transitionMs: 600, transitionDir: 'left',
-      colorMode: 'color'
+      colorMode: 'color',
+      bgmEnabled: false, bgmFile: '', bgmFile2: '', bgmVolume: 0.5, bgmBpm: 100, bgmBeats1: 16, bgmBeats2: 32,
+      bgm1Start: 0, bgm2Start: 0, bgm1FadeIn: 1, bgm1FadeOut: 1, bgm2FadeIn: 1, bgm2FadeOut: 2,
+      bgmCrossfade: 1200, bgmLoop: true, bgm2Loop: false, bgmDuck: true
     }
     function num(v, d) {
       var n = Number(v)
@@ -266,7 +269,7 @@ window.__ModuleLoader__.load({
           —— 桌面端走浏览器半侧自举时没有 1，就靠这一条
        3) 下面这个常量：两份都没拿到时的兜底，别让面板显示 undefined
        版本号本身只在 lib/index.js 里读一次，这里不重复维护。 */
-    var FALLBACK_VERSION = '2.13.21'
+    var FALLBACK_VERSION = '2.15.15'
     /* 手动选包成功后置 true：让还在后台跑的“浏览器下载监听”不要再弹第二次更新器 */
     var __manualUpdateApplied = false
     function readInjectedVersion() {
@@ -276,6 +279,126 @@ window.__ModuleLoader__.load({
       } catch (e) { return '' }
     }
 
+    /* ── v2.14.0：用户自备 BGM 的波形选段编辑器 ─────────────────────
+       不拖左右边界：选段宽度 = 拍数 × 60 / BPM，整段左右拖动。
+       音频只在本机读取；画布峰值由 Web Audio 解码后计算。 */
+    var __waveCtx = null
+    function waveCtx() {
+      if (__waveCtx) return __waveCtx
+      try {
+        var AC = window.AudioContext || window.webkitAudioContext
+        __waveCtx = AC ? new AC() : null
+      } catch (e) { __waveCtx = null }
+      return __waveCtx
+    }
+    function clampNum(v, lo, hi) { return Math.min(hi, Math.max(lo, Number(v) || 0)) }
+
+    function WaveformEditor(props) {
+      var canvasRef = react.useRef(null)
+      var [peaks, setPeaks] = react.useState(null)
+      var [dur, setDur] = react.useState(0)
+      var [err, setErr] = react.useState('')
+      var [drag, setDrag] = react.useState(null)
+      var file = props.file || ''
+      var bpm = clampNum(props.bpm, 40, 220)
+      var beats = clampNum(props.beats, 4, 128)
+      var winSec = beats * 60 / bpm
+
+      react.useEffect(function () {
+        var alive = true
+        setPeaks(null); setDur(0); setErr('')
+        if (!file) return function () { alive = false }
+        fetch('/dsh-startup/music/file?name=' + encodeURIComponent(file), { cache: 'no-store' })
+          .then(function (r) { if (!r.ok) throw new Error('读取失败'); return r.arrayBuffer() })
+          .then(function (ab) {
+            var c = waveCtx()
+            if (!c) throw new Error('浏览器不支持音频解码')
+            return c.decodeAudioData(ab)
+          })
+          .then(function (buf) {
+            if (!alive) return
+            var data = buf.getChannelData(0)
+            var n = 900
+            var step = Math.max(1, Math.floor(data.length / n))
+            var out = new Float32Array(n)
+            var max = 0.0001
+            for (var i = 0; i < n; i++) {
+              var from = i * step
+              var to = Math.min(data.length, from + step)
+              var m = 0
+              for (var j = from; j < to; j += 3) { var v = data[j] < 0 ? -data[j] : data[j]; if (v > m) m = v }
+              out[i] = m; if (m > max) max = m
+            }
+            for (var k = 0; k < n; k++) out[k] = out[k] / max
+            setPeaks(out); setDur(buf.duration)
+          })
+          .catch(function (e) { if (alive) setErr(String((e && e.message) || e)) })
+        return function () { alive = false }
+      }, [file])
+
+      react.useEffect(function () {
+        var cv = canvasRef.current
+        if (!cv) return
+        var W = 900, H = 110
+        var dpr = window.devicePixelRatio || 1
+        cv.width = W * dpr; cv.height = H * dpr
+        var g = cv.getContext('2d')
+        if (!g) return
+        g.setTransform(dpr, 0, 0, dpr, 0, 0)
+        g.clearRect(0, 0, W, H)
+        g.fillStyle = 'rgba(255,255,255,.05)'; g.fillRect(0, 0, W, H)
+        if (!peaks || !dur) return
+        var start = clampNum(props.start, 0, Math.max(0, dur - winSec))
+        var x1 = start / dur * W
+        var x2 = Math.min(W, (start + winSec) / dur * W)
+        g.fillStyle = 'rgba(255,117,0,.16)'; g.fillRect(x1, 0, Math.max(2, x2 - x1), H)
+        g.strokeStyle = '#ffb27a'; g.lineWidth = 2
+        g.strokeRect(x1 + 1, 1, Math.max(2, x2 - x1) - 2, H - 2)
+        g.strokeStyle = 'rgba(255,255,255,.55)'; g.lineWidth = 1
+        g.beginPath()
+        for (var i = 0; i < peaks.length; i++) {
+          var x = i / (peaks.length - 1) * W
+          var h = Math.max(1, peaks[i] * (H - 16))
+          g.moveTo(x, H / 2 - h / 2); g.lineTo(x, H / 2 + h / 2)
+        }
+        g.stroke()
+        g.fillStyle = 'rgba(0,0,0,.45)'; g.fillRect(0, 0, Math.max(0, Math.min(x1, W)), H)
+        g.fillRect(Math.min(W, x2), 0, Math.max(0, W - x2), H)
+      }, [peaks, dur, props.start, winSec])
+
+      function onDown(e) {
+        if (!peaks || !dur) return
+        try { e.currentTarget.setPointerCapture(e.pointerId) } catch (e2) {}
+        setDrag({ x: e.clientX, start: clampNum(props.start, 0, Math.max(0, dur - winSec)) })
+      }
+      function onMove(e) {
+        if (!drag || !dur) return
+        var rect = e.currentTarget.getBoundingClientRect()
+        if (!rect.width) return
+        var dxSec = (e.clientX - drag.x) / rect.width * dur
+        var next = clampNum(drag.start + dxSec, 0, Math.max(0, dur - winSec))
+        next = Math.round(next * 100) / 100
+        if (next !== props.start) props.onChange(next)
+      }
+      function onUp() { setDrag(null) }
+
+      var start = clampNum(props.start, 0, Math.max(0, dur - winSec))
+      var fmt = function (t) { return (Math.round(t * 10) / 10).toFixed(1) + 's' }
+      return h('div', { className: '__ss_wave' },
+        h('canvas', {
+          ref: canvasRef,
+          style: { width: '100%', height: '110px', display: 'block', borderRadius: '8px', cursor: 'grab', touchAction: 'none' },
+          onPointerDown: onDown, onPointerMove: onMove, onPointerUp: onUp, onPointerCancel: onUp
+        }),
+        h('div', { className: '__ss_hint', style: { marginTop: '6px' } },
+          err ? ('波形读取失败：' + err)
+            : (!peaks ? '正在读取波形…'
+              : (props.label || '') + ' 选段 ' + fmt(start) + ' → ' + fmt(Math.min(dur, start + winSec)) +
+                '（' + Math.round(winSec * 10) / 10 + 's · ' + beats + ' 拍 @ ' + bpm + ' BPM）；按住波形左右拖动选段')
+        )
+      )
+    }
+
     function Panel() {
       var [draft, setDraft] = react.useState(null)
       var [defaults, setDefaults] = react.useState(null)
@@ -287,6 +410,7 @@ window.__ModuleLoader__.load({
       var [templates, setTemplates] = react.useState([])
       var [hiddenTemplates, setHiddenTemplates] = react.useState([])
       var [voicePacks, setVoicePacks] = react.useState([])
+      var [musicFiles, setMusicFiles] = react.useState([])
       var [update, setUpdate] = react.useState(null)
       var [checking, setChecking] = react.useState(false)
       var [updating, setUpdating] = react.useState(false)
@@ -332,6 +456,67 @@ window.__ModuleLoader__.load({
       }
       react.useEffect(() => { refreshVoices() }, [])
 
+      /* 背景音乐列表与导入（文件只写本机 ~/.dsh/startup-music） */
+      function refreshMusic() {
+        return fetch(STARTUP_ROUTE + '/music/list', { cache: 'no-store', headers: { Accept: 'application/json' } })
+          .then(function (r) { return r.json() })
+          .then(function (j) { if (j && j.ok === true && Array.isArray(j.files)) setMusicFiles(j.files) })
+          .catch(function () { /* 拉不到就显示空 */ })
+      }
+      react.useEffect(function () { refreshMusic() }, [])
+
+      function importMusic(which) {
+        var inp = document.createElement('input')
+        inp.type = 'file'
+        inp.accept = '.mp3,.wav,.ogg,.m4a,.aac,.flac,audio/*'
+        inp.onchange = function () {
+          var f0 = inp.files && inp.files[0]
+          if (!f0) return
+          if (f0.size > 100 * 1024 * 1024) { setError('音乐文件不能超过 100MB'); return }
+          setBusy(true); setError(null); setNotice(null)
+          f0.arrayBuffer().then(function (ab) {
+            return fetch(STARTUP_ROUTE + '/music/upload?name=' + encodeURIComponent(f0.name), {
+              method: 'POST',
+              headers: { 'Content-Type': 'application/octet-stream' },
+              body: ab
+            })
+          }).then(function (r) { return r.json() }).then(function (j) {
+            if (!j || j.ok !== true) throw new Error((j && j.error) || '导入失败')
+            return refreshMusic().then(function () {
+              set(which === 2 ? 'bgmFile2' : 'bgmFile', j.file)
+              setNotice('音乐已导入到本机（不会上传）。选好选段后点「保存设置」。')
+            })
+          }).catch(function (e) {
+            setError('导入音乐失败：' + String((e && e.message) || e))
+          }).then(function () { setBusy(false) })
+        }
+        inp.click()
+      }
+
+      function deleteMusic(fileName) {
+        if (!fileName) return
+        if (!window.confirm('删除这首本地音乐？\n只删 ~/.dsh/startup-music 里的副本，不会动你原来的文件。')) return
+        setBusy(true)
+        fetch(STARTUP_ROUTE + '/music/delete', {
+          method: 'POST', headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ file: fileName })
+        }).then(function (r) { return r.json() }).then(function (j) {
+          if (!j || j.ok !== true) throw new Error((j && j.error) || '删除失败')
+          return refreshMusic()
+        }).catch(function (e) { setError('删除失败：' + String((e && e.message) || e)) })
+          .then(function () { setBusy(false) })
+      }
+
+      function musicOptions() {
+        var opts = [['', '同第一段']]
+        for (var i = 0; i < musicFiles.length; i++) {
+          var m = musicFiles[i]
+          if (!m || !m.file) continue
+          opts.push([m.file, String(m.name || m.file)])
+        }
+        return opts
+      }
+
       function voiceOptions() {
         var opts = []
         for (var i = 0; i < voicePacks.length; i++) {
@@ -679,6 +864,9 @@ window.__ModuleLoader__.load({
           .catch(() => { /* 拿不到最新配置就用旧的，至少还能重播 */ })
           .then(function () {
             setBusy(false)
+            /* v2.15.2：点「立即预览」后按钮仍保持焦点，播放时空格会再次触发按钮 click（看起来像重播）。
+               重播前先失焦，空格才能交给模板自己的交互（切 tips / 彩蛋按钮）。 */
+            try { var ae = document.activeElement; if (ae && typeof ae.blur === 'function') ae.blur() } catch (eBlur) { /* noop */ }
             var api = window.__DSH_STARTUP_API__
             if (api && typeof api.replay === 'function') { api.replay(); return }
             window.location.reload()
@@ -712,17 +900,55 @@ window.__ModuleLoader__.load({
         }
         return false
       }
-      /* 模板下拉：'' = 引擎内置那套；其余来自宿主扫描到的模板 */
+      /* v2.14.0：模板分类。正式下拉只放「正式模板」；其余归到「测试类模板」。
+         默认：内置模板里只有 archive-warm（第一幕）与 whale-girl-scan / -4k（第二幕）算正式；
+         用户本地导入的算正式；被手动「归类」或「移出」的以配置为准。 */
+      var PROD_TEMPLATES = { template: { 'archive-warm': 1 }, act2: { 'whale-girl-scan': 1, 'whale-girl-scan-4k': 1 } }
+      function findTemplate(id) {
+        for (var fi = 0; fi < (templates || []).length; fi++) if (templates[fi] && templates[fi].id === id) return templates[fi]
+        return null
+      }
+      function templateLabel(t) { return t.name + (t.source === 'user' ? ' · 本地' : '') }
+      function isTestTemplate(id, act) {
+        if (!id) return false
+        var tt = Array.isArray(draft.testTemplates) ? draft.testTemplates : []
+        var pp = Array.isArray(draft.promotedTemplates) ? draft.promotedTemplates : []
+        if (tt.indexOf(id) >= 0) return true
+        if (pp.indexOf(id) >= 0) return false
+        var t = findTemplate(id)
+        if (t && t.source === 'user') return false
+        var prod = PROD_TEMPLATES[act] || {}
+        return !prod[id]
+      }
+      function testOptionsFor(act) {
+        return (templates || []).filter(function (t) { return isTestTemplate(t.id, act) }).map(function (t) { return [t.id, templateLabel(t)] })
+      }
+      function toggleTest(id, act) {
+        if (!id) return
+        var now = isTestTemplate(id, act)
+        var tt = (Array.isArray(draft.testTemplates) ? draft.testTemplates : []).slice()
+        var pp = (Array.isArray(draft.promotedTemplates) ? draft.promotedTemplates : []).slice()
+        if (now) { if (pp.indexOf(id) < 0) pp.push(id); tt = tt.filter(function (x) { return x !== id }) }
+        else { if (tt.indexOf(id) < 0) tt.push(id); pp = pp.filter(function (x) { return x !== id }) }
+        set('testTemplates', tt)
+        set('promotedTemplates', pp)
+      }
       var templateOptions = [['', '内置（档案暖白）']].concat(
-        (templates || []).map(function (t) {
-          return [t.id, t.name + (t.source === 'user' ? ' · 本地' : '')]
-        })
+        (templates || []).filter(function (t) { return !isTestTemplate(t.id, 'template') }).map(function (t) { return [t.id, templateLabel(t)] })
       )
+      if (draft.template && isTestTemplate(draft.template, 'template')) {
+        var curT = findTemplate(draft.template)
+        templateOptions = [[draft.template, '【测试类】' + (curT ? templateLabel(curT) : draft.template)]].concat(templateOptions)
+      }
       var act2Options = [['', '不播放（第一幕结束直接进聊天）']].concat(
-        (templates || []).map(function (t) {
-          return [t.id, t.name + (t.source === 'user' ? ' · 本地' : '')]
-        })
+        (templates || []).filter(function (t) { return !isTestTemplate(t.id, 'act2') }).map(function (t) { return [t.id, templateLabel(t)] })
       )
+      if (draft.act2 && isTestTemplate(draft.act2, 'act2')) {
+        var curT2 = findTemplate(draft.act2)
+        act2Options = [[draft.act2, '【测试类】' + (curT2 ? templateLabel(curT2) : draft.act2)]].concat(act2Options)
+      }
+      var testOptions1 = testOptionsFor('template')
+      var testOptions2 = testOptionsFor('act2')
       var transitionOptions = [
         ['dissolve', '交叉叠化（默认）'],
         ['flash', '闪白'],
@@ -740,6 +966,13 @@ window.__ModuleLoader__.load({
         ['down', '从上往下']
       ]
 
+      /* 档案暖白专属设置组：只有第一幕选「档案暖白」（或内置空值）时才显示；
+         其他模板（含新模板/用户导入）应由模板自己提供参数，而不是这套 */
+      var isArchiveWarm = !draft.template || draft.template === 'archive-warm'
+      var isBigfish = draft.template === 'division-bigfish-codex'
+      var hasSecondAct = !!(draft.act2 && draft.act2 !== '')
+      var musicLoop = draft.bgmLoop !== false
+
       return h('div', { className: '__ss_root' },
         versionLine,
 
@@ -783,6 +1016,119 @@ window.__ModuleLoader__.load({
           )
         ),
 
+        /* 用户自备 BGM（v2.14.0；v2.15.9 不循环模式 + 无第二幕不出第二段） */
+        h('div', { className: '__ss_group', style: (isArchiveWarm || isBigfish) ? null : { display: 'none' } },
+          h('div', { className: '__ss_groupTitle' }, '背景音乐（用户自备）'),
+          h('div', { className: '__ss_hint' },
+            '导入你自己的音乐给开机动画配乐：只存本机、不上传、不内置。请确认你拥有该音乐的使用权。'
+          ),
+          isBigfish ? h('div', { className: '__ss_hint' }, '当前选的是「全景大肥鱼-含彩蛋版」：音乐从第一幕开始，到动画结束淡出；这个模板没有第二幕，第二段音乐不参与，音量、循环、淡入淡出、闪避有效。') : null,
+          h(Check, {
+            checked: draft.bgmEnabled === true,
+            onChange: (v) => set('bgmEnabled', v),
+            label: '启用背景音乐'
+          }),
+          h(Check, {
+            checked: musicLoop,
+            onChange: (v) => set('bgmLoop', v),
+            label: '循环播放'
+          }),
+          !musicLoop ? h('div', { className: '__ss_hint' }, '已关闭循环：整首音乐只播一遍，拍速/拍数/选段自动隐藏；闪避仍然有效。') : null,
+          h('div', { className: '__ss_row' },
+            h('button', { className: '__ss_btn', type: 'button', disabled: busy, onClick: function () { importMusic(1) } }, '🎵 导入音乐'),
+            h('span', { className: '__ss_hint' }, draft.bgmFile || '还没有导入音乐'),
+            draft.bgmFile ? h('button', {
+              className: '__ss_btn', type: 'button', disabled: busy,
+              onClick: function () { deleteMusic(draft.bgmFile) }
+            }, '删除') : null
+          ),
+          hasSecondAct ? h(Field, { label: '第二段换曲', hint: '默认与第一段同一首；第二段从「启动动画第二幕」开始，覆盖终幕欢迎语。' },
+            h('div', { className: '__ss_row' },
+              h(Select, { value: draft.bgmFile2 || '', options: musicOptions(), onChange: (v) => set('bgmFile2', v) }),
+              h('button', { className: '__ss_btn', type: 'button', disabled: busy, onClick: function () { importMusic(2) } }, '导入第二首')
+            )
+          ) : null,
+          musicLoop ? h('div', { className: '__ss_two' },
+            h(Field, { label: '拍速（BPM）', hint: '只用来计算选段长度：时长 = 拍数 × 60 / BPM' },
+              h(Select, {
+                value: String(draft.bgmBpm || 100),
+                options: [60, 70, 80, 90, 100, 110, 120, 130, 140, 160, 180].map(function (b) { return [String(b), b + ' BPM'] }),
+                onChange: (v) => set('bgmBpm', Number(v))
+              })),
+            h(Field, { label: '第一幕拍数', hint: '至少 2 个八拍；默认 16 拍。' },
+              h(Select, {
+                value: String(draft.bgmBeats1 || 16),
+                options: [8, 16, 24, 32, 48, 64, 96, 128].map(function (b) { return [String(b), b + ' 拍'] }),
+                onChange: (v) => set('bgmBeats1', Number(v))
+              }))
+          ) : null,
+          (musicLoop && draft.bgmFile) ? h(Field, { label: '第一段选段' },
+            h(WaveformEditor, {
+              file: draft.bgmFile, label: '第一幕',
+              bpm: draft.bgmBpm, beats: draft.bgmBeats1,
+              start: draft.bgm1Start, onChange: (v) => set('bgm1Start', v)
+            })) : null,
+          (hasSecondAct && musicLoop) ? h(Field, { label: '第二幕拍数', hint: '默认 32 拍；第二段结束直接进聊天。' },
+            h(Select, {
+              value: String(draft.bgmBeats2 || 32),
+              options: [8, 16, 24, 32, 48, 64, 96, 128].map(function (b) { return [String(b), b + ' 拍'] }),
+              onChange: (v) => set('bgmBeats2', Number(v))
+            })) : null,
+          (hasSecondAct && musicLoop && (draft.bgmFile2 || draft.bgmFile)) ? h(Field, { label: '第二段选段' },
+            h(WaveformEditor, {
+              file: draft.bgmFile2 || draft.bgmFile, label: '第二幕',
+              bpm: draft.bgmBpm, beats: draft.bgmBeats2,
+              start: draft.bgm2Start, onChange: (v) => set('bgm2Start', v)
+            })) : null,
+          h('div', { className: '__ss_two' },
+            h(Field, { label: '第一段淡入 / 淡出', hint: '0–10 秒，可小数。' },
+              h('div', { className: '__ss_row' },
+                h(Range, {
+                  min: 0, max: 10, step: 0.1, value: draft.bgm1FadeIn == null ? 1 : draft.bgm1FadeIn,
+                  display: (draft.bgm1FadeIn == null ? 1 : draft.bgm1FadeIn).toFixed(1) + 's',
+                  onChange: (v) => set('bgm1FadeIn', v)
+                }),
+                h(Range, {
+                  min: 0, max: 10, step: 0.1, value: draft.bgm1FadeOut == null ? 1 : draft.bgm1FadeOut,
+                  display: (draft.bgm1FadeOut == null ? 1 : draft.bgm1FadeOut).toFixed(1) + 's',
+                  onChange: (v) => set('bgm1FadeOut', v)
+                })
+              )),
+            hasSecondAct ? h(Field, { label: '第二段淡入 / 结束淡出', hint: '结束淡出 = 最后一段音乐收到 0 的时长。' },
+              h('div', { className: '__ss_row' },
+                h(Range, {
+                  min: 0, max: 10, step: 0.1, value: draft.bgm2FadeIn == null ? 1 : draft.bgm2FadeIn,
+                  display: (draft.bgm2FadeIn == null ? 1 : draft.bgm2FadeIn).toFixed(1) + 's',
+                  onChange: (v) => set('bgm2FadeIn', v)
+                }),
+                h(Range, {
+                  min: 0, max: 10, step: 0.1, value: draft.bgm2FadeOut == null ? 2 : draft.bgm2FadeOut,
+                  display: (draft.bgm2FadeOut == null ? 2 : draft.bgm2FadeOut).toFixed(1) + 's',
+                  onChange: (v) => set('bgm2FadeOut', v)
+                })
+              )) : null
+          ),
+          h('div', { className: '__ss_two' },
+            h(Field, { label: '音乐音量', hint: '相对配音 0–100%，默认 50%。' },
+              h(Range, {
+                min: 0, max: 1, step: 0.05, value: draft.bgmVolume == null ? 0.5 : draft.bgmVolume,
+                display: Math.round((draft.bgmVolume == null ? 0.5 : draft.bgmVolume) * 100) + '%',
+                onChange: (v) => set('bgmVolume', v)
+              })),
+            hasSecondAct ? h(Field, { label: '两段交叉', hint: '换曲时旧曲淡出与新曲淡入重叠的时长。' },
+              h(Range, {
+                min: 0, max: 5000, step: 100, value: draft.bgmCrossfade == null ? 1200 : draft.bgmCrossfade,
+                display: (draft.bgmCrossfade == null ? 1200 : draft.bgmCrossfade) + ' ms',
+                onChange: (v) => set('bgmCrossfade', v)
+              })) : null
+          ),
+          h('div', { className: '__ss_row' },
+            (hasSecondAct && musicLoop) ? h(Check, { checked: draft.bgm2Loop === true, onChange: (v) => set('bgm2Loop', v), label: '第二段循环' }) : null,
+            h(Check, { checked: draft.bgmDuck !== false, onChange: (v) => set('bgmDuck', v), label: '配音时自动闪避音乐' })
+          ),
+          h('div', { className: '__ss_hint' }, '提示：切歌/删歌后请点「保存设置」；冷启动生效，也可用「立即预览」试听。')
+        ),
+
         /* 模板：第一幕 / 第二幕 分开选 */
         h('div', { className: '__ss_group' },
           h('div', { className: '__ss_groupTitle' }, '模板'),
@@ -800,8 +1146,16 @@ window.__ModuleLoader__.load({
                 className: '__ss_btn',
                 type: 'button',
                 disabled: busy || !(draft.template || ''),
-                title: !draft.template ? '没有选择模板' : (isUserTemplate(draft.template) ? '删除这个本地动画' : '隐藏内置模板（可恢复）'),
+                title: isTestTemplate(draft.template, 'template') ? '把这个动画放回正式模板列表' : '把这个动画归到测试类模板',
                 style: { marginLeft: 'auto', minWidth: '112px' },
+                onClick: function () { toggleTest(draft.template, 'template') }
+              }, isTestTemplate(draft.template, 'template') ? '移出测试类' : '归类该动画'),
+              h('button', {
+                className: '__ss_btn',
+                type: 'button',
+                disabled: busy || !(draft.template || ''),
+                title: !draft.template ? '没有选择模板' : (isUserTemplate(draft.template) ? '删除这个本地动画' : '隐藏内置模板（可恢复）'),
+                style: { marginLeft: '8px', minWidth: '112px' },
                 onClick: function () { deleteTemplate(draft.template) }
               }, '删除该动画')
             )
@@ -820,8 +1174,16 @@ window.__ModuleLoader__.load({
                 className: '__ss_btn',
                 type: 'button',
                 disabled: busy || !(draft.act2 || ''),
-                title: !draft.act2 ? '没有选择模板' : (isUserTemplate(draft.act2) ? '删除这个本地动画' : '隐藏内置模板（可恢复）'),
+                title: isTestTemplate(draft.act2, 'act2') ? '把这个动画放回正式模板列表' : '把这个动画归到测试类模板',
                 style: { marginLeft: 'auto', minWidth: '112px' },
+                onClick: function () { toggleTest(draft.act2, 'act2') }
+              }, isTestTemplate(draft.act2, 'act2') ? '移出测试类' : '归类该动画'),
+              h('button', {
+                className: '__ss_btn',
+                type: 'button',
+                disabled: busy || !(draft.act2 || ''),
+                title: !draft.act2 ? '没有选择模板' : (isUserTemplate(draft.act2) ? '删除这个本地动画' : '隐藏内置模板（可恢复）'),
+                style: { marginLeft: '8px', minWidth: '112px' },
                 onClick: function () { deleteTemplate(draft.act2) }
               }, '删除该动画')
             )
@@ -835,12 +1197,30 @@ window.__ModuleLoader__.load({
             h('span', { className: '__ss_hint' }, '在网页里改文案/配色/分幕，保存后回到这里选它')
           ),
           h('div', { className: '__ss_hint' }, '每一幕右侧的「删除该动画」：本地动画会删除文件；内置模板只是隐藏，可随时恢复。'),
-          hiddenTemplates.length
-            ? h('div', { className: '__ss_row' },
-                h('button', { className: '__ss_btn', type: 'button', disabled: busy, onClick: function () { restoreHiddenTemplates() } }, '恢复已隐藏的内置模板（' + hiddenTemplates.length + '）'),
-                h('span', { className: '__ss_hint' }, '恢复后会重新出现在上面的下拉里')
-              )
-            : null
+          h('div', { className: '__ss_group', style: { marginTop: '18px' } },
+            h('div', { className: '__ss_groupTitle' }, '测试类模板'),
+            h('div', { className: '__ss_hint' }, '正式下拉只保留常用模板；其余模板归在这里。每幕右侧的「归类该动画 / 移出测试类」可以随时调整分类。'),
+            h(Field, { label: '第一幕（测试类）', hint: '选中即切换第一幕；不会影响正式模板列表。' },
+              h(Select, {
+                value: draft.template && isTestTemplate(draft.template, 'template') ? draft.template : '',
+                options: [['', testOptions1.length ? '选择测试类模板…' : '（暂无测试类模板）']].concat(testOptions1),
+                onChange: function (v) { if (v) set('template', v) }
+              })
+            ),
+            h(Field, { label: '第二幕（测试类）', hint: '选中即切换第二幕；选「不播放」请用上面的正式下拉。' },
+              h(Select, {
+                value: draft.act2 && isTestTemplate(draft.act2, 'act2') ? draft.act2 : '',
+                options: [['', testOptions2.length ? '选择测试类模板…' : '（暂无测试类模板）']].concat(testOptions2),
+                onChange: function (v) { if (v) set('act2', v) }
+              })
+            ),
+            hiddenTemplates.length
+              ? h('div', { className: '__ss_row' },
+                  h('button', { className: '__ss_btn', type: 'button', disabled: busy, onClick: function () { restoreHiddenTemplates() } }, '恢复已隐藏的内置模板（' + hiddenTemplates.length + '）'),
+                  h('span', { className: '__ss_hint' }, '恢复后会重新出现在上面的下拉里')
+                )
+              : null
+          )
         ),
 
         /* 三段转场（v2.12.0）：第一幕入场 / 两幕衔接 / 第二幕退场 */
@@ -868,6 +1248,48 @@ window.__ModuleLoader__.load({
           )
         ),
 
+        /* v2.15.0：iframe 启动模板「全境大肥鱼」的专属文案（只在选中它时出现） */
+        draft.template === 'division-bigfish-codex'
+          ? h('div', { className: '__ss_group' },
+              h('div', { className: '__ss_groupTitle' }, '全景大肥鱼-含彩蛋版 · 专属文案'),
+              h('div', { className: '__ss_hint' }, '只对第一幕「全景大肥鱼-含彩蛋版」生效；留空则用模板自带默认值。'),
+              h(Field, { label: '连接用户名', hint: '动画提示条右上角的连接用户名。' },
+                h(TextInput, { value: draft.bigfishUsername || '', maxLength: 40, onChange: (v) => set('bigfishUsername', v) })
+              ),
+              h(Field, { label: '提示条标题' },
+                h(TextInput, { value: draft.bigfishTitle || '', maxLength: 60, onChange: (v) => set('bigfishTitle', v) })
+              ),
+              h(Field, { label: '提示条正文' },
+                h(TextInput, { value: draft.bigfishDesc || '', maxLength: 120, onChange: (v) => set('bigfishDesc', v) })
+              ),
+              h(Field, { label: '强制掉线彩蛋', hint: '只影响这一次启动，方便测试；测试完请关掉。' },
+                h(Check, { checked: draft.bigfishForceEgg === true, onChange: (v) => set('bigfishForceEgg', v) })
+              ),
+              h(Field, { label: '配音效果', hint: '与全局「声音效果」同一套参数，只作用于这个模板自带的五句配音。' },
+                h(Select, {
+                  value: draft.bigfishVoiceFx || 'none',
+                  options: [
+                    ['none', '无（原声）'],
+                    ['ai-mech', 'AI 机械音'],
+                    ['robot', '机器人'],
+                    ['radio', '无线电'],
+                    ['oldtv', '老电视'],
+                    ['dark', '低沉']
+                  ],
+                  onChange: (v) => set('bigfishVoiceFx', v)
+                })
+              ),
+              h(Field, { label: '配音音量', hint: '只作用于这个模板自带的五句配音；默认 50%，可随时调。' },
+                h(Range, {
+                  min: 0, max: 100, step: 5,
+                  value: draft.bigfishVoiceVolume == null ? 50 : draft.bigfishVoiceVolume,
+                  display: (draft.bigfishVoiceVolume == null ? 50 : draft.bigfishVoiceVolume) + '%',
+                  onChange: (v) => set('bigfishVoiceVolume', Number(v))
+                })
+              )
+            )
+          : null,
+
         /* 聊天背景引导（另一个窗口的设置） */
         h('div', { className: '__ss_group' },
           h('div', { className: '__ss_groupTitle' }, '聊天背景'),
@@ -880,7 +1302,7 @@ window.__ModuleLoader__.load({
         ),
 
         /* 身份 */
-        h('div', { className: '__ss_group' },
+        h('div', { className: '__ss_group', style: isArchiveWarm ? null : { display: 'none' } },
           h('div', { className: '__ss_groupTitle' }, '身份资料'),
           h(Field, {
             label: '身份名称',
@@ -895,7 +1317,7 @@ window.__ModuleLoader__.load({
         ),
 
         /* 交互 */
-        h('div', { className: '__ss_group' },
+        h('div', { className: '__ss_group', style: isArchiveWarm ? null : { display: 'none' } },
           h('div', { className: '__ss_groupTitle' }, '交互'),
           h(Check, {
             label: '需要人工确认',
@@ -924,7 +1346,7 @@ window.__ModuleLoader__.load({
         ),
 
         /* 语音与音效 */
-        h('div', { className: '__ss_group' },
+        h('div', { className: '__ss_group', style: isArchiveWarm ? null : { display: 'none' } },
           h('div', { className: '__ss_groupTitle' }, '语音与音效'),
           h(Check, {
             label: '启用配音播报',
@@ -996,7 +1418,7 @@ window.__ModuleLoader__.load({
         ),
 
         /* 视觉 */
-        h('div', { className: '__ss_group' },
+        h('div', { className: '__ss_group', style: isArchiveWarm ? null : { display: 'none' } },
           h('div', { className: '__ss_groupTitle' }, '视觉'),
           h(Field, { label: '主题' },
             h(Select, {
@@ -1022,7 +1444,7 @@ window.__ModuleLoader__.load({
         ),
 
         /* 文案 */
-        h('div', { className: '__ss_group' },
+        h('div', { className: '__ss_group', style: isArchiveWarm ? null : { display: 'none' } },
           h('div', { className: '__ss_groupTitle' }, '文案'),
           h('div', { className: '__ss_two' },
             h(Field, { label: '左上 · 主标题' }, h(TextInput, { value: draft.brand1, onChange: (v) => set('brand1', v) })),
@@ -1600,7 +2022,7 @@ window.__ModuleLoader__.load({
     /* 每次改客户端就把这个号 +1。
        有了它在控制台一眼就能判断"浏览器里跑的是不是最新那份" ——
        排查问题时，分不清是代码问题还是旧包，会白猜一轮。 */
-    var BUILD = 'cw-44'
+    var BUILD = 'cw-63'
 
     function log() {
       try {