refactor(voice): 语音配置改用新版 API Key 鉴权(弃旧版 appid+token)

用户提醒:火山新版走 API Key 鉴权,不用旧版 appid+access_token。新版 WS 握手只带两个
header——Authorization(Bearer <APIKey>) + X-Api-Resource-Id。

配置从 {appid, access_token, 2×resource-id, voice} 收敛为 {api_key, 2×resource-id,
voice}:APIKey 走 secrets AES 加密入库;ASREnabled/TTSEnabled 改为只看 api_key+对应
resource-id。admin 配置页两个字段并一个 API Key 字段,清单同步改为新版口径。build+tsc 绿。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

sundynix-admin/src/pages/VoiceConfigPage.tsx

@@ -4,8 +4,7 @@ import { getVoiceConfig, saveVoiceConfig } from "../api";
 // 运维 · 语音设置：火山引擎豆包语音（流式 ASR 耳朵 + 双向流式 TTS 嘴）。
 // AccessToken 明文回显（单管理员后台，方便核对；密文仍加密入库）。设计见 VOICE_DESIGN.md。
 export function VoiceConfigPage() {
-  const [appid, setAppid] = useState("");
-  const [token, setToken] = useState("");
+  const [apiKey, setApiKey] = useState("");
   const [asrRes, setAsrRes] = useState("");
   const [ttsRes, setTtsRes] = useState("");
   const [voice, setVoice] = useState("");
@@ -18,8 +17,7 @@ export function VoiceConfigPage() {
   useEffect(() => {
     getVoiceConfig()
       .then((c) => {
-        setAppid(c.appid);
-        setToken(c.access_token);
+        setApiKey(c.api_key);
         setAsrRes(c.asr_resource_id);
         setTtsRes(c.tts_resource_id);
         setVoice(c.tts_voice_type);
@@ -36,8 +34,7 @@ export function VoiceConfigPage() {
     setOk(false);
     try {
       const r = await saveVoiceConfig({
-        appid: appid.trim(),
-        access_token: token,
+        api_key: apiKey,
         asr_resource_id: asrRes.trim(),
         tts_resource_id: ttsRes.trim(),
         tts_voice_type: voice.trim(),
@@ -75,13 +72,9 @@ export function VoiceConfigPage() {
         </div>
 
         <div className="grid grid-cols-1 gap-3 md:grid-cols-2">
-          <label className="text-xs text-gray-500">
-            AppID(X-Api-App-Key)
-            <input value={appid} onChange={(e) => setAppid(e.target.value)} placeholder="火山应用 AppID" className={field} />
-          </label>
-          <label className="text-xs text-gray-500">
-            Access Token(X-Api-Access-Key)
-            <input value={token} onChange={(e) => setToken(e.target.value)} placeholder="火山 Access Token" className={field} />
+          <label className="text-xs text-gray-500 md:col-span-2">
+            API Key(新版鉴权，Authorization: Bearer &lt;APIKey&gt;)
+            <input value={apiKey} onChange={(e) => setApiKey(e.target.value)} placeholder="火山控制台生成的 API Key" className={field} />
           </label>
           <label className="text-xs text-gray-500">
             ASR Resource-Id
@@ -108,9 +101,9 @@ export function VoiceConfigPage() {
       </div>
 
       <div className="rounded-xl border border-amber-100 bg-amber-50/40 p-5 text-xs leading-relaxed text-gray-600">
-        <h4 className="mb-2 text-sm font-semibold text-gray-700">去哪拿这些参数</h4>
+        <h4 className="mb-2 text-sm font-semibold text-gray-700">去哪拿这些参数（新版 API Key 鉴权）</h4>
         <ol className="list-decimal space-y-1.5 pl-4">
-          <li>火山「豆包语音控制台」→ 你的应用详情页，拿 <b>AppID</b> 与 <b>Access Token</b>（ASR/TTS 通常同一应用共用）</li>
+          <li>火山控制台生成 <b>API Key</b>（新版鉴权，一个 Key 走 Authorization 头，不再用旧版 appid+token）</li>
           <li><b>ASR Resource-Id</b>：在「流式语音识别 2.0」文档的鉴权小节（X-Api-Resource-Id 那一栏）</li>
           <li><b>TTS Resource-Id</b>：在「双向流式语音合成」文档的鉴权小节</li>
           <li><b>音色</b>：控制台「音色管理」里挑一个（JARVIS 建议沉稳男声），填其 voice_type</li>