@djangocfg/centrifugo 2.1.102 → 2.1.104

package/dist/index.cjs

@@ -1,3007 +0,0 @@
-'use strict';
-
-var centrifuge = require('centrifuge');
-var hooks = require('@djangocfg/ui-core/hooks');
-var consola = require('consola');
-var react = require('react');
-var auth = require('@djangocfg/api/auth');
-var lucideReact = require('lucide-react');
-var uiNextjs = require('@djangocfg/ui-nextjs');
-var moment2 = require('moment');
-var jsxRuntime = require('react/jsx-runtime');
-var uiTools = require('@djangocfg/ui-tools');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var moment2__default = /*#__PURE__*/_interopDefault(moment2);
-
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var CENTRIFUGO_EVENT = "centrifugo";
-var CENTRIFUGO_MONITOR_EVENTS = {
-  OPEN_MONITOR_DIALOG: "CENTRIFUGO_OPEN_MONITOR_DIALOG",
-  CLOSE_MONITOR_DIALOG: "CENTRIFUGO_CLOSE_MONITOR_DIALOG"
-};
-var CENTRIFUGO_ERROR_EVENT = CENTRIFUGO_EVENT;
-var CENTRIFUGO_VERSION_MISMATCH_EVENT = CENTRIFUGO_EVENT;
-var dispatchCentrifugoEvent = /* @__PURE__ */ __name((payload) => {
-  if (typeof window === "undefined") {
-    return;
-  }
-  try {
-    const detail = {
-      ...payload,
-      timestamp: /* @__PURE__ */ new Date()
-    };
-    window.dispatchEvent(new CustomEvent(CENTRIFUGO_EVENT, {
-      detail,
-      bubbles: true,
-      cancelable: false
-    }));
-  } catch (error) {
-  }
-}, "dispatchCentrifugoEvent");
-var dispatchCentrifugoError = /* @__PURE__ */ __name((data) => {
-  dispatchCentrifugoEvent({ type: "error", data });
-}, "dispatchCentrifugoError");
-var dispatchVersionMismatch = /* @__PURE__ */ __name((data) => {
-  dispatchCentrifugoEvent({ type: "version_mismatch", data });
-}, "dispatchVersionMismatch");
-var dispatchConnected = /* @__PURE__ */ __name((data = {}) => {
-  dispatchCentrifugoEvent({ type: "connected", data });
-}, "dispatchConnected");
-var dispatchDisconnected = /* @__PURE__ */ __name((data = {}) => {
-  dispatchCentrifugoEvent({ type: "disconnected", data });
-}, "dispatchDisconnected");
-var dispatchReconnecting = /* @__PURE__ */ __name((data = {}) => {
-  dispatchCentrifugoEvent({ type: "reconnecting", data });
-}, "dispatchReconnecting");
-var emitOpenMonitorDialog = /* @__PURE__ */ __name((payload) => {
-  hooks.events.publish({
-    type: CENTRIFUGO_MONITOR_EVENTS.OPEN_MONITOR_DIALOG,
-    payload: payload || {}
-  });
-}, "emitOpenMonitorDialog");
-var emitCloseMonitorDialog = /* @__PURE__ */ __name(() => {
-  hooks.events.publish({
-    type: CENTRIFUGO_MONITOR_EVENTS.CLOSE_MONITOR_DIALOG,
-    payload: {}
-  });
-}, "emitCloseMonitorDialog");
-var consolaLogger = consola.createConsola({
-  level: 4 ,
-  formatOptions: {
-    colors: true,
-    date: false,
-    compact: false
-  }
-}).withTag("[Centrifugo]");
-function getConsolaLogger(tag) {
-  const consola = consolaLogger.withTag(`[${tag}]`);
-  return {
-    debug: /* @__PURE__ */ __name((message, data) => consola.debug(message, data || ""), "debug"),
-    info: /* @__PURE__ */ __name((message, data) => consola.info(message, data || ""), "info"),
-    success: /* @__PURE__ */ __name((message, data) => consola.success(message, data || ""), "success"),
-    warning: /* @__PURE__ */ __name((message, data) => consola.warn(message, data || ""), "warning"),
-    error: /* @__PURE__ */ __name((message, error) => consola.error(message, error || ""), "error")
-  };
-}
-__name(getConsolaLogger, "getConsolaLogger");
-
-// src/core/client/connection.ts
-function createConnectionState(urlOrOptions, token, userId, timeout = 3e4, logger3) {
-  let url;
-  let actualToken;
-  let actualUserId;
-  let actualTimeout;
-  let actualLogger;
-  let getToken;
-  if (typeof urlOrOptions === "object") {
-    url = urlOrOptions.url;
-    actualToken = urlOrOptions.token;
-    actualUserId = urlOrOptions.userId;
-    actualTimeout = urlOrOptions.timeout ?? 3e4;
-    actualLogger = urlOrOptions.logger;
-    getToken = urlOrOptions.getToken;
-  } else {
-    url = urlOrOptions;
-    actualToken = token;
-    actualUserId = userId;
-    actualTimeout = timeout;
-    actualLogger = logger3;
-  }
-  const log = actualLogger || getConsolaLogger("client");
-  const replyChannel = `user#${actualUserId}`;
-  const centrifugeOptions = {
-    token: actualToken
-  };
-  if (getToken) {
-    centrifugeOptions.getToken = async () => {
-      log.info("Token expired, refreshing...");
-      try {
-        const newToken = await getToken();
-        log.success("Token refreshed successfully");
-        return newToken;
-      } catch (error) {
-        log.error("Failed to refresh token", error);
-        throw error;
-      }
-    };
-  }
-  const centrifuge$1 = new centrifuge.Centrifuge(url, centrifugeOptions);
-  return {
-    centrifuge: centrifuge$1,
-    replySubscription: null,
-    pendingRequests: /* @__PURE__ */ new Map(),
-    channelSubscriptions: /* @__PURE__ */ new Map(),
-    userId: actualUserId,
-    replyChannel,
-    timeout: actualTimeout,
-    logger: log
-  };
-}
-__name(createConnectionState, "createConnectionState");
-function setupConnectionHandlers(state, onResponse) {
-  const { centrifuge, pendingRequests, logger: logger3, userId } = state;
-  centrifuge.on("disconnected", (ctx) => {
-    pendingRequests.forEach(({ reject }) => {
-      reject(new Error("Disconnected from Centrifugo"));
-    });
-    pendingRequests.clear();
-    dispatchDisconnected({
-      userId,
-      reason: ctx.reason
-    });
-    logger3.info("Disconnected from Centrifugo", { reason: ctx.reason });
-  });
-  centrifuge.on("connected", () => {
-    dispatchConnected({ userId });
-    logger3.success("Connected to Centrifugo");
-  });
-  centrifuge.on("connecting", (ctx) => {
-    if (ctx.reason === "transport closed") {
-      dispatchReconnecting({
-        userId,
-        attempt: 1,
-        reason: ctx.reason
-      });
-      logger3.info("Reconnecting to Centrifugo...", { reason: ctx.reason });
-    }
-  });
-}
-__name(setupConnectionHandlers, "setupConnectionHandlers");
-async function connect(state, onResponse) {
-  const { centrifuge, replyChannel, logger: logger3 } = state;
-  return new Promise((resolve, reject) => {
-    let resolved = false;
-    const onConnected = /* @__PURE__ */ __name(() => {
-      if (!resolved) {
-        resolved = true;
-        resolve();
-      }
-    }, "onConnected");
-    const onError = /* @__PURE__ */ __name((ctx) => {
-      if (!resolved) {
-        resolved = true;
-        reject(new Error(ctx.message || "Connection error"));
-      }
-    }, "onError");
-    centrifuge.on("connected", onConnected);
-    centrifuge.on("error", onError);
-    centrifuge.connect();
-    const subscription = centrifuge.newSubscription(replyChannel);
-    state.replySubscription = subscription;
-    subscription.on("publication", (ctx) => {
-      onResponse(ctx.data);
-    });
-    subscription.on("subscribed", () => {
-      logger3.success(`Subscribed to reply channel: ${replyChannel}`);
-    });
-    subscription.on("error", (ctx) => {
-      if (ctx.error?.code === 105) ; else {
-        logger3.error(`Subscription error for ${replyChannel}:`, ctx.error);
-      }
-    });
-    subscription.subscribe();
-  });
-}
-__name(connect, "connect");
-function disconnect(state) {
-  const { centrifuge, replySubscription, channelSubscriptions, logger: logger3 } = state;
-  channelSubscriptions.forEach((sub, channel) => {
-    try {
-      sub.unsubscribe();
-      centrifuge.removeSubscription(sub);
-    } catch (error) {
-      logger3.error(`Error unsubscribing from ${channel}`, error);
-    }
-  });
-  channelSubscriptions.clear();
-  if (replySubscription) {
-    replySubscription.unsubscribe();
-    state.replySubscription = null;
-  }
-  centrifuge.disconnect();
-  logger3.info("Disconnected from Centrifugo");
-}
-__name(disconnect, "disconnect");
-function generateCorrelationId() {
-  return `rpc-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
-}
-__name(generateCorrelationId, "generateCorrelationId");
-
-// src/core/client/subscriptions.ts
-function subscribe(manager, channel, callback) {
-  const { channelSubscriptions, centrifuge, logger: logger3 } = manager;
-  const existingSub = channelSubscriptions.get(channel);
-  if (existingSub) {
-    logger3.warning(`Already subscribed to ${channel}, reusing existing subscription`);
-    const handler = /* @__PURE__ */ __name((ctx) => {
-      try {
-        callback(ctx.data);
-      } catch (error) {
-        logger3.error(`Error in subscription callback for ${channel}`, error);
-      }
-    }, "handler");
-    existingSub.on("publication", handler);
-    return () => {
-      existingSub.off("publication", handler);
-    };
-  }
-  let sub = centrifuge.getSubscription(channel);
-  if (!sub) {
-    sub = centrifuge.newSubscription(channel);
-  }
-  const publicationHandler = /* @__PURE__ */ __name((ctx) => {
-    try {
-      callback(ctx.data);
-    } catch (error) {
-      logger3.error(`Error in subscription callback for ${channel}`, error);
-    }
-  }, "publicationHandler");
-  sub.on("publication", publicationHandler);
-  sub.on("subscribed", () => {
-    logger3.success(`Subscribed to ${channel}`);
-  });
-  sub.on("error", (ctx) => {
-    logger3.error(`Subscription error for ${channel}`, ctx.error);
-  });
-  sub.subscribe();
-  channelSubscriptions.set(channel, sub);
-  return () => unsubscribe(manager, channel);
-}
-__name(subscribe, "subscribe");
-function unsubscribe(manager, channel) {
-  const { channelSubscriptions, centrifuge, logger: logger3 } = manager;
-  const sub = channelSubscriptions.get(channel);
-  if (!sub) {
-    return;
-  }
-  try {
-    sub.unsubscribe();
-    centrifuge.removeSubscription(sub);
-    channelSubscriptions.delete(channel);
-    logger3.info(`Unsubscribed from ${channel}`);
-  } catch (error) {
-    logger3.error(`Error unsubscribing from ${channel}`, error);
-    channelSubscriptions.delete(channel);
-  }
-}
-__name(unsubscribe, "unsubscribe");
-function unsubscribeAll(manager) {
-  const { channelSubscriptions, centrifuge, logger: logger3 } = manager;
-  if (channelSubscriptions.size === 0) {
-    return;
-  }
-  channelSubscriptions.forEach((sub, channel) => {
-    try {
-      sub.unsubscribe();
-      centrifuge.removeSubscription(sub);
-    } catch (error) {
-      logger3.error(`Error unsubscribing from ${channel}`, error);
-    }
-  });
-  channelSubscriptions.clear();
-  logger3.info("Unsubscribed from all channels");
-}
-__name(unsubscribeAll, "unsubscribeAll");
-function getActiveSubscriptions(manager) {
-  return Array.from(manager.channelSubscriptions.keys());
-}
-__name(getActiveSubscriptions, "getActiveSubscriptions");
-function getServerSideSubscriptions(manager) {
-  try {
-    const serverSubs = manager.centrifuge._serverSubs || {};
-    return Object.keys(serverSubs);
-  } catch {
-    return [];
-  }
-}
-__name(getServerSideSubscriptions, "getServerSideSubscriptions");
-function getAllSubscriptions(manager) {
-  const clientSubs = getActiveSubscriptions(manager);
-  const serverSubs = getServerSideSubscriptions(manager);
-  return Array.from(/* @__PURE__ */ new Set([...clientSubs, ...serverSubs]));
-}
-__name(getAllSubscriptions, "getAllSubscriptions");
-
-// src/core/errors/RPCError.ts
-var _RPCError = class _RPCError extends Error {
-  constructor(code, message, options) {
-    super(message);
-    __publicField(this, "code");
-    __publicField(this, "serverCode");
-    __publicField(this, "method");
-    __publicField(this, "isRetryable");
-    __publicField(this, "suggestedRetryDelay");
-    __publicField(this, "userMessage");
-    this.name = "RPCError";
-    this.code = code;
-    this.serverCode = options?.serverCode;
-    this.method = options?.method;
-    this.isRetryable = this.determineRetryable();
-    this.suggestedRetryDelay = this.determineSuggestedDelay();
-    this.userMessage = this.determineUserMessage();
-    if (options?.cause) {
-      this.cause = options.cause;
-    }
-  }
-  /**
-   * Determine if this error should trigger a retry.
-   * Transient errors (timeout, network) are retryable.
-   * Permanent errors (encoding, 4xx) are not.
-   */
-  determineRetryable() {
-    switch (this.code) {
-      // Transient errors - retry
-      case "timeout":
-      case "websocket_error":
-      case "connection_failed":
-      case "network_error":
-        return true;
-      // Server errors - retry only 5xx
-      case "server_error":
-        return this.serverCode ? this.serverCode >= 500 : false;
-      // Permanent errors - don't retry
-      case "not_connected":
-      case "encoding_error":
-      case "decoding_error":
-      case "cancelled":
-      case "unknown":
-        return false;
-      default:
-        return false;
-    }
-  }
-  /**
-   * Suggested delay before retry based on error type.
-   */
-  determineSuggestedDelay() {
-    switch (this.code) {
-      case "timeout":
-        return 1e3;
-      case "websocket_error":
-        return 2e3;
-      case "server_error":
-        return 3e3;
-      case "connection_failed":
-        return 2e3;
-      case "network_error":
-        return 1500;
-      default:
-        return 1e3;
-    }
-  }
-  /**
-   * User-friendly message for UI display.
-   */
-  determineUserMessage() {
-    switch (this.code) {
-      case "not_connected":
-        return "Not connected. Please check your internet connection.";
-      case "timeout":
-        return "Request timed out. Please try again.";
-      case "server_error":
-        return this.message || "Server error. Please try again later.";
-      case "websocket_error":
-        return "Connection error. Please try again.";
-      case "connection_failed":
-        return "Unable to connect. Please check your internet connection.";
-      case "encoding_error":
-      case "decoding_error":
-        return "Data error. Please try again or contact support.";
-      case "cancelled":
-        return "Request cancelled.";
-      case "network_error":
-        return "Network error. Please check your connection.";
-      default:
-        return "An unexpected error occurred. Please try again.";
-    }
-  }
-  /**
-   * Create RPCError from Centrifugo/unknown error.
-   */
-  static fromError(error, method) {
-    if (error instanceof _RPCError) {
-      return error;
-    }
-    if (typeof error === "object" && error !== null) {
-      const err = error;
-      const code = err.code;
-      const message = err.message || err.error || "Unknown error";
-      if (message.includes("timeout") || message.includes("Timeout")) {
-        return new _RPCError("timeout", message, { method });
-      }
-      if (message.includes("disconnect") || message.includes("connection") || message.includes("not connected")) {
-        return new _RPCError("connection_failed", message, { method });
-      }
-      if (code !== void 0) {
-        if (code >= 500) {
-          return new _RPCError("server_error", message, {
-            serverCode: code,
-            method
-          });
-        }
-        if (code >= 400) {
-          return new _RPCError("server_error", message, {
-            serverCode: code,
-            method
-          });
-        }
-      }
-      return new _RPCError("unknown", message, { method, cause: error });
-    }
-    if (error instanceof Error) {
-      if (error.name === "AbortError") {
-        return new _RPCError("cancelled", "Request cancelled", { method });
-      }
-      return new _RPCError("unknown", error.message, { method, cause: error });
-    }
-    return new _RPCError("unknown", String(error), { method });
-  }
-};
-__name(_RPCError, "RPCError");
-var RPCError = _RPCError;
-
-// src/core/client/rpc.ts
-var DEFAULT_RPC_TIMEOUT = 3e4;
-function handleResponse(pendingRequests, data) {
-  const correlationId = data.correlation_id;
-  if (!correlationId) {
-    return;
-  }
-  const pending = pendingRequests.get(correlationId);
-  if (!pending) {
-    return;
-  }
-  pendingRequests.delete(correlationId);
-  if (data.error) {
-    pending.reject(new Error(data.error.message || "RPC error"));
-  } else {
-    pending.resolve(data.result);
-  }
-}
-__name(handleResponse, "handleResponse");
-async function call(manager, method, params, replyChannel) {
-  const { centrifuge, pendingRequests, timeout, logger: logger3 } = manager;
-  const correlationId = generateCorrelationId();
-  const message = {
-    method,
-    params,
-    correlation_id: correlationId,
-    reply_to: replyChannel
-  };
-  const promise = new Promise((resolve, reject) => {
-    const timeoutId = setTimeout(() => {
-      pendingRequests.delete(correlationId);
-      reject(new Error(`RPC timeout: ${method}`));
-    }, timeout);
-    pendingRequests.set(correlationId, {
-      resolve: /* @__PURE__ */ __name((result) => {
-        clearTimeout(timeoutId);
-        resolve(result);
-      }, "resolve"),
-      reject: /* @__PURE__ */ __name((error) => {
-        clearTimeout(timeoutId);
-        reject(error);
-      }, "reject")
-    });
-  });
-  await centrifuge.publish("rpc.requests", message);
-  return promise;
-}
-__name(call, "call");
-async function rpc(manager, method, params, options = {}) {
-  const { centrifuge, logger: logger3, subscribe: subscribe2, userId } = manager;
-  const { timeout = 1e4, replyChannel = `user#${userId}` } = options;
-  const correlationId = generateCorrelationId();
-  logger3.info(`RPC request: ${method}`, { correlationId, params });
-  return new Promise((resolve, reject) => {
-    let timeoutId = null;
-    let unsubscribe2 = null;
-    const cleanup = /* @__PURE__ */ __name(() => {
-      if (timeoutId) {
-        clearTimeout(timeoutId);
-        timeoutId = null;
-      }
-      if (unsubscribe2) {
-        unsubscribe2();
-        unsubscribe2 = null;
-      }
-    }, "cleanup");
-    timeoutId = setTimeout(() => {
-      cleanup();
-      const error = new Error(`RPC timeout: ${method} (${timeout}ms)`);
-      logger3.error(`RPC timeout: ${method}`, { correlationId, timeout });
-      reject(error);
-    }, timeout);
-    try {
-      unsubscribe2 = subscribe2(replyChannel, (data) => {
-        try {
-          if (data.correlation_id === correlationId) {
-            cleanup();
-            if (data.error) {
-              logger3.error(`RPC error: ${method}`, {
-                correlationId,
-                error: data.error
-              });
-              reject(new Error(data.error.message || "RPC error"));
-              return;
-            }
-            logger3.success(`RPC response: ${method}`, {
-              correlationId,
-              hasResult: !!data.result
-            });
-            resolve(data.result);
-          }
-        } catch (error) {
-          cleanup();
-          logger3.error(`Error processing RPC response: ${method}`, error);
-          reject(error);
-        }
-      });
-      const rpcChannel = `rpc#${method}`;
-      const sub = centrifuge.getSubscription(rpcChannel);
-      if (sub) {
-        sub.publish({
-          correlation_id: correlationId,
-          method,
-          params,
-          reply_to: replyChannel,
-          timestamp: Date.now()
-        }).catch((error) => {
-          cleanup();
-          logger3.error(`Failed to publish RPC request: ${method}`, error);
-          reject(error);
-        });
-      } else {
-        cleanup();
-        reject(
-          new Error(
-            `Cannot publish RPC request: no subscription to ${rpcChannel}. Backend should provide a publish endpoint or use server-side subscriptions.`
-          )
-        );
-      }
-    } catch (error) {
-      cleanup();
-      logger3.error(`Failed to setup RPC: ${method}`, error);
-      reject(error);
-    }
-  });
-}
-__name(rpc, "rpc");
-function createTimeoutPromise(timeoutMs, method) {
-  return new Promise((_, reject) => {
-    setTimeout(() => {
-      reject(new RPCError("timeout", `RPC timeout after ${timeoutMs}ms: ${method}`, { method }));
-    }, timeoutMs);
-  });
-}
-__name(createTimeoutPromise, "createTimeoutPromise");
-async function namedRPC(manager, method, data, options) {
-  const { centrifuge, logger: logger3 } = manager;
-  const timeoutMs = options?.timeout ?? DEFAULT_RPC_TIMEOUT;
-  logger3.info(`Native RPC: ${method}`, { data, timeout: timeoutMs });
-  try {
-    const result = await Promise.race([
-      centrifuge.rpc(method, data),
-      createTimeoutPromise(timeoutMs, method)
-    ]);
-    logger3.success(`Native RPC success: ${method}`, {
-      hasData: !!result.data
-    });
-    return result.data;
-  } catch (error) {
-    const rpcError = RPCError.fromError(error, method);
-    logger3.error(`Native RPC failed: ${method}`, {
-      code: rpcError.code,
-      isRetryable: rpcError.isRetryable,
-      message: rpcError.message
-    });
-    dispatchCentrifugoError({
-      method,
-      error: rpcError.message,
-      code: rpcError.serverCode,
-      data
-    });
-    throw rpcError;
-  }
-}
-__name(namedRPC, "namedRPC");
-function namedRPCNoWait(manager, method, data, options) {
-  const { centrifuge, logger: logger3 } = manager;
-  const maxRetries = options?.maxRetries ?? 3;
-  const baseDelayMs = options?.baseDelayMs ?? 100;
-  const maxDelayMs = options?.maxDelayMs ?? 2e3;
-  const attemptSend = /* @__PURE__ */ __name((attempt) => {
-    centrifuge.rpc(method, data).catch((error) => {
-      const rpcError = RPCError.fromError(error, method);
-      if (attempt < maxRetries && rpcError.isRetryable) {
-        const baseDelay = rpcError.suggestedRetryDelay || baseDelayMs;
-        const delay = Math.min(baseDelay * Math.pow(2, attempt), maxDelayMs);
-        const jitter = delay * 0.2 * (Math.random() * 2 - 1);
-        const finalDelay = Math.max(0, Math.round(delay + jitter));
-        logger3.warning(
-          `Fire-and-forget RPC failed (attempt ${attempt + 1}/${maxRetries + 1}), retrying in ${finalDelay}ms: ${method}`,
-          { code: rpcError.code, isRetryable: rpcError.isRetryable }
-        );
-        setTimeout(() => attemptSend(attempt + 1), finalDelay);
-      } else {
-        logger3.error(
-          `Fire-and-forget RPC failed after ${attempt + 1} attempts: ${method}`,
-          { code: rpcError.code, message: rpcError.message }
-        );
-      }
-    });
-  }, "attemptSend");
-  attemptSend(0);
-}
-__name(namedRPCNoWait, "namedRPCNoWait");
-async function namedRPCWithRetry(manager, method, data, options) {
-  const { logger: logger3 } = manager;
-  const maxRetries = options?.maxRetries ?? 3;
-  const baseDelayMs = options?.baseDelayMs ?? 1e3;
-  const maxDelayMs = options?.maxDelayMs ?? 1e4;
-  let lastError = null;
-  for (let attempt = 0; attempt <= maxRetries; attempt++) {
-    try {
-      return await namedRPC(manager, method, data, {
-        timeout: options?.timeout
-      });
-    } catch (error) {
-      lastError = error instanceof RPCError ? error : RPCError.fromError(error, method);
-      if (!lastError.isRetryable) {
-        throw lastError;
-      }
-      if (attempt >= maxRetries) {
-        throw lastError;
-      }
-      const suggestedDelay = lastError.suggestedRetryDelay || baseDelayMs;
-      const exponentialDelay = suggestedDelay * Math.pow(2, attempt);
-      const cappedDelay = Math.min(exponentialDelay, maxDelayMs);
-      const jitter = cappedDelay * 0.2 * (Math.random() * 2 - 1);
-      const delayMs = Math.max(0, Math.round(cappedDelay + jitter));
-      logger3.warning(
-        `RPC retry (${attempt + 1}/${maxRetries}): ${method} in ${delayMs}ms`,
-        { code: lastError.code, message: lastError.message }
-      );
-      if (options?.onRetry) {
-        options.onRetry(attempt + 1, lastError, delayMs);
-      }
-      await new Promise((resolve) => setTimeout(resolve, delayMs));
-    }
-  }
-  throw lastError ?? new RPCError("unknown", "Retry failed", { method });
-}
-__name(namedRPCWithRetry, "namedRPCWithRetry");
-
-// src/core/client/version.ts
-async function checkApiVersion(checker, clientVersion) {
-  const { namedRPC: namedRPC2, logger: logger3 } = checker;
-  try {
-    const result = await namedRPC2(
-      "system.check_version",
-      { client_version: clientVersion }
-    );
-    if (!result.compatible) {
-      logger3.warning(
-        `API version mismatch: client=${clientVersion}, server=${result.server_version}`
-      );
-      dispatchVersionMismatch({
-        clientVersion,
-        serverVersion: result.server_version,
-        message: result.message || "API version mismatch. Please refresh the page."
-      });
-    } else {
-      logger3.success(`API version check passed: ${clientVersion}`);
-    }
-    return {
-      compatible: result.compatible,
-      clientVersion,
-      serverVersion: result.server_version,
-      message: result.message
-    };
-  } catch (error) {
-    logger3.warning("API version check endpoint not available");
-    return {
-      compatible: true,
-      clientVersion,
-      serverVersion: "unknown",
-      message: "Version check endpoint not available"
-    };
-  }
-}
-__name(checkApiVersion, "checkApiVersion");
-
-// src/core/client/CentrifugoRPCClient.ts
-var _CentrifugoRPCClient = class _CentrifugoRPCClient {
-  constructor(urlOrOptions, token, userId, timeout = 3e4, logger3) {
-    __publicField(this, "state");
-    this.state = createConnectionState(urlOrOptions, token, userId, timeout, logger3);
-    setupConnectionHandlers(this.state);
-  }
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  // Connection API
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  async connect() {
-    return connect(this.state, (data) => this.handleResponse(data));
-  }
-  async disconnect() {
-    disconnect(this.state);
-  }
-  getCentrifuge() {
-    return this.state.centrifuge;
-  }
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  // Subscription API
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  subscribe(channel, callback) {
-    return subscribe(this.subscriptionManager, channel, callback);
-  }
-  unsubscribe(channel) {
-    unsubscribe(this.subscriptionManager, channel);
-  }
-  unsubscribeAll() {
-    unsubscribeAll(this.subscriptionManager);
-  }
-  getActiveSubscriptions() {
-    return getActiveSubscriptions(this.subscriptionManager);
-  }
-  getServerSideSubscriptions() {
-    return getServerSideSubscriptions(this.subscriptionManager);
-  }
-  getAllSubscriptions() {
-    return getAllSubscriptions(this.subscriptionManager);
-  }
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  // RPC Pattern API (Legacy - Correlation ID)
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  async call(method, params) {
-    return call(this.rpcManager, method, params, this.state.replyChannel);
-  }
-  async rpc(method, params, options = {}) {
-    return rpc(this.rpcManager, method, params, options);
-  }
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  // Native Centrifugo RPC (via RPC Proxy)
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  async namedRPC(method, data, options) {
-    return namedRPC(this.rpcManager, method, data, options);
-  }
-  namedRPCNoWait(method, data, options) {
-    namedRPCNoWait(this.rpcManager, method, data, options);
-  }
-  async namedRPCWithRetry(method, data, options) {
-    return namedRPCWithRetry(this.rpcManager, method, data, options);
-  }
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  // API Version Checking
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  async checkApiVersion(clientVersion) {
-    return checkApiVersion(
-      {
-        namedRPC: /* @__PURE__ */ __name((method, data) => this.namedRPC(method, data), "namedRPC"),
-        logger: this.state.logger
-      },
-      clientVersion
-    );
-  }
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  // Internal Helpers
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  handleResponse(data) {
-    handleResponse(this.state.pendingRequests, data);
-  }
-  get subscriptionManager() {
-    return {
-      channelSubscriptions: this.state.channelSubscriptions,
-      centrifuge: this.state.centrifuge,
-      logger: this.state.logger
-    };
-  }
-  get rpcManager() {
-    return {
-      centrifuge: this.state.centrifuge,
-      pendingRequests: this.state.pendingRequests,
-      channelSubscriptions: this.state.channelSubscriptions,
-      userId: this.state.userId,
-      timeout: this.state.timeout,
-      logger: this.state.logger,
-      subscribe: /* @__PURE__ */ __name((channel, callback) => this.subscribe(channel, callback), "subscribe")
-    };
-  }
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  // Getters for Testing/Debugging
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  /** @internal */
-  get logger() {
-    return this.state.logger;
-  }
-  /** @internal */
-  get userId() {
-    return this.state.userId;
-  }
-  /** @internal */
-  get replyChannel() {
-    return this.state.replyChannel;
-  }
-};
-__name(_CentrifugoRPCClient, "CentrifugoRPCClient");
-var CentrifugoRPCClient = _CentrifugoRPCClient;
-
-// src/core/logger/LogsStore.ts
-var _LogsStore = class _LogsStore {
-  constructor(maxLogs = 500) {
-    __publicField(this, "logs", []);
-    __publicField(this, "listeners", /* @__PURE__ */ new Set());
-    __publicField(this, "maxLogs");
-    this.maxLogs = maxLogs;
-  }
-  /**
-   * Add log entry
-   */
-  add(entry) {
-    const logEntry = {
-      ...entry,
-      id: `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
-      timestamp: /* @__PURE__ */ new Date()
-    };
-    this.logs.push(logEntry);
-    if (this.logs.length > this.maxLogs) {
-      this.logs = this.logs.slice(-this.maxLogs);
-    }
-    this.notify();
-  }
-  /**
-   * Get all logs
-   */
-  getAll() {
-    return [...this.logs];
-  }
-  /**
-   * Get logs by level
-   */
-  getByLevel(level) {
-    return this.logs.filter((log) => log.level === level);
-  }
-  /**
-   * Get logs by source
-   */
-  getBySource(source) {
-    return this.logs.filter((log) => log.source === source);
-  }
-  /**
-   * Clear all logs
-   */
-  clear() {
-    this.logs = [];
-    this.notify();
-  }
-  /**
-   * Subscribe to log changes
-   */
-  subscribe(listener) {
-    this.listeners.add(listener);
-    return () => this.listeners.delete(listener);
-  }
-  /**
-   * Notify all listeners
-   */
-  notify() {
-    const logs = this.getAll();
-    this.listeners.forEach((listener) => listener(logs));
-  }
-  /**
-   * Get logs count
-   */
-  get count() {
-    return this.logs.length;
-  }
-};
-__name(_LogsStore, "LogsStore");
-var LogsStore = _LogsStore;
-var globalStore = null;
-function getGlobalLogsStore() {
-  if (!globalStore) {
-    globalStore = new LogsStore();
-  }
-  return globalStore;
-}
-__name(getGlobalLogsStore, "getGlobalLogsStore");
-
-// src/core/logger/createLogger.ts
-function createLogger(configOrPrefix) {
-  const config = typeof configOrPrefix === "string" ? { source: "client", tag: configOrPrefix } : configOrPrefix;
-  const { source, isDevelopment: isDevelopment4 = true, tag = "Centrifugo" } = config;
-  const logsStore = getGlobalLogsStore();
-  const consola$1 = consola.createConsola({
-    level: isDevelopment4 ? 4 : 3,
-    formatOptions: {
-      colors: true,
-      date: false,
-      compact: !isDevelopment4
-    }
-  }).withTag(`[${tag}]`);
-  const log = /* @__PURE__ */ __name((level, message, data) => {
-    logsStore.add({
-      level,
-      source,
-      message,
-      data
-    });
-    if (!isDevelopment4) return;
-    switch (level) {
-      case "debug":
-        consola$1.debug(message, data || "");
-        break;
-      case "info":
-        consola$1.info(message, data || "");
-        break;
-      case "success":
-        consola$1.success(message, data || "");
-        break;
-      case "warning":
-        consola$1.warn(message, data || "");
-        break;
-      case "error":
-        consola$1.error(message, data || "");
-        break;
-    }
-  }, "log");
-  return {
-    debug: /* @__PURE__ */ __name((message, data) => log("debug", message, data), "debug"),
-    info: /* @__PURE__ */ __name((message, data) => log("info", message, data), "info"),
-    success: /* @__PURE__ */ __name((message, data) => log("success", message, data), "success"),
-    warning: /* @__PURE__ */ __name((message, data) => log("warning", message, data), "warning"),
-    error: /* @__PURE__ */ __name((message, error) => log("error", message, error), "error")
-  };
-}
-__name(createLogger, "createLogger");
-var logger = getConsolaLogger("ConnectionStatus");
-function ConnectionStatus({
-  variant = "badge",
-  showUptime = false,
-  showSubscriptions = false,
-  className = ""
-}) {
-  const { isConnected, client } = useCentrifugo();
-  const [connectionTime, setConnectionTime] = react.useState(null);
-  const [uptime, setUptime] = react.useState("");
-  const [activeSubscriptions, setActiveSubscriptions] = react.useState(0);
-  react.useEffect(() => {
-    if (isConnected && !connectionTime) {
-      setConnectionTime(moment2__default.default.utc());
-    } else if (!isConnected) {
-      setConnectionTime(null);
-    }
-  }, [isConnected, connectionTime]);
-  react.useEffect(() => {
-    if (!isConnected || !connectionTime) {
-      setUptime("");
-      return;
-    }
-    const updateUptime = /* @__PURE__ */ __name(() => {
-      const now = moment2__default.default.utc();
-      const duration = moment2__default.default.duration(now.diff(connectionTime));
-      const hours = Math.floor(duration.asHours());
-      const minutes = duration.minutes();
-      const seconds = duration.seconds();
-      if (hours > 0) {
-        setUptime(`${hours}h ${minutes}m`);
-      } else if (minutes > 0) {
-        setUptime(`${minutes}m ${seconds}s`);
-      } else {
-        setUptime(`${seconds}s`);
-      }
-    }, "updateUptime");
-    updateUptime();
-    const interval = setInterval(updateUptime, 1e3);
-    return () => clearInterval(interval);
-  }, [isConnected, connectionTime]);
-  react.useEffect(() => {
-    if (!client || !isConnected) {
-      setActiveSubscriptions(0);
-      return;
-    }
-    const updateCount = /* @__PURE__ */ __name(() => {
-      try {
-        const centrifuge = client.getCentrifuge();
-        const subs = centrifuge.subscriptions();
-        setActiveSubscriptions(Object.keys(subs).length);
-      } catch (error) {
-        logger.error("Failed to get active subscriptions", error);
-      }
-    }, "updateCount");
-    updateCount();
-    const interval = setInterval(updateCount, 2e3);
-    return () => clearInterval(interval);
-  }, [client, isConnected]);
-  if (variant === "badge") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      uiNextjs.Badge,
-      {
-        variant: isConnected ? "default" : "destructive",
-        className: `flex items-center gap-1 ${isConnected ? "animate-pulse" : ""} ${className}`,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `h-2 w-2 rounded-full ${isConnected ? "bg-green-500" : "bg-red-500"}` }),
-          isConnected ? "Connected" : "Disconnected"
-        ]
-      }
-    );
-  }
-  if (variant === "inline") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-2 ${className}`, children: [
-      isConnected ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wifi, { className: "h-4 w-4 text-green-600" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.WifiOff, { className: "h-4 w-4 text-red-600" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: isConnected ? "Connected" : "Disconnected" }),
-      showUptime && uptime && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
-        "(",
-        uptime,
-        ")"
-      ] }),
-      showSubscriptions && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Radio, { className: "h-3 w-3" }),
-        activeSubscriptions
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `space-y-3 ${className}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
-      uiNextjs.Badge,
-      {
-        variant: isConnected ? "default" : "destructive",
-        className: `flex items-center gap-1 ${isConnected ? "animate-pulse" : ""}`,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `h-2 w-2 rounded-full ${isConnected ? "bg-green-500" : "bg-red-500"}` }),
-          isConnected ? "Connected" : "Disconnected"
-        ]
-      }
-    ) }),
-    isConnected ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-      showUptime && uptime && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-3 w-3" }),
-          "Uptime:"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-medium", children: uptime })
-      ] }),
-      showSubscriptions && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Radio, { className: "h-3 w-3" }),
-          "Subscriptions:"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-medium", children: activeSubscriptions })
-      ] })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground p-2 rounded bg-red-50 dark:bg-red-950/20", children: "Real-time features unavailable" })
-  ] });
-}
-__name(ConnectionStatus, "ConnectionStatus");
-function ConnectionStatusCard({
-  showUptime = true,
-  showSubscriptions = true,
-  className = ""
-}) {
-  const { isConnected } = useCentrifugo();
-  const statusColor = isConnected ? "border-green-500" : "border-red-500";
-  const handleClick = /* @__PURE__ */ __name(() => {
-    emitOpenMonitorDialog({ variant: "full" });
-  }, "handleClick");
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    uiNextjs.Card,
-    {
-      className: `${statusColor} ${className} cursor-pointer hover:shadow-lg transition-shadow`,
-      style: { borderLeftWidth: "4px" },
-      onClick: handleClick,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.CardTitle, { className: "text-sm font-medium", children: "WebSocket" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: isConnected ? "text-green-600" : "text-red-600", children: isConnected ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wifi, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.WifiOff, { className: "h-4 w-4" }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
-          ConnectionStatus,
-          {
-            variant: "detailed",
-            showUptime,
-            showSubscriptions
-          }
-        ) })
-      ]
-    }
-  );
-}
-__name(ConnectionStatusCard, "ConnectionStatusCard");
-function MessageFilters({
-  filters,
-  onFiltersChange,
-  autoScroll,
-  onAutoScrollChange
-}) {
-  const hasActiveFilters = filters.channels && filters.channels.length > 0 || filters.types && filters.types.length > 0 || filters.levels && filters.levels.length > 0 || filters.searchQuery;
-  const handleClearFilters = /* @__PURE__ */ __name(() => {
-    onFiltersChange({});
-  }, "handleClearFilters");
-  const handleSearchChange = /* @__PURE__ */ __name((e) => {
-    onFiltersChange({ ...filters, searchQuery: e.target.value });
-  }, "handleSearchChange");
-  const handleToggleLevel = /* @__PURE__ */ __name((level) => {
-    const currentLevels = filters.levels || [];
-    const newLevels = currentLevels.includes(level) ? currentLevels.filter((l) => l !== level) : [...currentLevels, level];
-    onFiltersChange({
-      ...filters,
-      levels: newLevels.length > 0 ? newLevels : void 0
-    });
-  }, "handleToggleLevel");
-  const handleToggleType = /* @__PURE__ */ __name((type) => {
-    const currentTypes = filters.types || [];
-    const newTypes = currentTypes.includes(type) ? currentTypes.filter((t) => t !== type) : [...currentTypes, type];
-    onFiltersChange({
-      ...filters,
-      types: newTypes.length > 0 ? newTypes : void 0
-    });
-  }, "handleToggleType");
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 p-3 border rounded-lg bg-muted/30", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Filters" }),
-        hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Badge, { variant: "secondary", className: "text-xs", children: "Active" })
-      ] }),
-      hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.Button, { size: "sm", variant: "ghost", onClick: handleClearFilters, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3 mr-1" }),
-        "Clear"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-4 w-4 text-muted-foreground" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        uiNextjs.Input,
-        {
-          type: "text",
-          placeholder: "Search messages...",
-          value: filters.searchQuery || "",
-          onChange: handleSearchChange,
-          className: "flex-1"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Level:" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["info", "success", "warning", "error"].map((level) => {
-        const isActive = filters.levels?.includes(level);
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          uiNextjs.Badge,
-          {
-            variant: isActive ? "default" : "outline",
-            className: "cursor-pointer",
-            onClick: () => handleToggleLevel(level),
-            children: level
-          },
-          level
-        );
-      }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Type:" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: ["connection", "subscription", "publication", "unsubscription", "error", "system"].map((type) => {
-        const isActive = filters.types?.includes(type);
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          uiNextjs.Badge,
-          {
-            variant: isActive ? "default" : "outline",
-            className: "cursor-pointer",
-            onClick: () => handleToggleType(type),
-            children: type
-          },
-          type
-        );
-      }) })
-    ] }),
-    onAutoScrollChange && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-2 border-t", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-sm cursor-pointer", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          type: "checkbox",
-          checked: autoScroll,
-          onChange: (e) => onAutoScrollChange(e.target.checked),
-          className: "h-4 w-4 rounded border-gray-300"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Auto-scroll to latest" })
-    ] }) })
-  ] });
-}
-__name(MessageFilters, "MessageFilters");
-function MessagesFeed({
-  maxMessages = 100,
-  showFilters = true,
-  showControls = true,
-  channels = [],
-  autoScroll: initialAutoScroll = true,
-  onMessageClick,
-  className = ""
-}) {
-  const { isConnected, client } = useCentrifugo();
-  const [messages, setMessages] = react.useState([]);
-  const [isPaused, setIsPaused] = react.useState(false);
-  const [autoScroll, setAutoScroll] = react.useState(initialAutoScroll);
-  const [filters, setFilters] = react.useState({
-    channels: channels.length > 0 ? channels : void 0
-  });
-  const scrollRef = react.useRef(null);
-  const addMessage = react.useCallback(
-    (message) => {
-      if (isPaused) return;
-      setMessages((prev) => {
-        const newMessages = [message, ...prev];
-        return newMessages.slice(0, maxMessages);
-      });
-    },
-    [isPaused, maxMessages]
-  );
-  react.useEffect(() => {
-    if (!client) return;
-    const centrifuge = client.getCentrifuge();
-    const handleConnected = /* @__PURE__ */ __name(() => {
-      const now = moment2__default.default.utc().valueOf();
-      addMessage({
-        id: `conn-${now}`,
-        timestamp: now,
-        type: "connection",
-        level: "success",
-        message: "Connected to Centrifugo"
-      });
-    }, "handleConnected");
-    const handleDisconnected = /* @__PURE__ */ __name(() => {
-      const now = moment2__default.default.utc().valueOf();
-      addMessage({
-        id: `disconn-${now}`,
-        timestamp: now,
-        type: "connection",
-        level: "error",
-        message: "Disconnected from Centrifugo"
-      });
-    }, "handleDisconnected");
-    const handleError = /* @__PURE__ */ __name((ctx) => {
-      const now = moment2__default.default.utc().valueOf();
-      addMessage({
-        id: `error-${now}`,
-        timestamp: now,
-        type: "error",
-        level: "error",
-        message: ctx.error?.message || "Connection error",
-        data: ctx
-      });
-    }, "handleError");
-    centrifuge.on("connected", handleConnected);
-    centrifuge.on("disconnected", handleDisconnected);
-    centrifuge.on("error", handleError);
-    return () => {
-      centrifuge.off("connected", handleConnected);
-      centrifuge.off("disconnected", handleDisconnected);
-      centrifuge.off("error", handleError);
-    };
-  }, [client, addMessage]);
-  react.useEffect(() => {
-    if (!client) return;
-    const centrifuge = client.getCentrifuge();
-    const handleSubscribed = /* @__PURE__ */ __name((ctx) => {
-      const now = moment2__default.default.utc().valueOf();
-      addMessage({
-        id: `sub-${now}`,
-        timestamp: now,
-        type: "subscription",
-        level: "info",
-        channel: ctx.channel,
-        message: `Subscribed to ${ctx.channel}`,
-        data: ctx
-      });
-    }, "handleSubscribed");
-    const handleUnsubscribed = /* @__PURE__ */ __name((ctx) => {
-      const now = moment2__default.default.utc().valueOf();
-      addMessage({
-        id: `unsub-${now}`,
-        timestamp: now,
-        type: "unsubscription",
-        level: "info",
-        channel: ctx.channel,
-        message: `Unsubscribed from ${ctx.channel}`,
-        data: ctx
-      });
-    }, "handleUnsubscribed");
-    const handlePublication = /* @__PURE__ */ __name((ctx) => {
-      const now = moment2__default.default.utc().valueOf();
-      addMessage({
-        id: `pub-${now}-${Math.random()}`,
-        timestamp: now,
-        type: "publication",
-        level: "success",
-        channel: ctx.channel,
-        message: `Message from ${ctx.channel}`,
-        data: ctx.data
-      });
-    }, "handlePublication");
-    centrifuge.on("subscribed", handleSubscribed);
-    centrifuge.on("unsubscribed", handleUnsubscribed);
-    centrifuge.on("publication", handlePublication);
-    return () => {
-      centrifuge.off("subscribed", handleSubscribed);
-      centrifuge.off("unsubscribed", handleUnsubscribed);
-      centrifuge.off("publication", handlePublication);
-    };
-  }, [client, addMessage]);
-  react.useEffect(() => {
-    if (autoScroll && scrollRef.current) {
-      scrollRef.current.scrollTop = 0;
-    }
-  }, [messages, autoScroll]);
-  const filteredMessages = react.useMemo(() => {
-    return messages.filter((msg) => {
-      if (filters.channels && filters.channels.length > 0) {
-        if (!msg.channel || !filters.channels.includes(msg.channel)) {
-          return false;
-        }
-      }
-      if (filters.types && filters.types.length > 0) {
-        if (!filters.types.includes(msg.type)) {
-          return false;
-        }
-      }
-      if (filters.levels && filters.levels.length > 0) {
-        if (!filters.levels.includes(msg.level)) {
-          return false;
-        }
-      }
-      if (filters.searchQuery) {
-        const query = filters.searchQuery.toLowerCase();
-        const searchableText = [
-          msg.message,
-          msg.channel,
-          JSON.stringify(msg.data)
-        ].filter(Boolean).join(" ").toLowerCase();
-        if (!searchableText.includes(query)) {
-          return false;
-        }
-      }
-      return true;
-    }).map((msg) => ({
-      ...msg,
-      formattedTime: moment2__default.default.utc(msg.timestamp).format("HH:mm:ss"),
-      formattedData: msg.data ? JSON.stringify(msg.data, null, 2) : null
-    }));
-  }, [messages, filters]);
-  const handleClear = /* @__PURE__ */ __name(() => {
-    setMessages([]);
-  }, "handleClear");
-  const handleDownload = /* @__PURE__ */ __name(() => {
-    const json = JSON.stringify(filteredMessages, null, 2);
-    const blob = new Blob([json], { type: "application/json" });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = `centrifugo-messages-${moment2__default.default.utc().format("YYYY-MM-DD-HHmmss")}.json`;
-    document.body.appendChild(a);
-    a.click();
-    document.body.removeChild(a);
-    URL.revokeObjectURL(url);
-  }, "handleDownload");
-  const getLevelIcon = /* @__PURE__ */ __name((level) => {
-    switch (level) {
-      case "error":
-        return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-4 w-4 text-red-500" });
-      case "warning":
-        return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-4 w-4 text-yellow-500" });
-      case "success":
-        return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-4 w-4 text-green-500" });
-      case "info":
-        return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "h-4 w-4 text-blue-500" });
-      default:
-        return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-4 w-4 text-gray-500" });
-    }
-  }, "getLevelIcon");
-  const getLevelVariant = /* @__PURE__ */ __name((level) => {
-    switch (level) {
-      case "error":
-        return "destructive";
-      case "warning":
-        return "secondary";
-      case "success":
-        return "outline";
-      default:
-        return "default";
-    }
-  }, "getLevelVariant");
-  return /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.Card, { className, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.CardTitle, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Activity, { className: "h-5 w-5" }),
-        "Messages Feed",
-        /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Badge, { variant: "outline", children: filteredMessages.length })
-      ] }),
-      showControls && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          uiNextjs.Button,
-          {
-            size: "sm",
-            variant: "outline",
-            onClick: () => setIsPaused(!isPaused),
-            children: isPaused ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pause, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          uiNextjs.Button,
-          {
-            size: "sm",
-            variant: "outline",
-            onClick: handleClear,
-            disabled: messages.length === 0,
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          uiNextjs.Button,
-          {
-            size: "sm",
-            variant: "outline",
-            onClick: handleDownload,
-            disabled: filteredMessages.length === 0,
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "h-4 w-4" })
-          }
-        )
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.CardContent, { className: "space-y-4", children: [
-      showFilters && /* @__PURE__ */ jsxRuntime.jsx(
-        MessageFilters,
-        {
-          filters,
-          onFiltersChange: setFilters,
-          autoScroll,
-          onAutoScrollChange: setAutoScroll
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.ScrollArea, { className: "h-[400px]", viewportRef: scrollRef, children: filteredMessages.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Activity, { className: "h-12 w-12 text-muted-foreground mb-4" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: isPaused ? "Paused - Click play to resume" : "No messages yet" })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: filteredMessages.map((msg) => /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: "p-3 rounded border hover:bg-muted/50 transition-colors cursor-pointer",
-          onClick: () => onMessageClick?.(msg),
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 mt-0.5", children: getLevelIcon(msg.level) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 space-y-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Badge, { variant: getLevelVariant(msg.level), className: "text-xs", children: msg.type }),
-                msg.channel && /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Badge, { variant: "outline", className: "text-xs", children: msg.channel }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: msg.formattedTime })
-              ] }),
-              msg.message && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm break-words", children: msg.message }),
-              msg.formattedData && /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "text-xs", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("summary", { className: "cursor-pointer text-muted-foreground hover:text-foreground", children: "View data" }),
-                /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-2 p-2 bg-muted rounded overflow-x-auto", children: msg.formattedData })
-              ] })
-            ] })
-          ] })
-        },
-        msg.id
-      )) }) })
-    ] })
-  ] });
-}
-__name(MessagesFeed, "MessagesFeed");
-var logger2 = getConsolaLogger("SubscriptionsList");
-function SubscriptionsList({
-  showControls = true,
-  onSubscriptionClick,
-  className = ""
-}) {
-  const { isConnected, client } = useCentrifugo();
-  const [subscriptions, setSubscriptions] = react.useState([]);
-  const updateSubscriptions = /* @__PURE__ */ __name(() => {
-    if (!client || !isConnected) {
-      setSubscriptions([]);
-      return;
-    }
-    try {
-      const centrifuge = client.getCentrifuge();
-      const subs = centrifuge.subscriptions();
-      const subscriptionsList = [];
-      for (const [channel, sub] of Object.entries(subs)) {
-        subscriptionsList.push({
-          channel,
-          state: sub.state
-        });
-      }
-      setSubscriptions(subscriptionsList);
-    } catch (error) {
-      logger2.error("Failed to get subscriptions", error);
-      setSubscriptions([]);
-    }
-  }, "updateSubscriptions");
-  react.useEffect(() => {
-    updateSubscriptions();
-    if (!client) return;
-    const centrifuge = client.getCentrifuge();
-    const handleSubscribed = /* @__PURE__ */ __name(() => updateSubscriptions(), "handleSubscribed");
-    const handleUnsubscribed = /* @__PURE__ */ __name(() => updateSubscriptions(), "handleUnsubscribed");
-    centrifuge.on("subscribed", handleSubscribed);
-    centrifuge.on("unsubscribed", handleUnsubscribed);
-    const interval = setInterval(updateSubscriptions, 3e3);
-    return () => {
-      centrifuge.off("subscribed", handleSubscribed);
-      centrifuge.off("unsubscribed", handleUnsubscribed);
-      clearInterval(interval);
-    };
-  }, [client, isConnected]);
-  const handleUnsubscribe = /* @__PURE__ */ __name(async (channel) => {
-    if (!client) return;
-    try {
-      await client.unsubscribe(channel);
-      updateSubscriptions();
-    } catch (error) {
-      logger2.error("Failed to unsubscribe", error);
-    }
-  }, "handleUnsubscribe");
-  return /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.Card, { className, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.CardTitle, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Radio, { className: "h-5 w-5" }),
-        "Active Subscriptions",
-        /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Badge, { variant: "outline", children: subscriptions.length })
-      ] }),
-      showControls && /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Button, { size: "sm", variant: "outline", onClick: updateSubscriptions, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-4 w-4" }) })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.CardContent, { children: !isConnected ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-8 text-sm text-muted-foreground", children: "Not connected to Centrifugo" }) : subscriptions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-8 text-sm text-muted-foreground", children: "No active subscriptions" }) : /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.ScrollArea, { className: "h-[300px]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: subscriptions.map((sub) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: "flex items-center justify-between p-3 rounded border hover:bg-muted/50 transition-colors",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: "flex-1 min-w-0 cursor-pointer",
-              onClick: () => onSubscriptionClick?.(sub.channel),
-              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Badge, { variant: "outline", className: "text-xs", children: sub.state }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-mono truncate", children: sub.channel })
-              ] })
-            }
-          ),
-          showControls && /* @__PURE__ */ jsxRuntime.jsx(
-            uiNextjs.Button,
-            {
-              size: "sm",
-              variant: "ghost",
-              onClick: () => handleUnsubscribe(sub.channel),
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4 text-destructive" })
-            }
-          )
-        ]
-      },
-      sub.channel
-    )) }) }) })
-  ] });
-}
-__name(SubscriptionsList, "SubscriptionsList");
-function CentrifugoMonitor({
-  variant = "full",
-  showConnectionStatus = true,
-  showMessagesFeed = true,
-  showSubscriptions = true,
-  showFilters = true,
-  showControls = true,
-  maxMessages = 100,
-  channels = [],
-  autoScroll = true,
-  onMessageClick,
-  onSubscriptionClick,
-  className = ""
-}) {
-  if (variant === "minimal") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(ConnectionStatus, { variant: "detailed", showUptime: true, showSubscriptions: true }) });
-  }
-  if (variant === "compact") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `space-y-4 ${className}`, children: [
-      showConnectionStatus && /* @__PURE__ */ jsxRuntime.jsx(ConnectionStatus, { variant: "detailed", showUptime: true, showSubscriptions: true }),
-      showMessagesFeed && /* @__PURE__ */ jsxRuntime.jsx(
-        MessagesFeed,
-        {
-          maxMessages,
-          showFilters: false,
-          showControls,
-          channels,
-          autoScroll,
-          onMessageClick
-        }
-      )
-    ] });
-  }
-  const tabsToShow = [
-    showConnectionStatus && { value: "connection", label: "Connection" },
-    showMessagesFeed && { value: "messages", label: "Messages" },
-    showSubscriptions && { value: "subscriptions", label: "Subscriptions" }
-  ].filter(Boolean);
-  if (tabsToShow.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.Tabs, { defaultValue: tabsToShow[0].value, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.TabsList, { className: `grid w-full grid-cols-${tabsToShow.length}`, children: tabsToShow.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.TabsTrigger, { value: tab.value, children: tab.label }, tab.value)) }),
-    showConnectionStatus && /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.TabsContent, { value: "connection", className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(ConnectionStatus, { variant: "detailed", showUptime: true, showSubscriptions: true }) }),
-    showMessagesFeed && /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.TabsContent, { value: "messages", className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-      MessagesFeed,
-      {
-        maxMessages,
-        showFilters,
-        showControls,
-        channels,
-        autoScroll,
-        onMessageClick
-      }
-    ) }),
-    showSubscriptions && /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.TabsContent, { value: "subscriptions", className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-      SubscriptionsList,
-      {
-        showControls,
-        onSubscriptionClick
-      }
-    ) })
-  ] }) });
-}
-__name(CentrifugoMonitor, "CentrifugoMonitor");
-function CentrifugoMonitorDialog() {
-  const [open, setOpen] = react.useState(false);
-  const [variant, setVariant] = react.useState("full");
-  hooks.useEventListener(
-    CENTRIFUGO_MONITOR_EVENTS.OPEN_MONITOR_DIALOG,
-    (payload) => {
-      if (payload?.variant) {
-        setVariant(payload.variant);
-      }
-      setOpen(true);
-    }
-  );
-  hooks.useEventListener(
-    CENTRIFUGO_MONITOR_EVENTS.CLOSE_MONITOR_DIALOG,
-    () => {
-      setOpen(false);
-    }
-  );
-  const handleClose = /* @__PURE__ */ __name(() => {
-    setOpen(false);
-  }, "handleClose");
-  return /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Sheet, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(
-    uiNextjs.SheetContent,
-    {
-      side: "right",
-      className: "max-w-2xl w-[90vw] sm:w-[672px]",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.SheetHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.SheetTitle, { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Activity, { className: "h-5 w-5" }),
-            "Centrifugo Monitor"
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SheetDescription, { children: "Real-time WebSocket monitoring and debugging" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsxRuntime.jsx(CentrifugoMonitor, { variant }) })
-      ]
-    }
-  ) });
-}
-__name(CentrifugoMonitorDialog, "CentrifugoMonitorDialog");
-
-// src/config.ts
-var isDevelopment2 = true;
-var isProduction = !isDevelopment2;
-var isStaticBuild = process.env.NEXT_PUBLIC_STATIC_BUILD === "true";
-var showDebugPanel = !isStaticBuild;
-var reconnectConfig = {
-  // Initial delay before first reconnect attempt (ms)
-  initialDelay: 2e3 ,
-  // Maximum delay between reconnect attempts (ms)
-  maxDelay: 3e4 ,
-  // Multiplier for exponential backoff
-  multiplier: 1.5,
-  // Maximum number of reconnect attempts
-  // Dev: 3 attempts then stop (server probably not running)
-  // Prod: 10 attempts then stop (avoid infinite reconnection spam)
-  maxAttempts: 3 ,
-  // Jitter factor to randomize delays (0-1)
-  jitter: 0.1
-};
-var centrifugoConfig = {
-  // Show debug panel only in development and not in static builds
-  showDebugPanel,
-  // Reconnect settings
-  reconnect: reconnectConfig
-};
-var tipShown = false;
-function useCodegenTip() {
-  const mountedRef = react.useRef(false);
-  react.useEffect(() => {
-    if (tipShown) return;
-    if (mountedRef.current) return;
-    mountedRef.current = true;
-    tipShown = true;
-    consolaLogger.info(
-      "\u{1F4A1} Generate type-safe clients from @websocket_rpc handlers:\n\npython manage.py generate_centrifugo_clients --typescript\n\nLearn more: https://djangocfg.com/docs/features/integrations/centrifugo/client-generation/"
-    );
-  }, []);
-}
-__name(useCodegenTip, "useCodegenTip");
-function getVisibilityState() {
-  if (typeof document === "undefined") return true;
-  return document.visibilityState === "visible";
-}
-__name(getVisibilityState, "getVisibilityState");
-function usePageVisibility(options = {}) {
-  const { onVisible, onHidden, onChange } = options;
-  const [state, setState] = react.useState(() => ({
-    isVisible: getVisibilityState(),
-    wasHidden: false,
-    visibleSince: getVisibilityState() ? Date.now() : null,
-    hiddenDuration: 0
-  }));
-  const onVisibleRef = react.useRef(onVisible);
-  const onHiddenRef = react.useRef(onHidden);
-  const onChangeRef = react.useRef(onChange);
-  const hiddenAtRef = react.useRef(null);
-  onVisibleRef.current = onVisible;
-  onHiddenRef.current = onHidden;
-  onChangeRef.current = onChange;
-  const checkVisibility = react.useCallback(() => {
-    return getVisibilityState();
-  }, []);
-  react.useEffect(() => {
-    if (typeof document === "undefined") return;
-    const handleVisibilityChange = /* @__PURE__ */ __name(() => {
-      const isNowVisible = getVisibilityState();
-      setState((prev) => {
-        let hiddenDuration = prev.hiddenDuration;
-        if (isNowVisible && hiddenAtRef.current !== null) {
-          hiddenDuration = Date.now() - hiddenAtRef.current;
-          hiddenAtRef.current = null;
-        }
-        if (!isNowVisible) {
-          hiddenAtRef.current = Date.now();
-        }
-        return {
-          isVisible: isNowVisible,
-          wasHidden: prev.wasHidden || !isNowVisible,
-          visibleSince: isNowVisible ? prev.visibleSince ?? Date.now() : null,
-          hiddenDuration
-        };
-      });
-      onChangeRef.current?.(isNowVisible);
-      if (isNowVisible) {
-        onVisibleRef.current?.();
-      } else {
-        onHiddenRef.current?.();
-      }
-    }, "handleVisibilityChange");
-    document.addEventListener("visibilitychange", handleVisibilityChange);
-    return () => {
-      document.removeEventListener("visibilitychange", handleVisibilityChange);
-    };
-  }, []);
-  return {
-    ...state,
-    checkVisibility
-  };
-}
-__name(usePageVisibility, "usePageVisibility");
-var LogsContext = react.createContext(void 0);
-function LogsProvider({ children }) {
-  const [logs, setLogs] = react.useState([]);
-  const [filter, setFilterState] = react.useState({});
-  const logsStore = getGlobalLogsStore();
-  react.useEffect(() => {
-    setLogs(logsStore.getAll());
-    const unsubscribe2 = logsStore.subscribe((updatedLogs) => {
-      setLogs(updatedLogs);
-    });
-    return unsubscribe2;
-  }, [logsStore]);
-  const filteredLogs = logs.filter((log) => {
-    if (filter.level && log.level !== filter.level) return false;
-    if (filter.source && log.source !== filter.source) return false;
-    if (filter.search) {
-      const searchLower = filter.search.toLowerCase();
-      return log.message.toLowerCase().includes(searchLower);
-    }
-    return true;
-  });
-  const setFilter = react.useCallback((partialFilter) => {
-    setFilterState((prev) => ({ ...prev, ...partialFilter }));
-  }, []);
-  const clearLogs = react.useCallback(() => {
-    logsStore.clear();
-  }, [logsStore]);
-  const value = {
-    logs,
-    filteredLogs,
-    filter,
-    setFilter,
-    clearLogs,
-    count: logs.length
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(LogsContext.Provider, { value, children });
-}
-__name(LogsProvider, "LogsProvider");
-function useLogs() {
-  const context = react.useContext(LogsContext);
-  if (context === void 0) {
-    throw new Error("useLogs must be used within a LogsProvider");
-  }
-  return context;
-}
-__name(useLogs, "useLogs");
-var CentrifugoContext = react.createContext(void 0);
-function CentrifugoProviderInner({
-  children,
-  enabled = false,
-  url,
-  autoConnect: autoConnectProp = true,
-  onTokenRefresh
-}) {
-  const { isAuthenticated, isLoading, user } = auth.useAuth();
-  const [client, setClient] = react.useState(null);
-  const [isConnected, setIsConnected] = react.useState(false);
-  const [isConnecting, setIsConnecting] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const [connectionTime, setConnectionTime] = react.useState(null);
-  const [uptime, setUptime] = react.useState(0);
-  const [subscriptions, setSubscriptions] = react.useState([]);
-  const [activeSubscriptions, setActiveSubscriptions] = react.useState([]);
-  const logger3 = react.useMemo(() => getConsolaLogger("provider"), []);
-  useCodegenTip();
-  const reconnectTimeoutRef = react.useRef(null);
-  const hasConnectedRef = react.useRef(false);
-  const isConnectingRef = react.useRef(false);
-  const isMountedRef = react.useRef(true);
-  const reconnectAttemptRef = react.useRef(0);
-  const reconnectStoppedRef = react.useRef(false);
-  const devWarningShownRef = react.useRef(false);
-  const connectRef = react.useRef(null);
-  const disconnectRef = react.useRef(null);
-  const wasConnectedBeforeHiddenRef = react.useRef(false);
-  const clientInstanceRef = react.useRef(null);
-  const centrifugoToken = user?.centrifugo;
-  const hasCentrifugoToken = !!centrifugoToken?.token;
-  const getReconnectDelay = react.useCallback((attempt) => {
-    const { initialDelay, maxDelay, multiplier, jitter } = reconnectConfig;
-    let delay = initialDelay * Math.pow(multiplier, attempt);
-    delay = Math.min(delay, maxDelay);
-    const jitterAmount = delay * jitter * (Math.random() * 2 - 1);
-    delay = Math.round(delay + jitterAmount);
-    return delay;
-  }, []);
-  const wsUrl = react.useMemo(() => {
-    if (url) return url;
-    if (centrifugoToken?.centrifugo_url) return centrifugoToken.centrifugo_url;
-    return "";
-  }, [url, centrifugoToken?.centrifugo_url]);
-  const autoConnect = autoConnectProp && (isAuthenticated && !isLoading) && enabled && hasCentrifugoToken;
-  react.useEffect(() => {
-    if (!isLoading) {
-      logger3.info(`Auto-connect: ${autoConnect ? "YES" : "NO"}`, {
-        authenticated: isAuthenticated,
-        loading: isLoading,
-        enabled,
-        hasToken: hasCentrifugoToken,
-        url: wsUrl
-      });
-    }
-  }, [autoConnect, isAuthenticated, isLoading, enabled, hasCentrifugoToken, logger3, wsUrl]);
-  react.useEffect(() => {
-    if (!isConnected || !connectionTime) {
-      setUptime(0);
-      return;
-    }
-    const updateUptime = /* @__PURE__ */ __name(() => {
-      const now = /* @__PURE__ */ new Date();
-      const diff = Math.floor((now.getTime() - connectionTime.getTime()) / 1e3);
-      setUptime(diff);
-    }, "updateUptime");
-    updateUptime();
-    const interval = setInterval(updateUptime, 1e3);
-    return () => clearInterval(interval);
-  }, [isConnected, connectionTime]);
-  react.useEffect(() => {
-    if (!client || !isConnected) {
-      setSubscriptions([]);
-      setActiveSubscriptions([]);
-      return;
-    }
-    const updateSubs = /* @__PURE__ */ __name(() => {
-      try {
-        const subs = client.getAllSubscriptions?.() || [];
-        setSubscriptions(subs);
-        const activeSubs = subs.map((channel) => ({
-          channel,
-          type: "client",
-          subscribedAt: Date.now()
-        }));
-        setActiveSubscriptions(activeSubs);
-      } catch (error2) {
-        logger3.error("Failed to get subscriptions", error2);
-      }
-    }, "updateSubs");
-    updateSubs();
-    const interval = setInterval(updateSubs, 2e3);
-    return () => clearInterval(interval);
-  }, [client, isConnected, logger3]);
-  const connect2 = react.useCallback(async () => {
-    if (reconnectStoppedRef.current) return;
-    if (hasConnectedRef.current || isConnectingRef.current) return;
-    if (isConnecting || isConnected) return;
-    isConnectingRef.current = true;
-    setIsConnecting(true);
-    setError(null);
-    try {
-      if (clientInstanceRef.current) {
-        logger3.info("Reconnecting to WebSocket server (reusing client)...");
-        await clientInstanceRef.current.connect();
-        if (!isMountedRef.current) {
-          isConnectingRef.current = false;
-          return;
-        }
-        hasConnectedRef.current = true;
-        isConnectingRef.current = false;
-        if (reconnectTimeoutRef.current) {
-          clearTimeout(reconnectTimeoutRef.current);
-          reconnectTimeoutRef.current = null;
-        }
-        setIsConnected(true);
-        setConnectionTime(/* @__PURE__ */ new Date());
-        setError(null);
-        logger3.success("WebSocket reconnected");
-        reconnectAttemptRef.current = 0;
-        devWarningShownRef.current = false;
-        reconnectStoppedRef.current = false;
-        return;
-      }
-      logger3.info("Connecting to WebSocket server...");
-      if (!centrifugoToken?.token) {
-        throw new Error("No Centrifugo token available");
-      }
-      const token = centrifugoToken.token;
-      let userId = user?.id?.toString() || "1";
-      if (!user?.id) {
-        try {
-          const tokenPayload = JSON.parse(atob(token.split(".")[1]));
-          userId = tokenPayload.user_id?.toString() || tokenPayload.sub?.toString() || "1";
-        } catch (err) {
-        }
-      }
-      const rpcClient = new CentrifugoRPCClient({
-        url: wsUrl,
-        token,
-        userId,
-        timeout: 3e4,
-        logger: logger3,
-        getToken: onTokenRefresh
-      });
-      await rpcClient.connect();
-      if (!isMountedRef.current) {
-        rpcClient.disconnect();
-        isConnectingRef.current = false;
-        return;
-      }
-      hasConnectedRef.current = true;
-      isConnectingRef.current = false;
-      if (reconnectTimeoutRef.current) {
-        clearTimeout(reconnectTimeoutRef.current);
-        reconnectTimeoutRef.current = null;
-      }
-      clientInstanceRef.current = rpcClient;
-      setClient(rpcClient);
-      setIsConnected(true);
-      setConnectionTime(/* @__PURE__ */ new Date());
-      setError(null);
-      logger3.success("WebSocket connected");
-      reconnectAttemptRef.current = 0;
-      devWarningShownRef.current = false;
-      reconnectStoppedRef.current = false;
-    } catch (err) {
-      const error2 = err instanceof Error ? err : new Error("Connection failed");
-      setError(error2);
-      setClient(null);
-      setIsConnected(false);
-      setConnectionTime(null);
-      hasConnectedRef.current = false;
-      isConnectingRef.current = false;
-      const isAuthError = error2.message.includes("token") || error2.message.includes("auth") || error2.message.includes("expired");
-      if (isAuthError) {
-        logger3.error("Authentication failed", error2);
-      } else {
-        const { maxAttempts } = reconnectConfig;
-        const currentAttempt = reconnectAttemptRef.current;
-        {
-          if (!devWarningShownRef.current) {
-            devWarningShownRef.current = true;
-            logger3.warning(
-              "\u{1F50C} Centrifugo server is not running. Start it with: docker compose -f docker-compose-local-services.yml up centrifugo"
-            );
-          }
-          if (maxAttempts > 0 && currentAttempt >= maxAttempts) {
-            reconnectStoppedRef.current = true;
-            logger3.info(`Stopped reconnecting after ${maxAttempts} attempts (dev mode)`);
-            return;
-          }
-        }
-        if (currentAttempt < maxAttempts) {
-          const delay = getReconnectDelay(currentAttempt);
-          reconnectAttemptRef.current = currentAttempt + 1;
-          if (currentAttempt < 2) {
-            logger3.info(`Reconnecting in ${Math.round(delay / 1e3)}s (attempt ${currentAttempt + 1}/${maxAttempts})...`);
-          }
-          reconnectTimeoutRef.current = setTimeout(() => {
-            connectRef.current?.();
-          }, delay);
-        } else {
-          reconnectStoppedRef.current = true;
-          logger3.warning(`Stopped reconnecting after ${maxAttempts} attempts. WebSocket server may be unavailable.`);
-        }
-      }
-    } finally {
-      setIsConnecting(false);
-    }
-  }, [wsUrl, centrifugoToken, user, logger3, isConnecting, isConnected, getReconnectDelay, onTokenRefresh]);
-  const disconnect2 = react.useCallback(() => {
-    if (isConnectingRef.current) return;
-    if (reconnectTimeoutRef.current) {
-      clearTimeout(reconnectTimeoutRef.current);
-      reconnectTimeoutRef.current = null;
-    }
-    if (client) {
-      logger3.info("Disconnecting from WebSocket server...");
-      client.disconnect();
-      setClient(null);
-      setIsConnected(false);
-      setConnectionTime(null);
-      setError(null);
-      setSubscriptions([]);
-    }
-    hasConnectedRef.current = false;
-    isConnectingRef.current = false;
-    reconnectAttemptRef.current = 0;
-    devWarningShownRef.current = false;
-    reconnectStoppedRef.current = false;
-  }, [client, logger3]);
-  const reconnect = react.useCallback(async () => {
-    disconnect2();
-    await connect2();
-  }, [connect2, disconnect2]);
-  const unsubscribe2 = react.useCallback((channel) => {
-    if (!client) {
-      logger3.warning("Cannot unsubscribe: client not connected");
-      return;
-    }
-    try {
-      client.unsubscribe?.(channel);
-      logger3.info(`Unsubscribed from channel: ${channel}`);
-      setSubscriptions((prev) => prev.filter((ch) => ch !== channel));
-      setActiveSubscriptions((prev) => prev.filter((sub) => sub.channel !== channel));
-    } catch (error2) {
-      logger3.error(`Failed to unsubscribe from ${channel}`, error2);
-    }
-  }, [client, logger3]);
-  connectRef.current = connect2;
-  disconnectRef.current = disconnect2;
-  react.useEffect(() => {
-    isMountedRef.current = true;
-    if (autoConnect && !hasConnectedRef.current && !reconnectStoppedRef.current) {
-      connectRef.current?.();
-    }
-    return () => {
-      if (isConnectingRef.current && !hasConnectedRef.current) {
-        return;
-      }
-      if (!hasConnectedRef.current) {
-        return;
-      }
-      isMountedRef.current = false;
-      disconnectRef.current?.();
-    };
-  }, [autoConnect]);
-  usePageVisibility({
-    onHidden: /* @__PURE__ */ __name(() => {
-      wasConnectedBeforeHiddenRef.current = isConnected;
-      if (reconnectTimeoutRef.current) {
-        clearTimeout(reconnectTimeoutRef.current);
-        reconnectTimeoutRef.current = null;
-        logger3.debug("Paused reconnect attempts (tab hidden)");
-      }
-    }, "onHidden"),
-    onVisible: /* @__PURE__ */ __name(() => {
-      const shouldReconnect = autoConnect && !isConnected && !isConnectingRef.current && !reconnectStoppedRef.current && (wasConnectedBeforeHiddenRef.current || !hasConnectedRef.current);
-      if (shouldReconnect) {
-        reconnectAttemptRef.current = 0;
-        devWarningShownRef.current = false;
-        logger3.info("Tab visible - attempting reconnect...");
-        connectRef.current?.();
-      } else if (isConnected) {
-        logger3.debug("Tab visible - connection still active");
-      }
-    }, "onVisible")
-  });
-  const connectionState = isConnected ? "connected" : isConnecting ? "connecting" : error ? "error" : "disconnected";
-  const value = {
-    client,
-    isConnected,
-    isConnecting,
-    error,
-    connectionState,
-    uptime,
-    subscriptions,
-    activeSubscriptions,
-    connect: connect2,
-    disconnect: disconnect2,
-    reconnect,
-    unsubscribe: unsubscribe2,
-    enabled
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(CentrifugoContext.Provider, { value, children });
-}
-__name(CentrifugoProviderInner, "CentrifugoProviderInner");
-function CentrifugoProvider(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(LogsProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(CentrifugoProviderInner, { ...props, children: [
-    props.children,
-    /* @__PURE__ */ jsxRuntime.jsx(CentrifugoMonitorDialog, {})
-  ] }) });
-}
-__name(CentrifugoProvider, "CentrifugoProvider");
-function useCentrifugo() {
-  const context = react.useContext(CentrifugoContext);
-  if (context === void 0) {
-    throw new Error("useCentrifugo must be used within a CentrifugoProvider");
-  }
-  return context;
-}
-__name(useCentrifugo, "useCentrifugo");
-
-// src/core/utils/channelValidator.ts
-function validateChannelName(channel) {
-  const hashCount = (channel.match(/#/g) || []).length;
-  if (hashCount >= 2) {
-    const parts = channel.split("#");
-    const [namespace, possibleUserId, ...rest] = parts;
-    const isNumericUserId = /^\d+$/.test(possibleUserId);
-    if (!isNumericUserId && possibleUserId) {
-      const suggestion = channel.replace(/#/g, ":");
-      return {
-        valid: false,
-        warning: `Channel "${channel}" uses '#' separator which Centrifugo interprets as user-limited channel boundary. The part "${possibleUserId}" will be treated as user_id, which may cause permission errors if not in JWT token.`,
-        suggestion: `Use ':' for namespace separation: "${suggestion}"`
-      };
-    }
-    if (isNumericUserId) {
-      return {
-        valid: true,
-        warning: `Channel "${channel}" appears to be a user-limited channel (user_id: ${possibleUserId}). Make sure your JWT token's "sub" field matches "${possibleUserId}".`
-      };
-    }
-  }
-  if (hashCount === 1) {
-    const [namespace, userId] = channel.split("#");
-    if (userId && !/^\d+$/.test(userId) && userId !== "*") {
-      const suggestion = channel.replace("#", ":");
-      return {
-        valid: false,
-        warning: `Channel "${channel}" uses '#' but "${userId}" doesn't look like a user_id. This might cause permission issues.`,
-        suggestion: `Consider using ':' instead: "${suggestion}"`
-      };
-    }
-  }
-  return { valid: true };
-}
-__name(validateChannelName, "validateChannelName");
-function logChannelWarnings(channel, logger3) {
-  const result = validateChannelName(channel);
-  if (!result.valid && result.warning) {
-    const message = `[Centrifugo Channel Warning]
-${result.warning}${result.suggestion ? `
-\u{1F4A1} Suggestion: ${result.suggestion}` : ""}`;
-    if (logger3?.warning) {
-      logger3.warning(message);
-    } else {
-      console.warn(message);
-    }
-  } else if (result.warning) {
-    if (logger3?.warning) {
-      logger3.warning(`[Centrifugo] ${result.warning}`);
-    }
-  }
-}
-__name(logChannelWarnings, "logChannelWarnings");
-
-// src/hooks/useSubscription.ts
-function useSubscription(options) {
-  const { client, isConnected } = useCentrifugo();
-  const { channel, enabled = true, onPublication, onError } = options;
-  const [data, setData] = react.useState(null);
-  const [error, setError] = react.useState(null);
-  const [isSubscribed, setIsSubscribed] = react.useState(false);
-  const unsubscribeRef = react.useRef(null);
-  const logger3 = react.useRef(getConsolaLogger("useSubscription")).current;
-  const onPublicationRef = react.useRef(onPublication);
-  const onErrorRef = react.useRef(onError);
-  react.useEffect(() => {
-    onPublicationRef.current = onPublication;
-    onErrorRef.current = onError;
-  }, [onPublication, onError]);
-  const unsubscribe2 = react.useCallback(() => {
-    if (unsubscribeRef.current) {
-      try {
-        unsubscribeRef.current();
-        unsubscribeRef.current = null;
-        setIsSubscribed(false);
-        logger3.info(`Unsubscribed from channel: ${channel}`);
-      } catch (err) {
-        logger3.error(`Error during unsubscribe from ${channel}`, err);
-      }
-    }
-  }, [channel, logger3]);
-  react.useEffect(() => {
-    if (!client || !isConnected || !enabled) {
-      if (!isConnected && isSubscribed) {
-        setIsSubscribed(false);
-      }
-      return;
-    }
-    logChannelWarnings(channel, logger3);
-    logger3.info(`Subscribing to channel: ${channel}`);
-    try {
-      const unsub = client.subscribe(channel, (receivedData) => {
-        try {
-          setData(receivedData);
-          setError(null);
-          onPublicationRef.current?.(receivedData);
-        } catch (callbackError) {
-          logger3.error(`Error in onPublication callback for ${channel}`, callbackError);
-        }
-      });
-      unsubscribeRef.current = unsub;
-      setIsSubscribed(true);
-      logger3.success(`Subscribed to channel: ${channel}`);
-    } catch (err) {
-      const subscriptionError = err instanceof Error ? err : new Error("Subscription failed");
-      setError(subscriptionError);
-      try {
-        onErrorRef.current?.(subscriptionError);
-      } catch (callbackError) {
-        logger3.error(`Error in onError callback for ${channel}`, callbackError);
-      }
-      logger3.error(`Subscription failed: ${channel}`, subscriptionError);
-    }
-    return () => {
-      unsubscribe2();
-    };
-  }, [client, isConnected, enabled, channel, unsubscribe2, logger3, isSubscribed]);
-  return {
-    data,
-    error,
-    isSubscribed,
-    unsubscribe: unsubscribe2
-  };
-}
-__name(useSubscription, "useSubscription");
-function useRPC(defaultOptions = {}) {
-  const { client, isConnected } = useCentrifugo();
-  const [isLoading, setIsLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const logger3 = react.useRef(getConsolaLogger("useRPC")).current;
-  const abortControllerRef = react.useRef(null);
-  const reset = react.useCallback(() => {
-    setIsLoading(false);
-    setError(null);
-    if (abortControllerRef.current) {
-      abortControllerRef.current.abort();
-      abortControllerRef.current = null;
-    }
-  }, []);
-  const call2 = react.useCallback(
-    async (method, params, options = {}) => {
-      if (!client) {
-        const error2 = new Error("Centrifugo client not available");
-        setError(error2);
-        throw error2;
-      }
-      if (!isConnected) {
-        const error2 = new Error("Not connected to Centrifugo");
-        setError(error2);
-        throw error2;
-      }
-      setError(null);
-      setIsLoading(true);
-      const abortController = new AbortController();
-      abortControllerRef.current = abortController;
-      try {
-        const mergedOptions = {
-          ...defaultOptions,
-          ...options
-        };
-        logger3.info(`RPC call: ${method}`, { params });
-        const result = await client.rpc(
-          method,
-          params,
-          {
-            timeout: mergedOptions.timeout,
-            replyChannel: mergedOptions.replyChannel
-          }
-        );
-        if (abortController.signal.aborted) {
-          throw new Error("RPC call aborted");
-        }
-        logger3.success(`RPC success: ${method}`);
-        setIsLoading(false);
-        return result;
-      } catch (err) {
-        const rpcError = err instanceof Error ? err : new Error("RPC call failed");
-        if (!abortController.signal.aborted) {
-          setError(rpcError);
-          logger3.error(`RPC failed: ${method}`, rpcError);
-          const onError = options.onError || defaultOptions.onError;
-          if (onError) {
-            try {
-              onError(rpcError);
-            } catch (callbackError) {
-              logger3.error("Error in onError callback", callbackError);
-            }
-          }
-        }
-        setIsLoading(false);
-        throw rpcError;
-      } finally {
-        if (abortControllerRef.current === abortController) {
-          abortControllerRef.current = null;
-        }
-      }
-    },
-    [client, isConnected, defaultOptions, logger3]
-  );
-  return {
-    call: call2,
-    isLoading,
-    error,
-    reset
-  };
-}
-__name(useRPC, "useRPC");
-function useNamedRPC(defaultOptions = {}) {
-  const { client, isConnected } = useCentrifugo();
-  const [isLoading, setIsLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const logger3 = react.useRef(getConsolaLogger("useNamedRPC")).current;
-  const reset = react.useCallback(() => {
-    setIsLoading(false);
-    setError(null);
-  }, []);
-  const call2 = react.useCallback(
-    async (method, data) => {
-      if (!client) {
-        const error2 = new Error("Centrifugo client not available");
-        setError(error2);
-        throw error2;
-      }
-      if (!isConnected) {
-        const error2 = new Error("Not connected to Centrifugo");
-        setError(error2);
-        throw error2;
-      }
-      setError(null);
-      setIsLoading(true);
-      try {
-        logger3.info(`Native RPC call: ${method}`, { data });
-        const result = await client.namedRPC(method, data);
-        logger3.success(`Native RPC success: ${method}`);
-        setIsLoading(false);
-        return result;
-      } catch (err) {
-        const rpcError = err instanceof Error ? err : new Error("Native RPC call failed");
-        setError(rpcError);
-        logger3.error(`Native RPC failed: ${method}`, rpcError);
-        if (defaultOptions.onError) {
-          try {
-            defaultOptions.onError(rpcError);
-          } catch (callbackError) {
-            logger3.error("Error in onError callback", callbackError);
-          }
-        }
-        setIsLoading(false);
-        throw rpcError;
-      }
-    },
-    [client, isConnected, defaultOptions, logger3]
-  );
-  return {
-    call: call2,
-    isLoading,
-    error,
-    reset
-  };
-}
-__name(useNamedRPC, "useNamedRPC");
-
-// src/core/errors/RPCRetryHandler.ts
-var DEFAULT_RETRY_CONFIG = {
-  maxRetries: 3,
-  baseDelayMs: 1e3,
-  maxDelayMs: 1e4,
-  jitterFactor: 0.2
-};
-function calculateDelay(attempt, config, error) {
-  const baseDelay = error?.suggestedRetryDelay ?? config.baseDelayMs;
-  const exponentialDelay = baseDelay * Math.pow(2, attempt);
-  const cappedDelay = Math.min(exponentialDelay, config.maxDelayMs);
-  const jitter = cappedDelay * config.jitterFactor * (Math.random() * 2 - 1);
-  return Math.max(0, Math.round(cappedDelay + jitter));
-}
-__name(calculateDelay, "calculateDelay");
-function sleep(ms) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-__name(sleep, "sleep");
-async function withRetry(operation, config = {}, onRetry) {
-  const fullConfig = { ...DEFAULT_RETRY_CONFIG, ...config };
-  const state = {
-    attempt: 0,
-    lastError: null,
-    totalDelayMs: 0
-  };
-  while (state.attempt <= fullConfig.maxRetries) {
-    try {
-      return await operation();
-    } catch (error) {
-      const rpcError = RPCError.fromError(error);
-      state.lastError = rpcError;
-      if (!rpcError.isRetryable) {
-        throw rpcError;
-      }
-      if (state.attempt >= fullConfig.maxRetries) {
-        throw rpcError;
-      }
-      const delayMs = calculateDelay(state.attempt, fullConfig, rpcError);
-      state.totalDelayMs += delayMs;
-      if (onRetry) {
-        onRetry(state, delayMs);
-      }
-      await sleep(delayMs);
-      state.attempt++;
-    }
-  }
-  throw state.lastError ?? new RPCError("unknown", "Retry failed");
-}
-__name(withRetry, "withRetry");
-function createRetryHandler(config = {}) {
-  const fullConfig = { ...DEFAULT_RETRY_CONFIG, ...config };
-  return {
-    config: fullConfig,
-    /**
-     * Execute with retry.
-     */
-    execute: /* @__PURE__ */ __name((operation, onRetry) => withRetry(operation, fullConfig, onRetry), "execute"),
-    /**
-     * Check if error should be retried.
-     */
-    shouldRetry: /* @__PURE__ */ __name((error, attempt) => {
-      if (attempt >= fullConfig.maxRetries) {
-        return false;
-      }
-      const rpcError = RPCError.fromError(error);
-      return rpcError.isRetryable;
-    }, "shouldRetry"),
-    /**
-     * Get delay for next retry.
-     */
-    getDelay: /* @__PURE__ */ __name((attempt, error) => {
-      const rpcError = error ? RPCError.fromError(error) : void 0;
-      return calculateDelay(attempt, fullConfig, rpcError);
-    }, "getDelay")
-  };
-}
-__name(createRetryHandler, "createRetryHandler");
-function CentrifugoMonitorFAB({
-  position = "bottom-left",
-  size = "md",
-  variant = "full"
-}) {
-  const positionStyles = {
-    "bottom-left": { bottom: "1rem", left: "1rem" },
-    "bottom-right": { bottom: "1rem", right: "1rem" },
-    "top-left": { top: "1rem", left: "1rem" },
-    "top-right": { top: "1rem", right: "1rem" }
-  };
-  const sizeStyles = {
-    sm: { width: "48px", height: "48px" },
-    md: { width: "56px", height: "56px" },
-    lg: { width: "64px", height: "64px" }
-  };
-  const iconSizes = {
-    sm: "h-5 w-5",
-    md: "h-6 w-6",
-    lg: "h-7 w-7"
-  };
-  const handleClick = /* @__PURE__ */ __name(() => {
-    emitOpenMonitorDialog({ variant });
-  }, "handleClick");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      onClick: handleClick,
-      className: "rounded-full bg-primary text-primary-foreground shadow-lg hover:bg-primary/90 transition-all duration-200 flex items-center justify-center hover:scale-110",
-      style: {
-        position: "fixed",
-        ...positionStyles[position],
-        ...sizeStyles[size],
-        zIndex: 9999
-      },
-      "aria-label": "Open Centrifugo Monitor",
-      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Activity, { className: iconSizes[size] })
-    }
-  );
-}
-__name(CentrifugoMonitorFAB, "CentrifugoMonitorFAB");
-function CentrifugoMonitorWidget({
-  title = "WebSocket Monitor",
-  showExpandButton = true,
-  className = ""
-}) {
-  const handleExpand = /* @__PURE__ */ __name(() => {
-    emitOpenMonitorDialog({ variant: "full" });
-  }, "handleExpand");
-  return /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.Card, { className, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.CardTitle, { className: "text-sm font-medium flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Activity, { className: "h-4 w-4" }),
-        title
-      ] }),
-      showExpandButton && /* @__PURE__ */ jsxRuntime.jsx(
-        uiNextjs.Button,
-        {
-          size: "sm",
-          variant: "ghost",
-          onClick: handleExpand,
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize2, { className: "h-4 w-4" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(ConnectionStatus, { variant: "detailed", showUptime: true, showSubscriptions: true }) })
-  ] });
-}
-__name(CentrifugoMonitorWidget, "CentrifugoMonitorWidget");
-function formatUptime(seconds) {
-  if (seconds === 0) return "0s";
-  const hours = Math.floor(seconds / 3600);
-  const minutes = Math.floor(seconds % 3600 / 60);
-  const secs = seconds % 60;
-  if (hours > 0) {
-    return `${hours}h ${minutes}m ${secs}s`;
-  } else if (minutes > 0) {
-    return `${minutes}m ${secs}s`;
-  } else {
-    return `${secs}s`;
-  }
-}
-__name(formatUptime, "formatUptime");
-function ConnectionTab() {
-  const {
-    isConnected,
-    isConnecting,
-    connectionState,
-    error,
-    uptime,
-    connect: connect2,
-    disconnect: disconnect2,
-    reconnect
-  } = useCentrifugo();
-  const statusIcon = isConnected ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wifi, { className: "h-5 w-5 text-green-600" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.WifiOff, { className: "h-5 w-5 text-red-600" });
-  const statusBadge = isConnected ? /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.Badge, { variant: "default", className: "flex items-center gap-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-2 w-2 rounded-full bg-green-500 animate-pulse" }),
-    "Connected"
-  ] }) : isConnecting ? /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-3 w-3 animate-spin" }),
-    "Connecting..."
-  ] }) : /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Badge, { variant: "destructive", children: "Disconnected" });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.Card, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.CardTitle, { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
-        statusIcon,
-        "Connection Status"
-      ] }),
-      statusBadge
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.CardContent, { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "State:" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-medium capitalize", children: connectionState })
-      ] }),
-      isConnected && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Uptime:" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono font-medium flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-3 w-3" }),
-          formatUptime(uptime)
-        ] })
-      ] }),
-      error && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Separator, {}),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Error:" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-red-600 bg-red-50 dark:bg-red-950/20 p-2 rounded", children: error.message })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Separator, {}),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2", children: isConnected ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          uiNextjs.Button,
-          {
-            variant: "destructive",
-            size: "sm",
-            onClick: disconnect2,
-            className: "flex-1",
-            children: "Disconnect"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          uiNextjs.Button,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: reconnect,
-            className: "flex-1",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-3 w-3 mr-1" }),
-              "Reconnect"
-            ]
-          }
-        )
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-        uiNextjs.Button,
-        {
-          variant: "default",
-          size: "sm",
-          onClick: connect2,
-          disabled: isConnecting,
-          className: "flex-1",
-          children: isConnecting ? "Connecting..." : "Connect"
-        }
-      ) })
-    ] })
-  ] }) });
-}
-__name(ConnectionTab, "ConnectionTab");
-function formatTimestamp(date) {
-  return moment2__default.default(date).format("HH:mm:ss.SSS");
-}
-__name(formatTimestamp, "formatTimestamp");
-function getLevelColor(level) {
-  switch (level) {
-    case "debug":
-      return "text-blue-600 dark:text-blue-400";
-    case "info":
-      return "text-gray-600 dark:text-gray-400";
-    case "success":
-      return "text-green-600 dark:text-green-400";
-    case "warning":
-      return "text-yellow-600 dark:text-yellow-400";
-    case "error":
-      return "text-red-600 dark:text-red-400";
-  }
-}
-__name(getLevelColor, "getLevelColor");
-function LogsTab() {
-  const { filteredLogs, filter, setFilter, clearLogs, count } = useLogs();
-  const [search, setSearch] = react.useState("");
-  const [autoScroll, setAutoScroll] = react.useState(true);
-  const scrollRef = react.useRef(null);
-  react.useEffect(() => {
-    if (autoScroll && scrollRef.current) {
-      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
-    }
-  }, [filteredLogs, autoScroll]);
-  react.useEffect(() => {
-    const timeout = setTimeout(() => {
-      setFilter({ search: search || void 0 });
-    }, 300);
-    return () => clearTimeout(timeout);
-  }, [search, setFilter]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.Card, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.CardTitle, { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
-          "Logs",
-          /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Badge, { variant: "secondary", children: count })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            uiNextjs.Button,
-            {
-              variant: "outline",
-              size: "sm",
-              onClick: () => setAutoScroll(!autoScroll),
-              children: [
-                "Auto-scroll: ",
-                autoScroll ? "ON" : "OFF"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            uiNextjs.Button,
-            {
-              variant: "destructive",
-              size: "sm",
-              onClick: clearLogs,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-3 w-3 mr-1" }),
-                "Clear"
-              ]
-            }
-          )
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.CardContent, { className: "space-y-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            uiNextjs.Input,
-            {
-              placeholder: "Search logs...",
-              value: search,
-              onChange: (e) => setSearch(e.target.value),
-              className: "pl-8"
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            uiNextjs.Select,
-            {
-              value: filter.level || "all",
-              onValueChange: (value) => setFilter({ level: value === "all" ? void 0 : value }),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.SelectTrigger, { className: "w-[140px]", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "h-3 w-3 mr-1" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SelectValue, { placeholder: "Level" })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.SelectContent, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SelectItem, { value: "all", children: "All Levels" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SelectItem, { value: "debug", children: "Debug" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SelectItem, { value: "info", children: "Info" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SelectItem, { value: "success", children: "Success" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SelectItem, { value: "warning", children: "Warning" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SelectItem, { value: "error", children: "Error" })
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            uiNextjs.Select,
-            {
-              value: filter.source || "all",
-              onValueChange: (value) => setFilter({ source: value === "all" ? void 0 : value }),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.SelectTrigger, { className: "w-[140px]", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "h-3 w-3 mr-1" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SelectValue, { placeholder: "Source" })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.SelectContent, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SelectItem, { value: "all", children: "All Sources" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SelectItem, { value: "client", children: "Client" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SelectItem, { value: "provider", children: "Provider" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SelectItem, { value: "subscription", children: "Subscription" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SelectItem, { value: "system", children: "System" })
-                ] })
-              ]
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.CardContent, { className: "p-0", children: /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.ScrollArea, { viewportRef: scrollRef, className: "h-[400px] w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 font-mono text-xs space-y-1 bg-slate-950 text-slate-50", children: filteredLogs.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-slate-500 text-center py-8", children: "No logs to display" }) : filteredLogs.map((log) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 hover:bg-slate-900 px-1 py-0.5 rounded", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-slate-500 shrink-0", children: [
-        "[",
-        formatTimestamp(log.timestamp),
-        "]"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${getLevelColor(log.level)} font-bold uppercase shrink-0 w-16`, children: log.level }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-blue-400 shrink-0 w-24", children: [
-        "[",
-        log.source,
-        "]"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-200", children: log.message }),
-      log.data && /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "text-slate-400 cursor-pointer", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("summary", { className: "inline", children: /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Badge, { variant: "outline", className: "text-xs ml-2", children: "data" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 ml-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-          uiTools.PrettyCode,
-          {
-            data: typeof log.data === "object" ? log.data : { value: log.data },
-            language: "json"
-          }
-        ) })
-      ] })
-    ] }, log.id)) }) }) }) })
-  ] });
-}
-__name(LogsTab, "LogsTab");
-function formatSubscribedTime(timestamp) {
-  const now = Date.now();
-  const diff = Math.floor((now - timestamp) / 1e3);
-  if (diff < 60) {
-    return `${diff}s ago`;
-  } else if (diff < 3600) {
-    return `${Math.floor(diff / 60)}m ago`;
-  } else if (diff < 86400) {
-    return `${Math.floor(diff / 3600)}h ago`;
-  } else {
-    return `${Math.floor(diff / 86400)}d ago`;
-  }
-}
-__name(formatSubscribedTime, "formatSubscribedTime");
-function SubscriptionsTab() {
-  const { activeSubscriptions, unsubscribe: unsubscribe2 } = useCentrifugo();
-  const handleUnsubscribe = /* @__PURE__ */ __name((channel) => {
-    unsubscribe2(channel);
-  }, "handleUnsubscribe");
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.CardTitle, { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Radio, { className: "h-5 w-5" }),
-        "Active Subscriptions"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Badge, { variant: "secondary", children: activeSubscriptions.length })
-    ] }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.CardContent, { className: "p-0", children: activeSubscriptions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-8 text-center text-muted-foreground", children: "No active subscriptions" }) : /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.ScrollArea, { className: "h-[450px]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 space-y-3", children: activeSubscriptions.map((sub, index) => /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
-      index > 0 && /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Separator, {}),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4 p-3 rounded-lg hover:bg-muted/50 transition-colors", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Radio, { className: "h-4 w-4 text-green-600 animate-pulse" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-sm font-medium", children: sub.channel })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Badge, { variant: "outline", className: "text-xs", children: sub.type }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-              "Subscribed: ",
-              formatSubscribedTime(sub.subscribedAt)
-            ] })
-          ] }),
-          sub.data && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "cursor-pointer", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("summary", { className: "inline", children: "View data" }),
-            /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-2 p-2 bg-muted rounded text-xs overflow-auto", children: JSON.stringify(sub.data, null, 2) })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          uiNextjs.Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            onClick: () => handleUnsubscribe(sub.channel),
-            className: "shrink-0",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-3 w-3 text-red-600" })
-          }
-        )
-      ] })
-    ] }, sub.channel)) }) }) }) })
-  ] });
-}
-__name(SubscriptionsTab, "SubscriptionsTab");
-function DebugPanel() {
-  const [isOpen, setIsOpen] = react.useState(false);
-  const [activeTab, setActiveTab] = react.useState("connection");
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        onClick: () => setIsOpen(true),
-        className: "rounded-full bg-primary text-primary-foreground shadow-lg hover:bg-primary/90 transition-all duration-200 flex items-center justify-center",
-        style: {
-          position: "fixed",
-          bottom: "1rem",
-          left: "1rem",
-          width: "56px",
-          height: "56px",
-          zIndex: 9999
-        },
-        "aria-label": "Open Centrifugo Debug Panel",
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bug, { className: "h-6 w-6" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.Sheet, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.SheetContent, { side: "right", className: "w-full sm:max-w-2xl", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.SheetHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SheetTitle, { children: "Centrifugo Debug" }),
-        /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.SheetDescription, { children: "WebSocket connection status, logs, and subscriptions" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.Tabs, { value: activeTab, onValueChange: setActiveTab, className: "mt-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(uiNextjs.TabsList, { className: "grid w-full grid-cols-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.TabsTrigger, { value: "connection", children: "Connection" }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.TabsTrigger, { value: "logs", children: "Logs" }),
-          /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.TabsTrigger, { value: "subscriptions", children: "Subscriptions" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.TabsContent, { value: "connection", className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(ConnectionTab, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.TabsContent, { value: "logs", className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(LogsTab, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsx(uiNextjs.TabsContent, { value: "subscriptions", className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(SubscriptionsTab, {}) })
-      ] })
-    ] }) })
-  ] });
-}
-__name(DebugPanel, "DebugPanel");
-
-exports.CENTRIFUGO_ERROR_EVENT = CENTRIFUGO_ERROR_EVENT;
-exports.CENTRIFUGO_EVENT = CENTRIFUGO_EVENT;
-exports.CENTRIFUGO_MONITOR_EVENTS = CENTRIFUGO_MONITOR_EVENTS;
-exports.CENTRIFUGO_VERSION_MISMATCH_EVENT = CENTRIFUGO_VERSION_MISMATCH_EVENT;
-exports.CentrifugoMonitor = CentrifugoMonitor;
-exports.CentrifugoMonitorDialog = CentrifugoMonitorDialog;
-exports.CentrifugoMonitorFAB = CentrifugoMonitorFAB;
-exports.CentrifugoMonitorWidget = CentrifugoMonitorWidget;
-exports.CentrifugoProvider = CentrifugoProvider;
-exports.CentrifugoRPCClient = CentrifugoRPCClient;
-exports.ConnectionStatus = ConnectionStatus;
-exports.ConnectionStatusCard = ConnectionStatusCard;
-exports.ConnectionTab = ConnectionTab;
-exports.DEFAULT_RETRY_CONFIG = DEFAULT_RETRY_CONFIG;
-exports.DebugPanel = DebugPanel;
-exports.LogsProvider = LogsProvider;
-exports.LogsTab = LogsTab;
-exports.MessageFilters = MessageFilters;
-exports.MessagesFeed = MessagesFeed;
-exports.RPCError = RPCError;
-exports.SubscriptionsList = SubscriptionsList;
-exports.SubscriptionsTab = SubscriptionsTab;
-exports.calculateDelay = calculateDelay;
-exports.centrifugoConfig = centrifugoConfig;
-exports.consolaLogger = consolaLogger;
-exports.createLogger = createLogger;
-exports.createRetryHandler = createRetryHandler;
-exports.dispatchCentrifugoError = dispatchCentrifugoError;
-exports.dispatchCentrifugoEvent = dispatchCentrifugoEvent;
-exports.dispatchConnected = dispatchConnected;
-exports.dispatchDisconnected = dispatchDisconnected;
-exports.dispatchReconnecting = dispatchReconnecting;
-exports.dispatchVersionMismatch = dispatchVersionMismatch;
-exports.emitCloseMonitorDialog = emitCloseMonitorDialog;
-exports.emitOpenMonitorDialog = emitOpenMonitorDialog;
-exports.getConsolaLogger = getConsolaLogger;
-exports.getGlobalLogsStore = getGlobalLogsStore;
-exports.isDevelopment = isDevelopment2;
-exports.isProduction = isProduction;
-exports.isStaticBuild = isStaticBuild;
-exports.sleep = sleep;
-exports.useCentrifugo = useCentrifugo;
-exports.useCodegenTip = useCodegenTip;
-exports.useLogs = useLogs;
-exports.useNamedRPC = useNamedRPC;
-exports.usePageVisibility = usePageVisibility;
-exports.useRPC = useRPC;
-exports.useSubscription = useSubscription;
-exports.withRetry = withRetry;
-Object.keys(centrifuge).forEach(function (k) {
-  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return centrifuge[k]; }
-  });
-});
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map