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/api.ts

@@ -267,10 +267,9 @@ export async function saveWechatMP(body: { appid: string; app_secret: string; to
   return { enabled: !!d.enabled };
 }
 
-// —— 语音（火山豆包）配置 ——
+// —— 语音（火山豆包）配置 · 新版 API Key 鉴权 ——
 export interface VoiceConfig {
-  appid: string;
-  access_token: string; // 明文回显（单管理员后台）
+  api_key: string; // 明文回显（单管理员后台）
   asr_resource_id: string;
   tts_resource_id: string;
   tts_voice_type: string;
@@ -283,15 +282,15 @@ export async function getVoiceConfig(): Promise<VoiceConfig> {
   const d = (await res.json().catch(() => ({}))) as Partial<VoiceConfig> & { error?: string };
   if (!res.ok) throw new Error(d.error ?? `voice config failed: ${res.status}`);
   return {
-    appid: d.appid ?? "", access_token: d.access_token ?? "", asr_resource_id: d.asr_resource_id ?? "",
+    api_key: d.api_key ?? "", asr_resource_id: d.asr_resource_id ?? "",
     tts_resource_id: d.tts_resource_id ?? "", tts_voice_type: d.tts_voice_type ?? "",
     asr_enabled: !!d.asr_enabled, tts_enabled: !!d.tts_enabled,
   };
 }
 
-// access_token 传空串 = 沿用已保存的。
+// api_key 传空串 = 沿用已保存的。
 export async function saveVoiceConfig(body: {
-  appid: string; access_token: string; asr_resource_id: string; tts_resource_id: string; tts_voice_type: string;
+  api_key: string; asr_resource_id: string; tts_resource_id: string; tts_voice_type: string;
 }): Promise<{ asr_enabled: boolean; tts_enabled: boolean }> {
   const res = guard(await fetch(`${ADMIN}/voice`, { method: "PUT", headers: authHeaders(true), body: JSON.stringify(body) }));
   const d = (await res.json().catch(() => ({}))) as { asr_enabled?: boolean; tts_enabled?: boolean; error?: string };

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>