@16x/webphone-sdk 3.1.18 → 3.1.19

package/dist/ui/index.js

@@ -1,5 +1,6 @@
+import { a as e } from "../i18n-D-DdHtGz.js";
 //#region src/ui/i18n/en-US.ts
-var e = {
+var t = {
 	call: "Call",
 	numberLabel: "Number",
 	statusReady: "Ready",
@@ -51,7 +52,111 @@ var e = {
 	rowAgent: "Agent",
 	extensionLabel: "Extension",
 	extensionPlaceholder: "Optional, assigned by the server"
-}, t = {
+}, n = {
+	call: "Llamar",
+	numberLabel: "Número",
+	statusReady: "Listo",
+	statusSetup: "Sin inicializar",
+	statusConnecting: "Conectando",
+	statusIncoming: "Llamada entrante",
+	statusActive: "En llamada",
+	statusHeld: "En espera",
+	statusDialing: "Marcando",
+	statusEnded: "Llamada finalizada",
+	statusFailed: "Llamada fallida",
+	statusUnsupported: "Navegador no compatible",
+	statusPermission: "Micrófono no disponible",
+	statusError: "No se puede continuar",
+	incoming: "Llamada entrante",
+	answer: "Responder",
+	reject: "Rechazar",
+	hangup: "Colgar",
+	mute: "Silenciar",
+	unmute: "Activar sonido",
+	hold: "Retener",
+	resume: "Reanudar",
+	transfer: "Transferir",
+	blindTransfer: "Transferencia directa",
+	more: "Más",
+	devices: "Dispositivos",
+	enablePhone: "Activar teléfono",
+	retryPermission: "Comprobar de nuevo",
+	permissionTitle: "Micrófono no disponible",
+	permissionBody: "Permita el acceso al micrófono en la configuración del navegador y compruebe de nuevo.",
+	errorTitle: "No se puede continuar",
+	errorBody: "Compruebe la red, la autorización del dominio o el permiso del agente y vuelva a intentarlo.",
+	errorTokenUnavailable: "No se pudo obtener la credencial de acceso. Compruebe que el servicio de token esté activo y configurado.",
+	currentCall: "Llamada actual",
+	inbound: "Entrante",
+	outbound: "Saliente",
+	foregroundChecking: "De vuelta en primer plano, comprobando la conexión",
+	foregroundFailed: "Error al recuperar. Vuelva a intentarlo.",
+	signIn: "Iniciar sesión",
+	signOut: "Cerrar sesión",
+	outboundCall: "Saliente",
+	internalCall: "Interna",
+	agentIdle: "Disponible",
+	agentBusy: "Ocupado",
+	agentBreak: "Descanso",
+	agentBusyHint: "El estado ocupado lo controla la llamada o el servidor",
+	rowSignIn: "Presencia",
+	rowCall: "Llamada",
+	rowAgent: "Agente",
+	extensionLabel: "Extensión",
+	extensionPlaceholder: "Opcional, asignada por el servidor"
+}, r = {
+	call: "Panggil",
+	numberLabel: "Nomor",
+	statusReady: "Siap menelepon",
+	statusSetup: "Belum diinisialisasi",
+	statusConnecting: "Menghubungkan",
+	statusIncoming: "Panggilan masuk",
+	statusActive: "Sedang menelepon",
+	statusHeld: "Ditahan",
+	statusDialing: "Sedang memanggil",
+	statusEnded: "Panggilan berakhir",
+	statusFailed: "Panggilan gagal",
+	statusUnsupported: "Browser tidak didukung",
+	statusPermission: "Mikrofon tidak tersedia",
+	statusError: "Tidak dapat melanjutkan panggilan",
+	incoming: "Panggilan masuk",
+	answer: "Jawab",
+	reject: "Tolak",
+	hangup: "Tutup",
+	mute: "Bisukan",
+	unmute: "Aktifkan suara",
+	hold: "Tahan",
+	resume: "Lanjutkan",
+	transfer: "Alihkan",
+	blindTransfer: "Alihkan langsung",
+	more: "Lainnya",
+	devices: "Perangkat",
+	enablePhone: "Aktifkan telepon",
+	retryPermission: "Periksa ulang",
+	permissionTitle: "Mikrofon tidak tersedia",
+	permissionBody: "Izinkan akses mikrofon untuk situs ini di pengaturan browser, lalu periksa ulang.",
+	errorTitle: "Tidak dapat melanjutkan panggilan",
+	errorBody: "Periksa jaringan, izin domain, atau izin agen, lalu coba lagi.",
+	errorTokenUnavailable: "Tidak dapat mendapatkan kredensial masuk. Periksa apakah layanan token berjalan dan konfigurasinya benar.",
+	currentCall: "Panggilan saat ini",
+	inbound: "Masuk",
+	outbound: "Keluar",
+	foregroundChecking: "Kembali ke depan, memeriksa koneksi",
+	foregroundFailed: "Pemulihan gagal, coba lagi",
+	signIn: "Masuk",
+	signOut: "Keluar",
+	outboundCall: "Panggilan keluar",
+	internalCall: "Panggilan internal",
+	agentIdle: "Tersedia",
+	agentBusy: "Sibuk",
+	agentBreak: "Istirahat",
+	agentBusyHint: "Status sibuk dikendalikan oleh panggilan atau server",
+	rowSignIn: "Kehadiran",
+	rowCall: "Panggilan",
+	rowAgent: "Agen",
+	extensionLabel: "Ekstensi",
+	extensionPlaceholder: "Opsional, ditentukan server"
+}, i = {
 	call: "呼叫",
 	numberLabel: "号码",
 	statusReady: "可拨号",
@@ -103,25 +208,28 @@ var e = {
 	rowAgent: "坐席",
 	extensionLabel: "分机",
 	extensionPlaceholder: "可空，由服务端分配"
+}, a = {
+	"zh-CN": i,
+	"en-US": t,
+	"id-ID": r,
+	"es-ES": n
 };
-//#endregion
-//#region src/ui/i18n/index.ts
-function n(n) {
-	return n.toLowerCase().startsWith("en") ? e : t;
+function o(t) {
+	return a[e(t)];
 }
-function r(e, t, r) {
+function s(e, t, n) {
 	return {
-		...n(e),
-		...r === void 0 ? {} : r(e),
+		...o(e),
+		...n === void 0 ? {} : n(e),
 		...t ?? {}
 	};
 }
 //#endregion
 //#region src/ui/controllers/mobileLifecycle.ts
-async function i(e) {
+async function c(e) {
 	await e.media.requestPermission(), await e.initialize(), await e.connect();
 }
-function a(e, t = {}) {
+function l(e, t = {}) {
 	let n = t.document ?? (typeof document > "u" ? void 0 : document);
 	if (n === void 0) return () => void 0;
 	let r = () => {
@@ -135,30 +243,30 @@ function a(e, t = {}) {
 }
 //#endregion
 //#region src/ui/controllers/phoneActions.ts
-function o(e) {
+function u(e) {
 	return e.replace(/\s+/g, "");
 }
-function s(e, t, n) {
-	return o(e).length > 0 && n === "connected" && t !== "denied";
+function d(e, t, n) {
+	return u(e).length > 0 && n === "connected" && t !== "denied";
 }
-async function c(e, t, n) {
-	let r = o(t);
+async function f(e, t, n) {
+	let r = u(t);
 	r !== "" && await e.dial({
 		destination: r,
 		...n === void 0 ? {} : { type: n }
 	});
 }
-async function l(e, t) {
+async function p(e, t) {
 	return t ? await e.unmute() : await e.mute(), !t;
 }
-async function u(e) {
+async function m(e) {
 	e.state === "held" ? await e.resume() : await e.hold();
 }
-async function d(e, t) {
+async function h(e, t) {
 	await e.sendDtmf(t);
 }
-async function f(e, t) {
-	let n = o(t);
+async function g(e, t) {
+	let n = u(t);
 	n !== "" && await e.transfer({
 		target: n,
 		type: "blind"
@@ -166,12 +274,12 @@ async function f(e, t) {
 }
 //#endregion
 //#region src/ui/views/dom.ts
-function p(e, t = {}) {
+function _(e, t = {}) {
 	let n = document.createElement(e);
 	return t.className !== void 0 && (n.className = t.className), t.text !== void 0 && (n.textContent = t.text), Object.entries(t.attrs ?? {}).forEach(([e, t]) => n.setAttribute(e, t)), t.children?.forEach((e) => n.append(e)), n;
 }
-function m(e) {
-	return p("div", {
+function v(e) {
+	return _("div", {
 		attrs: {
 			part: "status-rail",
 			role: "status",
@@ -180,8 +288,8 @@ function m(e) {
 		text: e
 	});
 }
-function h(e, t, n = "destination") {
-	let r = p("input", { attrs: {
+function y(e, t, n = "destination") {
+	let r = _("input", { attrs: {
 		id: e,
 		type: "tel",
 		inputmode: "tel",
@@ -189,7 +297,7 @@ function h(e, t, n = "destination") {
 		autocomplete: "tel"
 	} });
 	return {
-		field: p("div", { children: [p("label", {
+		field: _("div", { children: [_("label", {
 			attrs: { for: e },
 			text: t
 		}), r] }),
@@ -198,7 +306,7 @@ function h(e, t, n = "destination") {
 }
 //#endregion
 //#region src/ui/views/renderDesktop.ts
-var g = [
+var b = [
 	"1",
 	"2",
 	"3",
@@ -212,13 +320,13 @@ var g = [
 	"0",
 	"#"
 ];
-function _(e) {
-	return e.mode === "compact" ? v(e) : y(e);
+function x(e) {
+	return e.mode === "compact" ? S(e) : C(e);
 }
-function v(e) {
-	let { field: t, input: n } = h("ccbar-destination", e.messages.numberLabel ?? "号码");
+function S(e) {
+	let { field: t, input: n } = y("ccbar-destination", e.messages.numberLabel ?? "号码");
 	n.value = e.destination;
-	let r = e.view.kind === "ready" || e.view.kind === "setup" || e.view.kind === "ended" ? p("button", {
+	let r = e.view.kind === "ready" || e.view.kind === "setup" || e.view.kind === "ended" ? _("button", {
 		attrs: {
 			type: "button",
 			"data-action": "dial",
@@ -226,20 +334,20 @@ function v(e) {
 			...e.canDial ? {} : { disabled: "" }
 		},
 		text: e.messages.call ?? "呼叫"
-	}) : p("button", {
+	}) : _("button", {
 		attrs: {
 			type: "button",
 			"data-action": "hangup",
 			part: "hangup-button"
 		},
 		text: e.messages.hangup ?? "挂断"
-	}), i = [S(e.messages.status ?? "", e.floating), p("div", {
+	}), i = [E(e.messages.status ?? "", e.floating), _("div", {
 		className: "ccbar-toolbar",
 		children: [
 			t,
-			e.view.kind === "active" || e.view.kind === "held" ? E(e) : p("span"),
+			e.view.kind === "active" || e.view.kind === "held" ? A(e) : _("span"),
 			r,
-			p("button", {
+			_("button", {
 				attrs: {
 					type: "button",
 					"data-action": "more"
@@ -248,16 +356,16 @@ function v(e) {
 			})
 		]
 	})];
-	return e.moreOpen && i.push(p("div", {
+	return e.moreOpen && i.push(_("div", {
 		className: "ccbar-more",
-		children: [D(e.view, e.messages), p("button", {
+		children: [j(e.view, e.messages), _("button", {
 			attrs: {
 				type: "button",
 				"data-action": "devices"
 			},
 			text: e.messages.devices ?? "设备"
 		})]
-	})), p("div", {
+	})), _("div", {
 		attrs: {
 			part: "panel",
 			"data-layout": "compact"
@@ -265,56 +373,56 @@ function v(e) {
 		children: i
 	});
 }
-function y(e) {
-	let { input: t } = h("ccbar-destination", e.messages.numberLabel ?? "号码"), { field: n } = h("ccbar-transfer-target", e.messages.transfer ?? "转接号码", "transfer-target");
+function C(e) {
+	let { input: t } = y("ccbar-destination", e.messages.numberLabel ?? "号码"), { field: n } = y("ccbar-transfer-target", e.messages.transfer ?? "转接号码", "transfer-target");
 	t.value = e.destination, t.placeholder = e.messages.numberLabel ?? "号码", t.setAttribute("aria-label", e.messages.numberLabel ?? "号码");
 	let r = e.view.kind === "active" || e.view.kind === "held" || e.view.kind === "dialing", i = e.view.kind === "held", a = e.view.kind === "connecting", o = [
-		S(e.messages.status ?? "", e.floating, e.extension, e.messages.extensionLabel ?? "分机"),
-		b(e.messages.rowSignIn ?? "签入", [
-			C(e),
-			x("signin", e.messages.signIn ?? "签入", {
+		E(e.messages.status ?? "", e.floating, e.extension, e.messages.extensionLabel ?? "分机"),
+		w(e.messages.rowSignIn ?? "签入", [
+			D(e),
+			T("signin", e.messages.signIn ?? "签入", {
 				variant: "primary",
 				disabled: e.connected || a
 			}),
-			x("signout", e.messages.signOut ?? "退签", { disabled: !e.connected })
+			T("signout", e.messages.signOut ?? "退签", { disabled: !e.connected })
 		]),
-		b(e.messages.numberLabel ?? "号码", [t], { labelFor: t.id }),
-		b(e.messages.rowCall ?? "通话", [
-			x("dial", e.messages.outboundCall ?? "外呼", {
+		w(e.messages.numberLabel ?? "号码", [t], { labelFor: t.id }),
+		w(e.messages.rowCall ?? "通话", [
+			T("dial", e.messages.outboundCall ?? "外呼", {
 				variant: "primary",
 				disabled: !e.canDial
 			}),
-			x("dial-internal", e.messages.internalCall ?? "内呼", { disabled: !e.canDial }),
-			x("hangup", e.messages.hangup ?? "挂断", {
+			T("dial-internal", e.messages.internalCall ?? "内呼", { disabled: !e.canDial }),
+			T("hangup", e.messages.hangup ?? "挂断", {
 				variant: "danger",
 				disabled: !r
 			}),
-			x("transfer", e.messages.transfer ?? "转接", { disabled: !r }),
-			x("hold", e.messages.hold ?? "保持", {
+			T("transfer", e.messages.transfer ?? "转接", { disabled: !r }),
+			T("hold", e.messages.hold ?? "保持", {
 				pressed: i,
 				disabled: !r || i
 			}),
-			x("resume", e.messages.resume ?? "恢复", { disabled: !i }),
-			E(e)
+			T("resume", e.messages.resume ?? "恢复", { disabled: !i }),
+			A(e)
 		]),
-		...r ? [b(e.messages.transfer ?? "转接号码", [n], { labelFor: "ccbar-transfer-target" })] : [],
-		b(e.messages.rowAgent ?? "坐席", [
-			x("agent-available", e.messages.agentIdle ?? "空闲", {
+		...r ? [w(e.messages.transfer ?? "转接号码", [n], { labelFor: "ccbar-transfer-target" })] : [],
+		w(e.messages.rowAgent ?? "坐席", [
+			T("agent-available", e.messages.agentIdle ?? "空闲", {
 				pressed: e.agentStatus === "available",
 				disabled: !e.connected
 			}),
-			x("agent-busy", e.messages.agentBusy ?? "置忙", {
+			T("agent-busy", e.messages.agentBusy ?? "置忙", {
 				disabled: !0,
 				title: e.messages.agentBusyHint ?? "置忙由通话或服务端状态控制"
 			}),
-			x("agent-break", e.messages.agentBreak ?? "休息", {
+			T("agent-break", e.messages.agentBreak ?? "休息", {
 				pressed: e.agentStatus === "break",
 				disabled: !e.connected
 			})
 		]),
-		T()
+		k()
 	];
-	return e.calls.length > 1 && o.push(O(e.calls, e.messages)), p("div", {
+	return e.calls.length > 1 && o.push(M(e.calls, e.messages)), _("div", {
 		attrs: {
 			part: "panel",
 			"data-layout": "panel"
@@ -322,22 +430,22 @@ function y(e) {
 		children: o
 	});
 }
-function b(e, t, n = {}) {
-	return p("div", {
+function w(e, t, n = {}) {
+	return _("div", {
 		className: "ccbar-bar-row",
-		children: [p(n.labelFor === void 0 ? "div" : "label", {
+		children: [_(n.labelFor === void 0 ? "div" : "label", {
 			className: "ccbar-bar-label",
 			attrs: n.labelFor === void 0 ? {} : { for: n.labelFor },
 			text: e
-		}), p("div", {
+		}), _("div", {
 			className: "ccbar-bar-keys",
 			children: t
 		})]
 	});
 }
-function x(e, t, n = {}) {
+function T(e, t, n = {}) {
 	let r = e === "dial" ? "call-button" : e === "hangup" ? "hangup-button" : void 0;
-	return p("button", {
+	return _("button", {
 		attrs: {
 			type: "button",
 			"data-action": e,
@@ -350,15 +458,15 @@ function x(e, t, n = {}) {
 		text: t
 	});
 }
-function S(e, t, n = "", r = "分机") {
-	let i = w(e);
-	return t && i.setAttribute("data-drag-handle", ""), n !== "" && i.append(p("span", {
+function E(e, t, n = "", r = "分机") {
+	let i = O(e);
+	return t && i.setAttribute("data-drag-handle", ""), n !== "" && i.append(_("span", {
 		className: "ccbar-ext-chip",
 		text: `${r} ${n}`
 	})), i;
 }
-function C(e) {
-	let t = p("input", { attrs: {
+function D(e) {
+	let t = _("input", { attrs: {
 		id: "ccbar-extension",
 		type: "tel",
 		inputmode: "numeric",
@@ -369,13 +477,13 @@ function C(e) {
 	} });
 	return t.value = e.extension, e.connected && (t.readOnly = !0), t;
 }
-function w(e) {
-	return m(e);
+function O(e) {
+	return v(e);
 }
-function T() {
-	return p("div", {
+function k() {
+	return _("div", {
 		className: "ccbar-dialpad",
-		children: g.map((e) => p("button", {
+		children: b.map((e) => _("button", {
 			attrs: {
 				type: "button",
 				"data-digit": e
@@ -384,8 +492,8 @@ function T() {
 		}))
 	});
 }
-function E(e) {
-	return p("button", {
+function A(e) {
+	return _("button", {
 		attrs: {
 			type: "button",
 			"data-action": "mute",
@@ -394,9 +502,9 @@ function E(e) {
 		text: e.muted ? e.messages.unmute ?? "取消静音" : e.messages.mute ?? "静音"
 	});
 }
-function D(e, t) {
+function j(e, t) {
 	let n = e.kind === "held";
-	return p("button", {
+	return _("button", {
 		attrs: {
 			type: "button",
 			"data-action": "hold",
@@ -405,35 +513,35 @@ function D(e, t) {
 		text: n ? t.resume ?? "恢复" : t.hold ?? "保持"
 	});
 }
-function O(e, t) {
-	return p("ul", {
+function M(e, t) {
+	return _("ul", {
 		className: "ccbar-call-list",
-		children: e.map((e) => p("li", { children: [p("button", {
+		children: e.map((e) => _("li", { children: [_("button", {
 			attrs: {
 				type: "button",
 				"data-call-id": e.id
 			},
-			children: [p("span", { text: `${e.destination} ${e.direction === "inbound" ? t.inbound ?? "呼入" : t.outbound ?? "呼出"} ${k(e.state, t)}` }), ...e.current ? [p("span", {
+			children: [_("span", { text: `${e.destination} ${e.direction === "inbound" ? t.inbound ?? "呼入" : t.outbound ?? "呼出"} ${N(e.state, t)}` }), ...e.current ? [_("span", {
 				className: "ccbar-call-current",
 				text: t.currentCall ?? "当前通话"
 			})] : []]
 		})] }))
 	});
 }
-function k(e, t) {
+function N(e, t) {
 	return e === "held" ? t.statusHeld ?? "保持中" : e === "active" ? t.statusActive ?? "通话中" : e === "dialing" || e === "ringing" || e === "connecting" ? t.statusDialing ?? "拨号中" : e;
 }
 //#endregion
 //#region src/ui/views/renderError.ts
-function A(e) {
+function P(e) {
 	switch (e.view.kind) {
-		case "permission-error": return p("div", {
+		case "permission-error": return _("div", {
 			attrs: { part: "panel" },
 			children: [
-				m(e.messages.permissionTitle ?? "无法使用麦克风"),
-				p("h2", { text: e.messages.permissionTitle ?? "无法使用麦克风" }),
-				p("p", { text: e.messages.permissionBody ?? "请在浏览器设置中允许本网站访问麦克风，然后重新检测。" }),
-				p("button", {
+				v(e.messages.permissionTitle ?? "无法使用麦克风"),
+				_("h2", { text: e.messages.permissionTitle ?? "无法使用麦克风" }),
+				_("p", { text: e.messages.permissionBody ?? "请在浏览器设置中允许本网站访问麦克风，然后重新检测。" }),
+				_("button", {
 					attrs: {
 						type: "button",
 						"data-action": "retry-permission"
@@ -443,18 +551,18 @@ function A(e) {
 			]
 		});
 		case "unrecoverable-error":
-		case "unsupported": return p("div", {
+		case "unsupported": return _("div", {
 			attrs: { part: "panel" },
 			children: [
-				p("div", {
+				_("div", {
 					attrs: {
 						role: "alert",
 						part: "status-rail"
 					},
 					text: e.messages.errorTitle ?? "无法继续通话"
 				}),
-				p("p", { text: e.view.kind === "unrecoverable-error" && e.view.code === "AUTH_TOKEN_UNAVAILABLE" ? e.messages.errorTokenUnavailable ?? "无法获取登录凭证，请检查 token 服务是否启动及配置是否正确。" : e.messages.errorBody ?? "请检查网络、域名授权或坐席权限后重试。" }),
-				...e.view.kind === "unrecoverable-error" ? [p("code", {
+				_("p", { text: e.view.kind === "unrecoverable-error" && e.view.code === "AUTH_TOKEN_UNAVAILABLE" ? e.messages.errorTokenUnavailable ?? "无法获取登录凭证，请检查 token 服务是否启动及配置是否正确。" : e.messages.errorBody ?? "请检查网络、域名授权或坐席权限后重试。" }),
+				...e.view.kind === "unrecoverable-error" ? [_("code", {
 					attrs: { "data-error-code": e.view.code },
 					text: e.view.code
 				})] : []
@@ -467,29 +575,29 @@ function A(e) {
 		case "held":
 		case "dialing":
 		case "ended":
-		case "ready": return p("div", {
+		case "ready": return _("div", {
 			attrs: { part: "panel" },
-			children: [m(e.messages.status ?? "")]
+			children: [v(e.messages.status ?? "")]
 		});
 		default: return e.view;
 	}
 }
 //#endregion
 //#region src/ui/views/renderIncoming.ts
-function j(e) {
-	return p("div", {
+function F(e) {
+	return _("div", {
 		attrs: { part: "panel" },
 		children: [
-			m(e.messages.status ?? "来电"),
-			p("p", { text: e.view.from }),
-			p("button", {
+			v(e.messages.status ?? "来电"),
+			_("p", { text: e.view.from }),
+			_("button", {
 				attrs: {
 					type: "button",
 					"data-action": "answer"
 				},
 				text: e.messages.answer ?? "接听"
 			}),
-			p("button", {
+			_("button", {
 				attrs: {
 					type: "button",
 					"data-action": "reject"
@@ -501,7 +609,7 @@ function j(e) {
 }
 //#endregion
 //#region src/ui/views/renderMobile.ts
-var M = [
+var I = [
 	"1",
 	"2",
 	"3",
@@ -515,13 +623,13 @@ var M = [
 	"0",
 	"#"
 ];
-function N(e) {
-	return F(p("div", {
+function L(e) {
+	return z(_("div", {
 		attrs: {
 			part: "panel",
 			"data-layout": "mobile"
 		},
-		children: [m(e.status), p("button", {
+		children: [v(e.status), _("button", {
 			attrs: {
 				type: "button",
 				"data-action": "enable-phone",
@@ -531,18 +639,18 @@ function N(e) {
 		})]
 	}));
 }
-function P(e) {
-	let t = e.view.kind === "active" || e.view.kind === "dialing", n = [m(e.messages.status ?? "")];
+function R(e) {
+	let t = e.view.kind === "active" || e.view.kind === "dialing", n = [v(e.messages.status ?? "")];
 	if (t) {
 		let t = e.view.kind === "active" || e.view.kind === "dialing" ? e.view.destination ?? "" : "";
-		n.push(p("p", { text: t }), I(p("button", {
+		n.push(_("p", { text: t }), B(_("button", {
 			attrs: {
 				type: "button",
 				"data-action": "mute",
 				"aria-pressed": e.muted ? "true" : "false"
 			},
 			text: e.muted ? e.messages.unmute ?? "取消静音" : e.messages.mute ?? "静音"
-		}), 44), L(), I(p("button", {
+		}), 44), V(), B(_("button", {
 			attrs: {
 				type: "button",
 				"data-action": "hangup",
@@ -551,8 +659,8 @@ function P(e) {
 			text: e.messages.hangup ?? "挂断"
 		}), 52));
 	} else {
-		let { field: t, input: r } = h("ccbar-destination", e.messages.numberLabel ?? "号码");
-		r.value = e.destination, n.push(t, L(), p("button", {
+		let { field: t, input: r } = y("ccbar-destination", e.messages.numberLabel ?? "号码");
+		r.value = e.destination, n.push(t, V(), _("button", {
 			attrs: {
 				type: "button",
 				"data-action": "dial",
@@ -562,13 +670,13 @@ function P(e) {
 			text: e.messages.call ?? "呼叫"
 		}));
 	}
-	return e.showOutputDevice && n.push(p("button", {
+	return e.showOutputDevice && n.push(_("button", {
 		attrs: {
 			type: "button",
 			"data-action": "devices"
 		},
 		text: e.messages.devices ?? "设备"
-	})), F(p("div", {
+	})), z(_("div", {
 		attrs: {
 			part: "panel",
 			"data-layout": "mobile"
@@ -576,16 +684,16 @@ function P(e) {
 		children: n
 	}));
 }
-function F(e) {
+function z(e) {
 	return e.style.minHeight = "100dvh", e.style.paddingBottom = "max(16px, env(safe-area-inset-bottom))", e;
 }
-function I(e, t) {
+function B(e, t) {
 	return e.style.minHeight = `${t}px`, e;
 }
-function L() {
-	return p("div", {
+function V() {
+	return _("div", {
 		className: "ccbar-dialpad",
-		children: M.map((e) => p("button", {
+		children: I.map((e) => _("button", {
 			attrs: {
 				type: "button",
 				"data-digit": e
@@ -596,14 +704,14 @@ function L() {
 }
 //#endregion
 //#region src/ui/state/toPhoneViewModel.ts
-var R = {
+var H = {
 	kind: "permission-error",
 	code: "MEDIA_PERMISSION_DENIED",
 	action: "retry-permission"
 };
-function z(e) {
+function U(e) {
 	if (e.supported === !1) return { kind: "unsupported" };
-	if (e.permission === "denied" || e.error?.code === "MEDIA_PERMISSION_DENIED") return R;
+	if (e.permission === "denied" || e.error?.code === "MEDIA_PERMISSION_DENIED") return H;
 	if (e.error !== void 0 && e.error.code !== "MEDIA_PLAYBACK_BLOCKED") return {
 		kind: "unrecoverable-error",
 		code: e.error.code
@@ -640,7 +748,7 @@ function z(e) {
 }
 //#endregion
 //#region src/ui/styles/index.css?inline
-var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f5f9;--ccbar-color-border:#d8e0ea;--ccbar-color-title:#0f172a;--ccbar-color-text:#334155;--ccbar-color-muted:#475569;--ccbar-color-primary:#2563eb;--ccbar-color-primary-hover:#1d4ed8;--ccbar-color-success:#15803d;--ccbar-color-warning:#a15c00;--ccbar-color-danger:#b91c1c;--ccbar-radius-sm:6px;--ccbar-radius:8px;--ccbar-radius-lg:12px;--ccbar-control-height:40px;--ccbar-control-height-touch:44px;--ccbar-space-1:4px;--ccbar-space-2:8px;--ccbar-space-3:12px;--ccbar-space-4:16px;--ccbar-space-6:24px;--ccbar-font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;--ccbar-panel-width:560px}:host{color:var(--ccbar-color-text);font-family:var(--ccbar-font-family);display:block}:host([floating]){z-index:2147483646;right:var(--ccbar-space-6);bottom:var(--ccbar-space-6);position:fixed}[part=panel]{background:var(--ccbar-color-surface);border:1px solid var(--ccbar-color-border);border-radius:var(--ccbar-radius-lg)}[part=status-rail]{align-items:center;gap:var(--ccbar-space-2);min-height:var(--ccbar-control-height);padding:var(--ccbar-space-2) var(--ccbar-space-3);border-bottom:1px solid var(--ccbar-color-border);color:var(--ccbar-color-muted);font-variant-numeric:tabular-nums;display:flex}[part=status-rail]:before{content:\"\";background:var(--ccbar-color-muted);border-radius:50%;flex:none;width:8px;height:8px}button{min-height:var(--ccbar-control-height);border:1px solid var(--ccbar-color-border);border-radius:var(--ccbar-radius-sm);background:var(--ccbar-color-surface);color:var(--ccbar-color-title);font:inherit}button[data-action=dial],button[data-action=signin],button[data-action=answer],button[data-variant=primary]{background:var(--ccbar-color-primary);border-color:var(--ccbar-color-primary);color:#fff}button[aria-pressed=true]{border-color:var(--ccbar-color-primary);color:var(--ccbar-color-primary);background:var(--ccbar-color-surface-muted)}button[data-action=hangup],button[data-action=reject]{background:var(--ccbar-color-danger);border-color:var(--ccbar-color-danger);color:#fff;margin-top:var(--ccbar-space-4)}button:disabled{opacity:.5}button:focus-visible,input:focus-visible{outline:2px solid var(--ccbar-color-primary);outline-offset:2px}input[type=tel]{width:100%;min-height:var(--ccbar-control-height);border:1px solid var(--ccbar-color-border);border-radius:var(--ccbar-radius-sm);font-variant-numeric:tabular-nums}.ccbar-call-list{gap:var(--ccbar-space-2);margin:var(--ccbar-space-3) 0 0;padding:0;list-style:none;display:grid}.ccbar-call-list button{text-align:left;width:100%}.ccbar-call-current{color:var(--ccbar-color-title);display:block}[data-layout=compact]{min-height:80px;max-height:96px}[data-layout=compact] .ccbar-toolbar{gap:var(--ccbar-space-2);padding:var(--ccbar-space-2) var(--ccbar-space-3);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;display:grid}[data-layout=compact] .ccbar-more{right:var(--ccbar-space-3);gap:var(--ccbar-space-2);display:grid;position:absolute}[data-layout=panel]{width:min(var(--ccbar-panel-width), 100%);min-width:420px;max-width:560px;padding:var(--ccbar-space-3)}[data-layout=panel] .ccbar-bar-row{gap:var(--ccbar-space-2) var(--ccbar-space-3);grid-template-columns:48px minmax(0,1fr);align-items:center;min-height:36px;display:grid}[data-layout=panel] .ccbar-bar-row+.ccbar-bar-row{margin-top:var(--ccbar-space-2)}[data-layout=panel] .ccbar-bar-label{color:var(--ccbar-color-muted);font-size:12px}[data-layout=panel] .ccbar-bar-keys{align-items:center;gap:var(--ccbar-space-2);flex-wrap:wrap;display:flex}[data-layout=panel] .ccbar-bar-keys button{min-width:48px;min-height:32px;padding:0 10px;font-size:13px}[data-layout=panel] .ccbar-bar-keys input[type=tel]{max-width:320px}[data-layout=panel] .ccbar-bar-keys input[name=extension]{width:148px;max-width:148px}[data-layout=panel] .ccbar-ext-chip{background:var(--ccbar-color-surface-muted);height:28px;color:var(--ccbar-color-title);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;margin-left:auto;padding:0 10px;font-size:12px;display:inline-flex}[data-layout=panel] [data-action=hangup]{margin-top:0}[data-layout=panel] .ccbar-dialpad{gap:var(--ccbar-space-2);margin:var(--ccbar-space-3) 0 0;grid-template-columns:repeat(3,1fr);display:grid}[data-layout=panel] .ccbar-safe-actions{gap:var(--ccbar-space-2);flex-wrap:wrap;display:flex}[data-layout=mobile]{min-height:100vh;padding:var(--ccbar-space-4);padding-bottom:max(16px, env(safe-area-inset-bottom))}[data-layout=mobile] button{min-width:44px;min-height:44px}[data-layout=mobile] [data-action=enable-phone],[data-layout=mobile] [data-action=dial],[data-layout=mobile] [data-action=hangup]{min-height:52px}[data-layout=mobile] .ccbar-dialpad{gap:var(--ccbar-space-2);margin:var(--ccbar-space-3) 0;grid-template-columns:repeat(3,1fr);display:grid}:host([data-theme=dark]){--ccbar-color-surface:#0f172a;--ccbar-color-surface-muted:#1e293b;--ccbar-color-border:#334155;--ccbar-color-title:#f8fafc;--ccbar-color-text:#e2e8f0;--ccbar-color-muted:#94a3b8;--ccbar-color-primary:#3b82f6;--ccbar-color-primary-hover:#2563eb;--ccbar-color-success:#22c55e;--ccbar-color-warning:#f59e0b;--ccbar-color-danger:#ef4444}@media (prefers-reduced-motion:reduce){:host *,:host :before,:host :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}", V = typeof HTMLElement == "function" ? HTMLElement : class {}, H = /* @__PURE__ */ new WeakSet(), U = [
+var W = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f5f9;--ccbar-color-border:#d8e0ea;--ccbar-color-title:#0f172a;--ccbar-color-text:#334155;--ccbar-color-muted:#475569;--ccbar-color-primary:#2563eb;--ccbar-color-primary-hover:#1d4ed8;--ccbar-color-success:#15803d;--ccbar-color-warning:#a15c00;--ccbar-color-danger:#b91c1c;--ccbar-radius-sm:6px;--ccbar-radius:8px;--ccbar-radius-lg:12px;--ccbar-control-height:40px;--ccbar-control-height-touch:44px;--ccbar-space-1:4px;--ccbar-space-2:8px;--ccbar-space-3:12px;--ccbar-space-4:16px;--ccbar-space-6:24px;--ccbar-font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;--ccbar-panel-width:560px}:host{color:var(--ccbar-color-text);font-family:var(--ccbar-font-family);display:block}:host([floating]){z-index:2147483646;right:var(--ccbar-space-6);bottom:var(--ccbar-space-6);position:fixed}[part=panel]{background:var(--ccbar-color-surface);border:1px solid var(--ccbar-color-border);border-radius:var(--ccbar-radius-lg)}[part=status-rail]{align-items:center;gap:var(--ccbar-space-2);min-height:var(--ccbar-control-height);padding:var(--ccbar-space-2) var(--ccbar-space-3);border-bottom:1px solid var(--ccbar-color-border);color:var(--ccbar-color-muted);font-variant-numeric:tabular-nums;display:flex}[part=status-rail]:before{content:\"\";background:var(--ccbar-color-muted);border-radius:50%;flex:none;width:8px;height:8px}button{min-height:var(--ccbar-control-height);border:1px solid var(--ccbar-color-border);border-radius:var(--ccbar-radius-sm);background:var(--ccbar-color-surface);color:var(--ccbar-color-title);font:inherit}button[data-action=dial],button[data-action=signin],button[data-action=answer],button[data-variant=primary]{background:var(--ccbar-color-primary);border-color:var(--ccbar-color-primary);color:#fff}button[aria-pressed=true]{border-color:var(--ccbar-color-primary);color:var(--ccbar-color-primary);background:var(--ccbar-color-surface-muted)}button[data-action=hangup],button[data-action=reject]{background:var(--ccbar-color-danger);border-color:var(--ccbar-color-danger);color:#fff;margin-top:var(--ccbar-space-4)}button:disabled{opacity:.5}button:focus-visible,input:focus-visible{outline:2px solid var(--ccbar-color-primary);outline-offset:2px}input[type=tel]{width:100%;min-height:var(--ccbar-control-height);border:1px solid var(--ccbar-color-border);border-radius:var(--ccbar-radius-sm);font-variant-numeric:tabular-nums}.ccbar-call-list{gap:var(--ccbar-space-2);margin:var(--ccbar-space-3) 0 0;padding:0;list-style:none;display:grid}.ccbar-call-list button{text-align:left;width:100%}.ccbar-call-current{color:var(--ccbar-color-title);display:block}[data-layout=compact]{min-height:80px;max-height:96px}[data-layout=compact] .ccbar-toolbar{gap:var(--ccbar-space-2);padding:var(--ccbar-space-2) var(--ccbar-space-3);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;display:grid}[data-layout=compact] .ccbar-more{right:var(--ccbar-space-3);gap:var(--ccbar-space-2);display:grid;position:absolute}[data-layout=panel]{width:min(var(--ccbar-panel-width), 100%);min-width:420px;max-width:560px;padding:var(--ccbar-space-3)}[data-layout=panel] .ccbar-bar-row{gap:var(--ccbar-space-2) var(--ccbar-space-3);grid-template-columns:48px minmax(0,1fr);align-items:center;min-height:36px;display:grid}[data-layout=panel] .ccbar-bar-row+.ccbar-bar-row{margin-top:var(--ccbar-space-2)}[data-layout=panel] .ccbar-bar-label{color:var(--ccbar-color-muted);font-size:12px}[data-layout=panel] .ccbar-bar-keys{align-items:center;gap:var(--ccbar-space-2);flex-wrap:wrap;display:flex}[data-layout=panel] .ccbar-bar-keys button{min-width:48px;min-height:32px;padding:0 10px;font-size:13px}[data-layout=panel] .ccbar-bar-keys input[type=tel]{max-width:320px}[data-layout=panel] .ccbar-bar-keys input[name=extension]{width:148px;max-width:148px}[data-layout=panel] .ccbar-ext-chip{background:var(--ccbar-color-surface-muted);height:28px;color:var(--ccbar-color-title);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;margin-left:auto;padding:0 10px;font-size:12px;display:inline-flex}[data-layout=panel] [data-action=hangup]{margin-top:0}[data-layout=panel] .ccbar-dialpad{gap:var(--ccbar-space-2);margin:var(--ccbar-space-3) 0 0;grid-template-columns:repeat(3,1fr);display:grid}[data-layout=panel] .ccbar-safe-actions{gap:var(--ccbar-space-2);flex-wrap:wrap;display:flex}[data-layout=mobile]{min-height:100vh;padding:var(--ccbar-space-4);padding-bottom:max(16px, env(safe-area-inset-bottom))}[data-layout=mobile] button{min-width:44px;min-height:44px}[data-layout=mobile] [data-action=enable-phone],[data-layout=mobile] [data-action=dial],[data-layout=mobile] [data-action=hangup]{min-height:52px}[data-layout=mobile] .ccbar-dialpad{gap:var(--ccbar-space-2);margin:var(--ccbar-space-3) 0;grid-template-columns:repeat(3,1fr);display:grid}:host([data-theme=dark]){--ccbar-color-surface:#0f172a;--ccbar-color-surface-muted:#1e293b;--ccbar-color-border:#334155;--ccbar-color-title:#f8fafc;--ccbar-color-text:#e2e8f0;--ccbar-color-muted:#94a3b8;--ccbar-color-primary:#3b82f6;--ccbar-color-primary-hover:#2563eb;--ccbar-color-success:#22c55e;--ccbar-color-warning:#f59e0b;--ccbar-color-danger:#ef4444}@media (prefers-reduced-motion:reduce){:host *,:host :before,:host :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}", G = typeof HTMLElement == "function" ? HTMLElement : class {}, K = /* @__PURE__ */ new WeakSet(), q = [
 	"connection.stateChanged",
 	"connection.reconnecting",
 	"connection.failed",
@@ -652,7 +760,7 @@ var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f
 	"media.permissionChanged",
 	"agent.statusChanged",
 	"error"
-], W = class extends V {
+], J = class extends G {
 	static get observedAttributes() {
 		return [
 			"mode",
@@ -713,7 +821,7 @@ var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f
 	}
 	render() {
 		let e = this.#k();
-		e !== void 0 && (e.innerHTML = `<style>${B}</style>`, e.append(this.#S(this.#x())));
+		e !== void 0 && (e.innerHTML = `<style>${W}</style>`, e.append(this.#S(this.#x())));
 	}
 	#x() {
 		let e = this.#e?.getCalls?.().map((e) => ({
@@ -722,7 +830,7 @@ var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f
 			destination: e.destination,
 			direction: this.#o.has(e.id) ? "inbound" : "outbound"
 		})) ?? [];
-		return z({
+		return U({
 			connectionState: this.#r,
 			permission: this.#i,
 			calls: e,
@@ -730,14 +838,14 @@ var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f
 		});
 	}
 	#S(e) {
-		let t = this.#z(), n = this.#_ ?? this.#g ?? K(e, t), r = {
+		let t = this.#z(), n = this.#_ ?? this.#g ?? X(e, t), r = {
 			...t,
 			status: n
 		}, i = this.#C(e, r, n);
 		return i.setAttribute("data-view", this.#E() && !this.#m ? "setup" : e.kind), i.hasAttribute("data-layout") || i.setAttribute("data-layout", this.#E() ? "mobile" : "panel"), i;
 	}
 	#C(e, t, n) {
-		if (this.#E() && !this.#m) return N({
+		if (this.#E() && !this.#m) return L({
 			enabling: this.#h,
 			status: n,
 			enablePhone: t.enablePhone
@@ -745,18 +853,18 @@ var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f
 		switch (e.kind) {
 			case "permission-error":
 			case "unrecoverable-error":
-			case "unsupported": return A({
+			case "unsupported": return P({
 				view: e,
 				messages: t
 			});
-			case "incoming": return this.#E() ? P({
+			case "incoming": return this.#E() ? R({
 				view: { kind: "ready" },
 				messages: t,
 				destination: this.#s,
 				muted: this.#u,
-				canDial: s(this.#s, this.#i, this.#r),
+				canDial: d(this.#s, this.#i, this.#r),
 				showOutputDevice: this.#e?.media.supportsOutputSelection() === !0
-			}) : j({
+			}) : F({
 				view: e,
 				messages: t
 			});
@@ -766,20 +874,20 @@ var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f
 			case "ready":
 			case "active":
 			case "held":
-			case "dialing": return this.#E() ? P({
+			case "dialing": return this.#E() ? R({
 				view: e.kind === "held" ? { kind: "ready" } : e,
 				messages: t,
 				destination: this.#s,
 				muted: this.#u,
-				canDial: s(this.#s, this.#i, this.#r),
+				canDial: d(this.#s, this.#i, this.#r),
 				showOutputDevice: this.#e?.media.supportsOutputSelection() === !0
-			}) : _({
+			}) : x({
 				mode: this.#T() === "compact" ? "compact" : "panel",
 				view: e,
 				messages: t,
 				destination: this.#s,
 				muted: this.#u,
-				canDial: s(this.#s, this.#i, this.#r),
+				canDial: d(this.#s, this.#i, this.#r),
 				moreOpen: this.#d,
 				floating: this.hasAttribute("floating"),
 				connected: this.#r === "connected",
@@ -828,9 +936,9 @@ var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f
 			this.#o.delete(e.callId), this.#u = !1;
 		})), this.#n.push(e.on("call.failed", () => {
 			this.#_ = this.#z().statusFailed;
-		})), U.forEach((t) => {
+		})), q.forEach((t) => {
 			this.#n.push(e.on(t, () => this.render()));
-		}), this.#E() && typeof e.recover == "function" && (this.#v = a(e, {
+		}), this.#E() && typeof e.recover == "function" && (this.#v = l(e, {
 			onChecking: () => {
 				this.#g = this.#z().foregroundChecking, this.render();
 			},
@@ -849,12 +957,12 @@ var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f
 	#k() {
 		if (typeof this.attachShadow != "function") return;
 		let e = this.shadowRoot ?? this.attachShadow({ mode: "open" });
-		return H.has(e) || (H.add(e), e.addEventListener("click", (e) => this.#A(e)), e.addEventListener("input", (e) => this.#P(e)), e.addEventListener("pointerdown", (e) => this.#H(e))), e;
+		return K.has(e) || (K.add(e), e.addEventListener("click", (e) => this.#A(e)), e.addEventListener("input", (e) => this.#P(e)), e.addEventListener("pointerdown", (e) => this.#H(e))), e;
 	}
 	#A(e) {
-		let t = J(e, this), n = t?.closest("[data-action=\"enable-phone\"]");
+		let t = Q(e, this), n = t?.closest("[data-action=\"enable-phone\"]");
 		n instanceof HTMLButtonElement && (n.disabled = !0), this.#f = this.#f.then(() => this.#F(t)).catch((e) => {
-			this.#_ = Y(e), this.render();
+			this.#_ = $(e), this.render();
 		});
 	}
 	#j() {
@@ -870,7 +978,7 @@ var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f
 		return e instanceof HTMLInputElement ? e.value : "";
 	}
 	#P(e) {
-		let t = J(e, this);
+		let t = Q(e, this);
 		if (t instanceof HTMLInputElement && t.name !== "transfer-target") {
 			if (t.name === "extension") {
 				this.#c = t.value.trim();
@@ -893,7 +1001,7 @@ var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f
 		}
 		let r = e.closest("[data-action]");
 		if (!(r instanceof HTMLElement) || r instanceof HTMLButtonElement && r.disabled && r.getAttribute("data-action") !== "enable-phone") return;
-		let a = this.#e?.getActiveCall?.();
+		let i = this.#e?.getActiveCall?.() ?? this.#e?.getCalls?.().find((e) => e.state === "held");
 		switch (r.getAttribute("data-action")) {
 			case "signin":
 				if (this.#e === void 0) return;
@@ -906,35 +1014,35 @@ var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f
 			case "dial":
 			case "dial-internal":
 				if (this.#s = this.#j(), this.#e === void 0) return;
-				this.#i !== "granted" && await this.#e.media?.requestPermission?.(), await c(this.#e, this.#s, r.getAttribute("data-action") === "dial-internal" ? "extension" : void 0);
+				this.#i !== "granted" && await this.#e.media?.requestPermission?.(), await f(this.#e, this.#s, r.getAttribute("data-action") === "dial-internal" ? "extension" : void 0);
 				return;
 			case "mute":
-				if (a === void 0) return;
-				this.#u = await l(a, this.#u), this.#R();
+				if (i === void 0) return;
+				this.#u = await p(i, this.#u), this.#R();
 				return;
 			case "hold":
-				a !== void 0 && await u(a);
+				i !== void 0 && await m(i);
 				return;
 			case "resume":
-				a !== void 0 && await a.resume();
+				i !== void 0 && await i.resume();
 				return;
 			case "transfer":
-				a !== void 0 && await f(a, this.#N());
+				i !== void 0 && await g(i, this.#N());
 				return;
 			case "hangup":
-				await a?.hangup();
+				await i?.hangup();
 				return;
 			case "answer":
-				a !== void 0 && await this.#e?.answer(a.id);
+				i !== void 0 && await this.#e?.answer(i.id);
 				return;
 			case "reject":
-				await a?.reject();
+				await i?.reject();
 				return;
 			case "enable-phone":
 				if (this.#e === void 0 || this.#m) return;
 				this.#h = !0;
 				try {
-					await i(this.#e), this.#m = !0;
+					await c(this.#e), this.#m = !0;
 				} finally {
 					this.#h = !1, this.render();
 				}
@@ -957,9 +1065,9 @@ var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f
 		}
 	}
 	async #I(e) {
-		let t = this.#e?.getActiveCall?.();
+		let t = this.#e?.getActiveCall?.() ?? this.#e?.getCalls?.().find((e) => e.state === "held");
 		if (t !== void 0 && (t.state === "active" || t.state === "held")) {
-			await d(t, e);
+			await h(t, e);
 			return;
 		}
 		this.#s += e;
@@ -967,7 +1075,7 @@ var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f
 		n instanceof HTMLInputElement && (n.value = this.#s), this.#L();
 	}
 	#L() {
-		let e = !s(this.#s, this.#i, this.#r);
+		let e = !d(this.#s, this.#i, this.#r);
 		for (let t of ["dial", "dial-internal"]) {
 			let n = this.shadowRoot?.querySelector(`[data-action="${t}"]`);
 			n instanceof HTMLButtonElement && (n.disabled = e);
@@ -978,7 +1086,7 @@ var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f
 		e instanceof HTMLButtonElement && (e.setAttribute("aria-pressed", this.#u ? "true" : "false"), e.textContent = this.#u ? this.#z().unmute : this.#z().mute);
 	}
 	#z() {
-		return r(this.getAttribute("locale") ?? "zh-CN", void 0, this.#y);
+		return s(this.getAttribute("locale") ?? "zh-CN", void 0, this.#y);
 	}
 	#B() {
 		this.#b?.(), this.#b = void 0;
@@ -1011,7 +1119,7 @@ var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f
 	}
 	#U = (e) => {
 		if (this.#p === void 0 || e.pointerId !== this.#p.pointerId) return;
-		let t = window.visualViewport, n = t?.width ?? window.innerWidth, r = t?.height ?? window.innerHeight, i = q(e.clientX - this.#p.offsetX, 0, Math.max(0, n - this.offsetWidth)), a = q(e.clientY - this.#p.offsetY, 0, Math.max(0, r - this.offsetHeight));
+		let t = window.visualViewport, n = t?.width ?? window.innerWidth, r = t?.height ?? window.innerHeight, i = Z(e.clientX - this.#p.offsetX, 0, Math.max(0, n - this.offsetWidth)), a = Z(e.clientY - this.#p.offsetY, 0, Math.max(0, r - this.offsetHeight));
 		this.style.left = `${i}px`, this.style.top = `${a}px`, this.style.right = "auto", this.style.bottom = "auto";
 	};
 	#W = (e) => {
@@ -1021,14 +1129,14 @@ var B = ":root,:host{--ccbar-color-surface:#fff;--ccbar-color-surface-muted:#f1f
 		this.#p = void 0, window.removeEventListener("pointermove", this.#U), window.removeEventListener("pointerup", this.#W);
 	}
 };
-function G(e = {}) {
+function Y(e = {}) {
 	if (typeof customElements > "u") return;
 	let t = e.tagName ?? "xcall-ccbar";
 	if (customElements.get(t) !== void 0) return;
-	let n = t === "xcall-ccbar" ? W : class extends W {};
+	let n = t === "xcall-ccbar" ? J : class extends J {};
 	customElements.define(t, n);
 }
-function K(e, t) {
+function X(e, t) {
 	switch (e.kind) {
 		case "unsupported": return t.statusUnsupported;
 		case "permission-error": return t.statusPermission;
@@ -1044,18 +1152,18 @@ function K(e, t) {
 		default: return e;
 	}
 }
-function q(e, t, n) {
+function Z(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function J(e, t) {
+function Q(e, t) {
 	for (let n of e.composedPath()) if (n instanceof Element && n !== t) return n;
 	return e.target instanceof Element && e.target !== t ? e.target : void 0;
 }
-function Y(e) {
+function $(e) {
 	return typeof e == "object" && e && "code" in e && typeof e.code == "string" ? e.code : "SDK_INTERNAL_ERROR";
 }
 //#endregion
 //#region src/ui/index.ts
-var X = "0.1.0";
+var ee = "0.1.0";
 //#endregion
-export { W as XCallCCBarElement, G as defineCCBarElement, e as enUS, r as resolveMessages, X as uiVersion, t as zhCN };
+export { J as XCallCCBarElement, Y as defineCCBarElement, t as enUS, s as resolveMessages, ee as uiVersion, i as zhCN };