callix-dialer-widget 2.8.3 → 2.8.5

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

@@ -43754,6 +43754,7 @@ const INITIAL_TRANSCRIPT = { segments: [], status: null, insight: null, interims
 const MAX_SEGMENTS = 300;
 const RECONNECT_MIN_MS = 500;
 const RECONNECT_MAX_MS = 5e3;
+const ENGINE_VIEW_TIMEOUT_MS = 15e3;
 const PENDING_COMMANDS_MAX = 10;
 const PENDING_COMMANDS_TTL_MS = 15e3;
 function engineWsUrl(baseUrl) {
@@ -43775,6 +43776,9 @@ class EngineClient {
     this.reconnectDelay = RECONNECT_MIN_MS;
     this.pendingCommands = [];
     this.reconnectTimer = null;
+    this.viewTimer = null;
+    this.lastSnapshotAt = null;
+    this.connectionError = null;
     this.closed = false;
     this.iceServers = [{ urls: "stun:stun.l.google.com:19302" }];
     this.pc = null;
@@ -43828,13 +43832,20 @@ class EngineClient {
     if (this.closed) this.closed = false;
     if (this.ws && (this.ws.readyState === WebSocket.OPEN || this.ws.readyState === WebSocket.CONNECTING)) return;
     const Impl = this.options.WebSocketImpl ?? WebSocket;
-    this.setState({ wsState: "connecting" });
+    this.setState({ wsState: "connecting", tabId: null, view: null });
     const ws = new Impl(engineWsUrl(this.options.url));
     this.ws = ws;
+    this.watchForView(ws);
     ws.onopen = () => {
+      var _a2, _b;
       if (this.ws !== ws) return;
+      if (this.pendingLogoffToken !== void 0 && ((_b = (_a2 = this.options).sessionToken) == null ? void 0 : _b.call(_a2)) !== this.pendingLogoffToken) {
+        this.pendingCommands = this.pendingCommands.filter((entry) => entry.command.name !== "logoff");
+        this.rejectWaiters(new EngineAccessError("session-changed", "A sessão mudou antes de confirmar a saída."));
+      }
       this.reconnectDelay = RECONNECT_MIN_MS;
       this.setState({ wsState: "open" });
+      this.watchForView(ws);
       const sessionToken = !this.session && this.options.sessionToken ? this.options.sessionToken() : null;
       const hello = {
         type: "hello",
@@ -43860,24 +43871,14 @@ class EngineClient {
       this.handle(message);
     };
     ws.onclose = () => {
-      if (this.ws !== ws) return;
-      this.ws = null;
-      const wasEngaged = this.state.engaged;
-      this.setState({ wsState: "closed", tabId: null, engaged: false });
-      if (wasEngaged) this.stopAudio();
-      if (this.closed) return;
-      this.log(`conexão com o motor caiu; nova tentativa em ${this.reconnectDelay} ms`);
-      this.reconnectTimer = setTimeout(() => {
-        this.reconnectTimer = null;
-        this.connect();
-      }, this.reconnectDelay);
-      this.reconnectDelay = Math.min(this.reconnectDelay * 2, RECONNECT_MAX_MS);
+      this.disconnected(ws, "Conexão com o motor interrompida. Reconectando...");
     };
     ws.onerror = () => void 0;
   }
   /** fecha de vez (sem reconectar) e solta o áudio */
   close() {
     this.closed = true;
+    this.clearViewTimer();
     if (this.reconnectTimer) {
       clearTimeout(this.reconnectTimer);
       this.reconnectTimer = null;
@@ -43889,8 +43890,41 @@ class EngineClient {
       ws.onclose = null;
       ws.close();
     }
-    for (const waiter of this.viewWaiters.splice(0)) clearTimeout(waiter.timer);
-    this.setState({ wsState: "closed", tabId: null, engaged: false });
+    this.pendingCommands = [];
+    this.rejectWaiters(new Error("a conexão com o motor foi encerrada"));
+    this.userSignal.set(void 0);
+    this.setState({ wsState: "closed", tabId: null, view: null, engaged: false });
+  }
+  clearViewTimer() {
+    if (this.viewTimer) clearTimeout(this.viewTimer);
+    this.viewTimer = null;
+  }
+  watchForView(ws) {
+    var _a2, _b;
+    this.clearViewTimer();
+    this.viewTimer = setTimeout(() => {
+      if (this.ws !== ws) return;
+      this.disconnected(ws, "O motor parou de atualizar o estado. Reconectando...");
+      ws.close();
+    }, ENGINE_VIEW_TIMEOUT_MS);
+    (_b = (_a2 = this.viewTimer).unref) == null ? void 0 : _b.call(_a2);
+  }
+  disconnected(ws, message) {
+    if (this.ws !== ws) return;
+    this.ws = null;
+    this.clearViewTimer();
+    this.userSignal.set(void 0);
+    this.connectionError = message;
+    this.setState({ wsState: "closed", tabId: null, view: null, engaged: false, lastError: message });
+    this.stopAudio();
+    if (this.closed) return;
+    this.log(`conexão com o motor caiu; nova tentativa em ${this.reconnectDelay} ms`);
+    if (this.reconnectTimer) clearTimeout(this.reconnectTimer);
+    this.reconnectTimer = setTimeout(() => {
+      this.reconnectTimer = null;
+      this.connect();
+    }, this.reconnectDelay);
+    this.reconnectDelay = Math.min(this.reconnectDelay * 2, RECONNECT_MAX_MS);
   }
   /**
    * A view atual, ou a próxima que o host mandar (welcome/view). Com `accept`, espera uma
@@ -43900,7 +43934,7 @@ class EngineClient {
   waitForView(timeoutMs = 15e3, accept, options) {
     const rejected = this.state.rejected;
     if (rejected) return Promise.reject(new EngineAccessError(rejected.code, rejected.message));
-    if (!(options == null ? void 0 : options.fresh) && this.state.view && this.state.tabId && (!accept || accept(this.state.view))) return Promise.resolve(this.state.view);
+    if (!(options == null ? void 0 : options.fresh) && this.state.wsState === "open" && this.state.view && this.state.tabId && (!accept || accept(this.state.view))) return Promise.resolve(this.state.view);
     return new Promise((resolve, reject) => {
       const timer = setTimeout(() => {
         const index = this.viewWaiters.findIndex((w) => w.timer === timer);
@@ -43924,6 +43958,7 @@ class EngineClient {
       case "welcome": {
         if (Array.isArray(message.iceServers) && message.iceServers.length > 0) this.iceServers = message.iceServers;
         this.setState({ tabId: message.tabId, rejected: null });
+        if (this.ws) this.watchForView(this.ws);
         this.flushPendingCommands();
         this.applyView(message.view);
         this.log(`sou a aba ${message.tabId}`);
@@ -43951,6 +43986,10 @@ class EngineClient {
           break;
         }
         if (message.code === "session-changed") {
+          if (this.pendingLogoffToken !== void 0) {
+            this.pendingCommands = this.pendingCommands.filter((entry) => entry.command.name !== "logoff");
+            this.rejectWaiters(new EngineAccessError(message.code, message.message));
+          }
           this.session = null;
           this.log("a sessão deste agente foi trocada por um login novo; reconectando com a credencial atual");
           break;
@@ -43977,21 +44016,34 @@ class EngineClient {
     }
   }
   applyView(view) {
-    var _a2, _b;
+    var _a2, _b, _c;
     const previous = this.state.view;
+    const snapshotAt = (_a2 = view.snapshot) == null ? void 0 : _a2.at;
+    if (view.engine === "stopped" || view.engine === "crashed") {
+      this.clearViewTimer();
+    } else if (this.ws && (snapshotAt !== void 0 && snapshotAt !== this.lastSnapshotAt || (previous == null ? void 0 : previous.engine) === "stopped" || (previous == null ? void 0 : previous.engine) === "crashed")) {
+      this.watchForView(this.ws);
+    }
+    if (snapshotAt !== void 0) this.lastSnapshotAt = snapshotAt;
     const lost = view.sessionLost ?? null;
     const newlyLost = Boolean(lost) && !(previous == null ? void 0 : previous.sessionLost);
     if (newlyLost) {
       this.session = null;
       this.log(`o Callix derrubou a sessão: ${(lost == null ? void 0 : lost.message) ?? ""}`);
     }
-    const user = (_a2 = view.snapshot) == null ? void 0 : _a2.leg.user;
+    const user = (_b = view.snapshot) == null ? void 0 : _b.leg.user;
     this.userSignal.set(user ? { ...user, sessionId: 0 } : void 0);
-    const call = (_b = view.snapshot) == null ? void 0 : _b.leg.call;
+    const call = (_c = view.snapshot) == null ? void 0 : _c.leg.call;
     const patch = { view, sessionLost: lost ? { originator: lost.originator, message: lost.message } : null };
+    if (this.connectionError && this.state.lastError === this.connectionError) patch.lastError = null;
+    this.connectionError = null;
     if (call && typeof call.muted === "boolean" && call.muted !== this.state.inputMuted && call.state !== "ended") patch.inputMuted = call.muted;
     this.setState(patch);
     for (const waiter of this.viewWaiters.splice(0)) {
+      if (this.state.wsState !== "open" || !this.state.tabId) {
+        this.viewWaiters.push(waiter);
+        continue;
+      }
       if (waiter.accept && !waiter.accept(view)) {
         this.viewWaiters.push(waiter);
         continue;
@@ -44014,6 +44066,10 @@ class EngineClient {
    * (é assim que um login novo substitui a sessão de outro navegador).
    */
   setSession(session) {
+    if (this.pendingLogoffToken !== void 0) {
+      this.pendingCommands = this.pendingCommands.filter((entry) => entry.command.name !== "logoff");
+      this.rejectWaiters(new EngineAccessError("session-changed", "Uma sessão nova substituiu o pedido de saída anterior."));
+    }
     this.session = session;
     this.setState({ rejected: null, sessionLost: null });
     if (this.ws && this.ws.readyState === WebSocket.OPEN) {
@@ -44042,8 +44098,38 @@ class EngineClient {
   release() {
     this.send({ type: "release" });
   }
+  /** Só confirma a saída quando o host terminou o encerramento do SDK e da sessão. */
+  async logoff(timeoutMs = 4e4) {
+    var _a2, _b;
+    if (this.state.rejected) throw new EngineAccessError(this.state.rejected.code, this.state.rejected.message);
+    this.session = null;
+    this.pendingCommands = [];
+    this.pendingLogoffToken = (_b = (_a2 = this.options).sessionToken) == null ? void 0 : _b.call(_a2);
+    const command = { name: "logoff" };
+    let acknowledged = false;
+    const confirmation = this.waitForView(timeoutMs, (view) => {
+      if (view.loggingOff) {
+        acknowledged = true;
+        return false;
+      }
+      return view.engine === "stopped" || view.engine === "crashed" || acknowledged && Boolean(view.logoffError);
+    }, { fresh: true });
+    this.command(command);
+    try {
+      const view = await confirmation;
+      if (view.logoffError) throw new Error(view.logoffError);
+      if (!acknowledged || view.engine !== "stopped") throw new Error("O motor parou sem confirmar o encerramento da sessão no Callix.");
+    } catch (error2) {
+      if (error2 instanceof EngineAccessError) throw error2;
+      throw new Error(error2 instanceof Error && error2.message !== "o motor não respondeu" ? error2.message : "O motor não confirmou o encerramento da sessão.");
+    } finally {
+      this.pendingCommands = this.pendingCommands.filter((entry) => entry.command !== command);
+      this.pendingLogoffToken = void 0;
+    }
+  }
   command(command) {
     if (this.ws && this.ws.readyState === WebSocket.OPEN && this.state.tabId) {
+      this.setState({ lastError: null });
       this.send({ type: "command", command });
       this.log(`comando: ${command.name}${command.phone ? ` ${command.phone}` : ""}`);
       return;
@@ -44051,7 +44137,8 @@ class EngineClient {
     this.pendingCommands.push({ command, at: Date.now() });
     if (this.pendingCommands.length > PENDING_COMMANDS_MAX) this.pendingCommands.shift();
     this.log(`comando: ${command.name} guardado até a conexão com o motor voltar`);
-    this.setState({ lastError: "Sem conexão com o motor neste momento; o comando será enviado assim que ela voltar." });
+    this.connectionError = "Sem conexão com o motor neste momento; o comando será enviado assim que ela voltar.";
+    this.setState({ lastError: this.connectionError });
     this.connect();
   }
   /** manda os comandos guardados que ainda fazem sentido (os velhos poderiam atingir outra chamada) */
@@ -44313,13 +44400,13 @@ class EngineCall {
     return Math.max(0, Math.floor((Date.now() - from) / 1e3));
   }
   answer() {
-    this.client.command({ name: "answer" });
+    engineCommand(this.client, { name: "answer" });
   }
   reject() {
-    this.client.command({ name: "reject" });
+    engineCommand(this.client, { name: "reject" });
   }
   hangup() {
-    this.client.command({ name: "hangup" });
+    engineCommand(this.client, { name: "hangup" });
   }
   isOnHold() {
     return { local: false, remote: false };
@@ -44338,7 +44425,7 @@ class EngineCall {
     this.client.setInputMuted(false);
   }
   sendDtmf(tones) {
-    this.client.command({ name: "dtmf", tones });
+    engineCommand(this.client, { name: "dtmf", tones });
   }
   on(event, listener) {
     let set = this.listeners.get(event);
@@ -44374,10 +44461,12 @@ class EngineCall {
   }
 }
 function operatorStateFromView(view, call) {
-  var _a2, _b, _c;
+  var _a2, _b, _c, _d, _e;
   if (!view) return void 0;
-  if (((_a2 = view.sessionLost) == null ? void 0 : _a2.originator) === "anotherDevice") return { state: "startupError", error: "userIsAlreadyConnectedOnAnotherDevice" };
-  const leg = (_b = view.snapshot) == null ? void 0 : _b.leg;
+  if (view.logoffError || ((_a2 = view.snapshot) == null ? void 0 : _a2.leg.logoffError)) return { state: "startupError", error: "unknownError" };
+  if (view.loggingOff || ((_b = view.snapshot) == null ? void 0 : _b.leg.loggingOff)) return { state: "starting" };
+  if (((_c = view.sessionLost) == null ? void 0 : _c.originator) === "anotherDevice") return { state: "startupError", error: "userIsAlreadyConnectedOnAnotherDevice" };
+  const leg = (_d = view.snapshot) == null ? void 0 : _d.leg;
   if (!leg) {
     if (view.engine === "starting") return { state: "starting" };
     if (view.engine === "running") return { state: "starting" };
@@ -44392,7 +44481,7 @@ function operatorStateFromView(view, call) {
     case "ringing":
       return { state: "callRinging", call: asCall };
     case "dialing":
-      return ((_c = leg.call) == null ? void 0 : _c.state) === "ringing" ? { state: "manualCallRinging", call: asCall } : { state: "manualCallSetup", call: asCall };
+      return ((_e = leg.call) == null ? void 0 : _e.state) === "ringing" ? { state: "manualCallRinging", call: asCall } : { state: "manualCallSetup", call: asCall };
     case "inCall":
       return { state: "callInProgress", call: asCall };
     case "afterCall":
@@ -44405,6 +44494,30 @@ function operatorStateFromView(view, call) {
       return { state: "startupError", error: "unknownError" };
   }
 }
+function operatorStateFromClientState(state, call) {
+  if (state.wsState !== "open" || !state.tabId || !state.view) return { state: "starting" };
+  if (state.rejected) return { state: "startupError", error: "unknownError" };
+  return operatorStateFromView(state.view, call);
+}
+function assertEngineCommand(client2, allowDisconnected = false) {
+  var _a2, _b, _c, _d;
+  const state = client2.getState();
+  const view = state.view;
+  const error2 = ((_a2 = state.rejected) == null ? void 0 : _a2.message) ?? ((_b = state.sessionLost) == null ? void 0 : _b.message) ?? (view == null ? void 0 : view.logoffError) ?? ((_c = view == null ? void 0 : view.snapshot) == null ? void 0 : _c.leg.logoffError);
+  if (error2) throw new Error(error2);
+  if ((view == null ? void 0 : view.loggingOff) || ((_d = view == null ? void 0 : view.snapshot) == null ? void 0 : _d.leg.loggingOff)) throw new Error("Aguarde o encerramento da sessão antes de usar o discador.");
+  if (state.wsState !== "open" || !state.tabId || !view) {
+    if (allowDisconnected) return;
+    throw new Error("Sem conexão com o motor. Aguarde a reconexão antes de usar o discador.");
+  }
+  if (view.engine !== "running" || !view.snapshot || view.snapshot.leg.status === "offline" || view.snapshot.leg.status === "error" || view.snapshot.leg.status === "starting") {
+    throw new Error("O atendimento ainda não está conectado ao Callix. Aguarde antes de usar o discador.");
+  }
+}
+function engineCommand(client2, command) {
+  assertEngineCommand(client2, command.name === "hangup");
+  client2.command(command);
+}
 function callInfoFromView(view) {
   var _a2;
   const leg = (_a2 = view == null ? void 0 : view.snapshot) == null ? void 0 : _a2.leg;
@@ -44436,9 +44549,9 @@ function callInfoFromView(view) {
   return { type: "manual", info: { successQualifications, discardQualifications } };
 }
 function useEngineCall(client2) {
-  var _a2, _b;
+  var _a2, _b, _c, _d, _e, _f, _g, _h;
   const state = useEngineState(client2);
-  const snapshot = ((_b = (_a2 = state.view) == null ? void 0 : _a2.snapshot) == null ? void 0 : _b.leg.call) ?? null;
+  const snapshot = state.wsState === "open" && state.tabId && !((_a2 = state.view) == null ? void 0 : _a2.logoffError) && !((_b = state.view) == null ? void 0 : _b.loggingOff) && !((_d = (_c = state.view) == null ? void 0 : _c.snapshot) == null ? void 0 : _d.leg.logoffError) && !((_f = (_e = state.view) == null ? void 0 : _e.snapshot) == null ? void 0 : _f.leg.loggingOff) ? ((_h = (_g = state.view) == null ? void 0 : _g.snapshot) == null ? void 0 : _h.leg.call) ?? null : null;
   const ref = useRef(null);
   if (!snapshot || snapshot.state === "ended") {
     ref.current = null;
@@ -44452,7 +44565,7 @@ function useEngineCall(client2) {
 function useEngineOperatorState(client2) {
   const state = useEngineState(client2);
   const call = useEngineCall(client2);
-  return useMemo(() => operatorStateFromView(state.view, call), [state.view, call]);
+  return useMemo(() => operatorStateFromClientState(state, call), [state, call]);
 }
 function useEngineCurrentCall(client2) {
   const call = useEngineCall(client2);
@@ -44477,15 +44590,16 @@ function useEngineControls(client2) {
     () => ({
       becomeAvailable: () => {
         var _a2, _b;
+        assertEngineCommand(client2);
         const status = (_b = (_a2 = client2.getState().view) == null ? void 0 : _a2.snapshot) == null ? void 0 : _b.leg.status;
-        if (status === "onBreak") client2.command({ name: "resume" });
+        if (status === "onBreak") engineCommand(client2, { name: "resume" });
       },
       goOffline: () => void 0,
-      enterOnBreak: (breakId) => client2.command(pauseCommand(breakId)),
-      makeManualCall: (phoneNumber) => client2.command({ name: "dial", phone: phoneNumber }),
+      enterOnBreak: (breakId) => engineCommand(client2, pauseCommand(breakId)),
+      makeManualCall: (phoneNumber) => engineCommand(client2, { name: "dial", phone: phoneNumber }),
       finishAfterCall: (data) => {
-        if (typeof data.qualificationId === "number") client2.command({ name: "qualify", qualificationId: data.qualificationId, result: data.result === "failure" ? "discard" : "success" });
-        else client2.command({ name: "finish" });
+        if (typeof data.qualificationId === "number") engineCommand(client2, { name: "qualify", qualificationId: data.qualificationId, result: data.result === "failure" ? "discard" : "success" });
+        else engineCommand(client2, { name: "finish" });
       }
     }),
     [client2]
@@ -44494,9 +44608,9 @@ function useEngineControls(client2) {
 function useEngineCurrentCallControls(client2) {
   return useMemo(
     () => ({
-      answer: () => client2.command({ name: "answer" }),
-      reject: () => client2.command({ name: "reject" }),
-      hangup: () => client2.command({ name: "hangup" }),
+      answer: () => engineCommand(client2, { name: "answer" }),
+      reject: () => engineCommand(client2, { name: "reject" }),
+      hangup: () => engineCommand(client2, { name: "hangup" }),
       isOnHold: () => ({ local: false, remote: false }),
       hold: async () => void 0,
       unhold: async () => void 0,
@@ -44549,13 +44663,14 @@ function engineOperator(client2) {
       goOffline: () => void 0,
       becomeAvailable: () => {
         var _a2, _b;
-        if (((_b = (_a2 = client2.getState().view) == null ? void 0 : _a2.snapshot) == null ? void 0 : _b.leg.status) === "onBreak") client2.command({ name: "resume" });
+        assertEngineCommand(client2);
+        if (((_b = (_a2 = client2.getState().view) == null ? void 0 : _a2.snapshot) == null ? void 0 : _b.leg.status) === "onBreak") engineCommand(client2, { name: "resume" });
       },
-      enterOnBreak: (breakId) => client2.command(pauseCommand(breakId)),
-      makeManualCall: (phoneNumber) => client2.command({ name: "dial", phone: phoneNumber }),
+      enterOnBreak: (breakId) => engineCommand(client2, pauseCommand(breakId)),
+      makeManualCall: (phoneNumber) => engineCommand(client2, { name: "dial", phone: phoneNumber }),
       finishAfterCall: (data) => {
-        if (typeof data.qualificationId === "number") client2.command({ name: "qualify", qualificationId: data.qualificationId, result: data.result === "failure" ? "discard" : "success" });
-        else client2.command({ name: "finish" });
+        if (typeof data.qualificationId === "number") engineCommand(client2, { name: "qualify", qualificationId: data.qualificationId, result: data.result === "failure" ? "discard" : "success" });
+        else engineCommand(client2, { name: "finish" });
       }
     };
     operators.set(client2, operator);
@@ -57829,8 +57944,14 @@ function LiveCaptionPanelInner({ client: client2, maxLines }) {
   ] });
 }
 function useDialerNotices(options = {}) {
+  var _a2, _b, _c;
   const operatorState = useCallOperatorState();
   const currentCall = useCallOperatorCurrentCall();
+  const engine = useEngineClient();
+  const subscribeEngine = useCallback((listener) => engine ? engine.subscribe(listener) : () => {
+  }, [engine]);
+  const readEngine = useCallback(() => (engine == null ? void 0 : engine.getState()) ?? null, [engine]);
+  const engineState = useSyncExternalStore(subscribeEngine, readEngine, readEngine);
   const [deviceIssue, setDeviceIssue] = useState(null);
   const [sessionDrop, setSessionDrop] = useState(null);
   const [callFailure, setCallFailure] = useState(null);
@@ -57843,7 +57964,7 @@ function useDialerNotices(options = {}) {
     setDeviceIssue(issue);
   }, [options.checkDevices]);
   useEffect(() => {
-    var _a2;
+    var _a3;
     if (options.checkDevices === false) return;
     let cancelled = false;
     const run = async () => {
@@ -57853,11 +57974,11 @@ function useDialerNotices(options = {}) {
     void run();
     const mediaDevices = typeof navigator !== "undefined" ? navigator.mediaDevices : void 0;
     const handler = () => void run();
-    (_a2 = mediaDevices == null ? void 0 : mediaDevices.addEventListener) == null ? void 0 : _a2.call(mediaDevices, "devicechange", handler);
+    (_a3 = mediaDevices == null ? void 0 : mediaDevices.addEventListener) == null ? void 0 : _a3.call(mediaDevices, "devicechange", handler);
     return () => {
-      var _a3;
+      var _a4;
       cancelled = true;
-      (_a3 = mediaDevices == null ? void 0 : mediaDevices.removeEventListener) == null ? void 0 : _a3.call(mediaDevices, "devicechange", handler);
+      (_a4 = mediaDevices == null ? void 0 : mediaDevices.removeEventListener) == null ? void 0 : _a4.call(mediaDevices, "devicechange", handler);
     };
   }, [options.checkDevices]);
   useCallOperatorEventListener("userSessionDropped", (data) => {
@@ -57866,8 +57987,8 @@ function useDialerNotices(options = {}) {
   useEffect(() => {
     if (!(currentCall == null ? void 0 : currentCall.on)) return;
     const handleFailed = (event) => {
-      var _a2;
-      const failure = (event == null ? void 0 : event.failure) ?? ((_a2 = currentCall.toCallData) == null ? void 0 : _a2.call(currentCall).failure) ?? null;
+      var _a3;
+      const failure = (event == null ? void 0 : event.failure) ?? ((_a3 = currentCall.toCallData) == null ? void 0 : _a3.call(currentCall).failure) ?? null;
       setCallFailure(failure ?? { cause: null });
       setDismissedCode(null);
       if (failureTimer.current) clearTimeout(failureTimer.current);
@@ -57875,14 +57996,14 @@ function useDialerNotices(options = {}) {
     };
     currentCall.on("failed", handleFailed);
     return () => {
-      var _a2;
-      (_a2 = currentCall.off) == null ? void 0 : _a2.call(currentCall, "failed", handleFailed);
+      var _a3;
+      (_a3 = currentCall.off) == null ? void 0 : _a3.call(currentCall, "failed", handleFailed);
     };
   }, [currentCall, ttl]);
   useEffect(() => {
-    var _a2, _b;
+    var _a3, _b2;
     if ((operatorState == null ? void 0 : operatorState.state) !== "manualCallFailed") return;
-    const failure = ((_b = (_a2 = operatorState.call) == null ? void 0 : _a2.toCallData) == null ? void 0 : _b.call(_a2).failure) ?? null;
+    const failure = ((_b2 = (_a3 = operatorState.call) == null ? void 0 : _a3.toCallData) == null ? void 0 : _b2.call(_a3).failure) ?? null;
     setCallFailure((current) => current ?? failure ?? { cause: null });
     setDismissedCode(null);
   }, [operatorState]);
@@ -57895,13 +58016,26 @@ function useDialerNotices(options = {}) {
   useEffect(() => () => {
     if (failureTimer.current) clearTimeout(failureTimer.current);
   }, []);
-  const notice = pickNotice({
+  let notice = pickNotice({
     deviceIssue,
     operatorState: (operatorState == null ? void 0 : operatorState.state) ?? null,
     startupError: (operatorState == null ? void 0 : operatorState.state) === "startupError" ? operatorState.error ?? null : null,
     sessionDrop,
     callFailure
   });
+  const logoffError = ((_a2 = engineState == null ? void 0 : engineState.view) == null ? void 0 : _a2.logoffError) ?? ((_c = (_b = engineState == null ? void 0 : engineState.view) == null ? void 0 : _b.snapshot) == null ? void 0 : _c.leg.logoffError);
+  const reconnecting = Boolean(engineState && (engineState.wsState !== "open" || !engineState.tabId));
+  const engineError = logoffError ?? (engineState == null ? void 0 : engineState.lastError);
+  if (engineState && !sessionDrop && (engineError || reconnecting)) {
+    notice = {
+      level: "error",
+      source: "offline",
+      title: logoffError ? "Saída não concluída" : reconnecting ? "Reconectando ao discador" : "Comando não concluído",
+      detail: engineError || "Aguardando a conexão e o estado atual do motor.",
+      action: logoffError ? "Clique em Sair novamente para concluir o encerramento da sessão." : reconnecting ? "Aguarde a conexão voltar antes de ligar." : "Confira o estado do discador e tente novamente.",
+      code: logoffError ? "engine:logoff" : reconnecting ? "engine:reconnecting" : "engine:command"
+    };
+  }
   const visible = notice && notice.code !== dismissedCode ? notice : null;
   const dismiss = useCallback(() => {
     if (!notice) return;
@@ -58735,7 +58869,7 @@ function AuthenticatedMobileDialer({
   showClientInfoModal = false,
   density
 }) {
-  var _a2, _b, _c, _d, _e, _f;
+  var _a2, _b, _c, _d, _e;
   const { skipManualQualification } = useDialerConfig();
   const [dialValue, setDialValue] = useState("");
   const [activeScreen, setActiveScreen] = useState("dialer");
@@ -58749,7 +58883,6 @@ function AuthenticatedMobileDialer({
   const [isClientInfoModalOpen, setIsClientInfoModalOpen] = useState(false);
   const [isDebugPanelOpen, setIsDebugPanelOpen] = useState(false);
   useDebugLogger();
-  const [currentBreakName, setCurrentBreakName] = useState(null);
   const [pauseStartTime, setPauseStartTime] = useState(null);
   const [pauseDurationSeconds, setPauseDurationSeconds] = useState(0);
   const [contactData, setContactData] = useState({
@@ -58785,6 +58918,10 @@ function AuthenticatedMobileDialer({
   const breaks = useSignal(operator == null ? void 0 : operator.breaks) || [];
   const userData = useSignal(operator == null ? void 0 : operator.user);
   const isOnBreak = (operatorState == null ? void 0 : operatorState.state) === "onBreak";
+  const activeBreak = (operatorState == null ? void 0 : operatorState.state) === "onBreak" ? operatorState.break : void 0;
+  const activeBreakId = activeBreak == null ? void 0 : activeBreak.id;
+  const hasConfirmedPauseState = isOnBreak || ["idle", "manualCallSetup", "manualCallRinging", "manualCallFailed", "callRinging", "callInProgress", "afterCall"].includes((operatorState == null ? void 0 : operatorState.state) ?? "");
+  const previousBreakRef = useRef({ isOnBreak, id: activeBreakId, confirmed: hasConfirmedPauseState });
   const [inputMuted, setInputMuted] = useCallOperatorAudioInputMuted();
   const haptic = useHaptic();
   const dtmf = useDTMF({ enabled: true });
@@ -58884,8 +59021,12 @@ function AuthenticatedMobileDialer({
   const INITIAL_BREAK_ID = 5;
   const INITIAL_BREAK_NAME = "Reunião";
   const callState = operatorState == null ? void 0 : operatorState.state;
-  const hasEnteredInitialBreakRef = useRef(false);
+  const hasEnteredInitialBreakRef = useRef(isOnBreak);
   useEffect(() => {
+    if (isOnBreak) {
+      hasEnteredInitialBreakRef.current = true;
+      return;
+    }
     if (breaks.length === 0 || callState !== "idle" || hasEnteredInitialBreakRef.current || isOnBreak) {
       return;
     }
@@ -58898,10 +59039,8 @@ function AuthenticatedMobileDialer({
     );
     if (reuniaoBreak) {
       console.log("[MobileDialer] Operador conectado (idle), entrando em pausa inicial:", reuniaoBreak.name);
-      Promise.resolve(goOnBreak(reuniaoBreak.id)).then(() => {
-        console.log("[MobileDialer] Pausa inicial aplicada com sucesso:", reuniaoBreak.name);
-        setCurrentBreakName(reuniaoBreak.name);
-        setPauseStartTime(Date.now());
+      Promise.resolve().then(() => goOnBreak(reuniaoBreak.id)).then(() => {
+        console.log("[MobileDialer] Pausa inicial solicitada:", reuniaoBreak.name);
       }).catch((err) => {
         console.error("[MobileDialer] Falha ao entrar em pausa:", err);
         hasEnteredInitialBreakRef.current = false;
@@ -58909,10 +59048,8 @@ function AuthenticatedMobileDialer({
     } else {
       const firstBreak = breaks[0];
       console.log('[MobileDialer] Pausa "Reunião" não encontrada, usando:', firstBreak.name);
-      Promise.resolve(goOnBreak(firstBreak.id)).then(() => {
-        console.log("[MobileDialer] Pausa inicial aplicada com sucesso:", firstBreak.name);
-        setCurrentBreakName(firstBreak.name);
-        setPauseStartTime(Date.now());
+      Promise.resolve().then(() => goOnBreak(firstBreak.id)).then(() => {
+        console.log("[MobileDialer] Pausa inicial solicitada:", firstBreak.name);
       }).catch((err) => {
         console.error("[MobileDialer] Falha ao entrar em pausa:", err);
         hasEnteredInitialBreakRef.current = false;
@@ -58994,7 +59131,8 @@ function AuthenticatedMobileDialer({
   const { notice: dialerNotice, dismiss: dismissDialerNotice, recheckDevices } = useDialerNotices();
   const [noticeHeight, setNoticeHeight] = useState(0);
   const isError = callStateStr === "startupError" || callStateStr === "offline" || (dialerNotice == null ? void 0 : dialerNotice.source) === "device" || (dialerNotice == null ? void 0 : dialerNotice.source) === "session";
-  const isIdle = !callStateStr || callStateStr === "starting" || callStateStr === "idle" || callStateStr === "manualCallSetup" || callStateStr === "onBreak";
+  const isReconnecting = !callStateStr || callStateStr === "starting";
+  const isIdle = callStateStr === "idle" || callStateStr === "onBreak";
   const isConnecting = callState === "manualCallSetup" || callState === "manualCallRinging" || callState === "callRinging";
   const isInCall = callState === "callInProgress";
   const isAfterCall = callState === "afterCall";
@@ -59027,22 +59165,32 @@ function AuthenticatedMobileDialer({
     return () => clearInterval(interval);
   }, [isInCall]);
   useEffect(() => {
-    if (!isOnBreak || !pauseStartTime) {
+    const previous = previousBreakRef.current;
+    if (!hasConfirmedPauseState) {
+      previousBreakRef.current = { ...previous, confirmed: false };
       return;
     }
-    const interval = setInterval(() => {
-      const elapsed = Math.floor((Date.now() - pauseStartTime) / 1e3);
-      setPauseDurationSeconds(elapsed);
-    }, 1e3);
-    return () => clearInterval(interval);
-  }, [isOnBreak, pauseStartTime]);
-  useEffect(() => {
-    if (!isOnBreak && currentBreakName) {
-      setCurrentBreakName(null);
+    previousBreakRef.current = { isOnBreak, id: activeBreakId, confirmed: true };
+    if (!isOnBreak) {
       setPauseStartTime(null);
       setPauseDurationSeconds(0);
+    } else if (previous.confirmed && !previous.isOnBreak || previous.isOnBreak && previous.id !== activeBreakId) {
+      setPauseStartTime(Date.now());
+      setPauseDurationSeconds(0);
     }
-  }, [isOnBreak, currentBreakName]);
+  }, [isOnBreak, activeBreakId, hasConfirmedPauseState]);
+  useEffect(() => {
+    if (!isOnBreak || pauseStartTime === null) {
+      return;
+    }
+    const update2 = () => {
+      const elapsed = Math.max(0, Math.floor((Date.now() - pauseStartTime) / 1e3));
+      setPauseDurationSeconds(elapsed);
+    };
+    update2();
+    const interval = setInterval(update2, 1e3);
+    return () => clearInterval(interval);
+  }, [isOnBreak, pauseStartTime]);
   useEffect(() => {
     const onClickToCall = (event) => {
       const task = event.detail;
@@ -59168,6 +59316,7 @@ function AuthenticatedMobileDialer({
     setDialValue((prev) => prev.slice(0, -1));
   }, [haptic]);
   const handleCall = useCallback(async () => {
+    if (!isIdle) return;
     console.log("[MobileDialer] handleCall triggered, dialValue:", dialValue);
     addLog("event", "Call", "📞 Iniciando chamada manual", { dialValue });
     const sanitized = sanitizeInput(dialValue);
@@ -59200,7 +59349,7 @@ function AuthenticatedMobileDialer({
       setCallError("Erro ao iniciar chamada.");
       haptic.notificationError();
     }
-  }, [dialValue, makeManualCall, sanitizeInput, haptic]);
+  }, [dialValue, makeManualCall, sanitizeInput, haptic, isIdle]);
   const handleHangup = useCallback(async () => {
     if (!hangup) return;
     addLog("event", "Call", "📴 Encerrando chamada");
@@ -59372,28 +59521,21 @@ function AuthenticatedMobileDialer({
     async (breakId) => {
       if (!goOnBreak) return;
       try {
-        const selectedBreak = breaks.find((b) => b.id === breakId);
         await goOnBreak(breakId);
         haptic.notificationSuccess();
-        setCurrentBreakName((selectedBreak == null ? void 0 : selectedBreak.name) ?? "Em pausa");
-        setPauseStartTime(Date.now());
-        setPauseDurationSeconds(0);
         setIsPauseModalOpen(false);
       } catch (error2) {
         console.error("Erro ao entrar em pausa", error2);
         haptic.notificationError();
       }
     },
-    [goOnBreak, breaks, haptic]
+    [goOnBreak, haptic]
   );
   const handleGoOffBreak = useCallback(async () => {
     if (!goOffBreak) return;
     try {
       await goOffBreak();
       haptic.notificationSuccess();
-      setCurrentBreakName(null);
-      setPauseStartTime(null);
-      setPauseDurationSeconds(0);
       setIsPauseModalOpen(false);
     } catch (error2) {
       console.error("Erro ao sair de pausa", error2);
@@ -59439,6 +59581,7 @@ function AuthenticatedMobileDialer({
     return activeCallNumber ? formatPhoneForDisplay(activeCallNumber) : "(--) ----- ----";
   }, [callInfo, formattedDial, activeCallNumber]);
   const callStatusLabel = useMemo(() => {
+    if (isReconnecting) return "Conectando...";
     if (isConnecting) return "Ligando...";
     if (isInCall) return "Em chamada";
     if (isAfterCall) return "Encerrando...";
@@ -59446,19 +59589,22 @@ function AuthenticatedMobileDialer({
     if (isError) return (dialerNotice == null ? void 0 : dialerNotice.title) ?? "Erro de conexão";
     if (isOnBreak) return "Em pausa";
     return "Disponível";
-  }, [callStateStr, dialerNotice, isAfterCall, isConnecting, isError, isInCall, isOnBreak]);
+  }, [callStateStr, dialerNotice, isAfterCall, isConnecting, isError, isInCall, isOnBreak, isReconnecting]);
   const statusBadgeClass = useMemo(() => {
+    if (isReconnecting) return "connecting";
     if (isError) return "error";
     if (isOnBreak) return "paused";
     return "available";
-  }, [isError, isOnBreak]);
-  const activeBreakName = (operatorState == null ? void 0 : operatorState.state) === "onBreak" ? (_b = operatorState.break) == null ? void 0 : _b.name : void 0;
+  }, [isError, isOnBreak, isReconnecting]);
+  const activeBreakName = activeBreak == null ? void 0 : activeBreak.name;
   const statusBadgeText = useMemo(() => {
+    if (isReconnecting) return "Conectando";
     if (isError) return (dialerNotice == null ? void 0 : dialerNotice.source) === "device" ? dialerNotice.title : "Erro";
-    if (isOnBreak) return currentBreakName || activeBreakName || "Em pausa";
+    if (isOnBreak) return activeBreakName || "Em pausa";
     return "Disponível";
-  }, [dialerNotice, isError, isOnBreak, currentBreakName, activeBreakName]);
+  }, [dialerNotice, isError, isOnBreak, activeBreakName, isReconnecting]);
   const pauseDurationLabel = useMemo(() => {
+    if (pauseStartTime === null) return "--:--";
     const hours = Math.floor(pauseDurationSeconds / 3600);
     const minutes = Math.floor(pauseDurationSeconds % 3600 / 60).toString().padStart(2, "0");
     const seconds = (pauseDurationSeconds % 60).toString().padStart(2, "0");
@@ -59466,7 +59612,7 @@ function AuthenticatedMobileDialer({
       return `${hours}:${minutes}:${seconds}`;
     }
     return `${minutes}:${seconds}`;
-  }, [pauseDurationSeconds]);
+  }, [pauseDurationSeconds, pauseStartTime]);
   const callDurationLabel = useMemo(() => {
     const m = Math.floor(callDurationSeconds / 60).toString().padStart(2, "0");
     const s = (callDurationSeconds % 60).toString().padStart(2, "0");
@@ -59507,7 +59653,7 @@ function AuthenticatedMobileDialer({
           isOnBreak ? /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "resume-btn", id: "resumeBtn", onClick: handleGoOffBreak, children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-play" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Voltar" })
-          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "pause-btn", id: "pauseBtn", onClick: () => setIsPauseModalOpen(true), children: [
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "pause-btn", id: "pauseBtn", disabled: isReconnecting || callStateStr === "offline" || callStateStr === "startupError", onClick: () => setIsPauseModalOpen(true), children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-pause" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Pausa" })
           ] }),
@@ -59595,15 +59741,15 @@ function AuthenticatedMobileDialer({
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "client-card-header", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-user-circle client-avatar" }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "client-main-info", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-name", id: "clientName", children: findValue(contactData.finalData, ["DECISOR", "NOME", "CLIENTE", "PROSPECT"]) ?? ((_c = callInfo.info.campaignContact) == null ? void 0 : _c.label) ?? "--" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-company", id: "clientCompany", children: findValue(contactData.finalData, ["EMPRESA", "RAZAO SOCIAL", "RAZÃO SOCIAL", "RAZAO_SOCIAL"]) ?? ((_d = callInfo.info.campaign) == null ? void 0 : _d.name) ?? "--" })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-name", id: "clientName", children: findValue(contactData.finalData, ["DECISOR", "NOME", "CLIENTE", "PROSPECT"]) ?? ((_b = callInfo.info.campaignContact) == null ? void 0 : _b.label) ?? "--" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-company", id: "clientCompany", children: findValue(contactData.finalData, ["EMPRESA", "RAZAO SOCIAL", "RAZÃO SOCIAL", "RAZAO_SOCIAL"]) ?? ((_c = callInfo.info.campaign) == null ? void 0 : _c.name) ?? "--" })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "client-card-divider" }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "client-info-list", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "client-info-row", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-info-label", children: "Socio" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-info-value", children: findValue(contactData.finalData, ["SOCIO", "PROSPECT", "DECISOR", "NOME", "CLIENTE"]) ?? ((_e = callInfo.info.campaignContact) == null ? void 0 : _e.label) ?? "--" })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-info-value", children: findValue(contactData.finalData, ["SOCIO", "PROSPECT", "DECISOR", "NOME", "CLIENTE"]) ?? ((_d = callInfo.info.campaignContact) == null ? void 0 : _d.label) ?? "--" })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "client-info-row", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "client-info-label", children: "Empresa" }),
@@ -59800,7 +59946,7 @@ function AuthenticatedMobileDialer({
       {
         isOpen: isClientInfoModalOpen,
         campaignCallInfo,
-        campaignContactPhoneId: ((_f = currentCall == null ? void 0 : currentCall.data) == null ? void 0 : _f.campaignContactPhoneId) ?? null,
+        campaignContactPhoneId: ((_e = currentCall == null ? void 0 : currentCall.data) == null ? void 0 : _e.campaignContactPhoneId) ?? null,
         callDuration: callDurationSeconds,
         isCallActive: isInCall || isConnecting,
         onClose: () => setIsClientInfoModalOpen(false)
@@ -60362,6 +60508,27 @@ function AuthenticatedMiniDialer({
     )
   ] });
 }
+async function endUserSdkSession(apiUrl, token, timeoutMs = 2e4) {
+  const controller = new AbortController();
+  const timer = setTimeout(() => controller.abort(), timeoutMs);
+  try {
+    const response = await fetch(apiUrl, {
+      method: "DELETE",
+      headers: { Authorization: `Bearer ${token}`, "x-session-token": token },
+      credentials: "same-origin",
+      signal: controller.signal
+    });
+    const data = await response.json().catch(() => null);
+    if (!response.ok || (data == null ? void 0 : data.success) === false) {
+      throw new Error((data == null ? void 0 : data.error) || `O Callix não confirmou o encerramento da sessão (${response.status}).`);
+    }
+  } catch (error2) {
+    if (controller.signal.aborted) throw new Error("O Callix não respondeu ao pedido de encerramento da sessão.");
+    throw error2;
+  } finally {
+    clearTimeout(timer);
+  }
+}
 const PROBE_TIMEOUT_MS = 600;
 const TAKEOVER_GRACE_MS = 3e3;
 const TAKEOVER_JITTER_MS = 600;
@@ -60814,7 +60981,7 @@ function ClickToCallAgent({ enabled = true, pollIntervalMs, sessionToken, onTask
   }, [enabled, pollIntervalMs, sessionToken]);
   return null;
 }
-const WIDGET_VERSION = "2.8.3";
+const WIDGET_VERSION = "2.8.5";
 let currentSipWebSocket = null;
 function sendSipUnregisterIfPossible(ws) {
   if (ws.readyState !== WebSocket.OPEN) return;
@@ -61172,6 +61339,7 @@ function DialerWrapper({ options, containerEl }) {
   const [tabDecided, setTabDecided] = useState(false);
   const [tabNote, setTabNote] = useState(null);
   const [engineWaiting, setEngineWaiting] = useState(false);
+  const [engineError, setEngineError] = useState(null);
   const busRef = useRef(null);
   const takeoverTimerRef = useRef(null);
   const isAuthenticatedRef = useRef(false);
@@ -61179,6 +61347,8 @@ function DialerWrapper({ options, containerEl }) {
   const isLoadingRef = useRef(false);
   isLoadingRef.current = isLoading;
   const logoffPendingRef = useRef(false);
+  const logoutInFlightRef = useRef(null);
+  const logoutRetryRef = useRef(false);
   const handleLoginRef = useRef(async () => void 0);
   const handleLogoutRef = useRef(async () => void 0);
   const cancelTakeover = useCallback(() => {
@@ -61223,6 +61393,7 @@ function DialerWrapper({ options, containerEl }) {
         log: (message) => console.log("[Callix Dialer/motor]", message)
       });
       client2.onSessionLost((lost) => {
+        if (logoffPendingRef.current) return;
         const notice = describeSessionDrop(lost.originator);
         setError(`${notice.title}: ${notice.detail}${notice.action ? ` ${notice.action}` : ""}`);
         setIsAuthenticated(false);
@@ -61321,6 +61492,7 @@ function DialerWrapper({ options, containerEl }) {
     [options.domain, options.apiUrl]
   );
   const enterEngine = useCallback(async (user, domain, token) => {
+    var _a2, _b, _c, _d;
     if (token) {
       const skip = await fetchSkipQualification(domain, token);
       if (skip !== null) {
@@ -61331,6 +61503,16 @@ function DialerWrapper({ options, containerEl }) {
         }
       }
     }
+    const engineState = (_a2 = engineRef.current) == null ? void 0 : _a2.getState();
+    if (!engineState || engineState.wsState !== "open" || !engineState.tabId || !engineState.view || engineState.rejected) {
+      throw new Error("A conexão com o motor caiu. Aguarde a reconexão antes de entrar.");
+    }
+    if (engineState.view.engine !== "running" && engineState.view.engine !== "starting" || engineState.sessionLost || engineState.view.sessionLost) {
+      throw new Error("A sessão do motor foi encerrada durante a entrada. Entre novamente.");
+    }
+    if (engineState.view.logoffError || engineState.view.loggingOff || ((_b = engineState.view.snapshot) == null ? void 0 : _b.leg.logoffError) || ((_c = engineState.view.snapshot) == null ? void 0 : _c.leg.loggingOff)) {
+      throw new Error(engineState.view.logoffError || ((_d = engineState.view.snapshot) == null ? void 0 : _d.leg.logoffError) || "A sessão anterior ainda está sendo encerrada.");
+    }
     try {
       localStorage.setItem(LAST_USERNAME_KEY, user);
       if (token) {
@@ -61371,12 +61553,15 @@ function DialerWrapper({ options, containerEl }) {
     if (!engineMode || !username || isRestoringSession) return;
     const user = username;
     const client2 = ensureEngine(user);
-    setEngineWaiting(!client2.getState().view);
+    const initial = client2.getState();
+    setEngineWaiting(initial.wsState !== "open" || !initial.tabId || !initial.view);
     const fallback = setTimeout(() => setEngineWaiting(false), 15e3);
     let joining = false;
     let rejectedNote = false;
     const sync = () => {
-      const { view, sessionLost, rejected } = client2.getState();
+      var _a2;
+      const { view, sessionLost, rejected, wsState, tabId, lastError } = client2.getState();
+      setEngineError((view == null ? void 0 : view.logoffError) ?? ((_a2 = view == null ? void 0 : view.snapshot) == null ? void 0 : _a2.leg.logoffError) ?? lastError ?? null);
       if (!rejected && rejectedNote) {
         rejectedNote = false;
         setTabNote(null);
@@ -61394,11 +61579,10 @@ function DialerWrapper({ options, containerEl }) {
         setTabNote(rejected.message);
         return;
       }
-      if (!view) return;
+      if (wsState !== "open" || !tabId || !view) return;
       setEngineWaiting(false);
-      if (view.engine === "stopped" || view.engine === "crashed") logoffPendingRef.current = false;
       const hasSession = (view.engine === "running" || view.engine === "starting") && !sessionLost;
-      if (hasSession && !logoffPendingRef.current && !isAuthenticatedRef.current && !isLoadingRef.current && !joining) {
+      if (hasSession && !view.loggingOff && !view.logoffError && !logoffPendingRef.current && !isAuthenticatedRef.current && !isLoadingRef.current && !joining) {
         joining = true;
         console.log("[Callix Dialer] o motor já segura a sessão deste agente; entrando por aqui também");
         void joinEngine(user).finally(() => {
@@ -61567,6 +61751,11 @@ function DialerWrapper({ options, containerEl }) {
   }, [engineMode, tabRole, username]);
   const handleLogin = useCallback(async (user) => {
     var _a2, _b, _c, _d;
+    if (logoutInFlightRef.current) return;
+    if (logoutRetryRef.current) {
+      await handleLogoutRef.current({ broadcast: false });
+      if (logoutRetryRef.current) return;
+    }
     setIsLoading(true);
     setError(null);
     setLoginStatus("Preparando login...");
@@ -61585,6 +61774,9 @@ function DialerWrapper({ options, containerEl }) {
           console.log("[Callix Dialer] o motor recusou a credencial desta aba; fazendo login novo que substitui a sessão de lá");
         }
         const domain = engineDomain();
+        if ((view == null ? void 0 : view.loggingOff) || (view == null ? void 0 : view.logoffError) && (view.engine === "running" || view.engine === "starting")) {
+          throw new Error(view.logoffError || "A sessão anterior ainda está sendo encerrada. Aguarde antes de entrar novamente.");
+        }
         const engineHasSession = view !== null && (view.engine === "running" || view.engine === "starting") && !view.sessionLost;
         let token = null;
         if (engineHasSession) {
@@ -61800,54 +61992,116 @@ function DialerWrapper({ options, containerEl }) {
   useEffect(() => {
     handleLoginRef.current = handleLogin;
   }, [handleLogin]);
-  const handleLogout = useCallback(async (opts) => {
-    var _a2, _b;
+  const handleLogout = useCallback((opts) => {
+    if (logoutInFlightRef.current) return logoutInFlightRef.current;
     const broadcast = (opts == null ? void 0 : opts.broadcast) !== false;
     const keepDecision = (opts == null ? void 0 : opts.keepDecision) === true;
     const currentUsername = username;
+    const currentToken = sessionToken ?? (currentUsername ? readStoredToken(currentUsername) : null);
+    const ownsSdkSession = tabRoleRef.current === "leader" || isAuthenticatedRef.current;
     cancelTakeover();
-    if (options.engineUrl) {
-      if (isAuthenticatedRef.current) {
-        logoffPendingRef.current = true;
-        (_a2 = engineRef.current) == null ? void 0 : _a2.command({ name: "logoff" });
-      }
-    } else {
-      if (broadcast) (_b = busRef.current) == null ? void 0 : _b.post({ type: "logout" });
-      if (cleanupRef.current) {
-        console.log("[Callix Dialer] 📴 Logout: Chamando goOffline()...");
-        cleanupRef.current.goOffline();
-        await new Promise((resolve) => setTimeout(resolve, 500));
-        console.log("[Callix Dialer] 🛑 Logout: Chamando stop()...");
-        cleanupRef.current.stop();
-        await new Promise((resolve) => setTimeout(resolve, 500));
-      }
-      if (currentUsername) releaseLeader(currentUsername, tabIdRef.current);
-    }
-    setIsAuthenticated(false);
-    setSessionToken(null);
-    setCallixDomain(null);
+    setIsLoading(true);
+    isLoadingRef.current = true;
+    setLoginStatus("Encerrando sessão...");
     setError(null);
-    if (keepDecision) {
-      setTabRole("member");
-      if (currentUsername) saveTabRole(currentUsername, "member");
-      return;
-    }
-    setTabRole(null);
-    clearTabRole();
-    setUsername(presetUsername ?? null);
-    if (typeof window !== "undefined" && currentUsername) {
+    const run = async () => {
+      var _a2, _b;
       try {
-        const STORAGE_KEYS = getStorageKeys(currentUsername);
-        localStorage.removeItem(LAST_USERNAME_KEY);
-        localStorage.removeItem(STORAGE_KEYS.SESSION_TOKEN);
-        localStorage.removeItem(STORAGE_KEYS.DOMAIN);
-        localStorage.removeItem(STORAGE_KEYS.TIMESTAMP);
-        console.log("[Callix Dialer] Sessão removida do localStorage");
+        if (options.engineUrl) {
+          const client2 = engineRef.current;
+          const state = client2 == null ? void 0 : client2.getState();
+          if (!client2) throw new Error("Não há conexão com o motor para confirmar a saída.");
+          if (!(state == null ? void 0 : state.rejected) && !(state == null ? void 0 : state.sessionLost)) {
+            logoffPendingRef.current = true;
+            const finishStoppedSession = async () => {
+              if (!currentToken) throw new Error("O motor parou sem confirmar a saída e esta aba não tem o token da sessão.");
+              const stored = currentUsername ? readStoredToken(currentUsername) : null;
+              if (stored && stored !== currentToken) throw new EngineAccessError("session-changed", "Outra aba substituiu a sessão durante o encerramento.");
+              await endUserSdkSession(options.apiUrl || "/api/user-sdk-session", currentToken);
+            };
+            const isStopped = () => {
+              const view = client2.getState().view;
+              return (view == null ? void 0 : view.engine) === "stopped" || (view == null ? void 0 : view.engine) === "crashed";
+            };
+            if (isStopped()) {
+              await finishStoppedSession();
+            } else {
+              try {
+                await client2.logoff();
+              } catch (err) {
+                if (!isStopped()) throw err;
+                await finishStoppedSession();
+              }
+            }
+          }
+        } else {
+          if (broadcast) (_a2 = busRef.current) == null ? void 0 : _a2.post({ type: "logout" });
+          if (cleanupRef.current) {
+            cleanupRef.current.goOffline();
+            await new Promise((resolve) => setTimeout(resolve, 500));
+            (_b = cleanupRef.current) == null ? void 0 : _b.stop();
+            await new Promise((resolve) => setTimeout(resolve, 500));
+          }
+          if (ownsSdkSession && !keepDecision) {
+            if (!currentToken) throw new Error("Não há token para encerrar a sessão no Callix.");
+            const stored = currentUsername ? readStoredToken(currentUsername) : null;
+            if (stored && stored !== currentToken) throw new EngineAccessError("session-changed", "Outra aba substituiu a sessão durante o encerramento.");
+            await endUserSdkSession(options.apiUrl || "/api/user-sdk-session", currentToken);
+          }
+          if (currentUsername) releaseLeader(currentUsername, tabIdRef.current);
+        }
+        logoutRetryRef.current = false;
+        logoffPendingRef.current = false;
+        setIsAuthenticated(false);
+        setSessionToken(null);
+        currentSessionRef.current.token = null;
+        setCallixDomain(null);
+        if (keepDecision) {
+          setTabRole("member");
+          if (currentUsername) saveTabRole(currentUsername, "member");
+          return;
+        }
+        setTabRole(null);
+        clearTabRole();
+        setUsername(presetUsername ?? null);
+        if (typeof window !== "undefined" && currentUsername && (options.engineUrl || ownsSdkSession)) {
+          try {
+            const STORAGE_KEYS = getStorageKeys(currentUsername);
+            if (localStorage.getItem(STORAGE_KEYS.SESSION_TOKEN) === currentToken) {
+              if (localStorage.getItem(LAST_USERNAME_KEY) === currentUsername) localStorage.removeItem(LAST_USERNAME_KEY);
+              localStorage.removeItem(STORAGE_KEYS.SESSION_TOKEN);
+              localStorage.removeItem(STORAGE_KEYS.DOMAIN);
+              localStorage.removeItem(STORAGE_KEYS.TIMESTAMP);
+            }
+          } catch (err) {
+            console.warn("[Callix Dialer] Não foi possível limpar os dados locais da sessão:", err);
+          }
+        }
       } catch (err) {
-        console.warn("[Callix Dialer] Não foi possível limpar sessão:", err);
+        console.error("[Callix Dialer] Não foi possível confirmar a saída:", err);
+        if (err instanceof EngineAccessError && err.code === "session-changed") {
+          logoutRetryRef.current = false;
+          logoffPendingRef.current = false;
+          setSessionToken(null);
+          setIsAuthenticated(false);
+          setError("A sessão foi substituída por outro login durante a saída. Entre novamente para usar a sessão atual.");
+          return;
+        }
+        logoutRetryRef.current = true;
+        setIsAuthenticated(false);
+        setError(`Não foi possível confirmar a saída: ${err instanceof Error ? err.message : "falha ao encerrar a sessão"}. Ao entrar novamente, o discador tentará concluir o encerramento primeiro.`);
+      } finally {
+        setIsLoading(false);
+        isLoadingRef.current = false;
+        setLoginStatus(null);
       }
-    }
-  }, [username, presetUsername, options.engineUrl, cancelTakeover]);
+    };
+    const completion = run().finally(() => {
+      logoutInFlightRef.current = null;
+    });
+    logoutInFlightRef.current = completion;
+    return completion;
+  }, [username, sessionToken, presetUsername, options.apiUrl, options.engineUrl, cancelTakeover]);
   useEffect(() => {
     handleLogoutRef.current = handleLogout;
   }, [handleLogout]);
@@ -61875,6 +62129,7 @@ function DialerWrapper({ options, containerEl }) {
   const handleSdkSessionDropped = useCallback(
     (originator, notice) => {
       var _a2;
+      if (logoutInFlightRef.current) return;
       const user = username;
       if (user) releaseLeader(user, tabIdRef.current);
       (_a2 = busRef.current) == null ? void 0 : _a2.post({ type: "dropped", originator });
@@ -61934,7 +62189,7 @@ function DialerWrapper({ options, containerEl }) {
         onLogin: handleLogin,
         onLogout: handleLogout,
         isLoadingSession: isLoading || isRestoringSession || deciding,
-        sessionError: error2,
+        sessionError: error2 || engineError,
         sessionStatus: loginStatus,
         loginConfirmation,
         onCancelLoginConfirmation: handleCancelLoginConfirmation,
@@ -61957,7 +62212,7 @@ function DialerWrapper({ options, containerEl }) {
           onLogin: handleLogin,
           onLogout: handleLogout,
           isLoadingSession: isLoading,
-          sessionError: error2,
+          sessionError: error2 || engineError,
           sessionStatus: loginStatus,
           variant: uiVariant,
           portalTarget,