@djangocfg/layouts 2.1.541 → 2.1.543

package/README.md

@@ -193,7 +193,7 @@ send analytics directly from a layout.
 | `@djangocfg/layouts/layouts` | Layout components. |
 | `@djangocfg/layouts/components` | Misc + `ErrorLayout`, `RedirectPage`. |
 | `@djangocfg/layouts/pages/legal` | Legal page templates. |
-| `@djangocfg/layouts/configurator` | JSON Schemas for `<JsonSchemaForm>`-driven configurator UIs (PrivateLayout for now). Pair with `@djangocfg/ui-tools`. |
+| `@djangocfg/layouts/configurator` | JSON Schemas for `<JsonSchemaForm>`-driven configurator UIs (PrivateLayout for now). Pair with `@djangocfg/widget-forms`. |
 | `@djangocfg/layouts/styles` | Base CSS. |
 
 Extensions: `@djangocfg/ext-newsletter`, `ext-knowbase`, `ext-leads`, `ext-payments`, `ext-support`, …

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/layouts",
-  "version": "2.1.541",
+  "version": "2.1.543",
   "description": "Simple, straightforward layout components for Next.js - import and use with props",
   "keywords": [
     "layouts",
@@ -81,6 +81,7 @@
   "files": [
     "dist",
     "src",
+    "!src/**/*.stories.tsx",
     "README.md",
     "LICENSE"
   ],
@@ -89,12 +90,11 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/analytics": "^2.1.541",
-    "@djangocfg/api": "^2.1.541",
-    "@djangocfg/centrifugo": "^2.1.541",
-    "@djangocfg/devtools": "^2.1.541",
-    "@djangocfg/i18n": "^2.1.541",
-    "@djangocfg/ui-core": "^2.1.541",
+    "@djangocfg/analytics": "^2.1.543",
+    "@djangocfg/api": "^2.1.543",
+    "@djangocfg/devtools": "^2.1.543",
+    "@djangocfg/i18n": "^2.1.543",
+    "@djangocfg/ui-core": "^2.1.543",
     "@hookform/resolvers": "^5.2.2",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -102,8 +102,8 @@
     "next": "^16.2.2",
     "next-intl": "^4.9.1",
     "p-retry": "^7.0.0",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-hook-form": "^7.69.0",
     "sonner": "2.0.7",
     "swr": "^2.3.7",
@@ -124,19 +124,19 @@
     "uuid": "^11.1.1"
   },
   "devDependencies": {
-    "@djangocfg/analytics": "^2.1.541",
-    "@djangocfg/api": "^2.1.541",
-    "@djangocfg/centrifugo": "^2.1.541",
-    "@djangocfg/devtools": "^2.1.541",
-    "@djangocfg/i18n": "^2.1.541",
-    "@djangocfg/typescript-config": "^2.1.541",
-    "@djangocfg/ui-core": "^2.1.541",
-    "@djangocfg/ui-tools": "^2.1.541",
+    "@djangocfg/analytics": "^2.1.543",
+    "@djangocfg/api": "^2.1.543",
+    "@djangocfg/devtools": "^2.1.543",
+    "@djangocfg/i18n": "^2.1.543",
+    "@djangocfg/typescript-config": "^2.1.543",
+    "@djangocfg/ui-core": "^2.1.543",
+    "@storybook/react-vite": "^10.5.0",
     "@types/node": "^25.9.5",
     "@types/react": "19.2.15",
     "@types/react-dom": "19.2.3",
     "eslint": "^9.39.5",
     "next-intl": "^4.13.2",
+    "storybook": "^10.5.0",
     "typescript": "^5.9.3",
     "zustand": "^5.0.14"
   },

package/src/components/core/JsonLd.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 interface JsonLdProps {
-  data: Record<string, any> | Record<string, any>[];
+  data: Record<string, unknown> | Record<string, unknown>[];
 }
 
 /**

package/src/components/errors/ErrorsTracker/components/ErrorButtons.tsx

@@ -14,21 +14,20 @@ import { useCopy } from '@djangocfg/ui-core/hooks';
 
 import { generateCurlFromError } from '../utils/curl-generator';
 import {
-    formatCentrifugoErrorForClipboard,
     formatCORSErrorForClipboard,
     formatNetworkErrorForClipboard,
     formatValidationErrorForClipboard
 } from '../utils/formatters';
 
-import type { ValidationErrorDetail, CORSErrorDetail, NetworkErrorDetail, CentrifugoErrorDetail } from '../types';
+import type { ValidationErrorDetail, CORSErrorDetail, NetworkErrorDetail } from '../types';
 export interface ErrorButtonsProps {
-  detail: ValidationErrorDetail | CORSErrorDetail | NetworkErrorDetail | CentrifugoErrorDetail;
+  detail: ValidationErrorDetail | CORSErrorDetail | NetworkErrorDetail;
 }
 
 /**
  * Format error for clipboard based on type
  */
-function formatErrorForClipboard(detail: ValidationErrorDetail | CORSErrorDetail | NetworkErrorDetail | CentrifugoErrorDetail): string {
+function formatErrorForClipboard(detail: ValidationErrorDetail | CORSErrorDetail | NetworkErrorDetail): string {
   switch (detail.type) {
     case 'validation':
       return formatValidationErrorForClipboard(detail);
@@ -36,8 +35,6 @@ function formatErrorForClipboard(detail: ValidationErrorDetail | CORSErrorDetail
       return formatCORSErrorForClipboard(detail);
     case 'network':
       return formatNetworkErrorForClipboard(detail);
-    case 'centrifugo':
-      return formatCentrifugoErrorForClipboard(detail);
     default:
       return JSON.stringify(detail, null, 2);
   }
@@ -46,7 +43,7 @@ function formatErrorForClipboard(detail: ValidationErrorDetail | CORSErrorDetail
 /**
  * Check if error supports cURL generation
  */
-function supportsCurl(detail: ValidationErrorDetail | CORSErrorDetail | NetworkErrorDetail | CentrifugoErrorDetail): boolean {
+function supportsCurl(detail: ValidationErrorDetail | CORSErrorDetail | NetworkErrorDetail): boolean {
   return detail.type === 'validation';
 }
 

package/src/components/errors/ErrorsTracker/components/ErrorToast.tsx

@@ -17,12 +17,10 @@ import type {
   ValidationErrorDetail,
   CORSErrorDetail,
   NetworkErrorDetail,
-  CentrifugoErrorDetail,
   RuntimeErrorDetail,
   ValidationErrorConfig,
   CORSErrorConfig,
   NetworkErrorConfig,
-  CentrifugoErrorConfig,
   RuntimeErrorConfig,
 } from '../types';
 /**
@@ -130,7 +128,7 @@ function buildNetworkDescription(
       <div className="opacity-90">{detail.error}</div>
 
       {dpopHint && (
-        <div className="rounded-md bg-amber-500/10 px-2 py-1 text-xs text-amber-600 dark:text-amber-400">
+        <div className="rounded-md bg-warning/10 px-2 py-1 text-xs text-warning-foreground">
           {dpopHint}
         </div>
       )}
@@ -140,40 +138,6 @@ function buildNetworkDescription(
   );
 }
 
-/**
- * Build centrifugo error description
- */
-function buildCentrifugoDescription(
-  detail: CentrifugoErrorDetail,
-  config: Required<CentrifugoErrorConfig>
-): React.ReactNode {
-  const parts: string[] = [];
-
-  // Add method info
-  if (config.showMethod) {
-    parts.push(`RPC: ${detail.method}`);
-  }
-
-  // Add error code
-  if (config.showCode && detail.code !== undefined) {
-    parts.push(`Code: ${detail.code}`);
-  }
-
-  return (
-    <div className="flex flex-col gap-2 text-sm">
-      {parts.length > 0 && (
-        <div className="font-mono text-xs opacity-90">
-          {parts.join(' • ')}
-        </div>
-      )}
-
-      <div className="opacity-90">{detail.error}</div>
-
-      <ErrorButtons detail={detail} />
-    </div>
-  );
-}
-
 /**
  * Build runtime error description
  */
@@ -198,8 +162,8 @@ function buildRuntimeDescription(
  * Create toast options for any error type
  */
 export function createErrorToast(
-  detail: ValidationErrorDetail | CORSErrorDetail | NetworkErrorDetail | CentrifugoErrorDetail | RuntimeErrorDetail,
-  config: Required<ValidationErrorConfig | CORSErrorConfig | NetworkErrorConfig | CentrifugoErrorConfig | RuntimeErrorConfig>
+  detail: ValidationErrorDetail | CORSErrorDetail | NetworkErrorDetail | RuntimeErrorDetail,
+  config: Required<ValidationErrorConfig | CORSErrorConfig | NetworkErrorConfig | RuntimeErrorConfig>
 ) {
   let description: React.ReactNode;
 
@@ -208,8 +172,6 @@ export function createErrorToast(
     description = buildValidationDescription(detail, config as Required<ValidationErrorConfig>);
   } else if (detail.type === 'cors') {
     description = buildCORSDescription(detail, config as Required<CORSErrorConfig>);
-  } else if (detail.type === 'centrifugo') {
-    description = buildCentrifugoDescription(detail, config as Required<CentrifugoErrorConfig>);
   } else if (detail.type === 'runtime') {
     description = buildRuntimeDescription(detail, config as Required<RuntimeErrorConfig>);
   } else {

package/src/components/errors/ErrorsTracker/index.ts

@@ -1,7 +1,7 @@
 /**
  * Error Tracking - Unified error tracking for all error types
  *
- * Single provider and hook for validation, CORS, network, Centrifugo, and runtime errors
+ * Single provider and hook for validation, CORS, network, and runtime errors
  */
 
 // Main provider and hook
@@ -21,14 +21,12 @@ export type {
   ValidationErrorDetail,
   CORSErrorDetail,
   NetworkErrorDetail,
-  CentrifugoErrorDetail,
   RuntimeErrorDetail,
   StoredError,
   ErrorTrackingConfig,
   ValidationErrorConfig,
   CORSErrorConfig,
   NetworkErrorConfig,
-  CentrifugoErrorConfig,
   RuntimeErrorConfig,
   ErrorTrackingContextValue,
   TrackedErrorType,
@@ -47,7 +45,6 @@ export {
   formatValidationErrorForClipboard,
   formatCORSErrorForClipboard,
   formatNetworkErrorForClipboard,
-  formatCentrifugoErrorForClipboard,
   formatRuntimeErrorForClipboard,
   formatErrorTitle,
   extractDomain,

package/src/components/errors/ErrorsTracker/providers/ErrorTrackingProvider.tsx

@@ -27,7 +27,7 @@
 'use client';
 
 import React, {
-    createContext, ReactNode, useCallback, useContext, useEffect, useState
+    createContext, ReactNode, useCallback, useContext, useEffect, useMemo, useRef, useState
 } from 'react';
 
 import { toast } from '@djangocfg/ui-core/hooks';
@@ -36,7 +36,6 @@ import { useDebugMode, isProduction } from '@djangocfg/devtools';
 import { createErrorToast } from '../components/ErrorToast';
 import { generateShortErrorId, getProductionToast } from '../utils/formatters';
 import {
-    DEFAULT_CENTRIFUGO_CONFIG,
     DEFAULT_CORS_CONFIG,
     DEFAULT_NETWORK_CONFIG,
     DEFAULT_RUNTIME_CONFIG,
@@ -50,12 +49,10 @@ import type {
   ValidationErrorConfig,
   CORSErrorConfig,
   NetworkErrorConfig,
-  CentrifugoErrorConfig,
   RuntimeErrorConfig,
   ValidationErrorDetail,
   CORSErrorDetail,
   NetworkErrorDetail,
-  CentrifugoErrorDetail,
   RuntimeErrorDetail,
   ErrorTrackingContextValue,
   TrackedErrorType,
@@ -82,8 +79,6 @@ function getErrorDedupeKey(detail: ErrorDetail): string {
       return `cors:${detail.url}`;
     case 'network':
       return `network:${detail.url}:${detail.statusCode || 'unknown'}`;
-    case 'centrifugo':
-      return `centrifugo:${detail.method}:${detail.code || 'unknown'}`;
     case 'runtime':
       return `runtime:${detail.source}:${detail.message.slice(0, 50)}`;
     default:
@@ -169,7 +164,6 @@ export interface ErrorTrackingProviderProps {
   validation?: Partial<ValidationErrorConfig>;
   cors?: Partial<CORSErrorConfig>;
   network?: Partial<NetworkErrorConfig>;
-  centrifugo?: Partial<CentrifugoErrorConfig>;
   runtime?: Partial<RuntimeErrorConfig>;
   onError?: (error: ErrorDetail) => boolean | void;
   /** Called with the raw ErrorDetail for every tracked error. Wire to devtools.capture() (via errorDetailToDevtoolsEvent) to forward errors to the backend. */
@@ -186,7 +180,6 @@ export function ErrorTrackingProvider({
   validation: userValidationConfig,
   cors: userCorsConfig,
   network: userNetworkConfig,
-  centrifugo: userCentrifugoConfig,
   runtime: userRuntimeConfig,
   onError,
   onMonitorCapture,
@@ -194,31 +187,29 @@ export function ErrorTrackingProvider({
   const [errors, setErrors] = useState<StoredError[]>([]);
   const isDebugMode = useDebugMode();
 
-  // Merge user configs with defaults
-  const validationConfig: Required<ValidationErrorConfig> = {
-    ...DEFAULT_VALIDATION_CONFIG,
-    ...userValidationConfig,
-  };
-
-  const corsConfig: Required<CORSErrorConfig> = {
-    ...DEFAULT_CORS_CONFIG,
-    ...userCorsConfig,
-  };
+  // Merged configs must be referentially stable: they feed the listener effect
+  // below, and a fresh object each render would detach and re-attach every
+  // window listener on every render — including the re-render each tracked
+  // error causes, dropping any error dispatched inside that gap.
+  const validationConfig: Required<ValidationErrorConfig> = useMemo(
+    () => ({ ...DEFAULT_VALIDATION_CONFIG, ...userValidationConfig }),
+    [userValidationConfig]
+  );
 
-  const networkConfig: Required<NetworkErrorConfig> = {
-    ...DEFAULT_NETWORK_CONFIG,
-    ...userNetworkConfig,
-  };
+  const corsConfig: Required<CORSErrorConfig> = useMemo(
+    () => ({ ...DEFAULT_CORS_CONFIG, ...userCorsConfig }),
+    [userCorsConfig]
+  );
 
-  const centrifugoConfig: Required<CentrifugoErrorConfig> = {
-    ...DEFAULT_CENTRIFUGO_CONFIG,
-    ...userCentrifugoConfig,
-  };
+  const networkConfig: Required<NetworkErrorConfig> = useMemo(
+    () => ({ ...DEFAULT_NETWORK_CONFIG, ...userNetworkConfig }),
+    [userNetworkConfig]
+  );
 
-  const runtimeConfig: Required<RuntimeErrorConfig> = {
-    ...DEFAULT_RUNTIME_CONFIG,
-    ...userRuntimeConfig,
-  };
+  const runtimeConfig: Required<RuntimeErrorConfig> = useMemo(
+    () => ({ ...DEFAULT_RUNTIME_CONFIG, ...userRuntimeConfig }),
+    [userRuntimeConfig]
+  );
 
   /**
    * Clear all errors
@@ -245,7 +236,7 @@ export function ErrorTrackingProvider({
    * Handle any error event
    */
   const handleError = useCallback(
-    (detail: ErrorDetail, config: Required<ValidationErrorConfig | CORSErrorConfig | NetworkErrorConfig | CentrifugoErrorConfig | RuntimeErrorConfig>) => {
+    (detail: ErrorDetail, config: Required<ValidationErrorConfig | CORSErrorConfig | NetworkErrorConfig | RuntimeErrorConfig>) => {
       // Check for duplicate errors (within deduplication window)
       const isUnique = shouldShowError(detail);
 
@@ -287,9 +278,19 @@ export function ErrorTrackingProvider({
         }
       }
     },
-    [onError, onMonitorCapture, isProduction, isDebugMode]
+    // `isProduction` is a module constant, not reactive state.
+    [onError, onMonitorCapture, isDebugMode]
   );
 
+  // The listener effect must not re-run when the handler changes identity: hosts
+  // pass `onError`/`onMonitorCapture` as inline arrows, so `handleError` is new
+  // on every render. Listeners read the current handler through this ref and
+  // stay attached for the provider's whole lifetime.
+  const handleErrorRef = useRef(handleError);
+  useEffect(() => {
+    handleErrorRef.current = handleError;
+  }, [handleError]);
+
   /**
    * Setup event listeners
    */
@@ -318,7 +319,7 @@ export function ErrorTrackingProvider({
           error: error as ValidationErrorDetail['error'],
           response: raw.response ?? raw.data,
         };
-        handleError(detail, validationConfig);
+        handleErrorRef.current(detail, validationConfig);
       };
       window.addEventListener(ERROR_EVENTS.VALIDATION, handler);
       handlers.push({ event: ERROR_EVENTS.VALIDATION, handler });
@@ -332,32 +333,12 @@ export function ErrorTrackingProvider({
           ...event.detail,
           type: 'network' as const,
         };
-        handleError(detail, networkConfig);
+        handleErrorRef.current(detail, networkConfig);
       };
       window.addEventListener(ERROR_EVENTS.NETWORK, handler);
       handlers.push({ event: ERROR_EVENTS.NETWORK, handler });
     }
 
-    // Centrifugo errors (unified event with type discriminator)
-    if (centrifugoConfig.enabled) {
-      const handler = (event: Event) => {
-        if (!(event instanceof CustomEvent)) return;
-        // Filter: only handle 'error' type from unified centrifugo event
-        if (event.detail?.type !== 'error') return;
-        const detail: CentrifugoErrorDetail = {
-          type: 'centrifugo' as const,
-          method: event.detail.data?.method || 'unknown',
-          error: event.detail.data?.error || 'Unknown error',
-          code: event.detail.data?.code,
-          data: event.detail.data?.data,
-          timestamp: event.detail.timestamp || new Date(),
-        };
-        handleError(detail, centrifugoConfig);
-      };
-      window.addEventListener(ERROR_EVENTS.CENTRIFUGO, handler);
-      handlers.push({ event: ERROR_EVENTS.CENTRIFUGO, handler });
-    }
-
     // Runtime errors (generic JS errors from anywhere in the app)
     if (runtimeConfig.enabled) {
       const handler = (event: Event) => {
@@ -370,7 +351,7 @@ export function ErrorTrackingProvider({
           context: event.detail.context,
           timestamp: event.detail.timestamp || new Date(),
         };
-        handleError(detail, runtimeConfig);
+        handleErrorRef.current(detail, runtimeConfig);
       };
       window.addEventListener(ERROR_EVENTS.RUNTIME, handler);
       handlers.push({ event: ERROR_EVENTS.RUNTIME, handler });
@@ -382,13 +363,15 @@ export function ErrorTrackingProvider({
         window.removeEventListener(event, handler);
       });
     };
-  }, [handleError, validationConfig, corsConfig, networkConfig, centrifugoConfig, runtimeConfig]);
+    // No `cors` listener: nothing dispatches `cors-error`. A blocked request
+    // surfaces as a network error carrying `possibly_cors`, so `corsConfig`
+    // configures presentation only and is not a dependency here.
+  }, [validationConfig, networkConfig, runtimeConfig]);
 
   // Filter errors by type
   const validationErrors = errors.filter((e) => e.type === 'validation') as StoredError<ValidationErrorDetail>[];
   const corsErrors = errors.filter((e) => e.type === 'cors') as StoredError<CORSErrorDetail>[];
   const networkErrors = errors.filter((e) => e.type === 'network') as StoredError<NetworkErrorDetail>[];
-  const centrifugoErrors = errors.filter((e) => e.type === 'centrifugo') as StoredError<CentrifugoErrorDetail>[];
   const runtimeErrors = errors.filter((e) => e.type === 'runtime') as StoredError<RuntimeErrorDetail>[];
 
   const value: ErrorTrackingContextValue = {
@@ -396,7 +379,6 @@ export function ErrorTrackingProvider({
     validationErrors,
     corsErrors,
     networkErrors,
-    centrifugoErrors,
     runtimeErrors,
     clearErrors,
     clearErrorsByType,
@@ -407,7 +389,6 @@ export function ErrorTrackingProvider({
       validation: validationConfig,
       cors: corsConfig,
       network: networkConfig,
-      centrifugo: centrifugoConfig,
       runtime: runtimeConfig,
     },
   };

package/src/components/errors/ErrorsTracker/types.ts

@@ -28,7 +28,7 @@ export interface ValidationErrorDetail extends BaseErrorDetail {
   /** Zod validation error */
   error: ZodError;
   /** Raw response data that failed validation */
-  response: any;
+  response: unknown;
 }
 
 /**
@@ -65,21 +65,6 @@ export interface NetworkErrorDetail extends BaseErrorDetail {
   possibly_cors?: boolean;
 }
 
-/**
- * Centrifugo error detail (from centrifugo-error event)
- */
-export interface CentrifugoErrorDetail extends BaseErrorDetail {
-  type: 'centrifugo';
-  /** RPC method that failed */
-  method: string;
-  /** Error message */
-  error: string;
-  /** Error code from Centrifugo */
-  code?: number;
-  /** Additional data sent with the request */
-  data?: any;
-}
-
 /**
  * Every error category the tracker stores.
  *
@@ -94,7 +79,6 @@ export type TrackedErrorType =
   | 'validation'
   | 'cors'
   | 'network'
-  | 'centrifugo'
   | 'runtime';
 
 /**
@@ -116,7 +100,7 @@ export interface RuntimeErrorDetail extends BaseErrorDetail {
 /**
  * Union type of all error details
  */
-export type ErrorDetail = ValidationErrorDetail | CORSErrorDetail | NetworkErrorDetail | CentrifugoErrorDetail | RuntimeErrorDetail;
+export type ErrorDetail = ValidationErrorDetail | CORSErrorDetail | NetworkErrorDetail | RuntimeErrorDetail;
 
 /**
  * Stored error with unique ID
@@ -224,23 +208,6 @@ export interface NetworkErrorConfig extends ErrorTypeConfig {
   showStatusCode?: boolean;
 }
 
-/**
- * Centrifugo error specific config
- */
-export interface CentrifugoErrorConfig extends ErrorTypeConfig {
-  /**
-   * Show RPC method in toast
-   * @default true
-   */
-  showMethod?: boolean;
-
-  /**
-   * Show error code in toast
-   * @default true
-   */
-  showCode?: boolean;
-}
-
 /**
  * Runtime error specific config
  */
@@ -271,11 +238,6 @@ export interface ErrorTrackingConfig {
    */
   network?: NetworkErrorConfig;
 
-  /**
-   * Centrifugo error tracking configuration
-   */
-  centrifugo?: CentrifugoErrorConfig;
-
   /**
    * Runtime error tracking configuration
    */
@@ -304,9 +266,6 @@ export interface ErrorTrackingContextValue {
   /** Network errors only */
   networkErrors: StoredError<NetworkErrorDetail>[];
 
-  /** Centrifugo errors only */
-  centrifugoErrors: StoredError<CentrifugoErrorDetail>[];
-
   /** Runtime errors only */
   runtimeErrors: StoredError<RuntimeErrorDetail>[];
 
@@ -330,7 +289,6 @@ export interface ErrorTrackingContextValue {
     validation: Required<ValidationErrorConfig>;
     cors: Required<CORSErrorConfig>;
     network: Required<NetworkErrorConfig>;
-    centrifugo: Required<CentrifugoErrorConfig>;
     runtime: Required<RuntimeErrorConfig>;
   };
 }
@@ -342,8 +300,6 @@ export const ERROR_EVENTS = {
   VALIDATION: 'zod-validation-error',
   CORS: 'cors-error',
   NETWORK: 'network-error',
-  /** Unified Centrifugo event - filter by detail.type === 'error' */
-  CENTRIFUGO: 'centrifugo',
   /** Runtime/generic errors (Tour, components, etc.) */
   RUNTIME: 'runtime-error',
 } as const;
@@ -381,13 +337,6 @@ export const DEFAULT_NETWORK_CONFIG: Required<NetworkErrorConfig> = {
   showStatusCode: true,
 };
 
-export const DEFAULT_CENTRIFUGO_CONFIG: Required<CentrifugoErrorConfig> = {
-  ...DEFAULT_ERROR_CONFIG,
-  duration: 0, // Don't auto-dismiss centrifugo errors
-  showMethod: true,
-  showCode: true,
-};
-
 export const DEFAULT_RUNTIME_CONFIG: Required<RuntimeErrorConfig> = {
   ...DEFAULT_ERROR_CONFIG,
   duration: 8000,

package/src/components/errors/ErrorsTracker/utils/curl-generator.ts

@@ -13,7 +13,7 @@ export interface CurlOptions {
   method: string;
   path: string;
   token?: string;
-  body?: any;
+  body?: unknown;
   headers?: Record<string, string>;
   baseUrl?: string;
   queryParams?: Record<string, string>;
@@ -126,7 +126,7 @@ export function generateCurl(options: CurlOptions): string {
 export function generateCurlFromError(detail: {
   method: string;
   path: string;
-  response?: any;
+  response?: unknown;
 }): string {
   return generateCurl({
     method: detail.method,

package/src/components/errors/ErrorsTracker/utils/formatters.ts

@@ -5,7 +5,7 @@
  */
 
 import type { ZodError } from 'zod';
-import type { ValidationErrorDetail, CORSErrorDetail, NetworkErrorDetail, CentrifugoErrorDetail, RuntimeErrorDetail, ErrorDetail } from '../types';
+import type { ValidationErrorDetail, CORSErrorDetail, NetworkErrorDetail, RuntimeErrorDetail, ErrorDetail } from '../types';
 import type { DevtoolsEvent } from '@djangocfg/devtools';
 import { EventType, EventLevel } from '@djangocfg/devtools';
 
@@ -99,22 +99,6 @@ export function formatNetworkErrorForClipboard(detail: NetworkErrorDetail): stri
   return JSON.stringify(errorData, null, 2);
 }
 
-/**
- * Format centrifugo error for clipboard
- */
-export function formatCentrifugoErrorForClipboard(detail: CentrifugoErrorDetail): string {
-  const errorData = {
-    type: 'centrifugo',
-    timestamp: detail.timestamp.toISOString(),
-    method: detail.method,
-    error: detail.error,
-    ...(detail.code !== undefined && { code: detail.code }),
-    ...(detail.data && { data: detail.data }),
-  };
-
-  return JSON.stringify(errorData, null, 2);
-}
-
 /**
  * Extract domain from URL
  */
@@ -160,8 +144,6 @@ export function errorDetailToDevtoolsEvent(detail: ErrorDetail): DevtoolsEvent {
       return { event_type: EventType.NETWORK_ERROR, level: EventLevel.ERROR, message: `CORS: ${detail.method} ${detail.url}`, http_method: detail.method, http_url: detail.url, url }
     case 'network':
       return { event_type: EventType.NETWORK_ERROR, level: detail.statusCode && detail.statusCode >= 500 ? EventLevel.ERROR : EventLevel.WARNING, message: `${detail.method} ${detail.url} → ${detail.statusCode ?? 'ERR'}`, http_method: detail.method, http_url: detail.url, http_status: detail.statusCode, url }
-    case 'centrifugo':
-      return { event_type: EventType.ERROR, level: EventLevel.ERROR, message: `Centrifugo ${detail.method}: ${detail.error}`, url }
     case 'runtime':
       return { event_type: EventType.JS_ERROR, level: EventLevel.ERROR, message: detail.message, stack_trace: detail.error?.stack, url }
   }
@@ -170,7 +152,7 @@ export function errorDetailToDevtoolsEvent(detail: ErrorDetail): DevtoolsEvent {
 /**
  * Format error title based on type (dev/debug mode — full details)
  */
-export function formatErrorTitle(detail: ValidationErrorDetail | CORSErrorDetail | NetworkErrorDetail | CentrifugoErrorDetail | RuntimeErrorDetail): string {
+export function formatErrorTitle(detail: ValidationErrorDetail | CORSErrorDetail | NetworkErrorDetail | RuntimeErrorDetail): string {
   switch (detail.type) {
     case 'validation':
       return `❌ Validation Error in ${detail.operation}`;
@@ -180,10 +162,6 @@ export function formatErrorTitle(detail: ValidationErrorDetail | CORSErrorDetail
       return detail.statusCode
         ? `⚠️ Network Error (${detail.statusCode})`
         : '⚠️ Network Error';
-    case 'centrifugo':
-      return detail.code !== undefined
-        ? `🔌 Centrifugo Error (${detail.code})`
-        : '🔌 Centrifugo Error';
     case 'runtime':
       return `⚠️ ${detail.source} Error`;
     default:
@@ -242,11 +220,6 @@ export function getProductionToast(detail: ErrorDetail, errorId: string): { titl
         description: `Please check your connection and try again. Reference: ${errorId}`,
       };
     }
-    case 'centrifugo':
-      return {
-        title: 'Real-time connection error',
-        description: `Live updates may be delayed. Reference: ${errorId}`,
-      };
     case 'runtime':
       return {
         title: 'Something went wrong',