@djangocfg/layouts 2.1.541 → 2.1.542

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.542",
   "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.542",
+    "@djangocfg/api": "^2.1.542",
+    "@djangocfg/devtools": "^2.1.542",
+    "@djangocfg/i18n": "^2.1.542",
+    "@djangocfg/ui-core": "^2.1.542",
     "@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.542",
+    "@djangocfg/api": "^2.1.542",
+    "@djangocfg/devtools": "^2.1.542",
+    "@djangocfg/i18n": "^2.1.542",
+    "@djangocfg/typescript-config": "^2.1.542",
+    "@djangocfg/ui-core": "^2.1.542",
+    "@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',

package/src/components/errors/README.md

@@ -48,7 +48,7 @@ This is a *user-facing recovery* path. `ErrorsTracker` below is the
 the generated API client and runtime, then renders a Sonner toast per error.
 
 Tracked error types: `validation` (zod response mismatch), `network` (failed/4xx/5xx
-requests, incl. a CORS heuristic), `centrifugo` (WS), and `runtime` (uncaught JS).
+requests, incl. a CORS heuristic), and `runtime` (uncaught JS).
 
 ```tsx
 import { ErrorTrackingProvider } from '@djangocfg/layouts'; // (or the module path)

package/src/configurator/auth/schema.ts

@@ -6,7 +6,7 @@
  *   - `authSplitSchema` / `authSplitUiSchema` — two-column card with sidebar
  *
  * Pair with `<JsonSchemaForm density="compact" schema={...} uiSchema={...}>`
- * from `@djangocfg/ui-tools` to get a ready-made sidebar configurator.
+ * from `@djangocfg/widget-forms` to get a ready-made sidebar configurator.
  */
 
 import type { CustomJsonSchema7, CustomJsonUiSchema7 } from '@djangocfg/ui-core/lib';

package/src/configurator/index.ts

@@ -1,7 +1,7 @@
 /**
  * JSON Schema descriptors for `<JsonSchemaForm>`-driven layout configurators.
  *
- * Drop a schema + uiSchema into `@djangocfg/ui-tools`'s `<JsonSchemaForm>` and
+ * Drop a schema + uiSchema into `@djangocfg/widget-forms`'s `<JsonSchemaForm>` and
  * you get a ready-made sidebar that edits the matching `<Layout>` props live.
  *
  * Public surface today:

package/src/configurator/private/schema.ts

@@ -8,7 +8,7 @@
  *   - `header.*`    → fields consumed by `HeaderConfig`
  *
  * Pair with `<JsonSchemaForm density="compact" schema={...} uiSchema={...}>`
- * from `@djangocfg/ui-tools` to get a ready-made sidebar configurator. The
+ * from `@djangocfg/widget-forms` to get a ready-made sidebar configurator. The
  * `defaultPrivateLayoutConfiguratorData` is a safe initial value that already
  * matches the schema (no nullable fields, no missing keys).
  *

package/src/layouts/AppLayout/BaseApp.tsx

@@ -15,7 +15,6 @@
  * - AuthProvider (authentication context)
  * - AuthDialog (global auth prompt dialog)
  * - AnalyticsProvider (Google Analytics, optional)
- * - CentrifugoProvider (WebSocket real-time, optional)
  * - PwaProvider (PWA installation, optional)
  * - ErrorTrackingProvider (error handling)
  * - ErrorBoundary (React error boundary, enabled by default)
@@ -49,9 +48,7 @@ import { SWRConfig } from 'swr';
 
 import { Devtools, devtools } from '@djangocfg/devtools';
 import { errorDetailToDevtoolsEvent } from '../../components/errors/ErrorsTracker';
-import { CfgCentrifugo } from '@djangocfg/api';
 import { AuthProvider } from '@djangocfg/api/auth';
-import { CentrifugoProvider } from '@djangocfg/centrifugo';
 import { UiProviders } from '@djangocfg/ui-core/providers';
 import { NextRouterAdapter, NextLinkProvider } from '@djangocfg/ui-core/adapters/nextjs';
 import { NextIntlLinkBridge } from './NextIntlLinkBridge';
@@ -119,7 +116,7 @@ function AppErrorFallback({
  * BaseApp - Core providers wrapper for any React/Next.js app
  *
  * Includes: ThemeProvider, TooltipProvider, SWRConfig, AuthProvider, AnalyticsProvider,
- * CentrifugoProvider, ErrorTrackingProvider, ErrorBoundary (optional)
+ * ErrorTrackingProvider, ErrorBoundary (optional)
  * Also renders global Toaster and PageProgress components
  */
 export function BaseApp({
@@ -128,7 +125,6 @@ export function BaseApp({
   theme,
   auth,
   analytics,
-  centrifugo,
   errorTracking,
   errorBoundary,
   swr,
@@ -142,10 +138,6 @@ export function BaseApp({
   // ErrorBoundary is enabled by default
   const enableErrorBoundary = errorBoundary?.enabled !== false;
 
-  // Centrifugo configuration
-  const centrifugoUrl = centrifugo?.url || process.env.NEXT_PUBLIC_CENTRIFUGO_URL;
-  const centrifugoEnabled = centrifugo?.enabled !== false;
-
   // Devtools — capture + ingest + debug panel in one component.
   // Project prop is the default; the devtools prop overrides field by field.
   const devtoolsProps = {
@@ -164,7 +156,7 @@ export function BaseApp({
        * (useNavigate, useQueryState, etc.) to next/navigation so
        * server components, route loaders, and prefetch fire
        * correctly. Placed near the top so every provider below
-       * (Auth, Centrifugo, anything that may navigate) gets it.
+       * (Auth, anything that may navigate) gets it.
        */}
       <NextRouterAdapter>
       <NextLinkProvider>
@@ -192,41 +184,31 @@ export function BaseApp({
         >
           <AuthProvider config={authEnabled ? authConfig : undefined} enabled={authEnabled}>
             <AnalyticsProvider trackingId={analytics?.googleTrackingId}>
-              <CentrifugoProvider
-                enabled={centrifugoEnabled}
-                autoConnect={centrifugoEnabled && centrifugo?.autoConnect}
-                url={centrifugoUrl}
-                onTokenRefresh={async () => {
-                  const result = await CfgCentrifugo.cfgCentrifugoAuthTokenRetrieve({ throwOnError: true });
-                  return result.data.token;
-                }}
+              <ErrorTrackingProvider
+                validation={errorTracking?.validation}
+                cors={errorTracking?.cors}
+                network={errorTracking?.network}
+                onError={errorTracking?.onError}
+                onMonitorCapture={(d) => devtools.capture(errorDetailToDevtoolsEvent(d))}
               >
-                <ErrorTrackingProvider
-                  validation={errorTracking?.validation}
-                  cors={errorTracking?.cors}
-                  network={errorTracking?.network}
-                  onError={errorTracking?.onError}
-                  onMonitorCapture={(d) => devtools.capture(errorDetailToDevtoolsEvent(d))}
-                >
-                  <Devtools {...devtoolsProps} />
-                  <LayoutI18nProvider value={i18n}>
-                    {i18n?.routing ? (
-                      <NextIntlLinkBridge routing={i18n.routing}>{children}</NextIntlLinkBridge>
-                    ) : (
-                      children
-                    )}
-                  </LayoutI18nProvider>
-                  <NextTopLoader
-                    color="var(--primary)"
-                    height={3}
-                    showSpinner={false}
-                    shadow="0 0 10px var(--primary), 0 0 5px var(--primary)"
-                  />
+                <Devtools {...devtoolsProps} />
+                <LayoutI18nProvider value={i18n}>
+                  {i18n?.routing ? (
+                    <NextIntlLinkBridge routing={i18n.routing}>{children}</NextIntlLinkBridge>
+                  ) : (
+                    children
+                  )}
+                </LayoutI18nProvider>
+                <NextTopLoader
+                  color="var(--primary)"
+                  height={3}
+                  showSpinner={false}
+                  shadow="0 0 10px var(--primary), 0 0 5px var(--primary)"
+                />
 
-                  {/* Auth Dialog - only when auth is enabled */}
-                  {authEnabled && <AuthDialog authPath={authConfig?.routes?.auth} />}
-                </ErrorTrackingProvider>
-              </CentrifugoProvider>
+                {/* Auth Dialog - only when auth is enabled */}
+                {authEnabled && <AuthDialog authPath={authConfig?.routes?.auth} />}
+              </ErrorTrackingProvider>
             </AnalyticsProvider>
           </AuthProvider>
         </SWRConfig>

package/src/layouts/AppLayout/README.md

@@ -25,7 +25,7 @@ export default function RootLayout({ children }) {
         theme={{ defaultTheme: 'system', storageKey: 'myapp-theme' }}
         auth={{ apiUrl: process.env.NEXT_PUBLIC_API_URL,
                 routes: { auth: '/auth', defaultCallback: '/private' } }}
-        // analytics / centrifugo / monitor / errorTracking / debug — all optional
+        // analytics / monitor / errorTracking / debug — all optional
       >
         {children}
       </BaseApp>
@@ -78,7 +78,6 @@ interface BaseAppProps {
   theme?: ThemeConfig;         // defaultTheme, storageKey, style preset
   auth?: AuthConfig | false;   // false = no AuthProvider (fully public app)
   analytics?: AnalyticsConfig; // Google Analytics
-  centrifugo?: CentrifugoConfig;
   errorTracking?: ErrorTrackingConfig;
   errorBoundary?: ErrorBoundaryConfig; // enabled by default
   swr?: SWRConfigOptions;

package/src/layouts/AuthLayout/AuthLayout.tsx

@@ -104,7 +104,7 @@ export const AuthLayout: React.FC<AuthLayoutProps> = (props) => {
  * where a person stopped in the layout, and quietly becomes a no-op when an
  * app intentionally does not mount AnalyticsProvider.
  */
-const AuthFunnelTracker: React.FC = memo(() => {
+const AuthFunnelTracker: React.FC = memo(function AuthFunnelTracker() {
   const { step } = useAuthFormContext();
   const { event, isEnabled } = useAnalytics();
   const lastStep = React.useRef<string | null>(null);
@@ -119,13 +119,13 @@ const AuthFunnelTracker: React.FC = memo(() => {
 });
 
 /** Renders custom children only on the identifier step — hides them on otp / 2fa / etc. */
-const AuthHeaderSlot: React.FC<{ children?: React.ReactNode }> = memo(({ children }) => {
+const AuthHeaderSlot: React.FC<{ children?: React.ReactNode }> = memo(function AuthHeaderSlot({ children }) {
   const { step } = useAuthFormContext();
   if (!children || step !== 'identifier') return null;
   return <>{children}</>;
 });
 
-const AuthContent: React.FC = memo(() => {
+const AuthContent: React.FC = memo(function AuthContent() {
   const { step } = useAuthFormContext();
 
   switch (step) {
@@ -145,7 +145,7 @@ const AuthContent: React.FC = memo(() => {
   }
 });
 
-const AuthSuccessOverlay: React.FC = memo(() => {
+const AuthSuccessOverlay: React.FC = memo(function AuthSuccessOverlay() {
   const { step, logo, redirectUrl } = useAuthFormContext();
 
   if (step !== 'success') {
@@ -162,11 +162,11 @@ interface AuthSuccessInlineProps {
   redirectDelay?: number;
 }
 
-const AuthSuccess: React.FC<AuthSuccessInlineProps> = memo(({
+const AuthSuccess: React.FC<AuthSuccessInlineProps> = memo(function AuthSuccess({
   logo,
   redirectUrl,
   redirectDelay = AUTH.REDIRECT_DELAY,
-}) => {
+}) {
   const router = useCfgRouter();
   const { routes } = useAuth();
   const t = useAppT();

package/src/layouts/AuthLayout/components/oauth/OAuthCallback.tsx

@@ -12,7 +12,8 @@ import {
 import { useAuthFormContext } from '../../context';
 
 export interface OAuthCallbackProps {
-  onSuccess?: (user: any, isNewUser: boolean, provider: string) => void;
+  /** `user` is the provider callback's user payload, untyped upstream — narrow it before reading fields. */
+  onSuccess?: (user: unknown, isNewUser: boolean, provider: string) => void;
   onError?: (error: string) => void;
   redirectUrl?: string;
 }

package/src/layouts/AuthLayout/context.tsx

@@ -67,7 +67,6 @@ export const AuthFormProvider: React.FC<AuthLayoutProps> = ({
       marketingConsentConfig: marketingConsent,
       rememberMeConfig: rememberMe,
     }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       authForm,
       sourceUrl,

package/src/layouts/AuthLayout/types.ts

@@ -20,7 +20,7 @@ export type {
 
 import type { AuthFormReturn } from '@djangocfg/api/auth';
 
-import type { AuthBackgroundConfig, AuthShellVariant, AuthShellContextValue } from './shells';
+import type { AuthBackgroundConfig, AuthShellVariant } from './shells';
 
 // Re-export shell types so consumers can import everything from ./types
 export type { AuthBackgroundConfig, AuthShellVariant, AuthShellContextValue } from './shells';
@@ -114,8 +114,11 @@ export interface AuthLayoutProps extends AuthLayoutConfig {
   onIdentifierSuccess?: (identifier: string) => void;
   /** Callback when OTP verification succeeds */
   onOTPSuccess?: () => void;
-  /** Callback when OAuth succeeds */
-  onOAuthSuccess?: (user: any, isNewUser: boolean, provider: string) => void;
+  /**
+   * Callback when OAuth succeeds. `user` is the provider callback's user
+   * payload, untyped upstream — narrow it before reading fields.
+   */
+  onOAuthSuccess?: (user: unknown, isNewUser: boolean, provider: string) => void;
   /** Callback on any error */
   onError?: (message: string) => void;
 }

package/src/layouts/PrivateLayout/PrivateLayout.tsx

@@ -8,22 +8,17 @@
 
 'use client';
 
-import React, { ReactNode } from 'react';
+import React from 'react';
 
 import { Preloader } from '@djangocfg/ui-core/components';
 import { SidebarInset, SidebarProvider } from '@djangocfg/ui-core/components';
 
-import type { LayoutVisualConfig } from '../types';
 import { PrivateContent, PrivateSidebar } from './components';
 import { useAuthGuard } from './hooks';
 import { useLayoutVisual } from './hooks';
 import { useSidebarDefaultOpen } from './hooks';
 
-import type {
-  HeaderConfig,
-  PrivateLayoutProps,
-  SidebarConfig,
-} from './types';
+import type { PrivateLayoutProps } from './types';
 
 export type {
   SidebarItem,

package/src/layouts/PrivateLayout/components/PrivateSidebarAccount.tsx

@@ -219,7 +219,7 @@ function PrivateSidebarAccountRaw({ header }: PrivateSidebarAccountProps) {
   // Always open UPWARD over the avatar (Claude pattern). The footer sits at the
   // bottom of the rail in both expanded and collapsed states, so `top` reads
   // correctly either way (vs. `right`, which floated off to the side).
-  const dropdownSide: 'top' = 'top';
+  const dropdownSide = 'top' as const;
   const avatarClass = cn(
     'h-9 w-9 shrink-0 border border-transparent transition-colors',
     'group-hover:border-sidebar-border/70',

package/src/layouts/PrivateLayout/components/SidebarBrand.tsx

@@ -17,6 +17,8 @@ import { usePrivateLayoutContext } from '../context';
 import { useShellVisualState } from '../hooks';
 import { SidebarBrandSwitcher } from './SidebarBrandSwitcher';
 
+const HEADER_ROW_CLASS = 'flex items-center gap-2 mb-2';
+
 function SidebarBrandRaw() {
   const { header, homeHref, brandTitle, brandMonogram, isMobile } =
     usePrivateLayoutContext();
@@ -39,14 +41,7 @@ function SidebarBrandRaw() {
 
   const customBrand = header?.brand;
 
-  const headerRowClass = useMemo(
-    () =>
-      cn(
-        'flex items-center gap-2 mb-2',
-        // content.showLabels ? 'px-2' : 'px-1.5',
-      ),
-    [content.showLabels],
-  );
+  const headerRowClass = HEADER_ROW_CLASS;
 
   const expandedHeader = useMemo(
     () => (

package/src/layouts/PrivateLayout/components/SidebarFeatured.tsx

@@ -15,17 +15,21 @@ import { LucideIcon } from '../../../components';
 
 import type { SidebarFeaturedConfig } from '../types';
 
+// The accent names are the public prop's vocabulary; the status tokens they map
+// to carry the meaning and already define both themes, so no `dark:` pair here.
 const ACCENT_CLASS: Record<NonNullable<SidebarFeaturedConfig['accent']>, string> = {
-  green: 'bg-emerald-500/10 text-emerald-700 hover:bg-emerald-500/15 dark:text-emerald-300 dark:bg-emerald-400/10 dark:hover:bg-emerald-400/15',
-  blue: 'bg-sky-500/10 text-sky-700 hover:bg-sky-500/15 dark:text-sky-300 dark:bg-sky-400/10 dark:hover:bg-sky-400/15',
-  amber: 'bg-amber-500/10 text-amber-800 hover:bg-amber-500/15 dark:text-amber-300 dark:bg-amber-400/10 dark:hover:bg-amber-400/15',
+  green: 'bg-success/10 text-success-foreground hover:bg-success/15',
+  blue: 'bg-info/10 text-info-foreground hover:bg-info/15',
+  amber: 'bg-warning/10 text-warning-foreground hover:bg-warning/15',
   primary: 'bg-primary/10 text-primary hover:bg-primary/15',
 };
 
+// Solid fill, so the text is the on-fill contrast color — `*-foreground` is the
+// tint for the soft surface above and fails contrast on the fill.
 const BADGE_ACCENT_CLASS: Record<NonNullable<SidebarFeaturedConfig['accent']>, string> = {
-  green: 'bg-emerald-500 text-white dark:bg-emerald-400 dark:text-emerald-950',
-  blue: 'bg-sky-500 text-white dark:bg-sky-400 dark:text-sky-950',
-  amber: 'bg-amber-500 text-white dark:bg-amber-400 dark:text-amber-950',
+  green: 'bg-success text-on-success',
+  blue: 'bg-info text-on-info',
+  amber: 'bg-warning text-on-warning',
   primary: 'bg-primary text-primary-foreground',
 };
 

package/src/layouts/PublicLayout/components/UserMenu.tsx

@@ -156,7 +156,6 @@ export function UserMenu({
 
   // Authenticated user
   const displayName = user.display_username || user.email || 'User';
-  const userInitial = displayName.charAt(0).toUpperCase();
   const userAvatar = user.avatar || '';
 
   if (variant === 'mobile') {

package/src/layouts/PublicLayout/footers/DefaultFooter/DefaultFooter.tsx

@@ -6,7 +6,7 @@
 
 'use client';
 
-import React, { memo, useEffect, useMemo, useState } from 'react';
+import React, { memo, useEffect, useState } from 'react';
 import { Laptop, Moon, Sun } from 'lucide-react';
 
 import { Button } from '@djangocfg/ui-core/components';

package/src/layouts/PublicLayout/shared/MobileDrawerShell.tsx

@@ -40,11 +40,15 @@ export interface MobileDrawerShellProps {
   };
 }
 
+// Module-level so the "no navigation" case keeps one identity: a fresh `[]` per
+// render would make `mobileNavigation`'s memo recompute on every render.
+const NO_NAVIGATION: NavigationItem[] = [];
+
 export function MobileDrawerShell(props: MobileDrawerShellProps) {
   const context = usePublicLayoutOptional();
   const mobileMenuOpen = props.isOpen ?? context?.mobileMenuOpen ?? false;
   const closeMobileMenu = props.onClose ?? context?.closeMobileMenu ?? (() => {});
-  const navigation = props.navigation ?? [];
+  const navigation = props.navigation ?? NO_NAVIGATION;
   const userMenu = props.userMenu;
 
   const { isAuthenticated, user, routes } = useAuth();

package/src/layouts/PublicLayout/shared/NavbarShell.tsx

@@ -259,10 +259,13 @@ function NavbarShellRaw(props: NavbarShellProps) {
   // this being present — same contract `NavControls` applies internally.
   const i18n = useLayoutI18nOptional();
 
-  // Close dropdowns when switching to mobile
+  // Close dropdowns when switching to mobile. Depends on `closeDropdown` alone,
+  // not on `dropdown`: the object changes identity whenever a menu opens, and
+  // depending on it would close the dropdown the moment it is opened.
+  const { closeDropdown } = dropdown;
   useEffect(() => {
-    if (isTabletOrBelow) dropdown.closeDropdown();
-  }, [isTabletOrBelow, dropdown.closeDropdown]);
+    if (isTabletOrBelow) closeDropdown();
+  }, [isTabletOrBelow, closeDropdown]);
 
   // Sync navbar surface into context
   const setNavbarSurface = context?.setNavbarSurface;

package/src/layouts/types/index.ts

@@ -14,7 +14,6 @@ export type {
   ThemeConfig,
   ThemeStylePresetId,
   SWRConfigOptions,
-  CentrifugoConfig,
 } from './providers.types';
 
 // External provider configs (re-export for convenience)

package/src/layouts/types/layout.types.ts

@@ -21,7 +21,7 @@ import type { ErrorBoundaryConfig, ErrorTrackingConfig } from '../../components/
 export type NextIntlRouting = object & { __nextIntlRouting?: never };
 
 // Import local provider configs
-import type { ThemeConfig, SWRConfigOptions, CentrifugoConfig } from './providers.types';
+import type { ThemeConfig, SWRConfigOptions } from './providers.types';
 import type { DevtoolsProps } from '@djangocfg/devtools';
 
 // ============================================================================
@@ -49,9 +49,6 @@ export interface BaseLayoutProps {
   /** Analytics configuration (from snippets/Analytics) */
   analytics?: AnalyticsConfig;
 
-  /** Centrifugo configuration */
-  centrifugo?: CentrifugoConfig;
-
   /** Error tracking configuration (from components/errors) */
   errorTracking?: ErrorTrackingConfig;
 

package/src/layouts/types/providers.types.ts

@@ -1,7 +1,7 @@
 /**
  * Provider Configuration Types
  *
- * Configuration types for layout providers (theme, SWR, MCP chat, Centrifugo)
+ * Configuration types for layout providers (theme, SWR, MCP chat)
  * Note: Analytics, PWA, Push, and Error types are defined in their respective modules
  */
 
@@ -25,16 +25,3 @@ export interface SWRConfigOptions {
   revalidateOnReconnect?: boolean;
   dedupingInterval?: number;
 }
-
-// ============================================================================
-// Centrifugo Configuration
-// ============================================================================
-
-export interface CentrifugoConfig {
-  /** Enable Centrifugo (default: true) */
-  enabled?: boolean;
-  /** Auto-connect on mount (default: false) */
-  autoConnect?: boolean;
-  /** Centrifugo server URL */
-  url?: string;
-}

package/src/snippets/Breadcrumbs.tsx

@@ -42,18 +42,18 @@ const Breadcrumbs: React.FC<BreadcrumbsProps> = ({ items, className = "" }) => {
         {breadcrumbs.map((item: BreadcrumbItem, index: number) => (
           <li key={item.path} className="flex items-center">
             {index > 0 && (
-              <ChevronRight className="w-4 h-4 text-gray-400 mx-2" />
+              <ChevronRight className="w-4 h-4 text-muted-foreground mx-2" />
             )}
 
             {item.isActive ? (
-              <span className="text-gray-900 dark:text-white font-medium flex items-center gap-1">
+              <span className="text-foreground font-medium flex items-center gap-1">
                 {index === 0 && <Home className="w-4 h-4" />}
                 {item.label}
               </span>
             ) : (
               <Link
                 href={item.path}
-                className="text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200
+                className="text-muted-foreground hover:text-foreground
                          transition-colors duration-200 flex items-center gap-1 hover:underline"
               >
                 {index === 0 && <Home className="w-4 h-4" />}

package/src/testing/MockAuthFormProvider.tsx

@@ -3,7 +3,6 @@
 import React, { useMemo, useRef, useState } from 'react';
 
 import type {
-  AuthFormReturn,
   AuthStep,
   WebmailLink,
 } from '@djangocfg/api/auth';