callix-dialer-widget 2.6.0 → 2.7.0

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

@@ -6,7 +6,7 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-import React, { createContext, useMemo, useSyncExternalStore, useRef, useCallback, useContext, useEffect, useState, forwardRef, useLayoutEffect, useId, useImperativeHandle, StrictMode } from "react";
+import React, { createContext, useMemo, useRef, useEffect, useSyncExternalStore, useCallback, useContext, useState, forwardRef, useLayoutEffect, useId, useImperativeHandle, StrictMode } from "react";
 import require$$0$2, { createPortal } from "react-dom";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getAugmentedNamespace(n) {
@@ -52376,6 +52376,8 @@ function FloatingDialer({
   sessionStatus = null,
   loginConfirmation = null,
   onCancelLoginConfirmation,
+  onTakeOverSession,
+  onLogoutAllTabs,
   variant = "default",
   portalTarget = null
 }) {
@@ -52728,7 +52730,9 @@ function FloatingDialer({
       error: sessionError,
       statusMessage: sessionStatus,
       confirmation: loginConfirmation,
-      onCancelConfirmation: onCancelLoginConfirmation
+      onCancelConfirmation: onCancelLoginConfirmation,
+      onTakeOver: onTakeOverSession,
+      onLogoutAll: onLogoutAllTabs
     }
   );
   if (isMiniMode) {
@@ -52864,7 +52868,7 @@ function FloatingDialer({
     }
   );
 }
-function LoginForm({ defaultValue, onSubmit, isLoading, error: error2, statusMessage, confirmation, onCancelConfirmation }) {
+function LoginForm({ defaultValue, onSubmit, isLoading, error: error2, statusMessage, confirmation, onCancelConfirmation, onTakeOver, onLogoutAll }) {
   const [value, setValue] = useState(defaultValue);
   const [touched, setTouched] = useState(false);
   useEffect(() => {
@@ -52895,8 +52899,41 @@ function LoginForm({ defaultValue, onSubmit, isLoading, error: error2, statusMes
       }
     );
   }
+  if (confirmation == null ? void 0 : confirmation.elsewhere) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-4`, "data-login-state": "elsewhere", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-2 text-center`, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[11px] font-semibold uppercase tracking-wide text-slate-500`, children: "Discador ativo em outra aba" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: tw`inline-flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-sm font-semibold text-slate-800`, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FiUser, { className: tw`text-primary` }),
+          confirmation.username
+        ] })
+      ] }),
+      error2 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-center text-xs text-red-500`, children: error2 }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          id: "takeOverBtn",
+          onClick: () => onTakeOver == null ? void 0 : onTakeOver(),
+          className: tw`flex w-full items-center justify-center gap-2 rounded-xl bg-primary px-4 py-2 text-white shadow-lg transition hover:bg-primaryDark`,
+          children: "Usar o discador nesta aba"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          id: "logoutAllBtn",
+          onClick: () => onLogoutAll == null ? void 0 : onLogoutAll(),
+          className: tw`w-full text-center text-xs font-semibold text-red-500 transition hover:text-red-600`,
+          children: "Sair em todas as abas"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-center text-[11px] text-slate-400`, children: "O Callix aceita uma conexão por usuário: você já está conectado em outra aba deste navegador e pode continuar por lá." })
+    ] });
+  }
   if (confirmation) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-4`, children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-4`, "data-login-state": "choose", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tw`space-y-2 text-center`, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-[11px] font-semibold uppercase tracking-wide text-slate-500`, children: "Entrar como" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: tw`inline-flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-sm font-semibold text-slate-800`, children: [
@@ -52905,10 +52942,12 @@ function LoginForm({ defaultValue, onSubmit, isLoading, error: error2, statusMes
         ] })
       ] }),
       error2 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-center text-xs text-red-500`, children: error2 }),
+      !error2 && confirmation.note && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-center text-xs text-slate-500`, children: confirmation.note }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
           type: "button",
+          id: "loginConfirmBtn",
           onClick: () => void onSubmit(confirmation.username),
           className: tw`flex w-full items-center justify-center gap-2 rounded-xl bg-primary px-4 py-2 text-white shadow-lg transition hover:bg-primaryDark`,
           children: "Entrar"
@@ -52923,7 +52962,7 @@ function LoginForm({ defaultValue, onSubmit, isLoading, error: error2, statusMes
           children: "Usar outro usuário"
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-center text-[11px] text-slate-400`, children: "Se você já estiver conectado em outra aba, continue usando o discador por lá." })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: tw`text-center text-[11px] text-slate-400`, children: "Ao entrar, todas as abas abertas passam a usar o discador. Vai usar o Callix web? Então não entre aqui: nada é conectado sem a sua confirmação." })
     ] });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { className: tw`space-y-4`, onSubmit: handleSubmit, children: [
@@ -58427,6 +58466,8 @@ function MobileDialerLogin({
   sessionStatus,
   loginConfirmation,
   onCancelLoginConfirmation,
+  onTakeOverSession,
+  onLogoutAllTabs,
   density
 }) {
   const [loginInput, setLoginInput] = useState(username ?? "");
@@ -58463,19 +58504,33 @@ function MobileDialerLogin({
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "login-spinner", "aria-hidden": "true" }),
       loadingUser && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "login-loading-user", children: loadingUser }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "login-status", children: sessionStatus || "Conectando..." })
-    ] }) : showConfirmation && loginConfirmation ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "login-confirm", children: [
+    ] }) : showConfirmation && loginConfirmation ? loginConfirmation.elsewhere ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "login-confirm", "data-login-state": "elsewhere", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "login-confirm-label", children: "Discador ativo em outra aba" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "login-user-chip", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-user-check", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: loginConfirmation.username })
+      ] }),
+      sessionError && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "input-error", children: sessionError }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "login-confirm-btn login-confirm-btn-blue", id: "takeOverBtn", onClick: () => onTakeOverSession == null ? void 0 : onTakeOverSession(), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-arrow-down", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Usar o discador nesta aba" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "login-secondary-btn login-secondary-danger", id: "logoutAllBtn", onClick: () => onLogoutAllTabs == null ? void 0 : onLogoutAllTabs(), children: "Sair em todas as abas" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "login-hint", children: "O Callix aceita uma conexão por usuário: você já está conectado em outra aba deste navegador e pode continuar por lá." })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "login-confirm", "data-login-state": "choose", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "login-confirm-label", children: "Entrar como" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "login-user-chip", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-user", "aria-hidden": "true" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: loginConfirmation.username })
       ] }),
       sessionError && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "input-error", children: sessionError }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "login-confirm-btn", onClick: () => void submitLogin(loginConfirmation.username), children: [
+      !sessionError && loginConfirmation.note && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "login-note", children: loginConfirmation.note }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "login-confirm-btn", id: "loginConfirmBtn", onClick: () => void submitLogin(loginConfirmation.username), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-sign-in-alt", "aria-hidden": "true" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Entrar" })
       ] }),
       !loginConfirmation.locked && onCancelLoginConfirmation && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "login-secondary-btn", onClick: onCancelLoginConfirmation, children: "Usar outro usuário" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "login-hint", children: "Se você já estiver conectado em outra aba, continue usando o discador por lá." })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "login-hint", children: "Ao entrar, todas as abas abertas passam a usar o discador. Vai usar o Callix web? Então não entre aqui: nada é conectado sem a sua confirmação." })
     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "phone-number-display", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
@@ -58568,6 +58623,7 @@ Gostaríamos de fazer um *diagnóstico gratuito* para te apresentar os valores r
 }
 function AuthenticatedMobileDialer({
   username,
+  onLogout,
   showClientInfoModal = false,
   density
 }) {
@@ -59334,13 +59390,30 @@ function AuthenticatedMobileDialer({
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "pause-timer", children: pauseDurationLabel })
           ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "status-text", children: statusBadgeText })
         ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "status-actions", children: 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.jsx("i", { className: "fas fa-pause" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Pausa" })
-        ] }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "status-actions", children: [
+          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.jsx("i", { className: "fas fa-pause" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Pausa" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              className: "logout-btn",
+              id: "logoutBtn",
+              title: "Sair do discador (todas as abas)",
+              "aria-label": "Sair do discador",
+              onClick: () => {
+                if (typeof window !== "undefined" && !window.confirm("Sair do discador em todas as abas?")) return;
+                onLogout();
+              },
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fas fa-right-from-bracket" })
+            }
+          )
+        ] })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(DialerNoticeBanner, { notice: dialerNotice, onDismiss: dismissDialerNotice, onRecheck: () => void recheckDevices(), onHeightChange: setNoticeHeight }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "phone-number-display", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -60176,6 +60249,206 @@ function AuthenticatedMiniDialer({
     )
   ] });
 }
+const PROBE_TIMEOUT_MS = 600;
+const TAKEOVER_GRACE_MS = 3e3;
+const TAKEOVER_JITTER_MS = 600;
+const LEADER_HEARTBEAT_MS = 3e3;
+const LEADER_STALE_MS = 9e3;
+function channelName(username) {
+  return `callix-dialer:${username.trim().toLowerCase()}`;
+}
+function leaderKey(username) {
+  return `callix_dialer_${username}_leader`;
+}
+const TAB_ROLE_KEY = "callix_dialer_tab_role";
+const BUS_FALLBACK_SUFFIX = "_bus";
+function newTabId() {
+  const cryptoApi = typeof globalThis.crypto !== "undefined" ? globalThis.crypto : void 0;
+  if (cryptoApi && "randomUUID" in cryptoApi) return cryptoApi.randomUUID().slice(0, 8);
+  return Math.random().toString(36).slice(2, 10);
+}
+function defaultChannelFactory(name) {
+  if (typeof BroadcastChannel === "undefined") return null;
+  try {
+    return new BroadcastChannel(name);
+  } catch {
+    return null;
+  }
+}
+function defaultStorage() {
+  try {
+    return typeof localStorage !== "undefined" ? localStorage : null;
+  } catch {
+    return null;
+  }
+}
+class DialerTabBus {
+  constructor(options) {
+    this.listeners = /* @__PURE__ */ new Set();
+    this.storageListener = null;
+    this.closed = false;
+    this.username = options.username;
+    this.tabId = options.tabId ?? newTabId();
+    this.status = options.status;
+    this.storage = options.storage === void 0 ? defaultStorage() : options.storage;
+    const factory = options.channelFactory ?? defaultChannelFactory;
+    this.channel = factory(channelName(this.username));
+    if (this.channel) {
+      this.channel.onmessage = (event) => this.receive(event.data);
+    } else if (typeof window !== "undefined" && this.storage) {
+      const key = this.fallbackKey();
+      this.storageListener = (event) => {
+        if (event.key !== key || !event.newValue) return;
+        try {
+          const parsed = JSON.parse(event.newValue);
+          this.receive(parsed.message);
+        } catch {
+        }
+      };
+      window.addEventListener("storage", this.storageListener);
+    }
+  }
+  fallbackKey() {
+    return `callix_dialer_${this.username}${BUS_FALLBACK_SUFFIX}`;
+  }
+  on(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  post(message) {
+    if (this.closed) return;
+    const full = { ...message, from: this.tabId };
+    if (this.channel) {
+      try {
+        this.channel.postMessage(full);
+      } catch {
+      }
+      return;
+    }
+    if (this.storage) {
+      try {
+        this.storage.setItem(this.fallbackKey(), JSON.stringify({ nonce: Math.random(), at: Date.now(), message: full }));
+      } catch {
+      }
+    }
+  }
+  receive(data) {
+    if (this.closed || !data || typeof data !== "object") return;
+    const message = data;
+    if (typeof message.type !== "string" || typeof message.from !== "string" || message.from === this.tabId) return;
+    if (message.type === "ping") {
+      const status = this.status();
+      this.post({ type: "pong", role: status.role, authenticated: status.authenticated });
+    }
+    for (const listener of this.listeners) listener(message);
+  }
+  /** pergunta quem está aí; devolve as abas que responderam dentro do prazo */
+  probe(timeoutMs = PROBE_TIMEOUT_MS) {
+    return new Promise((resolve) => {
+      const found = /* @__PURE__ */ new Map();
+      const off = this.on((message) => {
+        if (message.type === "pong") found.set(message.from, { tabId: message.from, role: message.role, authenticated: message.authenticated });
+      });
+      this.post({ type: "ping" });
+      setTimeout(() => {
+        off();
+        resolve([...found.values()]);
+      }, timeoutMs);
+    });
+  }
+  close() {
+    this.closed = true;
+    this.listeners.clear();
+    if (this.channel) {
+      this.channel.onmessage = null;
+      try {
+        this.channel.close();
+      } catch {
+      }
+    }
+    if (this.storageListener && typeof window !== "undefined") {
+      window.removeEventListener("storage", this.storageListener);
+      this.storageListener = null;
+    }
+  }
+}
+function findLeader(pongs) {
+  return pongs.find((pong) => pong.role === "leader" && pong.authenticated) ?? null;
+}
+function anyDialerTab(pongs) {
+  return pongs.some((pong) => pong.role !== null);
+}
+function readLeader(username, storage = defaultStorage(), now = Date.now()) {
+  if (!storage) return null;
+  try {
+    const raw = storage.getItem(leaderKey(username));
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (typeof parsed.tabId !== "string" || typeof parsed.at !== "number") return null;
+    if (now - parsed.at > LEADER_STALE_MS) return null;
+    return { tabId: parsed.tabId, at: parsed.at };
+  } catch {
+    return null;
+  }
+}
+function claimLeader(username, tabId, storage = defaultStorage(), now = Date.now()) {
+  if (!storage) return true;
+  const current = readLeader(username, storage, now);
+  if (current && current.tabId !== tabId) return false;
+  try {
+    storage.setItem(leaderKey(username), JSON.stringify({ tabId, at: now }));
+  } catch {
+  }
+  return true;
+}
+function releaseLeader(username, tabId, storage = defaultStorage()) {
+  if (!storage) return;
+  try {
+    const raw = storage.getItem(leaderKey(username));
+    if (!raw) return;
+    const parsed = JSON.parse(raw);
+    if (parsed.tabId === tabId) storage.removeItem(leaderKey(username));
+  } catch {
+  }
+}
+function defaultSessionStorage() {
+  try {
+    return typeof sessionStorage !== "undefined" ? sessionStorage : null;
+  } catch {
+    return null;
+  }
+}
+function saveTabRole(username, role, storage = defaultSessionStorage()) {
+  if (!storage) return;
+  try {
+    storage.setItem(TAB_ROLE_KEY, JSON.stringify({ username, role, at: Date.now() }));
+  } catch {
+  }
+}
+function readTabRole(username, storage = defaultSessionStorage()) {
+  if (!storage) return null;
+  try {
+    const raw = storage.getItem(TAB_ROLE_KEY);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (parsed.username !== username) return null;
+    return parsed.role === "leader" || parsed.role === "member" ? parsed.role : null;
+  } catch {
+    return null;
+  }
+}
+function clearTabRole(storage = defaultSessionStorage()) {
+  if (!storage) return;
+  try {
+    storage.removeItem(TAB_ROLE_KEY);
+  } catch {
+  }
+}
+function takeoverDelayMs(random = Math.random()) {
+  return TAKEOVER_GRACE_MS + Math.floor(random * TAKEOVER_JITTER_MS);
+}
 const DEFAULT_CLICK_TO_CALL_INTERVAL_MS = 4e3;
 const BUSY_INTERVAL_FACTOR = 3;
 const DISPATCH_COOLDOWN_MS = 6e3;
@@ -60398,7 +60671,7 @@ function ClickToCallAgent({ enabled = true, pollIntervalMs, sessionToken, onTask
   }, [enabled, pollIntervalMs, sessionToken]);
   return null;
 }
-const WIDGET_VERSION = "2.6.0";
+const WIDGET_VERSION = "2.7.0";
 let currentSipWebSocket = null;
 function sendSipUnregisterIfPossible(ws) {
   if (ws.readyState !== WebSocket.OPEN) return;
@@ -60524,9 +60797,23 @@ function useDialerConfig() {
   return context;
 }
 const SdkCleanupManager = forwardRef(
-  function SdkCleanupManager2({ children: children2 }, ref) {
+  function SdkCleanupManager2({ children: children2, onSessionDropped }, ref) {
     const operator = useCallOperator();
     const controls = useCallOperatorControls();
+    const operatorState = useCallOperatorState();
+    const droppedRef = useRef(onSessionDropped);
+    droppedRef.current = onSessionDropped;
+    useCallOperatorEventListener("userSessionDropped", (data) => {
+      var _a2;
+      const originator = (data == null ? void 0 : data.originator) ?? null;
+      (_a2 = droppedRef.current) == null ? void 0 : _a2.call(droppedRef, originator, describeSessionDrop(originator));
+    });
+    const startupError = (operatorState == null ? void 0 : operatorState.state) === "startupError" ? operatorState.error ?? null : null;
+    useEffect(() => {
+      var _a2;
+      if (startupError !== "userIsAlreadyConnectedOnAnotherDevice") return;
+      (_a2 = droppedRef.current) == null ? void 0 : _a2.call(droppedRef, "anotherDevice", describeStartupError(startupError));
+    }, [startupError]);
     useImperativeHandle(ref, () => ({
       goOffline: () => {
         console.log("[Callix Dialer] 📴 Chamando goOffline() para enviar SIP UNREGISTER...");
@@ -60547,16 +60834,18 @@ const SdkCleanupManager = forwardRef(
         }
       }
     }), [operator, controls]);
+    const controlsRef = useRef(controls);
+    controlsRef.current = controls;
     useEffect(() => {
       return () => {
         console.log("[Callix Dialer] 🔌 SdkCleanupManager desmontando, chamando goOffline()...");
         try {
-          controls.goOffline();
+          controlsRef.current.goOffline();
         } catch (err) {
           console.warn("[Callix Dialer] ⚠️ Erro no cleanup automático:", err);
         }
       };
-    }, [controls]);
+    }, []);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children2 });
   }
 );
@@ -60695,6 +60984,13 @@ const getStorageKeys = (username) => ({
   SKIP_MANUAL_QUALIFICATION: `callix_dialer_${username}_skip_manual_qualification`
 });
 const LAST_USERNAME_KEY = "callix_dialer_last_username";
+function readStoredToken(user) {
+  try {
+    return localStorage.getItem(getStorageKeys(user).SESSION_TOKEN);
+  } catch {
+    return null;
+  }
+}
 async function fetchSkipQualification(domain, token) {
   var _a2, _b;
   try {
@@ -60724,10 +61020,35 @@ function DialerWrapper({ options, containerEl }) {
   const [isDisconnecting, setIsDisconnecting] = useState(false);
   const presetUsername = options.presetUsername ? options.presetUsername.trim() : null;
   const uiVariant = options.uiVariant ?? "default";
-  const autoLogin = options.autoLogin === true;
   const portalTarget = useMemo(() => options.portalTarget ?? containerEl ?? null, [options.portalTarget, containerEl]);
-  const autoLoginAttemptedRef = useRef(false);
-  const lastPresetRef = useRef(presetUsername);
+  const tabIdRef = useRef("");
+  if (!tabIdRef.current) tabIdRef.current = newTabId();
+  const [tabRole, setTabRole] = useState(null);
+  const tabRoleRef = useRef(null);
+  tabRoleRef.current = tabRole;
+  const [tabDecided, setTabDecided] = useState(false);
+  const [tabNote, setTabNote] = useState(null);
+  const [engineWaiting, setEngineWaiting] = useState(false);
+  const busRef = useRef(null);
+  const takeoverTimerRef = useRef(null);
+  const isAuthenticatedRef = useRef(false);
+  isAuthenticatedRef.current = isAuthenticated;
+  const isLoadingRef = useRef(false);
+  isLoadingRef.current = isLoading;
+  const logoffPendingRef = useRef(false);
+  const handleLoginRef = useRef(async () => void 0);
+  const handleLogoutRef = useRef(async () => void 0);
+  const cancelTakeover = useCallback(() => {
+    if (takeoverTimerRef.current) {
+      clearTimeout(takeoverTimerRef.current);
+      takeoverTimerRef.current = null;
+    }
+  }, []);
+  useEffect(() => {
+    if (options.autoLogin) {
+      console.info("[Callix Dialer] autoLogin: desde a 2.7.0 o widget não cria sessão sem confirmação; ele entra sozinho só quando já existe uma conexão ativa deste usuário (outra aba ou o motor).");
+    }
+  }, [options.autoLogin]);
   const currentSessionRef = useRef({
     apiUrl: options.apiUrl || "/api/user-sdk-session",
     token: null
@@ -60759,7 +61080,7 @@ function DialerWrapper({ options, containerEl }) {
         setError(`${notice.title}: ${notice.detail}${notice.action ? ` ${notice.action}` : ""}`);
         setIsAuthenticated(false);
         setSessionToken(null);
-        autoLoginAttemptedRef.current = true;
+        setTabNote(null);
       });
       client2.connect();
       engineRef.current = client2;
@@ -60776,9 +61097,19 @@ function DialerWrapper({ options, containerEl }) {
     []
   );
   useEffect(() => {
+    let unloadHandled = false;
     const handleBeforeUnload = () => {
-      if (engineModeRef.current) return;
+      var _a2;
+      if (engineModeRef.current || unloadHandled) return;
+      unloadHandled = true;
+      setTimeout(() => {
+        unloadHandled = false;
+      }, 2e3);
       const { apiUrl, token } = currentSessionRef.current;
+      if (tabRoleRef.current === "leader") {
+        (_a2 = busRef.current) == null ? void 0 : _a2.post({ type: "leaving" });
+        if (busRef.current) releaseLeader(busRef.current.username, tabIdRef.current);
+      }
       if (token) {
         const data = JSON.stringify({ logout: true });
         const logoutUrl = `${apiUrl}?logout=true`;
@@ -60797,8 +61128,10 @@ function DialerWrapper({ options, containerEl }) {
       }
     };
     window.addEventListener("beforeunload", handleBeforeUnload);
+    window.addEventListener("pagehide", handleBeforeUnload);
     return () => {
       window.removeEventListener("beforeunload", handleBeforeUnload);
+      window.removeEventListener("pagehide", handleBeforeUnload);
     };
   }, []);
   useEffect(() => {
@@ -60836,8 +61169,239 @@ function DialerWrapper({ options, containerEl }) {
       setUsername(presetUsername);
     }
   }, [presetUsername, username]);
+  const engineDomain = useCallback(
+    () => options.domain || new URL(options.apiUrl || "/api/user-sdk-session", window.location.href).host,
+    [options.domain, options.apiUrl]
+  );
+  const enterEngine = useCallback(async (user, domain, token) => {
+    if (token) {
+      const skip = await fetchSkipQualification(domain, token);
+      if (skip !== null) {
+        setSkipManualQualification(skip);
+        try {
+          localStorage.setItem(getStorageKeys(user).SKIP_MANUAL_QUALIFICATION, String(skip));
+        } catch {
+        }
+      }
+    }
+    try {
+      localStorage.setItem(LAST_USERNAME_KEY, user);
+      if (token) {
+        const STORAGE_KEYS = getStorageKeys(user);
+        localStorage.setItem(STORAGE_KEYS.SESSION_TOKEN, token);
+        localStorage.setItem(STORAGE_KEYS.DOMAIN, domain);
+        localStorage.setItem(STORAGE_KEYS.TIMESTAMP, Date.now().toString());
+      }
+    } catch {
+    }
+    setSessionToken(token);
+    setCallixDomain(domain);
+    setUsername(user);
+    setIsAuthenticated(true);
+    setError(null);
+    setTabNote(null);
+    setProviderKey(Date.now());
+  }, []);
+  const joinEngine = useCallback(
+    async (user) => {
+      setIsLoading(true);
+      setError(null);
+      setLoginStatus("Entrando na sessão do motor...");
+      try {
+        await enterEngine(user, engineDomain(), readStoredToken(user));
+        console.log("[Callix Dialer] Conectado ao motor como", user);
+      } catch (err) {
+        console.error("[Callix Dialer] Erro ao entrar na sessão do motor:", err);
+        setError(err instanceof Error ? err.message : "Erro ao conectar ao motor");
+      } finally {
+        setIsLoading(false);
+        setLoginStatus(null);
+      }
+    },
+    [enterEngine, engineDomain]
+  );
+  useEffect(() => {
+    if (!engineMode || !username || isRestoringSession) return;
+    const user = username;
+    const client2 = ensureEngine(user);
+    setEngineWaiting(!client2.getState().view);
+    const fallback = setTimeout(() => setEngineWaiting(false), 15e3);
+    let joining = false;
+    const sync = () => {
+      const { view, sessionLost } = client2.getState();
+      if (!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) {
+        joining = true;
+        console.log("[Callix Dialer] o motor já segura a sessão deste agente; entrando por aqui também");
+        void joinEngine(user).finally(() => {
+          joining = false;
+        });
+      } else if (view.engine === "stopped" && isAuthenticatedRef.current && !isLoadingRef.current) {
+        console.log("[Callix Dialer] o motor desligou (Sair em outra aba ou servidor reiniciado); voltando à tela de login");
+        setIsAuthenticated(false);
+        setSessionToken(null);
+        setCallixDomain(null);
+        setTabNote("O discador foi encerrado em outra aba ou o motor foi reiniciado.");
+      }
+    };
+    sync();
+    const off = client2.subscribe(sync);
+    return () => {
+      off();
+      clearTimeout(fallback);
+    };
+  }, [engineMode, username, isRestoringSession, ensureEngine, joinEngine]);
+  const scheduleTakeoverRef = useRef(null);
+  useEffect(() => {
+    if (engineMode || !username) {
+      setTabDecided(true);
+      return;
+    }
+    setTabDecided(false);
+    const user = username;
+    const bus = new DialerTabBus({
+      username: user,
+      tabId: tabIdRef.current,
+      status: () => ({ role: tabRoleRef.current, authenticated: isAuthenticatedRef.current })
+    });
+    busRef.current = bus;
+    const becomeMember = () => {
+      if (isAuthenticatedRef.current || tabRoleRef.current === "leader") return;
+      setTabRole("member");
+      saveTabRole(user, "member");
+      setTabNote(null);
+      setError(null);
+      setTabDecided(true);
+    };
+    const scheduleTakeover = () => {
+      cancelTakeover();
+      takeoverTimerRef.current = setTimeout(() => {
+        takeoverTimerRef.current = null;
+        if (tabRoleRef.current !== "member" || isAuthenticatedRef.current || isLoadingRef.current) return;
+        const current = readLeader(user);
+        if (current && current.tabId !== tabIdRef.current) return;
+        if (!claimLeader(user, tabIdRef.current)) return;
+        bus.post({ type: "claim" });
+        console.log("[Callix Dialer] a aba com o discador fechou; esta aba assume a conexão");
+        void handleLoginRef.current(user);
+      }, takeoverDelayMs());
+    };
+    scheduleTakeoverRef.current = scheduleTakeover;
+    const off = bus.on((message) => {
+      switch (message.type) {
+        case "login":
+        case "claim":
+          cancelTakeover();
+          becomeMember();
+          break;
+        case "leaving":
+          if (tabRoleRef.current === "member" && !isAuthenticatedRef.current) scheduleTakeover();
+          break;
+        case "takeover":
+          if (tabRoleRef.current === "leader") {
+            console.log("[Callix Dialer] outra aba pediu o discador; soltando a conexão");
+            void handleLogoutRef.current({ broadcast: false, keepDecision: true });
+          }
+          break;
+        case "logout":
+          cancelTakeover();
+          void handleLogoutRef.current({ broadcast: false });
+          setTabNote("Você saiu do discador em outra aba.");
+          break;
+        case "dropped": {
+          cancelTakeover();
+          releaseLeader(user, tabIdRef.current);
+          setTabRole(null);
+          clearTabRole();
+          const notice = describeSessionDrop(message.originator);
+          setError(`${notice.title}: ${notice.detail}${notice.action ? ` ${notice.action}` : ""}`);
+          break;
+        }
+      }
+    });
+    return () => {
+      off();
+      bus.close();
+      cancelTakeover();
+      scheduleTakeoverRef.current = null;
+      if (busRef.current === bus) busRef.current = null;
+      setTabDecided(false);
+    };
+  }, [engineMode, username, cancelTakeover]);
+  useEffect(() => {
+    if (engineMode || !username || isAuthenticated || tabDecided || isRestoringSession || isLoading) return;
+    const bus = busRef.current;
+    if (!bus) return;
+    const user = username;
+    const stored = readTabRole(user);
+    if (stored === "leader") {
+      cancelTakeover();
+      setTabDecided(true);
+      if (claimLeader(user, tabIdRef.current)) {
+        bus.post({ type: "claim" });
+        console.log("[Callix Dialer] esta aba segurava o discador antes de recarregar; reconectando");
+        void handleLoginRef.current(user);
+      } else {
+        setTabRole("member");
+        saveTabRole(user, "member");
+      }
+      return;
+    }
+    let cancelled = false;
+    void bus.probe().then((pongs) => {
+      var _a2;
+      if (cancelled) return;
+      setTabDecided(true);
+      const leaderLock = readLeader(user);
+      if (findLeader(pongs) || leaderLock && leaderLock.tabId !== tabIdRef.current || stored === "member" && anyDialerTab(pongs)) {
+        setTabRole("member");
+        saveTabRole(user, "member");
+      } else if (stored === "member") {
+        setTabRole("member");
+        (_a2 = scheduleTakeoverRef.current) == null ? void 0 : _a2.call(scheduleTakeoverRef);
+      } else {
+        setTabRole(null);
+        clearTabRole();
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [engineMode, username, isAuthenticated, tabDecided, isRestoringSession, isLoading, cancelTakeover]);
+  useEffect(() => {
+    if (engineMode || tabRole !== "leader" || !username) return;
+    const user = username;
+    claimLeader(user, tabIdRef.current);
+    const timer = setInterval(() => claimLeader(user, tabIdRef.current), LEADER_HEARTBEAT_MS);
+    return () => clearInterval(timer);
+  }, [engineMode, tabRole, username]);
+  useEffect(() => {
+    if (engineMode || tabRole !== "member" || !username) return;
+    const user = username;
+    const check = () => {
+      if (document.visibilityState !== "visible" || takeoverTimerRef.current) return;
+      const bus = busRef.current;
+      if (!bus) return;
+      void bus.probe().then((pongs) => {
+        var _a2;
+        if (tabRoleRef.current !== "member" || isAuthenticatedRef.current || takeoverTimerRef.current) return;
+        if (findLeader(pongs) || readLeader(user)) return;
+        console.log("[Callix Dialer] a aba com o discador não responde; esta aba vai assumir");
+        (_a2 = scheduleTakeoverRef.current) == null ? void 0 : _a2.call(scheduleTakeoverRef);
+      });
+    };
+    document.addEventListener("visibilitychange", check);
+    window.addEventListener("focus", check);
+    return () => {
+      document.removeEventListener("visibilitychange", check);
+      window.removeEventListener("focus", check);
+    };
+  }, [engineMode, tabRole, username]);
   const handleLogin = useCallback(async (user) => {
-    var _a2, _b;
+    var _a2, _b, _c, _d;
     setIsLoading(true);
     setError(null);
     setLoginStatus("Preparando login...");
@@ -60846,17 +61410,14 @@ function DialerWrapper({ options, containerEl }) {
       const engineApiUrl = options.apiUrl || "/api/user-sdk-session";
       try {
         setLoginStatus("Conectando ao motor...");
+        logoffPendingRef.current = false;
         const client2 = ensureEngine(user);
         const view = await client2.waitForView(15e3);
-        const domain = options.domain || new URL(engineApiUrl, window.location.href).host;
+        const domain = engineDomain();
         const engineHasSession = (view.engine === "running" || view.engine === "starting") && !view.sessionLost;
         let token = null;
         if (engineHasSession) {
-          try {
-            token = localStorage.getItem(getStorageKeys(user).SESSION_TOKEN);
-          } catch {
-            token = null;
-          }
+          token = readStoredToken(user);
           console.log("[Callix Dialer] motor já tem a sessão do agente; entrando sem novo login");
         } else {
           setLoginStatus("Autenticando no Callix...");
@@ -60875,32 +61436,7 @@ function DialerWrapper({ options, containerEl }) {
           client2.setSession({ domain, userSessionToken: token });
           setLoginStatus("Subindo o motor...");
         }
-        if (token) {
-          const skip = await fetchSkipQualification(domain, token);
-          if (skip !== null) {
-            setSkipManualQualification(skip);
-            try {
-              localStorage.setItem(getStorageKeys(user).SKIP_MANUAL_QUALIFICATION, String(skip));
-            } catch {
-            }
-          }
-        }
-        try {
-          localStorage.setItem(LAST_USERNAME_KEY, user);
-          if (token) {
-            const STORAGE_KEYS = getStorageKeys(user);
-            localStorage.setItem(STORAGE_KEYS.SESSION_TOKEN, token);
-            localStorage.setItem(STORAGE_KEYS.DOMAIN, domain);
-            localStorage.setItem(STORAGE_KEYS.TIMESTAMP, Date.now().toString());
-          }
-        } catch {
-        }
-        setSessionToken(token);
-        setCallixDomain(domain);
-        setUsername(user);
-        setIsAuthenticated(true);
-        setError(null);
-        setProviderKey(Date.now());
+        await enterEngine(user, domain, token);
         console.log("[Callix Dialer] Conectado ao motor como", user);
       } catch (err) {
         console.error("[Callix Dialer] Erro ao entrar pelo motor:", err);
@@ -60913,6 +61449,20 @@ function DialerWrapper({ options, containerEl }) {
       }
       return;
     }
+    if (!claimLeader(user, tabIdRef.current)) {
+      console.log("[Callix Dialer] outra aba já segura a conexão deste usuário; esta aba vira membro");
+      setTabRole("member");
+      saveTabRole(user, "member");
+      setTabDecided(true);
+      setUsername(user);
+      setIsLoading(false);
+      setLoginStatus(null);
+      return;
+    }
+    (_a2 = busRef.current) == null ? void 0 : _a2.post({ type: "claim" });
+    cancelTakeover();
+    setTabRole("leader");
+    saveTabRole(user, "leader");
     const apiUrl = options.apiUrl || "/api/user-sdk-session";
     let previousToken;
     if (typeof window !== "undefined") {
@@ -61007,6 +61557,9 @@ function DialerWrapper({ options, containerEl }) {
       setError(null);
       setProviderKey(Date.now());
       console.log("[Callix Dialer] Nova providerKey gerada para forçar recriação do SDK");
+      setTabNote(null);
+      setTabDecided(true);
+      (_b = busRef.current) == null ? void 0 : _b.post({ type: "login" });
       try {
         const configUrl = `https://${resolvedDomain}/sdk/v1/client/user-service/config`;
         setLoginStatus("Carregando configurações...");
@@ -61021,7 +61574,7 @@ function DialerWrapper({ options, containerEl }) {
         if (configResponse.ok) {
           const configData = await configResponse.json();
           console.log("[Callix Dialer] 📦 Dados da config recebidos:", JSON.stringify(configData, null, 2));
-          const shouldSkipQualification = ((_b = (_a2 = configData == null ? void 0 : configData.service) == null ? void 0 : _a2.outboundOptions) == null ? void 0 : _b.skipQualification) === true;
+          const shouldSkipQualification = ((_d = (_c = configData == null ? void 0 : configData.service) == null ? void 0 : _c.outboundOptions) == null ? void 0 : _d.skipQualification) === true;
           console.log("[Callix Dialer] ✅ skipQualification configurado:", shouldSkipQualification);
           setSkipManualQualification(shouldSkipQualification);
           if (typeof window !== "undefined") {
@@ -61055,53 +61608,52 @@ function DialerWrapper({ options, containerEl }) {
       setError(err instanceof Error ? err.message : "Erro ao autenticar");
       setIsAuthenticated(false);
       setSessionToken(null);
+      releaseLeader(user, tabIdRef.current);
+      setTabRole(null);
+      clearTabRole();
     } finally {
       setIsLoading(false);
       setLoginStatus(null);
     }
-  }, [options.apiUrl, options.domain, options.engineUrl, isAuthenticated, sessionToken, ensureEngine]);
-  useEffect(() => {
-    if (lastPresetRef.current !== presetUsername) {
-      lastPresetRef.current = presetUsername;
-      autoLoginAttemptedRef.current = false;
-    }
-    if (!presetUsername || !autoLogin) {
-      return;
-    }
-    if (isAuthenticated || isLoading || isRestoringSession || error2 || autoLoginAttemptedRef.current) {
-      return;
-    }
-    autoLoginAttemptedRef.current = true;
-    void handleLogin(presetUsername);
-  }, [presetUsername, autoLogin, isAuthenticated, isLoading, isRestoringSession, error2, handleLogin]);
+  }, [options.apiUrl, options.domain, options.engineUrl, isAuthenticated, sessionToken, ensureEngine, enterEngine, engineDomain, cancelTakeover]);
   useEffect(() => {
-    if (!autoLogin || presetUsername || !username || isAuthenticated || isLoading || isRestoringSession || error2 || autoLoginAttemptedRef.current) {
-      return;
-    }
-    console.log("[Callix Dialer] Auto-login com username restaurado:", username);
-    autoLoginAttemptedRef.current = true;
-    void handleLogin(username);
-  }, [autoLogin, presetUsername, username, isAuthenticated, isLoading, isRestoringSession, error2, handleLogin]);
-  const handleLogout = useCallback(async () => {
-    var _a2;
+    handleLoginRef.current = handleLogin;
+  }, [handleLogin]);
+  const handleLogout = useCallback(async (opts) => {
+    var _a2, _b;
+    const broadcast = (opts == null ? void 0 : opts.broadcast) !== false;
+    const keepDecision = (opts == null ? void 0 : opts.keepDecision) === true;
     const currentUsername = username;
+    cancelTakeover();
     if (options.engineUrl) {
-      (_a2 = engineRef.current) == null ? void 0 : _a2.command({ name: "logoff" });
-    } else 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 (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);
     }
-    setUsername(presetUsername ?? null);
     setIsAuthenticated(false);
     setSessionToken(null);
     setCallixDomain(null);
     setError(null);
-    autoLoginAttemptedRef.current = true;
-    lastPresetRef.current = presetUsername ?? null;
+    if (keepDecision) {
+      setTabRole("member");
+      if (currentUsername) saveTabRole(currentUsername, "member");
+      return;
+    }
+    setTabRole(null);
+    clearTabRole();
+    setUsername(presetUsername ?? null);
     if (typeof window !== "undefined" && currentUsername) {
       try {
         const STORAGE_KEYS = getStorageKeys(currentUsername);
@@ -61114,14 +61666,53 @@ function DialerWrapper({ options, containerEl }) {
         console.warn("[Callix Dialer] Não foi possível limpar sessão:", err);
       }
     }
-  }, [username, presetUsername, options.engineUrl]);
-  const pendingAutoLogin = autoLogin && Boolean(username) && !isAuthenticated && !error2 && !autoLoginAttemptedRef.current;
+  }, [username, presetUsername, options.engineUrl, cancelTakeover]);
+  useEffect(() => {
+    handleLogoutRef.current = handleLogout;
+  }, [handleLogout]);
+  const handleTakeOver = useCallback(async () => {
+    const user = username;
+    const bus = busRef.current;
+    if (!user || !bus) return;
+    setIsLoading(true);
+    setError(null);
+    setLoginStatus("Trazendo o discador para esta aba...");
+    bus.post({ type: "takeover" });
+    await new Promise((resolve) => setTimeout(resolve, 1500));
+    const current = readLeader(user);
+    if (current && current.tabId !== tabIdRef.current) {
+      console.log("[Callix Dialer] a outra aba não soltou a conexão; continuando como membro");
+      setIsLoading(false);
+      setLoginStatus(null);
+      return;
+    }
+    await handleLoginRef.current(user);
+  }, [username]);
+  const handleLogoutAll = useCallback(() => {
+    void handleLogoutRef.current();
+  }, []);
+  const handleSdkSessionDropped = useCallback(
+    (originator, notice) => {
+      var _a2;
+      const user = username;
+      if (user) releaseLeader(user, tabIdRef.current);
+      (_a2 = busRef.current) == null ? void 0 : _a2.post({ type: "dropped", originator });
+      setTabRole(null);
+      clearTabRole();
+      setError(`${notice.title}: ${notice.detail}${notice.action ? ` ${notice.action}` : ""}`);
+      setIsAuthenticated(false);
+      setSessionToken(null);
+      setCallixDomain(null);
+    },
+    [username]
+  );
+  const deciding = Boolean(username) && !isAuthenticated && (engineMode ? engineWaiting : !tabDecided);
   const loginConfirmation = useMemo(() => {
-    if (isAuthenticated || isLoading || isRestoringSession || isDisconnecting || !username || pendingAutoLogin) {
+    if (isAuthenticated || isLoading || isRestoringSession || isDisconnecting || !username || deciding) {
       return null;
     }
-    return { username, locked: Boolean(presetUsername) };
-  }, [isAuthenticated, isLoading, isRestoringSession, isDisconnecting, username, presetUsername, pendingAutoLogin]);
+    return { username, locked: Boolean(presetUsername), elsewhere: !engineMode && tabRole === "member", note: tabNote };
+  }, [isAuthenticated, isLoading, isRestoringSession, isDisconnecting, username, presetUsername, deciding, engineMode, tabRole, tabNote]);
   const handleCancelLoginConfirmation = useCallback(() => {
     setUsername(null);
     setError(null);
@@ -61161,11 +61752,13 @@ function DialerWrapper({ options, containerEl }) {
         username,
         onLogin: handleLogin,
         onLogout: handleLogout,
-        isLoadingSession: isLoading || isRestoringSession || pendingAutoLogin,
+        isLoadingSession: isLoading || isRestoringSession || deciding,
         sessionError: error2,
         sessionStatus: loginStatus,
         loginConfirmation,
         onCancelLoginConfirmation: handleCancelLoginConfirmation,
+        onTakeOverSession: handleTakeOver,
+        onLogoutAllTabs: handleLogoutAll,
         variant: uiVariant,
         portalTarget,
         density: options.density,
@@ -61210,7 +61803,7 @@ function DialerWrapper({ options, containerEl }) {
     {
       domain: callixDomain,
       userSessionToken: sessionToken,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(SdkCleanupManager, { ref: cleanupRef, children: [
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(SdkCleanupManager, { ref: cleanupRef, onSessionDropped: handleSdkSessionDropped, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           DialerComponent,
           {