rn-backstage 1.1.0 → 1.2.1

package/lib/typescript/components/LogsTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogsTab.d.ts","sourceRoot":"","sources":["../../../src/components/LogsTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAG7D,OAAO,KAAK,EAAE,QAAQ,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAMjE,UAAU,YAAY;IACpB,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,MAAM,CAAC,EAAE,uBAAuB,CAAA;CACjC;AAID,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmH1C,CAAA"}
+{"version":3,"file":"LogsTab.d.ts","sourceRoot":"","sources":["../../../src/components/LogsTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAI7D,OAAO,KAAK,EAAE,QAAQ,EAAE,uBAAuB,EAAkB,MAAM,UAAU,CAAA;AAMjF,UAAU,YAAY;IACpB,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,uBAAuB,CAAA;CACjC;AAID,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAiH1C,CAAA"}

package/lib/typescript/components/NetworkItem.d.ts

@@ -3,6 +3,7 @@ import type { NetworkEntry } from '../types';
 interface NetworkItemProps {
     item: NetworkEntry;
     onCopy?: (text: string) => void;
+    jsonMaxDepth?: number;
 }
 export declare const NetworkItem: React.FC<NetworkItemProps>;
 export {};

package/lib/typescript/components/NetworkItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkItem.d.ts","sourceRoot":"","sources":["../../../src/components/NetworkItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAIpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAO5C,UAAU,gBAAgB;IACxB,IAAI,EAAE,YAAY,CAAA;IAClB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC;AAoID,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwLjD,CAAA"}
+{"version":3,"file":"NetworkItem.d.ts","sourceRoot":"","sources":["../../../src/components/NetworkItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAK7D,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,UAAU,CAAA;AAO5D,UAAU,gBAAgB;IACxB,IAAI,EAAE,YAAY,CAAA;IAClB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AA+GD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkMlD,CAAA"}

package/lib/typescript/components/NetworkTab.d.ts

@@ -5,6 +5,7 @@ interface NetworkTabProps {
     onRefresh: () => void;
     onClear: () => void;
     onCopy?: (text: string) => void;
+    jsonMaxDepth?: number;
 }
 export declare const NetworkTab: React.FC<NetworkTabProps>;
 export {};

package/lib/typescript/components/NetworkTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkTab.d.ts","sourceRoot":"","sources":["../../../src/components/NetworkTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAI7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAK5C,UAAU,eAAe;IACvB,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC;AAID,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2HhD,CAAA"}
+{"version":3,"file":"NetworkTab.d.ts","sourceRoot":"","sources":["../../../src/components/NetworkTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAK7D,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,UAAU,CAAA;AAK5D,UAAU,eAAe;IACvB,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAID,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6HhD,CAAA"}

package/lib/typescript/components/TabBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/components/TabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAc7D,UAAU,GAAG;IACX,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAID,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyExC,CAAA"}
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/components/TabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAetE,UAAU,GAAG;IACX,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAID,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2ExC,CAAA"}

package/lib/typescript/constants.d.ts

@@ -12,6 +12,7 @@ export declare const Metrics: {
     contentPadding: number;
 };
 export declare const DarkTheme: BackstageTheme;
+export declare const LightTheme: BackstageTheme;
 export declare const DEFAULT_MAX_LOGS = 500;
 export declare const DEFAULT_MAX_NETWORK_ENTRIES = 500;
 export declare const DEFAULT_MAX_NETWORK_BODY_SIZE = 65536;

package/lib/typescript/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAM7C,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAA;AAID,eAAO,MAAM,SAAS,EAAE,cAmBvB,CAAA;AAED,eAAO,MAAM,gBAAgB,MAAM,CAAA;AAInC,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,6BAA6B,QAAQ,CAAA;AAIlD,eAAO,MAAM,aAAa,QAGxB,CAAA;AAIF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BnB,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAM7C,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAA;AAID,eAAO,MAAM,SAAS,EAAE,cAmBvB,CAAA;AAID,eAAO,MAAM,UAAU,EAAE,cAmBxB,CAAA;AAED,eAAO,MAAM,gBAAgB,MAAM,CAAA;AAInC,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,6BAA6B,QAAQ,CAAA;AAIlD,eAAO,MAAM,aAAa,QAGxB,CAAA;AAIF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BnB,CAAA"}

package/lib/typescript/index.d.ts

@@ -1,4 +1,6 @@
 export { Backstage } from './Backstage';
-export type { BackstageProps, BackstageRef, BackstageTab, BackstageStyleOverrides, BackstageTheme, QuickAction, AppInfoItem, LogEntry, NetworkEntry, } from './types';
+export type { BackstageProps, BackstageRef, BackstageTab, BackstageStyleOverrides, BackstageTheme, QuickAction, FeatureFlag, AppInfoItem, LogEntry, NetworkEntry, } from './types';
 export { LogLevel, NetworkState } from './types';
+export { TestIDs, DarkTheme, LightTheme } from './constants';
+export type { ThemePreference } from './ThemeContext';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,YAAY,EACV,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,uBAAuB,EACvB,cAAc,EACd,WAAW,EACX,WAAW,EACX,QAAQ,EACR,YAAY,GACb,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,YAAY,EACV,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,uBAAuB,EACvB,cAAc,EACd,WAAW,EACX,WAAW,EACX,WAAW,EACX,QAAQ,EACR,YAAY,GACb,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC5D,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA"}

package/lib/typescript/types.d.ts

@@ -48,6 +48,16 @@ export interface QuickAction {
     destructive?: boolean;
     testID?: string;
 }
+export interface FeatureFlag {
+    /** Unique key for this flag */
+    key: string;
+    /** Display label */
+    label: string;
+    /** Current value */
+    value: boolean;
+    /** Optional description shown below the label */
+    description?: string;
+}
 export interface BackstageTab {
     key: string;
     title: string;
@@ -77,6 +87,8 @@ export interface BackstageTheme {
 export interface BackstageProps {
     /** Whether the floating pill trigger is visible. Default: true */
     visible?: boolean;
+    /** Theme preference: 'light', 'dark', or 'auto' (follows device setting). Default: 'auto' */
+    theme?: 'light' | 'dark' | 'auto';
     /** App version string (e.g., "1.2.3") */
     appVersion?: string;
     /** Build number (e.g., "42") */
@@ -89,6 +101,10 @@ export interface BackstageProps {
     state?: Record<string, unknown>;
     /** Custom action buttons in the Info tab */
     quickActions?: QuickAction[];
+    /** Feature flags to display with toggle switches */
+    featureFlags?: FeatureFlag[];
+    /** Callback when a feature flag is toggled */
+    onToggleFeatureFlag?: (key: string, value: boolean) => void;
     /** Maximum number of logs to retain in memory. Default: 500 */
     maxLogs?: number;
     /** Log messages containing these strings will be excluded */
@@ -117,6 +133,8 @@ export interface BackstageProps {
     networkFilters?: string[];
     /** Auto-filter console.logs from network callbacks (e.g., Axios interceptors) out of the Logs tab. Default: true */
     autoFilterNetworkLogs?: boolean;
+    /** Max nesting depth for JSON tree views (state tree, log data, network bodies). Default: 10 */
+    jsonMaxDepth?: number;
 }
 export interface BackstageStyleOverrides {
     pillStyle?: StyleProp<ViewStyle>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAInE,oBAAY,QAAQ;IAClB,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,QAAQ,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;CAClB;AAID,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,YAAY,CAAA;CACpB;AAID,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAID,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAID,MAAM,WAAW,WAAW;IAC1B,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,oBAAoB;IACpB,KAAK,EAAE,OAAO,CAAA;IACd,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAID,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,SAAS,CAAA;CACxB;AAID,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,CAAA;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAID,MAAM,WAAW,cAAc;IAC7B,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,6FAA6F;IAC7F,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAEjC,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,WAAW,EAAE,CAAA;IAE1B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAE/B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAE5B,oDAAoD;IACpD,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAE5B,8CAA8C;IAC9C,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAE3D,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IAErB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC,kDAAkD;IAClD,SAAS,CAAC,EAAE,YAAY,EAAE,CAAA;IAE1B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,uBAAuB,CAAA;IAEhC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAEhC,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B,uFAAuF;IACvF,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IAEzB,oHAAoH;IACpH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B,gGAAgG;IAChG,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACjC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACvC,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACxC,sBAAsB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC7C,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACxC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACvC;AAID,MAAM,WAAW,YAAY;IAC3B,+BAA+B;IAC/B,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,gCAAgC;IAChC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,8BAA8B;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-backstage",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "description": "A zero-dependency developer/QA debug panel for React Native apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/Backstage.tsx

@@ -16,6 +16,7 @@ import {
 } from './network-interceptor'
 import { FloatingPill } from './components/FloatingPill'
 import { BackstagePanel } from './components/BackstagePanel'
+import { BackstageThemeProvider } from './ThemeContext'
 import type { BackstageProps, BackstageRef, LogEntry, NetworkEntry } from './types'
 
 // ─── Component ───────────────────────────────────────────────────────────────
@@ -24,12 +25,15 @@ export const Backstage = forwardRef<BackstageRef, BackstageProps>(
   (
     {
       visible = true,
+      theme: themePreference = 'auto',
       appVersion,
       buildNumber,
       bundleId,
       deviceInfo,
       state,
       quickActions,
+      featureFlags,
+      onToggleFeatureFlag,
       maxLogs = DEFAULT_MAX_LOGS,
       logFilters,
       onCopyLogs,
@@ -44,6 +48,7 @@ export const Backstage = forwardRef<BackstageRef, BackstageProps>(
       maxNetworkBodySize,
       networkFilters,
       autoFilterNetworkLogs = true,
+      jsonMaxDepth,
     },
     ref,
   ) => {
@@ -151,37 +156,42 @@ export const Backstage = forwardRef<BackstageRef, BackstageProps>(
     const displayText = pillText || (appVersion ? `v${appVersion}` : 'DEV')
 
     return (
-      <View style={styles.container} pointerEvents="box-none">
-        <FloatingPill
-          text={displayText}
-          hasError={hasError}
-          onPress={openPanel}
-          initialX={initialX}
-          initialY={initialY}
-          styles={propStyles}
-        />
-        <BackstagePanel
-          visible={panelVisible}
-          onClose={closePanel}
-          appVersion={appVersion}
-          buildNumber={buildNumber}
-          bundleId={bundleId}
-          deviceInfo={deviceInfo}
-          state={state}
-          quickActions={quickActions}
-          logs={logs}
-          onRefreshLogs={refreshLogs}
-          onCopyLogs={onCopyLogs}
-          networkEntries={networkEntries}
-          onRefreshNetwork={refreshNetwork}
-          onClearNetwork={clearNetwork}
-          onCopyNetwork={onCopyLogs}
-          extraTabs={extraTabs}
-          styles={propStyles}
-        >
-          {children}
-        </BackstagePanel>
-      </View>
+      <BackstageThemeProvider preference={themePreference}>
+        <View style={styles.container} pointerEvents="box-none">
+          <FloatingPill
+            text={displayText}
+            hasError={hasError}
+            onPress={openPanel}
+            initialX={initialX}
+            initialY={initialY}
+            styles={propStyles}
+          />
+          <BackstagePanel
+            visible={panelVisible}
+            onClose={closePanel}
+            appVersion={appVersion}
+            buildNumber={buildNumber}
+            bundleId={bundleId}
+            deviceInfo={deviceInfo}
+            state={state}
+            quickActions={quickActions}
+            featureFlags={featureFlags}
+            onToggleFeatureFlag={onToggleFeatureFlag}
+            logs={logs}
+            onRefreshLogs={refreshLogs}
+            onCopyLogs={onCopyLogs}
+            networkEntries={networkEntries}
+            onRefreshNetwork={refreshNetwork}
+            onClearNetwork={clearNetwork}
+            onCopyNetwork={onCopyLogs}
+            extraTabs={extraTabs}
+            jsonMaxDepth={jsonMaxDepth}
+            styles={propStyles}
+          >
+            {children}
+          </BackstagePanel>
+        </View>
+      </BackstageThemeProvider>
     )
   },
 )

package/src/ThemeContext.tsx

@@ -0,0 +1,38 @@
+import React, { createContext, useContext, useMemo } from 'react'
+import { useColorScheme } from 'react-native'
+import { DarkTheme, LightTheme } from './constants'
+import type { BackstageTheme } from './types'
+
+// ─── Theme Preference ────────────────────────────────────────────────────────
+
+export type ThemePreference = 'light' | 'dark' | 'auto'
+
+// ─── Context ─────────────────────────────────────────────────────────────────
+
+const ThemeContext = createContext<BackstageTheme>(DarkTheme)
+
+// ─── Provider ────────────────────────────────────────────────────────────────
+
+interface ThemeProviderProps {
+  preference: ThemePreference
+  children: React.ReactNode
+}
+
+export const BackstageThemeProvider: React.FC<ThemeProviderProps> = ({ preference, children }) => {
+  const systemScheme = useColorScheme()
+
+  const theme = useMemo(() => {
+    if (preference === 'light') return LightTheme
+    if (preference === 'dark') return DarkTheme
+    // 'auto' — follow system, fallback to dark
+    return systemScheme === 'light' ? LightTheme : DarkTheme
+  }, [preference, systemScheme])
+
+  return <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>
+}
+
+// ─── Hook ────────────────────────────────────────────────────────────────────
+
+export function useBackstageTheme(): BackstageTheme {
+  return useContext(ThemeContext)
+}

package/src/components/BackstagePanel.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React, { useMemo, useState } from 'react'
 import {
   Modal,
   SafeAreaView,
@@ -8,15 +8,18 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native'
-import { DarkTheme, MonospaceFont, TestIDs } from '../constants'
+import { MonospaceFont, TestIDs } from '../constants'
+import { useBackstageTheme } from '../ThemeContext'
 import { TabBar } from './TabBar'
 import { InfoTab } from './InfoTab'
 import { LogsTab } from './LogsTab'
 import { NetworkTab } from './NetworkTab'
+import { FlagsTab } from './FlagsTab'
 import type {
   AppInfoItem,
   BackstageStyleOverrides,
   BackstageTab,
+  FeatureFlag,
   LogEntry,
   NetworkEntry,
   QuickAction,
@@ -35,6 +38,8 @@ interface BackstagePanelProps {
   deviceInfo?: AppInfoItem[]
   state?: Record<string, unknown>
   quickActions?: QuickAction[]
+  featureFlags?: FeatureFlag[]
+  onToggleFeatureFlag?: (key: string, value: boolean) => void
 
   // Logs tab props
   logs: LogEntry[]
@@ -50,19 +55,25 @@ interface BackstagePanelProps {
   // Extensibility
   extraTabs?: BackstageTab[]
 
+  // JSON tree
+  jsonMaxDepth?: number
+
   // Styling
   styles?: BackstageStyleOverrides
   children?: React.ReactNode
 }
 
-// ─── Built-in Tab Definitions ────────────────────────────────────────────────
+// ─── Built-in Tab Definitions ────────────────────────────────────────────
 
-const BUILT_IN_TABS = [
+const ALWAYS_ON_TABS = [
   { key: 'info', title: 'Info', icon: 'ℹ️' },
   { key: 'network', title: 'Network', icon: '🌐' },
-  { key: 'logs', title: 'Logs', icon: '📋' },
 ]
 
+const FLAGS_TAB = { key: 'flags', title: 'Flags', icon: '🎚' }
+
+const LOGS_TAB = { key: 'logs', title: 'Logs', icon: '📋' }
+
 // ─── Component ───────────────────────────────────────────────────────────────
 
 export const BackstagePanel: React.FC<BackstagePanelProps> = ({
@@ -74,6 +85,8 @@ export const BackstagePanel: React.FC<BackstagePanelProps> = ({
   deviceInfo,
   state,
   quickActions,
+  featureFlags,
+  onToggleFeatureFlag,
   logs,
   onRefreshLogs,
   onCopyLogs,
@@ -82,14 +95,20 @@ export const BackstagePanel: React.FC<BackstagePanelProps> = ({
   onClearNetwork,
   onCopyNetwork,
   extraTabs = [],
+  jsonMaxDepth,
   styles: propStyles,
   children,
 }) => {
   const [activeTab, setActiveTab] = useState('info')
+  const theme = useBackstageTheme()
+  const styles = useMemo(() => createStyles(theme), [theme])
 
-  // Compose all tabs: built-in + extra
+  // Compose all tabs: built-in (conditionally including Flags) + extra
+  const hasFlags = featureFlags && featureFlags.length > 0
   const allTabs = [
-    ...BUILT_IN_TABS,
+    ...ALWAYS_ON_TABS,
+    ...(hasFlags ? [FLAGS_TAB] : []),
+    LOGS_TAB,
     ...extraTabs.map(t => ({ key: t.key, title: t.title, icon: t.icon })),
   ]
 
@@ -105,12 +124,15 @@ export const BackstagePanel: React.FC<BackstagePanelProps> = ({
             deviceInfo={deviceInfo}
             state={state}
             quickActions={quickActions}
+            jsonMaxDepth={jsonMaxDepth}
             onClosePanel={onClose}
             styles={propStyles}
           >
             {children}
           </InfoTab>
         )
+      case 'flags':
+        return <FlagsTab flags={featureFlags ?? []} onToggle={onToggleFeatureFlag} />
       case 'network':
         return (
           <NetworkTab
@@ -118,6 +140,7 @@ export const BackstagePanel: React.FC<BackstagePanelProps> = ({
             onRefresh={onRefreshNetwork}
             onClear={onClearNetwork}
             onCopy={onCopyNetwork}
+            jsonMaxDepth={jsonMaxDepth}
           />
         )
       case 'logs':
@@ -126,6 +149,7 @@ export const BackstagePanel: React.FC<BackstagePanelProps> = ({
             logs={logs}
             onRefresh={onRefreshLogs}
             onCopyLogs={onCopyLogs}
+            jsonMaxDepth={jsonMaxDepth}
             styles={propStyles}
           />
         )
@@ -149,7 +173,10 @@ export const BackstagePanel: React.FC<BackstagePanelProps> = ({
       onRequestClose={onClose}
       statusBarTranslucent
     >
-      <StatusBar barStyle="light-content" backgroundColor={DarkTheme.background} />
+      <StatusBar
+        barStyle={theme.background < '#888' ? 'light-content' : 'dark-content'}
+        backgroundColor={theme.background}
+      />
       <SafeAreaView style={[styles.safeArea, propStyles?.panelStyle]}>
         {/* ── Header ──────────────────────────────────────────── */}
         <View style={styles.header}>
@@ -180,51 +207,52 @@ export const BackstagePanel: React.FC<BackstagePanelProps> = ({
 
 // ─── Styles ──────────────────────────────────────────────────────────────────
 
-const styles = StyleSheet.create({
-  safeArea: {
-    flex: 1,
-    backgroundColor: DarkTheme.background,
-  },
-  header: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    borderBottomWidth: 1,
-    borderBottomColor: DarkTheme.border,
-  },
-  headerLeft: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  headerBrand: {
-    fontSize: 20,
-    marginRight: 8,
-  },
-  headerTitle: {
-    fontFamily: MonospaceFont,
-    fontSize: 18,
-    fontWeight: '800',
-    color: DarkTheme.text,
-    letterSpacing: 1,
-  },
-  closeButton: {
-    width: 32,
-    height: 32,
-    borderRadius: 16,
-    backgroundColor: DarkTheme.surfaceElevated,
-    borderWidth: 1,
-    borderColor: DarkTheme.border,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  closeButtonText: {
-    fontSize: 14,
-    color: DarkTheme.textSecondary,
-    fontWeight: '700',
-  },
-  content: {
-    flex: 1,
-  },
-})
+const createStyles = (t: import('../types').BackstageTheme) =>
+  StyleSheet.create({
+    safeArea: {
+      flex: 1,
+      backgroundColor: t.background,
+    },
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingHorizontal: 16,
+      paddingVertical: 12,
+      borderBottomWidth: 1,
+      borderBottomColor: t.border,
+    },
+    headerLeft: {
+      flexDirection: 'row',
+      alignItems: 'center',
+    },
+    headerBrand: {
+      fontSize: 20,
+      marginRight: 8,
+    },
+    headerTitle: {
+      fontFamily: MonospaceFont,
+      fontSize: 18,
+      fontWeight: '800',
+      color: t.text,
+      letterSpacing: 1,
+    },
+    closeButton: {
+      width: 32,
+      height: 32,
+      borderRadius: 16,
+      backgroundColor: t.surfaceElevated,
+      borderWidth: 1,
+      borderColor: t.border,
+      alignItems: 'center',
+      justifyContent: 'center',
+    },
+    closeButtonText: {
+      fontSize: 14,
+      color: t.textSecondary,
+      fontWeight: '700',
+    },
+    content: {
+      flex: 1,
+    },
+  })