callix-dialer-widget 1.3.1 → 1.3.3

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({
@@ -53813,16 +53813,32 @@ 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)");
+      }
       setCallDurationSeconds(0);
       setNetworkMetric(INITIAL_NETWORK_METRIC);
       setAudioMetric(INITIAL_AUDIO_METRIC);
       return;
     }
-    setCallDurationSeconds(Math.floor(currentCall.currentDurationSeconds ?? 0));
+    const initialDuration = Math.floor(currentCall.currentDurationSeconds ?? 0);
+    setCallDurationSeconds(initialDuration);
+    console.log("[FloatingDialer] ?? Timer iniciado:", {
+      initialDuration,
+      currentDurationSeconds: currentCall.currentDurationSeconds,
+      callState
+    });
     const timer = window.setInterval(() => {
-      setCallDurationSeconds(Math.floor(currentCall.currentDurationSeconds ?? 0));
+      const duration = Math.floor(currentCall.currentDurationSeconds ?? 0);
+      setCallDurationSeconds(duration);
+      if (duration % 5 === 0 && duration > 0) {
+        console.log("[FloatingDialer] ?? Timer atualizado:", duration, "segundos");
+      }
     }, 1e3);
-    return () => window.clearInterval(timer);
+    return () => {
+      console.log("[FloatingDialer] ?? Timer parado");
+      window.clearInterval(timer);
+    };
   }, [currentCall, callState]);
   useEffect(() => {
     if (!currentCall || callState !== "callInProgress") {
@@ -54123,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 () => {
@@ -54132,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(() => {
@@ -54375,88 +54391,90 @@ function AuthenticatedDialer({ username, dialValue, setDialValue, onLogout, vari
     if (callState === "afterCall") {
       const options = afterCallResult === "success" ? successQualifications : discardQualifications;
       const hasOptions = options.length > 0;
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      console.log("[FloatingDialer Mini] ?? TELA DE QUALIFICA��O:", {
+        callState,
+        afterCallResult,
+        successQualifications: successQualifications.length,
+        discardQualifications: discardQualifications.length,
+        hasOptions,
+        selectedQualificationId
+      });
+      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.5 rounded-2xl border border-slate-200 bg-white/95 p-2 shadow-sm text-slate-800 overflow-hidden`].join(" "),
           "data-callix-variant": "min",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`text-center space-y-0.5`, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[9px] uppercase tracking-wide text-slate-500`, children: "Logado como" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-xs font-semibold text-slate-800`, children: username })
+          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1.5 rounded-xl border border-slate-200 bg-slate-50 px-2 py-1.5 overflow-hidden`, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[10px] font-semibold text-slate-700`, children: "Qualifique a chamada" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[8px] text-slate-500`, children: "Esta etapa e obrigatoria." })
             ] }),
-            /* @__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: [
-                /* @__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"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "button",
-                  {
-                    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"
-                  }
-                )
-              ] }),
-              /* @__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) => {
-                  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 })
-                    },
-                    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." })
-              ] }),
-              afterCallError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[9px] text-red-500`, children: afterCallError }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`grid grid-cols-2 gap-1`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "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`,
-                  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"
-                  ]
+                  onClick: () => setAfterCallResult("success"),
+                  className: tw`${afterCallResult === "success" ? "bg-green-500 text-white shadow-md" : "bg-white text-slate-600"} rounded-md border border-slate-200 px-1.5 py-0.5 text-[8px] font-semibold transition`,
+                  children: "Concluido"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setAfterCallResult("failure"),
+                  className: tw`${afterCallResult === "failure" ? "bg-rose-500 text-white shadow-md" : "bg-white text-slate-600"} rounded-md border border-slate-200 px-1.5 py-0.5 text-[8px] font-semibold transition`,
+                  children: "Descartado"
                 }
               )
             ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1`, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[8px] font-medium text-slate-700`, children: "Selecione qualificacao" }),
+              hasOptions ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`max-h-20 space-y-0.5 overflow-y-auto pr-0.5`, 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-blue-400 bg-blue-50 border-blue-300" : "border-slate-200 bg-white"} w-full rounded-md border px-1.5 py-0.5 text-left transition`,
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[8px] font-semibold text-slate-800 leading-tight truncate`, children: qualification.name })
+                  },
+                  qualification.id
+                );
+              }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tw`rounded-md border border-amber-200 bg-amber-50 px-1.5 py-0.5 text-[8px] text-amber-700`, children: "Nenhuma qualificacao disponivel." })
+            ] }),
+            afterCallError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[8px] text-red-500`, children: afterCallError }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "button",
               {
                 type: "button",
-                onClick: onLogout,
-                className: tw`flex w-full items-center justify-center gap-1 rounded-lg border border-slate-200 bg-white px-3 py-1 text-[10px] font-semibold text-slate-600 transition hover:text-red-500`,
+                onClick: handleFinishAfterCall,
+                disabled: !hasOptions || !selectedQualificationId || isSubmittingAfterCall,
+                className: tw`flex w-full items-center justify-center gap-1 rounded-md bg-blue-500 px-2 py-1 text-[8px] font-bold text-white shadow-md transition hover:bg-blue-600 disabled:cursor-not-allowed disabled:opacity-60`,
                 children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(FiLogOut, { className: tw`text-[10px]` }),
-                  "Sair"
+                  isSubmittingAfterCall && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`inline-flex h-2.5 w-2.5 animate-spin rounded-full border border-white/40 border-t-white` }),
+                  "Finalizar"
                 ]
               }
             )
-          ]
+          ] })
         }
       );
     }
+    console.log("[FloatingDialer Mini] ?? Estado da Chamada:", {
+      isCallActive,
+      callState,
+      statusLabel,
+      isInCall,
+      isConnecting,
+      isRinging,
+      callDurationSeconds,
+      callTarget,
+      statusVisualUsed: isCallActive ? "GREEN (green)" : "statusVisual",
+      timerVisible: isCallActive && callDurationSeconds > 0
+    });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
@@ -54464,7 +54482,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 })
             ] }),
@@ -54473,7 +54491,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"
@@ -54492,16 +54510,17 @@ 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) })
-            ] })
+            ] }),
+            console.log("[FloatingDialer Mini] 🕐 Timer Debug:", { callDurationSeconds, shouldShowTimer: callDurationSeconds > 0, formattedDuration: formatDuration(callDurationSeconds), isCallActive })
           ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-1 rounded-xl border border-slate-200 bg-slate-50 px-3 py-2`, children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: tw`text-[10px] font-semibold uppercase tracking-wide text-slate-500`, children: "Numero" }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`flex items-center gap-2`, children: [
@@ -54556,7 +54575,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"
@@ -54611,7 +54630,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` }),
@@ -54670,14 +54689,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" }) }) })
             ]
           }
         ),
@@ -54703,7 +54722,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"
@@ -54727,7 +54746,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"
@@ -54796,7 +54815,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,
                   "%"
                 ] })
@@ -54872,8 +54891,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))
                     ]
                   }
                 )
@@ -54881,7 +54900,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",
@@ -54890,8 +54909,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))
                     ]
                   }
                 )
@@ -55078,8 +55097,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":
@@ -55125,7 +55144,7 @@ function getStatusLabel(state) {
     case "starting":
       return "Conectando";
     case "idle":
-      return "Disponível";
+      return "Dispon�vel";
     case "manualCallSetup":
       return "Preparando";
     case "manualCallRinging":
@@ -55183,7 +55202,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"
           }
         ),
@@ -55249,15 +55268,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 })
     ] })