callix-dialer-widget 1.3.2 → 1.3.4

package/dist-widget/callix-dialer.es.js

@@ -53617,7 +53617,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
     });
   }, [operatorState, currentCall]);
   useEffect(() => {
-    console.log("[FloatingDialer] Qualificações:", {
+    console.log("[FloatingDialer] Qualifica��es:", {
       success: successQualifications,
       discard: discardQualifications,
       callState: operatorState == null ? void 0 : operatorState.state
@@ -53625,7 +53625,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
   }, [successQualifications, discardQualifications, operatorState == null ? void 0 : operatorState.state]);
   useEffect(() => {
     if ((currentCall == null ? void 0 : currentCall.direction) === "incoming") {
-      console.log("[FloatingDialer] ⚠️ CHAMADA RECEBIDA:", {
+      console.log("[FloatingDialer] ?? CHAMADA RECEBIDA:", {
         call: currentCall,
         direction: currentCall.direction,
         state: operatorState == null ? void 0 : operatorState.state,
@@ -53717,7 +53717,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
     if (callState === "afterCall") {
       const shouldSkipQualification = (currentCallInfo == null ? void 0 : currentCallInfo.type) === "campaign" && currentCallInfo.info.campaign.skipCallQualification === true;
       if (shouldSkipQualification) {
-        console.log("[FloatingDialer] 🔄 skipCallQualification ativado - finalizando automaticamente");
+        console.log("[FloatingDialer] ?? skipCallQualification ativado - finalizando automaticamente");
         if (typeof finishAfterCall === "function") {
           void Promise.resolve(
             finishAfterCall({
@@ -53814,7 +53814,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
   useEffect(() => {
     if (!currentCall || callState !== "callInProgress") {
       if (callDurationSeconds > 0) {
-        console.log("[FloatingDialer] ⏱️ Timer resetado (chamada não está em progresso)");
+        console.log("[FloatingDialer] ?? Timer resetado (chamada n�o est� em progresso)");
       }
       setCallDurationSeconds(0);
       setNetworkMetric(INITIAL_NETWORK_METRIC);
@@ -53823,7 +53823,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
     }
     const initialDuration = Math.floor(currentCall.currentDurationSeconds ?? 0);
     setCallDurationSeconds(initialDuration);
-    console.log("[FloatingDialer] ⏱️ Timer iniciado:", {
+    console.log("[FloatingDialer] ?? Timer iniciado:", {
       initialDuration,
       currentDurationSeconds: currentCall.currentDurationSeconds,
       callState
@@ -53832,11 +53832,11 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
       const duration = Math.floor(currentCall.currentDurationSeconds ?? 0);
       setCallDurationSeconds(duration);
       if (duration % 5 === 0 && duration > 0) {
-        console.log("[FloatingDialer] ⏱️ Timer atualizado:", duration, "segundos");
+        console.log("[FloatingDialer] ?? Timer atualizado:", duration, "segundos");
       }
     }, 1e3);
     return () => {
-      console.log("[FloatingDialer] ⏱️ Timer parado");
+      console.log("[FloatingDialer] ?? Timer parado");
       window.clearInterval(timer);
     };
   }, [currentCall, callState]);
@@ -54139,7 +54139,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
       console.log("[FloatingDialer] Entrou em pausa com sucesso:", breakId);
     } catch (error2) {
       console.error("[FloatingDialer] Erro ao entrar em pausa:", error2);
-      setBreakError(error2 instanceof Error ? error2.message : "Não foi possível entrar em pausa.");
+      setBreakError(error2 instanceof Error ? error2.message : "N�o foi poss�vel entrar em pausa.");
     }
   }, [goOnBreak]);
   const handleGoOffBreak = useCallback(async () => {
@@ -54148,7 +54148,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
       console.log("[FloatingDialer] Saiu da pausa com sucesso");
     } catch (error2) {
       console.error("[FloatingDialer] Erro ao sair da pausa:", error2);
-      setAvailabilityError("Não foi possível sair da pausa.");
+      setAvailabilityError("N�o foi poss�vel sair da pausa.");
     }
   }, [goOffBreak]);
   useEffect(() => {
@@ -54303,7 +54303,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
   const SpeakerIcon = outputMuted ? FiVolumeX : normalizedVolume > 0.65 ? FiVolume2 : FiVolume1;
   const MicIcon = inputMuted ? FiMicOff : FiMic;
   const statusVisual = getStatusVisual(callState);
-  if (callState === "afterCall") {
+  if (callState === "afterCall" && !isMiniMode) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       AfterCallPanel,
       {
@@ -54391,7 +54391,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
     if (callState === "afterCall") {
       const options = afterCallResult === "success" ? successQualifications : discardQualifications;
       const hasOptions = options.length > 0;
-      console.log("[FloatingDialer Mini] 🎯 TELA DE QUALIFICAÇÃO:", {
+      console.log("[FloatingDialer Mini] ?? TELA DE QUALIFICA��O:", {
         callState,
         afterCallResult,
         successQualifications: successQualifications.length,
@@ -54402,21 +54402,18 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
-          className: ["callix", "mode", "min", tw`flex w-full max-w-full flex-col gap-2 rounded-2xl border border-slate-200 bg-white/95 p-2.5 shadow-sm text-slate-800`].join(" "),
+          className: ["callix", "mode", "min", tw`flex w-full max-w-full flex-col gap-1 rounded-xl border border-slate-200 bg-white/95 p-1.5 shadow-sm text-slate-800 overflow-hidden`].join(" "),
           "data-callix-variant": "min",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-2 rounded-xl border border-slate-200 bg-slate-50 px-2.5 py-2`, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[11px] font-semibold text-slate-700`, children: "Qualifique a chamada" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[9px] text-slate-500`, children: "Esta etapa e obrigatoria." })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`grid grid-cols-2 gap-1.5`, children: [
+          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1 rounded-lg border border-slate-200 bg-slate-50 px-1.5 py-1 overflow-hidden`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`text-center`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[9px] font-semibold text-slate-700`, children: "Qualifique a chamada" }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`grid grid-cols-2 gap-0.5`, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "button",
                 {
                   type: "button",
                   onClick: () => setAfterCallResult("success"),
-                  className: tw`${afterCallResult === "success" ? "bg-emerald-500 text-white shadow-md" : "bg-white text-slate-600"} rounded-lg border border-slate-200 px-2 py-1 text-[9px] font-semibold transition`,
-                  children: "Atendimento concluido"
+                  className: tw`${afterCallResult === "success" ? "bg-green-500 text-white" : "bg-white text-slate-600"} rounded border border-slate-200 px-1 py-0.5 text-[7px] font-semibold transition`,
+                  children: "✓ Concluído"
                 }
               ),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -54424,38 +54421,38 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
                 {
                   type: "button",
                   onClick: () => setAfterCallResult("failure"),
-                  className: tw`${afterCallResult === "failure" ? "bg-rose-500 text-white shadow-md" : "bg-white text-slate-600"} rounded-lg border border-slate-200 px-2 py-1 text-[9px] font-semibold transition`,
-                  children: "Atendimento descartado"
+                  className: tw`${afterCallResult === "failure" ? "bg-rose-500 text-white" : "bg-white text-slate-600"} rounded border border-slate-200 px-1 py-0.5 text-[7px] font-semibold transition`,
+                  children: "✗ Descartado"
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1`, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[9px] font-medium text-slate-700`, children: "Selecione uma qualificacao" }),
-              hasOptions ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`max-h-32 space-y-1 overflow-y-auto pr-0.5`, children: options.map((qualification) => {
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-0.5`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[7px] font-medium text-slate-700 text-center`, children: "Selecione qualificação" }),
+              hasOptions ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`max-h-16 space-y-0.5 overflow-y-auto`, children: options.map((qualification) => {
                 const isSelected = selectedQualificationId === qualification.id;
                 return /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "button",
                   {
                     type: "button",
                     onClick: () => setSelectedQualificationId(qualification.id),
-                    className: tw`${isSelected ? "ring-1 ring-primary bg-primary/10 border-primary" : "border-slate-200 bg-white"} w-full rounded-lg border px-2 py-1 text-left transition`,
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[10px] font-semibold text-slate-800 leading-tight`, children: qualification.name })
+                    className: tw`${isSelected ? "bg-blue-100 border-blue-300 text-blue-800" : "border-slate-200 bg-white text-slate-700"} w-full rounded border px-1 py-0.5 text-left transition`,
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[7px] font-medium leading-tight truncate`, children: qualification.name })
                   },
                   qualification.id
                 );
-              }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`rounded-lg border border-amber-200 bg-amber-50 px-2 py-1 text-[9px] text-amber-700`, children: "Nenhuma qualificacao disponivel." })
+              }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`rounded border border-amber-200 bg-amber-50 px-1 py-0.5 text-[7px] text-amber-700 text-center`, children: "Nenhuma qualificação" })
             ] }),
-            afterCallError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[9px] text-red-500`, children: afterCallError }),
+            afterCallError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[7px] text-red-500 text-center`, children: afterCallError }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "button",
               {
                 type: "button",
                 onClick: handleFinishAfterCall,
                 disabled: !hasOptions || !selectedQualificationId || isSubmittingAfterCall,
-                className: tw`flex w-full items-center justify-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-[10px] font-bold text-white shadow-md transition disabled:cursor-not-allowed disabled:opacity-60`,
+                className: tw`flex w-full items-center justify-center gap-1 rounded bg-blue-500 px-1.5 py-1 text-[7px] font-bold text-white transition hover:bg-blue-600 disabled:cursor-not-allowed disabled:opacity-60`,
                 children: [
-                  isSubmittingAfterCall && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`inline-flex h-3 w-3 animate-spin rounded-full border-2 border-white/40 border-t-white` }),
-                  "Finalizar atendimento"
+                  isSubmittingAfterCall && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`inline-flex h-2 w-2 animate-spin rounded-full border border-white/50 border-t-white` }),
+                  "Finalizar"
                 ]
               }
             )
@@ -54463,7 +54460,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
         }
       );
     }
-    console.log("[FloatingDialer Mini] 📞 Estado da Chamada:", {
+    console.log("[FloatingDialer Mini] ?? Estado da Chamada:", {
       isCallActive,
       callState,
       statusLabel,
@@ -54472,7 +54469,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
       isRinging,
       callDurationSeconds,
       callTarget,
-      statusVisualUsed: isCallActive ? "GREEN (emerald)" : "statusVisual",
+      statusVisualUsed: isCallActive ? "GREEN (green)" : "statusVisual",
       timerVisible: isCallActive && callDurationSeconds > 0
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -54482,7 +54479,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
         "data-callix-variant": "min",
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center justify-between gap-2`, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`${isCallActive ? "border-emerald-200 bg-emerald-50 text-emerald-700" : statusVisual.badgeClass} flex items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-semibold uppercase leading-tight`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`${isCallActive ? "border-green-200 bg-green-50 text-green-700" : statusVisual.badgeClass} flex items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-semibold uppercase leading-tight`, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(statusVisual.Icon, { className: tw`text-xs` }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: statusLabel })
             ] }),
@@ -54491,7 +54488,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
               {
                 type: "button",
                 onClick: () => handleGoOffBreak(),
-                className: tw`inline-flex items-center gap-1 rounded-full border border-emerald-400 bg-emerald-50 px-2.5 py-1 text-[10px] font-semibold text-emerald-700 transition hover:bg-emerald-100`,
+                className: tw`inline-flex items-center gap-1 rounded-full border border-green-400 bg-green-50 px-2.5 py-1 text-[10px] font-semibold text-green-700 transition hover:bg-green-100`,
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(FiCheckCircle, { className: tw`text-xs` }),
                   "Voltar"
@@ -54510,13 +54507,13 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
               }
             )
           ] }),
-          isCallActive ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`rounded-xl border border-emerald-200 bg-gradient-to-br from-emerald-50 to-white px-3 py-2`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-2`, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-emerald-500 ${callDurationSeconds > 0 ? "animate-pulse" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FiPhoneCall, { className: tw`text-xs text-white` }) }),
+          isCallActive ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`rounded-xl border border-green-200 bg-gradient-to-br from-green-50 to-white px-3 py-2`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-2`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-green-500 ${callDurationSeconds > 0 ? "animate-pulse" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FiPhoneCall, { className: tw`text-xs text-white` }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex min-w-0 flex-1 flex-col gap-0.5`, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`truncate font-mono text-sm font-bold text-slate-800`, children: (callTarget == null ? void 0 : callTarget.replace(/^\+55/, "")) || "Conectando..." }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-[9px] font-medium uppercase tracking-wider text-emerald-600`, children: statusLabel })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-[9px] font-medium uppercase tracking-wider text-green-600`, children: statusLabel })
             ] }),
-            callDurationSeconds > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex shrink-0 items-center gap-1 rounded-lg bg-emerald-500 px-2 py-1`, children: [
+            callDurationSeconds > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex shrink-0 items-center gap-1 rounded-lg bg-green-500 px-2 py-1`, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(FiClock, { className: tw`text-[10px] text-white` }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`tabular-nums text-xs font-bold text-white`, children: formatDuration(callDurationSeconds) })
             ] })
@@ -54574,7 +54571,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
                 }
               },
               disabled: callButtonDisabled,
-              className: tw`${isCallActive ? "bg-rose-500 hover:bg-rose-600" : "bg-emerald-500 hover:bg-emerald-600"} flex h-11 w-full items-center justify-center gap-2 rounded-xl text-sm font-bold text-white shadow-md transition disabled:cursor-not-allowed disabled:opacity-60`,
+              className: tw`${isCallActive ? "bg-rose-500 hover:bg-rose-600" : "bg-green-500 hover:bg-green-600"} flex h-11 w-full items-center justify-center gap-2 rounded-xl text-sm font-bold text-white shadow-md transition disabled:cursor-not-allowed disabled:opacity-60`,
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(FiPhone, { className: tw`text-base` }),
                 isCallActive ? "Encerrar" : "Ligar"
@@ -54629,7 +54626,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
               {
                 type: "button",
                 onClick: handleGoOffBreak,
-                className: tw`inline-flex items-center gap-1 rounded-lg border border-emerald-300 bg-emerald-50 px-2 py-1 text-[10px] font-bold text-emerald-700 transition-all hover:bg-emerald-100 hover:shadow-sm`,
+                className: tw`inline-flex items-center gap-1 rounded-lg border border-green-300 bg-green-50 px-2 py-1 text-[10px] font-bold text-green-700 transition-all hover:bg-green-100 hover:shadow-sm`,
                 "aria-label": "Sair da pausa",
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(FiCheckCircle, { className: tw`text-xs` }),
@@ -54688,14 +54685,14 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center justify-between mb-2`, children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-1.5`, children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(FiPhone, { className: tw`text-sm text-primary` }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-[10px] uppercase tracking-wider text-slate-500 font-semibold`, children: "Número" })
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-[10px] uppercase tracking-wider text-slate-500 font-semibold`, children: "N�mero" })
                 ] }),
                 isDialerFocused && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: tw`inline-flex items-center gap-1 rounded-full bg-primary/10 px-2 py-0.5 text-[9px] font-semibold text-primary`, children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`inline-block h-1.5 w-1.5 rounded-full bg-primary animate-pulse` }),
                   "Ativo"
                 ] })
               ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`min-h-[2.5rem] flex items-center`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-2xl font-semibold tabular-nums tracking-tight text-slate-800 flex-1 truncate`, children: dialDisplayText || /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-slate-400 text-lg font-normal`, children: "Digite um número" }) }) })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`min-h-[2.5rem] flex items-center`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-2xl font-semibold tabular-nums tracking-tight text-slate-800 flex-1 truncate`, children: dialDisplayText || /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-slate-400 text-lg font-normal`, children: "Digite um n�mero" }) }) })
             ]
           }
         ),
@@ -54721,7 +54718,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
                 type: "button",
                 onClick: handleCall,
                 disabled: !isNumberValid,
-                className: tw`flex flex-1 min-w-[7rem] items-center justify-center gap-2 rounded-lg bg-emerald-500 px-4 py-2.5 text-sm font-bold text-white shadow-lg transition-all hover:bg-emerald-600 hover:shadow-xl disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:shadow-lg`,
+                className: tw`flex flex-1 min-w-[7rem] items-center justify-center gap-2 rounded-lg bg-green-500 px-4 py-2.5 text-sm font-bold text-white shadow-lg transition-all hover:bg-green-600 hover:shadow-xl disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:shadow-lg`,
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(FiPhone, { className: tw`text-base` }),
                   "Ligar"
@@ -54745,7 +54742,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
                 {
                   type: "button",
                   onClick: handleAnswer,
-                  className: tw`flex flex-1 min-w-[6rem] items-center justify-center gap-1.5 rounded-lg bg-emerald-500 px-3 py-2 text-xs font-bold text-white shadow-md transition-all hover:bg-emerald-600 hover:shadow-lg`,
+                  className: tw`flex flex-1 min-w-[6rem] items-center justify-center gap-1.5 rounded-lg bg-green-500 px-3 py-2 text-xs font-bold text-white shadow-md transition-all hover:bg-green-600 hover:shadow-lg`,
                   children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(FiPhoneIncoming, { className: tw`text-sm` }),
                     "Atender"
@@ -54814,7 +54811,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[10px] uppercase tracking-wide text-slate-500`, children: "Volume" }),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: tw`text-sm font-semibold text-slate-800`, children: [
-                  "Saída ",
+                  "Sa�da ",
                   volumePercent,
                   "%"
                 ] })
@@ -54890,8 +54887,8 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
                     value: selectedInputId ?? "",
                     onChange: handleSelectInputDevice,
                     children: [
-                      audioDevices.inputs.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "Padrão" }),
-                      audioDevices.inputs.map((device) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: device.deviceId, children: device.label || "Padrão" }, device.deviceId || device.label))
+                      audioDevices.inputs.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "Padr�o" }),
+                      audioDevices.inputs.map((device) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: device.deviceId, children: device.label || "Padr�o" }, device.deviceId || device.label))
                     ]
                   }
                 )
@@ -54899,7 +54896,7 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
               /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: tw`space-y-1 text-xs text-slate-700`, children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: tw`flex items-center gap-1.5 font-semibold`, children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(FiHeadphones, { className: tw`text-sm text-primary` }),
-                  "Saída"
+                  "Sa�da"
                 ] }),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs(
                   "select",
@@ -54908,8 +54905,8 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
                     value: selectedOutputId ?? "",
                     onChange: handleSelectOutputDevice,
                     children: [
-                      audioDevices.outputs.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "Padrão" }),
-                      audioDevices.outputs.map((device) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: device.deviceId, children: device.label || "Padrão" }, device.deviceId || device.label))
+                      audioDevices.outputs.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "Padr�o" }),
+                      audioDevices.outputs.map((device) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: device.deviceId, children: device.label || "Padr�o" }, device.deviceId || device.label))
                     ]
                   }
                 )
@@ -55096,8 +55093,8 @@ function getStatusVisual(state) {
     case "idle":
       return {
         Icon: FiCheckCircle,
-        badgeClass: tw`border-emerald-200 bg-emerald-50 text-emerald-700`,
-        dotClass: tw`bg-emerald-500`
+        badgeClass: tw`border-green-200 bg-green-50 text-green-700`,
+        dotClass: tw`bg-green-500`
       };
     case "callInProgress":
     case "manualCallSetup":
@@ -55143,7 +55140,7 @@ function getStatusLabel(state) {
     case "starting":
       return "Conectando";
     case "idle":
-      return "Disponível";
+      return "Dispon�vel";
     case "manualCallSetup":
       return "Preparando";
     case "manualCallRinging":
@@ -55201,7 +55198,7 @@ function AfterCallPanel({
           {
             type: "button",
             onClick: () => onChangeResult("success"),
-            className: tw`${result2 === "success" ? "bg-emerald-500 text-white shadow-lg" : "bg-white text-slate-600"} rounded-xl border border-slate-200 px-3 py-2 text-sm font-semibold transition hover:border-emerald-400`,
+            className: tw`${result2 === "success" ? "bg-green-500 text-white shadow-lg" : "bg-white text-slate-600"} rounded-xl border border-slate-200 px-3 py-2 text-sm font-semibold transition hover:border-green-400`,
             children: "Atendimento concluido"
           }
         ),
@@ -55267,15 +55264,15 @@ function ActiveCallSummary({
 }) {
   const durationLabel = durationSeconds > 0 ? formatDuration(durationSeconds) : "00:00";
   const cleanNumber = (callTarget == null ? void 0 : callTarget.replace(/^\+55/, "")) || "Conectando...";
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`rounded-lg border border-emerald-200 bg-gradient-to-br from-emerald-50 to-white px-3 py-2`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center justify-between gap-3`, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`rounded-lg border border-green-200 bg-gradient-to-br from-green-50 to-white px-3 py-2`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center justify-between gap-3`, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-2.5 min-w-0 flex-1`, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`flex items-center justify-center w-8 h-8 rounded-full bg-emerald-500 shrink-0 ${durationSeconds > 0 ? "animate-pulse" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FiPhoneCall, { className: tw`text-sm text-white` }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`flex items-center justify-center w-8 h-8 rounded-full bg-green-500 shrink-0 ${durationSeconds > 0 ? "animate-pulse" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FiPhoneCall, { className: tw`text-sm text-white` }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex flex-col gap-0.5 min-w-0 flex-1`, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-base font-bold text-slate-800 truncate font-mono`, children: cleanNumber }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-[9px] font-medium text-emerald-600 uppercase tracking-wider`, children: statusLabel })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-[9px] font-medium text-green-600 uppercase tracking-wider`, children: statusLabel })
       ] })
     ] }),
-    durationSeconds > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-1.5 bg-emerald-500 rounded-lg px-2.5 py-1.5 shrink-0`, children: [
+    durationSeconds > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-1.5 bg-green-500 rounded-lg px-2.5 py-1.5 shrink-0`, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(FiClock, { className: tw`text-xs text-white` }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-sm font-bold tabular-nums text-white`, children: durationLabel })
     ] })