react-native-debug-toolkit 2.0.0 → 2.1.0

package/lib/typescript/src/hooks/useNavigationLogger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNavigationLogger.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useNavigationLogger.ts"],"names":[],"mappings":"AAIA,UAAU,sBAAsB;IAC9B,eAAe,CAAC,EAAE,MAAM;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC;IAC7B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;CAClE;AAyBD;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,sBAAsB,GAAG,IAAI,CAAC,QA+DhG"}
+{"version":3,"file":"useNavigationLogger.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useNavigationLogger.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAyBvD;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,sBAAsB,GAAG,IAAI,CAAC,QA+DhG"}

package/lib/typescript/src/index.d.ts

@@ -1,9 +1,11 @@
 export { DebugToolkit } from './core/DebugToolkit';
 export { DebugToolkitProvider, useDebugToolkit } from './core/DebugToolkitProvider';
-export { initializeDebugToolkit, isDebugMode } from './initialize';
+export { DebugView } from './components/DebugView';
+export type { DebugViewProps } from './components/DebugView';
+export { initializeDebugToolkit } from './initialize';
 export type { InitializeOptions, FeatureConfigs } from './initialize';
 export { createNetworkFeature } from './features/NetworkFeature';
-export type { NetworkFeatureAPI, NetworkFeatureConfig } from './features/NetworkFeature';
+export type { NetworkFeatureConfig, AxiosInstanceLike } from './features/NetworkFeature';
 export { createConsoleLogFeature } from './features/ConsoleLogFeature';
 export type { ConsoleFeatureConfig } from './features/ConsoleLogFeature';
 export { createZustandLogFeature, zustandLogMiddleware, addZustandLog } from './features/ZustandLogFeature';
@@ -12,15 +14,13 @@ export { createNavigationLogFeature, addNavigationLog } from './features/Navigat
 export type { NavigationFeatureConfig } from './features/NavigationLogFeature';
 export { createTrackFeature, addTrackLog } from './features/TrackFeature';
 export type { TrackFeatureConfig, TrackEventData } from './features/TrackFeature';
-export { createThirdPartyLibsFeature } from './features/ThirdPartyLibsFeature';
 export { createEnvironmentFeature } from './features/EnvironmentFeature';
 export type { EnvironmentFeatureAPI } from './features/EnvironmentFeature';
 export { createClipboardFeature } from './features/ClipboardFeature';
 export { useNavigationLogger } from './hooks/useNavigationLogger';
-export { useSlideDetailAnimation } from './hooks/useSlideDetailAnimation';
 export { safeStringify } from './utils/safeStringify';
 export { copyToComputer, logToComputer, fmt } from './utils/copyToComputer';
 export type { CopyResult, CopyOptions, CopyMethod } from './utils/copyToComputer';
-export type { BuiltInFeatureName, DebugFeature, DebugFeatureFactory, DebugFeatureInput, DebugFeatureRenderProps, DebugToolkitConfig, DebugToolkitAPI, NetworkLogEntry, ConsoleLogEntry, ZustandLogEntry, NavigationLogEntry, TrackLogEntry, ThirdPartyLib, EnvironmentConfig, EnvironmentState, } from './types';
+export type { AnyDebugFeature, BuiltInFeatureName, DebugFeature, DebugFeatureRenderProps, NetworkLogEntry, ConsoleLogEntry, ZustandLogEntry, NavigationLogEntry, TrackLogEntry, EnvironmentConfig, EnvironmentState, } from './types';
 export { initializeDebugToolkit as default } from './initialize';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACpF,OAAO,EAAE,sBAAsB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACnE,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,YAAY,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC5G,YAAY,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAC/F,YAAY,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC1E,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,YAAY,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAGrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAG1E,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC5E,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGlF,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,sBAAsB,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,YAAY,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,YAAY,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC5G,YAAY,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAC/F,YAAY,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC1E,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,YAAY,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAGrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAGlE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC5E,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGlF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,uBAAuB,EACvB,eAAe,EACf,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,sBAAsB,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/lib/typescript/src/initialize.d.ts

@@ -5,8 +5,6 @@ import type { ZustandFeatureConfig } from './features/ZustandLogFeature';
 import type { NavigationFeatureConfig } from './features/NavigationLogFeature';
 import type { TrackFeatureConfig } from './features/TrackFeature';
 import { createEnvironmentFeature } from './features/EnvironmentFeature';
-import type { DebugFeatureInput } from './types';
-export declare const isDebugMode: boolean;
 /** Feature-specific configuration map */
 export interface FeatureConfigs {
     network?: boolean | NetworkFeatureConfig;
@@ -14,38 +12,21 @@ export interface FeatureConfigs {
     zustand?: boolean | ZustandFeatureConfig;
     navigation?: boolean | NavigationFeatureConfig;
     track?: boolean | TrackFeatureConfig;
-    thirdPartyLibs?: boolean;
     environment?: Parameters<typeof createEnvironmentFeature>[0];
     clipboard?: boolean;
 }
 export interface InitializeOptions {
-    doraemonProductId?: string;
+    features?: FeatureConfigs;
     enabled?: boolean;
 }
 /**
  * Initialize the debug toolkit.
  *
- * @param featuresOrOptions - Either an array of feature inputs (legacy), or a full config object.
- * @param options - Options when using legacy array mode.
- *
  * @example
- * // Legacy mode (still supported)
- * initializeDebugToolkit(['network', 'console'], { enabled: true });
- *
- * // Config object mode (recommended)
  * initializeDebugToolkit({
- *   features: {
- *     network: { maxLogs: 100 },
- *     console: true,
- *     track: true,
- *     environment: { environments: [...] },
- *   },
+ *   features: { network: true, console: true },
  *   enabled: true,
  * });
  */
-export declare function initializeDebugToolkit(featuresOrOptions?: DebugFeatureInput[] | {
-    features?: FeatureConfigs;
-    enabled?: boolean;
-    doraemonProductId?: string;
-}, options?: InitializeOptions): DebugToolkit | null;
+export declare function initializeDebugToolkit(options?: InitializeOptions): typeof DebugToolkit;
 //# sourceMappingURL=initialize.d.ts.map

package/lib/typescript/src/initialize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"initialize.d.ts","sourceRoot":"","sources":["../../../src/initialize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAE/E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAGzE,OAAO,KAAK,EAGV,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,WAAW,SAAU,CAAC;AAEnC,yCAAyC;AACzC,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC/C,KAAK,CAAC,EAAE,OAAO,GAAG,kBAAkB,CAAC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAyFD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,sBAAsB,CACpC,iBAAiB,CAAC,EAAE,iBAAiB,EAAE,GAAG;IACxC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,EACD,OAAO,GAAE,iBAAsB,GAC9B,YAAY,GAAG,IAAI,CA0DrB"}
+{"version":3,"file":"initialize.d.ts","sourceRoot":"","sources":["../../../src/initialize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAE/E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAMzE,yCAAyC;AACzC,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC/C,KAAK,CAAC,EAAE,OAAO,GAAG,kBAAkB,CAAC;IACrC,WAAW,CAAC,EAAE,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAmDD;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CACpC,OAAO,CAAC,EAAE,iBAAiB,GAC1B,OAAO,YAAY,CA4BrB"}

package/lib/typescript/src/interceptors/networkInterceptor.d.ts

@@ -0,0 +1,18 @@
+import type { NetworkLogEntry } from '../types';
+type NetworkLogPayload = Omit<NetworkLogEntry, 'id'>;
+interface AxiosInterceptorManager {
+    use: (onFulfilled: unknown, onRejected?: unknown) => number | void;
+    eject?: (id: number) => void;
+}
+export interface AxiosInstanceLike {
+    interceptors: {
+        request: AxiosInterceptorManager;
+        response: AxiosInterceptorManager;
+    };
+}
+export declare function startFetch(emit: (entry: NetworkLogPayload) => void): () => void;
+export declare function startXMLHttpRequest(emit: (entry: NetworkLogPayload) => void): () => void;
+export declare function setupAxios(axiosInstance: AxiosInstanceLike, emit: (entry: NetworkLogPayload) => void): () => void;
+export declare function resetInterceptors(): void;
+export {};
+//# sourceMappingURL=networkInterceptor.d.ts.map

package/lib/typescript/src/interceptors/networkInterceptor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"networkInterceptor.d.ts","sourceRoot":"","sources":["../../../../src/interceptors/networkInterceptor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGhD,KAAK,iBAAiB,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;AAIrD,UAAU,uBAAuB;IAC/B,GAAG,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,OAAO,KAAK,MAAM,GAAG,IAAI,CAAC;IACnE,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B;AAwBD,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE;QACZ,OAAO,EAAE,uBAAuB,CAAC;QACjC,QAAQ,EAAE,uBAAuB,CAAC;KACnC,CAAC;CACH;AAoOD,wBAAgB,UAAU,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,GAAG,MAAM,IAAI,CA+D/E;AAqGD,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,GACvC,MAAM,IAAI,CA6FZ;AAoBD,wBAAgB,UAAU,CACxB,aAAa,EAAE,iBAAiB,EAChC,IAAI,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,GACvC,MAAM,IAAI,CAsFZ;AAED,wBAAgB,iBAAiB,IAAI,IAAI,CAQxC"}

package/lib/typescript/src/types/index.d.ts

@@ -1,13 +1,17 @@
 import type { ComponentType } from 'react';
 export type DebugFeatureListener = () => void;
-export type BuiltInFeatureName = 'network' | 'console' | 'zustand' | 'navigation' | 'track' | 'thirdPartyLibs' | 'environment' | 'clipboard';
+export type BuiltInFeatureName = 'network' | 'console' | 'zustand' | 'navigation' | 'track' | 'environment' | 'clipboard';
+/** Props passed to a feature's renderContent component */
 export interface DebugFeatureRenderProps<TData = unknown> {
     data: TData[];
     feature: DebugFeature<TData>;
 }
-export type DebugFeatureRenderer<TData = unknown> = ComponentType<DebugFeatureRenderProps<TData>>;
-export type DebugFeatureFactory = () => DebugFeature<any>;
-export type DebugFeatureInput = BuiltInFeatureName | DebugFeature<any> | DebugFeatureFactory;
+/**
+ * Type-erased feature for heterogeneous collections.
+ * Individual features should use `DebugFeature<TData>` with their specific data type.
+ * This alias is only for places that hold features of multiple types.
+ */
+export type AnyDebugFeature = DebugFeature<any>;
 /** Base interface all debug features must implement */
 export interface DebugFeature<TData = unknown> {
     name: string;
@@ -17,7 +21,7 @@ export interface DebugFeature<TData = unknown> {
     clear?: () => void;
     cleanup: () => void;
     subscribe?: (listener: DebugFeatureListener) => () => void;
-    renderContent?: DebugFeatureRenderer<TData>;
+    renderContent?: ComponentType<DebugFeatureRenderProps<TData>>;
     badge?: () => {
         label: string;
         color: string;
@@ -73,17 +77,6 @@ export interface TrackLogEntry {
     eventName: string;
     [key: string]: unknown;
 }
-export interface ThirdPartyLib {
-    id: string;
-    name: string;
-    description: string;
-    platform: 'ios' | 'android' | 'both';
-    actions: Array<{
-        id: string;
-        label: string;
-        onPress: () => void;
-    }>;
-}
 export interface EnvironmentConfig {
     id: string;
     label: string;
@@ -94,19 +87,23 @@ export interface EnvironmentState {
     environments: EnvironmentConfig[];
     currentEnvironmentId: string | null;
 }
-export interface DebugToolkitConfig {
-    features?: DebugFeatureInput[];
-    enabled?: boolean;
-    /** Maximum number of log entries per feature (default: 200) */
-    maxLogsPerFeature?: number;
+export interface NavigationContainerRef {
+    getCurrentRoute?: () => {
+        name?: string;
+    } | undefined;
+    getRootState?: () => unknown;
+    addListener: (event: string, callback: () => void) => () => void;
 }
-export interface DebugToolkitAPI {
-    readonly features: ReadonlyArray<DebugFeature<any>>;
-    addFeature: (feature: DebugFeature<any>) => void;
-    removeFeature: (name: string) => void;
-    showPanel: () => void;
-    hidePanel: () => void;
-    clearAll: () => void;
-    destroy: () => void;
+export interface ThirdPartyLibAction {
+    id: string;
+    label: string;
+    onPress: () => void;
+}
+export interface ThirdPartyLib {
+    id: string;
+    name: string;
+    description: string;
+    platform: 'ios' | 'android' | 'both';
+    actions: ThirdPartyLibAction[];
 }
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,oBAAoB,GAAG,MAAM,IAAI,CAAC;AAE9C,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,SAAS,GACT,SAAS,GACT,YAAY,GACZ,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAEhB,0DAA0D;AAC1D,MAAM,WAAW,uBAAuB,CAAC,KAAK,GAAG,OAAO;IACtD,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;CAC9B;AAED;;;;GAIG;AAEH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;AAGhD,uDAAuD;AACvD,MAAM,WAAW,YAAY,CAAC,KAAK,GAAG,OAAO;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,KAAK,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,MAAM,IAAI,CAAC;IAC3D,aAAa,CAAC,EAAE,aAAa,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CACvD;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACjC,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACjC,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACzC,IAAI,EAAE,OAAO,EAAE,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,iBAAiB,EAAE,CAAC;IAClC,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,sBAAsB;IACrC,eAAe,CAAC,EAAE,MAAM;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC;IAC7B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;CAClE;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,GAAG,SAAS,GAAG,MAAM,CAAC;IACrC,OAAO,EAAE,mBAAmB,EAAE,CAAC;CAChC"}

package/lib/typescript/src/utils/colors.d.ts

@@ -0,0 +1,21 @@
+export declare const Colors: {
+    readonly primary: "#007AFF";
+    readonly text: "#1C1C1E";
+    readonly textSecondary: "#8E8E93";
+    readonly textLight: "#C7C7CC";
+    readonly border: "#E5E5EA";
+    readonly background: "#F2F2F7";
+    readonly surface: "#FFFFFF";
+    readonly success: "#34C759";
+    readonly error: "#FF3B30";
+    readonly warning: "#FF9500";
+    readonly info: "#5AC8FA";
+    readonly purple: "#AF52DE";
+    readonly get: "#007AFF";
+    readonly post: "#34C759";
+    readonly put: "#FF9500";
+    readonly delete: "#FF3B30";
+    readonly patch: "#5AC8FA";
+};
+export declare function getMethodColor(method: string): string;
+//# sourceMappingURL=colors.d.ts.map

package/lib/typescript/src/utils/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/utils/colors.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;CAyBT,CAAC;AAEX,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CASrD"}

package/lib/typescript/src/utils/createChannelFeature.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentType } from 'react';
+import type { DebugFeature, DebugFeatureRenderProps } from '../types';
+import type { EventChannel } from './createEventChannel';
+/**
+ * Generic factory for features that subscribe to an event channel.
+ * Eliminates boilerplate across channel-based features (Track, Navigation, Zustand).
+ *
+ * @param getChannel - Function returning the current channel (supports test resets)
+ * @param toEntry - Maps a payload + auto-generated id to a typed log entry
+ * @param options - Feature name, label, render component, and optional maxLogs
+ */
+export declare function createChannelFeature<TPayload, TEntry>(getChannel: () => EventChannel<TPayload>, toEntry: (payload: TPayload, id: string) => TEntry, options: {
+    name: string;
+    label: string;
+    renderContent?: ComponentType<DebugFeatureRenderProps<TEntry>>;
+    maxLogs?: number;
+}): DebugFeature<TEntry>;
+//# sourceMappingURL=createChannelFeature.d.ts.map

package/lib/typescript/src/utils/createChannelFeature.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createChannelFeature.d.ts","sourceRoot":"","sources":["../../../../src/utils/createChannelFeature.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAwB,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAC5F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAKzD;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EACnD,UAAU,EAAE,MAAM,YAAY,CAAC,QAAQ,CAAC,EACxC,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,KAAK,MAAM,EAClD,OAAO,EAAE;IACP,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,aAAa,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GACA,YAAY,CAAC,MAAM,CAAC,CA8BtB"}

package/lib/typescript/src/utils/layout.d.ts

@@ -0,0 +1,2 @@
+export declare const ICON_SIZE = 52;
+//# sourceMappingURL=layout.d.ts.map

package/lib/typescript/src/utils/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../src/utils/layout.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,KAAK,CAAC"}

package/lib/typescript/src/utils/urlRewriterRegistry.d.ts

@@ -0,0 +1,7 @@
+type UrlRewriter = (url: string) => string;
+export declare const urlRewriter: {
+    get: () => UrlRewriter | null;
+    set: (rewriter: UrlRewriter | null) => void;
+};
+export {};
+//# sourceMappingURL=urlRewriterRegistry.d.ts.map

package/lib/typescript/src/utils/urlRewriterRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"urlRewriterRegistry.d.ts","sourceRoot":"","sources":["../../../../src/utils/urlRewriterRegistry.ts"],"names":[],"mappings":"AAAA,KAAK,WAAW,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;AAI3C,eAAO,MAAM,WAAW;eACb,WAAW,GAAG,IAAI;oBACX,WAAW,GAAG,IAAI,KAAG,IAAI;CAG1C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-debug-toolkit",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "A dev-only floating debug panel for React Native with network, console, Zustand, navigation, and event logs",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -17,6 +17,7 @@
   "scripts": {
     "typecheck": "tsc --noEmit",
     "typescript": "npm run typecheck",
+    "test": "jest",
     "build": "bob build",
     "lint": "eslint \"src/**/*.{js,ts,tsx}\"",
     "prepare": "bob build"
@@ -52,12 +53,15 @@
   "devDependencies": {
     "@react-native/babel-preset": "^0.76.0",
     "@react-native/eslint-config": "^0.76.0",
+    "@types/jest": "^30.0.0",
     "@types/react": "^18.3.1",
     "eslint": "^8.57.0",
+    "jest": "^30.3.0",
     "prettier": "^3.3.0",
     "react": "^18.3.1",
     "react-native": "^0.76.6",
     "react-native-builder-bob": "^0.30.0",
+    "ts-jest": "^29.4.9",
     "typescript": "^5.5.0"
   },
   "react-native": "src/index.ts",

package/src/components/ClipboardTab.tsx

@@ -1,10 +1,10 @@
 import React, { useState, useCallback } from 'react';
 import { View, Text, TextInput, TouchableOpacity, StyleSheet } from 'react-native';
-import { Colors, Spacing, Radius } from '../utils/constants';
+import { Colors } from '../utils/colors';
 import { copyToComputer } from '../utils/copyToComputer';
 import type { DebugFeatureRenderProps } from '../types';
 
-export const ClipboardTab: React.FC<DebugFeatureRenderProps<void>> = () => {
+export const ClipboardTab: React.FC<DebugFeatureRenderProps<void>> = React.memo(() => {
   const [text, setText] = useState('');
   const [feedback, setFeedback] = useState<string | null>(null);
 
@@ -41,25 +41,25 @@ export const ClipboardTab: React.FC<DebugFeatureRenderProps<void>> = () => {
       </View>
     </View>
   );
-};
+});
 
 const s = StyleSheet.create({
   container: {
     flex: 1,
     backgroundColor: Colors.background,
-    padding: Spacing.md,
+    padding: 12,
   },
   input: {
     flex: 1,
     backgroundColor: Colors.surface,
-    borderRadius: Radius.md,
-    padding: Spacing.md,
+    borderRadius: 12,
+    padding: 12,
     fontSize: 14,
     color: Colors.text,
     lineHeight: 20,
   },
   footer: {
-    paddingTop: Spacing.sm,
+    paddingTop: 8,
     minHeight: 36,
     alignItems: 'flex-end',
   },
@@ -71,7 +71,7 @@ const s = StyleSheet.create({
     backgroundColor: Colors.background,
     paddingHorizontal: 16,
     paddingVertical: 6,
-    borderRadius: Radius.sm,
+    borderRadius: 8,
   },
   copyBtnText: {
     fontSize: 13,

package/src/components/ConsoleLogTab.tsx

@@ -1,12 +1,12 @@
-import React, { useState } from 'react';
-import { View, Text, FlatList, TouchableOpacity, StyleSheet, Animated, ScrollView } from 'react-native';
-import { Colors } from '../utils/constants';
+import React from 'react';
+import { View, Text, StyleSheet, ScrollView } from 'react-native';
+import { Colors } from '../utils/colors';
 import { safeStringify } from '../utils/safeStringify';
 import { CollapsibleSection } from './shared/CollapsibleSection';
 import { JsonView } from './shared/JsonView';
 import { CopyButton } from './shared/CopyButton';
+import { LogListScreen } from './shared/LogListScreen';
 import { fmt } from '../utils/copyToComputer';
-import { useSlideDetailAnimation } from '../hooks/useSlideDetailAnimation';
 import type { ConsoleLogEntry, DebugFeatureRenderProps } from '../types';
 
 const LEVEL_COLORS: Record<string, string> = {
@@ -23,14 +23,11 @@ const LEVEL_ICONS: Record<string, string> = {
   error: '✕',
 };
 
-export const ConsoleLogTab: React.FC<DebugFeatureRenderProps<ConsoleLogEntry>> = React.memo(({
-  data,
-}) => {
-  const [selected, setSelected] = useState<ConsoleLogEntry | null>(null);
-  const { detailTranslateX, listTranslateX, listOpacity } = useSlideDetailAnimation(selected);
-
-  const renderItem = ({ item }: { item: ConsoleLogEntry }) => (
-    <TouchableOpacity style={s.card} onPress={() => setSelected(item)} activeOpacity={0.6}>
+export const ConsoleLogTab: React.FC<DebugFeatureRenderProps<ConsoleLogEntry>> = React.memo(({ data }) => (
+  <LogListScreen
+    data={data}
+    emptyText="No console logs"
+    renderRow={(item) => (
       <View style={s.cardRow}>
         <View style={[s.levelDot, { backgroundColor: LEVEL_COLORS[item.level] ?? '#8E8E93' }]}>
           <Text style={s.levelIcon}>{LEVEL_ICONS[item.level] ?? '●'}</Text>
@@ -39,171 +36,60 @@ export const ConsoleLogTab: React.FC<DebugFeatureRenderProps<ConsoleLogEntry>> =
           <Text style={s.logMessage} numberOfLines={2}>
             {item.data.map((d) => (typeof d === 'string' ? d : safeStringify(d))).join(' ')}
           </Text>
-          <Text style={s.time}>
-            {new Date(item.timestamp).toLocaleTimeString()}
-          </Text>
+          <Text style={s.time}>{new Date(item.timestamp).toLocaleTimeString()}</Text>
         </View>
       </View>
-    </TouchableOpacity>
-  );
-
-  return (
-    <View style={s.container}>
-      {/* List */}
-      <Animated.View style={[s.listWrap, selected ? { opacity: listOpacity, transform: [{ translateX: listTranslateX }] } : null]}>
-        {data.length === 0 ? (
-          <View style={s.emptyContainer}>
-            <Text style={s.emptyIcon}>~</Text>
-            <Text style={s.empty}>No console logs</Text>
-          </View>
-        ) : (
-          <FlatList
-            data={[...data].reverse()}
-            renderItem={renderItem}
-            keyExtractor={(item) => item.id}
-            contentContainerStyle={s.listContent}
-            initialNumToRender={20}
-            maxToRenderPerBatch={10}
-            windowSize={5}
-            removeClippedSubviews={true}
-          />
-        )}
-      </Animated.View>
-
-      {/* Detail (push navigation) */}
-      {selected && (
-        <Animated.View style={[s.detailWrap, { transform: [{ translateX: detailTranslateX }] }]}>
-          <View style={s.detailHeader}>
-            <TouchableOpacity onPress={() => setSelected(null)} style={s.backBtn} activeOpacity={0.6}>
-              <Text style={s.backIcon}>‹</Text>
-              <Text style={s.backText}>Back</Text>
-            </TouchableOpacity>
-            <View style={[s.levelBadge, { backgroundColor: LEVEL_COLORS[selected.level] ?? '#8E8E93' }]}>
-              <Text style={s.levelBadgeText}>{selected.level.toUpperCase()}</Text>
-            </View>
-            <Text style={s.detailTime}>
-              {new Date(selected.timestamp).toLocaleString()}
-            </Text>
-          </View>
-          <ScrollView style={s.detailBody} contentContainerStyle={s.detailBodyContent}>
-            {selected.data.map((item, index) => {
-              const formatted = typeof item === 'object' && item !== null
-                ? fmt(item)
-                : String(item);
-              return (
-              <CollapsibleSection
-                key={index}
-                title={typeof item === 'object' && item !== null ? `Arg ${index + 1} (object)` : `Arg ${index + 1}`}
-                initiallyExpanded={index === 0}
-              >
-                <View style={s.sectionWithCopy}>
-                  <CopyButton text={formatted} label={`Console Arg ${index + 1}`} />
-                  {typeof item === 'object' && item !== null ? (
-                    <JsonView data={item} maxHeight={250} />
-                  ) : (
-                    <Text style={s.plainText} selectable>{String(item)}</Text>
-                  )}
-                </View>
-              </CollapsibleSection>
-              );
-            })}
-          </ScrollView>
-        </Animated.View>
-      )}
-    </View>
-  );
-});
+    )}
+    renderDetailHeader={(item) => (
+      <>
+        <View style={[s.levelBadge, { backgroundColor: LEVEL_COLORS[item.level] ?? '#8E8E93' }]}>
+          <Text style={s.levelBadgeText}>{item.level.toUpperCase()}</Text>
+        </View>
+        <Text style={s.detailTime}>{new Date(item.timestamp).toLocaleString()}</Text>
+      </>
+    )}
+    renderDetailBody={(item) => (
+      <ScrollView style={s.detailBody} contentContainerStyle={s.detailBodyContent}>
+        {item.data.map((d, index) => {
+          const formatted = typeof d === 'object' && d !== null ? fmt(d) : String(d);
+          return (
+            <CollapsibleSection
+              key={index}
+              title={typeof d === 'object' && d !== null ? `Arg ${index + 1} (object)` : `Arg ${index + 1}`}
+              initiallyExpanded={index === 0}
+            >
+              <View style={s.sectionWithCopy}>
+                <CopyButton text={formatted} label={`Console Arg ${index + 1}`} />
+                {typeof d === 'object' && d !== null ? (
+                  <JsonView data={d} maxHeight={250} />
+                ) : (
+                  <Text style={s.plainText} selectable>{String(d)}</Text>
+                )}
+              </View>
+            </CollapsibleSection>
+          );
+        })}
+      </ScrollView>
+    )}
+  />
+));
 
 const s = StyleSheet.create({
-  container: { flex: 1, backgroundColor: Colors.background },
-  listWrap: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-  },
-  listContent: { padding: 12 },
-
-  // Empty
-  emptyContainer: { flex: 1, alignItems: 'center', justifyContent: 'center' },
-  emptyIcon: { fontSize: 40, color: Colors.textLight, marginBottom: 4 },
-  empty: { textAlign: 'center', color: Colors.textLight, fontSize: 14 },
-
-  // Card
-  card: {
-    backgroundColor: Colors.surface,
-    borderRadius: 12,
-    marginBottom: 8,
-    overflow: 'hidden',
-  },
   cardRow: { flexDirection: 'row', padding: 14, alignItems: 'flex-start' },
   levelDot: {
-    width: 24,
-    height: 24,
-    borderRadius: 12,
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginRight: 12,
-    marginTop: 1,
+    width: 24, height: 24, borderRadius: 12,
+    alignItems: 'center', justifyContent: 'center',
+    marginRight: 12, marginTop: 1,
   },
   levelIcon: { color: '#FFF', fontSize: 11, fontWeight: '700' },
   cardContent: { flex: 1 },
   logMessage: { fontSize: 14, color: Colors.text, lineHeight: 20 },
   time: { fontSize: 12, color: Colors.textSecondary, marginTop: 4 },
-
-  // Detail (in-panel navigation)
-  detailWrap: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: Colors.background,
-  },
-  detailHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 8,
-    paddingVertical: 10,
-    backgroundColor: Colors.surface,
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: Colors.border,
-    gap: 6,
-  },
-  backBtn: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 6,
-    paddingVertical: 4,
-    borderRadius: 8,
-  },
-  backIcon: {
-    fontSize: 24,
-    fontWeight: '300',
-    color: Colors.primary,
-    marginTop: -2,
-    marginRight: 2,
-  },
-  backText: {
-    fontSize: 16,
-    color: Colors.primary,
-    fontWeight: '500',
-  },
-  levelBadge: {
-    paddingHorizontal: 10,
-    paddingVertical: 4,
-    borderRadius: 6,
-  },
+  levelBadge: { paddingHorizontal: 10, paddingVertical: 4, borderRadius: 6 },
   levelBadgeText: { color: '#FFF', fontSize: 12, fontWeight: '700' },
   detailTime: { flex: 1, fontSize: 13, color: Colors.textSecondary, textAlign: 'right' },
   detailBody: { flex: 1 },
   detailBodyContent: { padding: 12 },
   sectionWithCopy: { gap: 8 },
-  plainText: {
-    fontFamily: 'Courier',
-    fontSize: 13,
-    color: Colors.text,
-    lineHeight: 20,
-  },
+  plainText: { fontFamily: 'Courier', fontSize: 13, color: Colors.text, lineHeight: 20 },
 });