react-native-inapp-inspector 1.0.4 → 1.0.5

package/dist/commonjs/styles/index.js

@@ -1,17 +1,50 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.toggleGlobalTheme = exports.getRawStyles = void 0;
 const react_native_1 = require("react-native");
-const AppColors_1 = require("./AppColors");
-// Utils
+const AppColors_1 = __importStar(require("./AppColors"));
 const AppFonts_1 = require("./AppFonts");
-const styles = react_native_1.StyleSheet.create({
+const getRawStyles = (colors) => ({
     header: {
         flexDirection: 'row',
         alignItems: 'center',
-        paddingHorizontal: 16,
-        paddingVertical: 12,
+        paddingHorizontal: 12,
+        paddingVertical: 8,
         zIndex: 10,
-        minHeight: 56,
+        minHeight: 48,
         shadowColor: '#000000',
         shadowOffset: { width: 0, height: 2 },
         shadowOpacity: 0.08,
@@ -28,33 +61,40 @@ const styles = react_native_1.StyleSheet.create({
     },
     headerTitle: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.primaryLight,
+        color: colors.primaryLight,
         fontSize: 18,
         letterSpacing: 0.3,
     },
     headerButtonGroup: {
         flexDirection: 'row',
         alignItems: 'center',
-        backgroundColor: 'rgba(255, 255, 255, 0.15)',
-        borderRadius: 8,
+        backgroundColor: 'rgba(255, 255, 255, 0.1)',
+        borderRadius: 10,
         padding: 3,
+        borderWidth: 1,
+        borderColor: 'rgba(255, 255, 255, 0.08)',
     },
     headerGroupButton: {
         flexDirection: 'row',
         alignItems: 'center',
-        paddingHorizontal: 12,
+        paddingHorizontal: 8,
         paddingVertical: 6,
-        borderRadius: 6,
+        borderRadius: 8,
         gap: 4,
     },
     headerGroupButtonActive: {
-        backgroundColor: 'rgba(255, 255, 255, 0.25)',
+        backgroundColor: 'rgba(255, 255, 255, 0.22)',
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: 1 },
+        shadowOpacity: 0.12,
+        shadowRadius: 2,
+        elevation: 2,
     },
     headerGroupButtonText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 14,
-        color: 'rgba(255, 255, 255, 0.6)',
-        letterSpacing: 0.2,
+        fontFamily: AppFonts_1.AppFonts.interMedium,
+        fontSize: 10.5,
+        color: 'rgba(255, 255, 255, 0.65)',
+        letterSpacing: 0.1,
     },
     headerDetailCenter: {
         alignItems: 'center',
@@ -79,13 +119,13 @@ const styles = react_native_1.StyleSheet.create({
     },
     headerMethodText: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.primaryLight,
+        color: colors.primaryLight,
         fontSize: 10,
         letterSpacing: 0.5,
     },
     headerDetailTitle: {
         fontFamily: AppFonts_1.AppFonts.interMedium,
-        color: AppColors_1.AppColors.primaryLight,
+        color: colors.primaryLight,
         fontSize: 15,
         flexShrink: 1,
         letterSpacing: 0.2,
@@ -108,7 +148,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     headerSubTitle: {
         fontFamily: AppFonts_1.AppFonts.interMedium,
-        color: AppColors_1.AppColors.primaryLight,
+        color: colors.primaryLight,
         fontSize: 11,
         opacity: 0.95,
         letterSpacing: 0.2,
@@ -136,9 +176,19 @@ const styles = react_native_1.StyleSheet.create({
         letterSpacing: 0.2,
     },
     iconBtnMinimal: { padding: 6 },
-    listContent: { paddingBottom: 20 },
+    closeButtonCircle: {
+        width: 32,
+        height: 32,
+        borderRadius: 16,
+        backgroundColor: 'rgba(255, 255, 255, 0.15)',
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderWidth: 1,
+        borderColor: 'rgba(255, 255, 255, 0.08)',
+    },
+    listContent: { paddingBottom: 12 },
     detailScroll: { flex: 1 },
-    detailContent: { paddingHorizontal: 8, paddingTop: 10, paddingBottom: 40 },
+    detailContent: { paddingHorizontal: 6, paddingTop: 8, paddingBottom: 20 },
     fabWrapper: {
         position: 'absolute',
         bottom: 180,
@@ -147,7 +197,7 @@ const styles = react_native_1.StyleSheet.create({
         justifyContent: 'center',
         zIndex: 99999,
         elevation: 15,
-        shadowColor: AppColors_1.AppColors.purple,
+        shadowColor: colors.purple,
         shadowOffset: { width: 0, height: 8 },
         shadowOpacity: 0.4,
         shadowRadius: 12,
@@ -157,7 +207,7 @@ const styles = react_native_1.StyleSheet.create({
         width: 60,
         height: 60,
         borderRadius: 30,
-        backgroundColor: `${AppColors_1.AppColors.purple}25`,
+        backgroundColor: `${colors.purple}25`,
     },
     fab: {
         width: 56,
@@ -165,7 +215,8 @@ const styles = react_native_1.StyleSheet.create({
         borderRadius: 28,
         alignItems: 'center',
         justifyContent: 'center',
-        shadowColor: AppColors_1.AppColors.shadowColorString,
+        backgroundColor: colors.purple,
+        shadowColor: colors.shadowColorString,
         shadowOffset: { width: 0, height: 6 },
         shadowOpacity: 0.35,
         shadowRadius: 10,
@@ -173,7 +224,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     fabText: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.primaryLight,
+        color: colors.primaryLight,
         fontSize: 14,
     },
     fabBadge: {
@@ -187,58 +238,33 @@ const styles = react_native_1.StyleSheet.create({
         justifyContent: 'center',
         paddingHorizontal: 6,
         borderWidth: 2.5,
-        borderColor: AppColors_1.AppColors.primaryLight,
-        shadowColor: AppColors_1.AppColors.shadowColorString,
+        borderColor: colors.primaryLight,
+        shadowColor: colors.shadowColorString,
         shadowOffset: { width: 0, height: 2 },
         shadowOpacity: 0.2,
         shadowRadius: 3,
         elevation: 3,
     },
-    fabBadgeNormal: { backgroundColor: AppColors_1.AppColors.purple },
-    fabBadgeError: { backgroundColor: AppColors_1.AppColors.errorColor },
+    fabBadgeNormal: { backgroundColor: colors.purple },
+    fabBadgeError: { backgroundColor: colors.errorColor },
     fabBadgeText: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.primaryLight,
+        color: colors.primaryLight,
         fontSize: 11,
     },
-    dashboardCard: {
-        marginHorizontal: 16,
-        marginBottom: 16,
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-        borderRadius: 16,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        shadowColor: '#000000',
-        shadowOffset: { width: 0, height: 4 },
-        shadowOpacity: 0.09,
-        shadowRadius: 12,
-        elevation: 6,
-        overflow: 'hidden',
-    },
-    dashboardStatsRow: {
-        flexDirection: 'row',
-        paddingVertical: 14,
-        paddingHorizontal: 8,
-    },
     statBox: {
         flex: 1,
         alignItems: 'center',
         justifyContent: 'center',
     },
-    dashboardStatDivider: {
-        width: 1,
-        backgroundColor: AppColors_1.AppColors.dividerColor,
-        height: '80%',
-        alignSelf: 'center',
-    },
     statValue: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.primaryBlack,
+        color: colors.primaryBlack,
         fontSize: 14,
     },
     statLabel: {
         fontFamily: AppFonts_1.AppFonts.interMedium,
-        color: AppColors_1.AppColors.grayTextWeak,
+        color: colors.grayTextWeak,
         fontSize: 10,
         marginTop: 4,
         textTransform: 'uppercase',
@@ -254,8 +280,8 @@ const styles = react_native_1.StyleSheet.create({
         flexDirection: 'row',
         alignItems: 'center',
         justifyContent: 'space-between',
-        paddingHorizontal: 16,
-        marginBottom: 14,
+        paddingHorizontal: 12,
+        marginBottom: 10,
         gap: 10,
         marginTop: 4,
     },
@@ -267,18 +293,18 @@ const styles = react_native_1.StyleSheet.create({
     toolbarDivider: {
         width: 1,
         height: 20,
-        backgroundColor: AppColors_1.AppColors.dividerColor,
+        backgroundColor: colors.dividerColor,
         marginHorizontal: 2,
     },
     toolbarBtn: {
-        width: 40,
-        height: 40,
-        borderRadius: 20,
+        width: 34,
+        height: 34,
+        borderRadius: 17,
         alignItems: 'center',
         justifyContent: 'center',
-        backgroundColor: AppColors_1.AppColors.primaryLight,
+        backgroundColor: colors.primaryLight,
         borderWidth: 1.5,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
+        borderColor: colors.grayBorderSecondary,
         shadowColor: '#000000',
         shadowOffset: { width: 0, height: 1 },
         shadowOpacity: 0.04,
@@ -286,8 +312,8 @@ const styles = react_native_1.StyleSheet.create({
         elevation: 1,
     },
     toolbarBtnActive: {
-        borderColor: AppColors_1.AppColors.purple,
-        backgroundColor: AppColors_1.AppColors.purpleShade50,
+        borderColor: colors.purple,
+        backgroundColor: colors.purpleShade50,
         shadowOpacity: 0.08,
         shadowRadius: 3,
         elevation: 2,
@@ -296,46 +322,46 @@ const styles = react_native_1.StyleSheet.create({
         position: 'absolute',
         top: -4,
         right: -4,
-        backgroundColor: AppColors_1.AppColors.errorColor,
+        backgroundColor: colors.errorColor,
         borderRadius: 10,
         minWidth: 18,
         height: 18,
         alignItems: 'center',
         justifyContent: 'center',
         borderWidth: 1.5,
-        borderColor: AppColors_1.AppColors.primaryLight,
+        borderColor: colors.primaryLight,
     },
     trashBadgeText: {
-        color: AppColors_1.AppColors.primaryLight,
+        color: colors.primaryLight,
         fontFamily: AppFonts_1.AppFonts.interBold,
         fontSize: 9,
     },
     filtersContainer: {
-        paddingHorizontal: 16,
-        paddingBottom: 16,
+        paddingHorizontal: 12,
+        paddingBottom: 10,
     },
     filtersHeading: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.grayTextStrong,
-        fontSize: 12,
+        color: colors.grayTextStrong,
+        fontSize: 11,
         textTransform: 'uppercase',
         letterSpacing: 0.6,
-        marginBottom: 8,
+        marginBottom: 6,
     },
     statusRowContent: {
         alignItems: 'center',
-        paddingVertical: 4,
+        paddingVertical: 2,
     },
-    statusFilterWrap: { marginRight: 8 },
+    statusFilterWrap: { marginRight: 6 },
     statusFilterChip: {
-        paddingHorizontal: 16,
-        height: 38,
+        paddingHorizontal: 10,
+        height: 30,
         justifyContent: 'center',
         alignItems: 'center',
         borderRadius: 24,
         borderWidth: 1.5,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        backgroundColor: AppColors_1.AppColors.primaryLight,
+        borderColor: colors.grayBorderSecondary,
+        backgroundColor: colors.primaryLight,
         shadowColor: '#000000',
         shadowOffset: { width: 0, height: 1 },
         shadowOpacity: 0.03,
@@ -343,17 +369,17 @@ const styles = react_native_1.StyleSheet.create({
         elevation: 1,
     },
     statusFilterActive: {
-        borderColor: AppColors_1.AppColors.purple,
-        backgroundColor: AppColors_1.AppColors.purpleShade50,
+        borderColor: colors.purple,
+        backgroundColor: colors.purpleShade50,
     },
     statusFilterText: {
         fontFamily: AppFonts_1.AppFonts.interMedium,
-        color: AppColors_1.AppColors.grayText,
-        fontSize: 13,
+        color: colors.grayText,
+        fontSize: 11.5,
     },
     resultCount: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.grayTextWeak,
+        color: colors.grayTextWeak,
         fontSize: 12,
         marginHorizontal: 16,
         marginBottom: 8,
@@ -364,12 +390,12 @@ const styles = react_native_1.StyleSheet.create({
         flex: 1,
         flexDirection: 'row',
         alignItems: 'center',
-        backgroundColor: AppColors_1.AppColors.primaryLight,
+        backgroundColor: colors.primaryLight,
         borderRadius: 24,
-        paddingHorizontal: 14,
-        paddingVertical: 6,
+        paddingHorizontal: 10,
+        paddingVertical: 4,
         borderWidth: 1.5,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
+        borderColor: colors.grayBorderSecondary,
         shadowColor: '#000000',
         shadowOffset: { width: 0, height: 1 },
         shadowOpacity: 0.04,
@@ -379,25 +405,25 @@ const styles = react_native_1.StyleSheet.create({
     searchInput: {
         flex: 1,
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.primaryBlack,
-        paddingVertical: react_native_1.Platform.OS === 'ios' ? 8 : 4,
-        marginLeft: 8,
+        color: colors.primaryBlack,
+        paddingVertical: react_native_1.Platform.OS === 'ios' ? 5 : 2,
+        marginLeft: 6,
         fontSize: 14,
     },
     clearBtn: { padding: 4 },
     clearBtnText: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.grayTextWeak,
+        color: colors.grayTextWeak,
         fontSize: 14,
     },
     menuDropdown: {
         position: 'absolute',
         top: react_native_1.Platform.OS === 'android' ? (react_native_1.StatusBar.currentHeight || 24) + 60 : 90,
         width: 170,
-        backgroundColor: AppColors_1.AppColors.primaryLight,
+        backgroundColor: colors.primaryLight,
         borderRadius: 14,
         borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
+        borderColor: colors.grayBorderSecondary,
         zIndex: 999,
         shadowColor: '#000000',
         shadowOffset: { width: 0, height: 8 },
@@ -409,13 +435,13 @@ const styles = react_native_1.StyleSheet.create({
     dropdownItem: {
         padding: 13,
         borderBottomWidth: 1,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
+        borderBottomColor: colors.dividerColor,
     },
     domainHeaderSeparator: {
         marginTop: 12,
         paddingTop: 16,
         borderTopWidth: 1,
-        borderTopColor: AppColors_1.AppColors.dividerColor,
+        borderTopColor: colors.dividerColor,
     },
     domainHeaderRow: {
         flexDirection: 'row',
@@ -450,7 +476,7 @@ const styles = react_native_1.StyleSheet.create({
     domainTimestamp: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
         fontSize: 10,
-        color: AppColors_1.AppColors.grayTextWeak,
+        color: colors.grayTextWeak,
     },
     domainMethodCount: {
         fontFamily: AppFonts_1.AppFonts.interBold,
@@ -462,9 +488,9 @@ const styles = react_native_1.StyleSheet.create({
         alignItems: 'center',
         borderRadius: 8,
         borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
+        borderColor: colors.grayBorderSecondary,
         overflow: 'hidden',
-        backgroundColor: AppColors_1.AppColors.grayBackground,
+        backgroundColor: colors.grayBackground,
     },
     groupBtnItem: {
         flexDirection: 'row',
@@ -475,7 +501,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     groupBtnBorderRight: {
         borderRightWidth: 1,
-        borderRightColor: AppColors_1.AppColors.grayBorderSecondary,
+        borderRightColor: colors.grayBorderSecondary,
     },
     domainStatText: {
         fontFamily: AppFonts_1.AppFonts.interBold,
@@ -527,10 +553,10 @@ const styles = react_native_1.StyleSheet.create({
         shadowRadius: 6,
         elevation: 3,
         borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        backgroundColor: AppColors_1.AppColors.primaryLight,
+        borderColor: colors.grayBorderSecondary,
+        backgroundColor: colors.primaryLight,
     },
-    cardBody: { paddingHorizontal: 12, paddingTop: 12, paddingBottom: 10 },
+    cardBody: { paddingHorizontal: 10, paddingTop: 8, paddingBottom: 8 },
     cardTopRow: {
         flexDirection: 'row',
         alignItems: 'center',
@@ -541,19 +567,19 @@ const styles = react_native_1.StyleSheet.create({
         height: 13,
         borderRadius: 4,
         borderWidth: 1.5,
-        borderColor: AppColors_1.AppColors.grayTextWeak,
+        borderColor: colors.grayTextWeak,
         alignItems: 'center',
         justifyContent: 'center',
         backgroundColor: '#fff',
         marginRight: 8,
     },
     smallCheckboxChecked: {
-        backgroundColor: AppColors_1.AppColors.purple,
-        borderColor: AppColors_1.AppColors.purple,
+        backgroundColor: colors.purple,
+        borderColor: colors.purple,
     },
     serialNumber: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.grayTextWeak,
+        color: colors.grayTextWeak,
         fontSize: 10,
         marginRight: 6,
         minWidth: 20,
@@ -590,7 +616,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     cardDateText: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.grayTextWeak,
+        color: colors.grayTextWeak,
         fontSize: 10,
         letterSpacing: 0.2,
     },
@@ -602,19 +628,19 @@ const styles = react_native_1.StyleSheet.create({
     },
     urlPathText: {
         fontFamily: AppFonts_1.AppFonts.interMedium,
-        color: AppColors_1.AppColors.primaryBlack,
+        color: colors.primaryBlack,
         fontSize: 13,
         flexShrink: 1,
     },
     urlDomainText: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.grayText,
+        color: colors.grayText,
         fontSize: 11,
         flex: 1,
     },
     requestTypeText: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.grayText,
+        color: colors.grayText,
         fontSize: 10,
     },
     methodBadge: {
@@ -635,7 +661,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     timelineTrack: {
         height: 3,
-        backgroundColor: AppColors_1.AppColors.graySurface,
+        backgroundColor: colors.graySurface,
         marginTop: 4,
         borderRadius: 1.5,
         overflow: 'hidden',
@@ -647,7 +673,7 @@ const styles = react_native_1.StyleSheet.create({
         alignItems: 'center',
         justifyContent: 'center',
     },
-    emptyIcon: { fontSize: 32, color: AppColors_1.AppColors.grayTextWeak },
+    emptyIcon: { fontSize: 32, color: colors.grayTextWeak },
     emptyContainer: {
         flex: 1,
         alignItems: 'center',
@@ -659,7 +685,7 @@ const styles = react_native_1.StyleSheet.create({
         width: 72,
         height: 72,
         borderRadius: 36,
-        backgroundColor: AppColors_1.AppColors.purpleShade50,
+        backgroundColor: colors.purpleShade50,
         alignItems: 'center',
         justifyContent: 'center',
         marginBottom: 20,
@@ -671,14 +697,14 @@ const styles = react_native_1.StyleSheet.create({
     },
     emptyTitle: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.grayTextStrong,
+        color: colors.grayTextStrong,
         fontSize: 18,
         marginBottom: 8,
         letterSpacing: 0.3,
     },
     emptySub: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.grayTextWeak,
+        color: colors.grayTextWeak,
         fontSize: 14,
         textAlign: 'center',
         lineHeight: 20,
@@ -688,9 +714,9 @@ const styles = react_native_1.StyleSheet.create({
         marginTop: 28,
         paddingHorizontal: 24,
         paddingVertical: 12,
-        backgroundColor: AppColors_1.AppColors.purple,
+        backgroundColor: colors.purple,
         borderRadius: 24,
-        shadowColor: AppColors_1.AppColors.purple,
+        shadowColor: colors.purple,
         shadowOffset: { width: 0, height: 4 },
         shadowOpacity: 0.35,
         shadowRadius: 8,
@@ -708,8 +734,8 @@ const styles = react_native_1.StyleSheet.create({
         paddingHorizontal: 10,
         marginBottom: 12,
         borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        backgroundColor: AppColors_1.AppColors.primaryLight,
+        borderColor: colors.grayBorderSecondary,
+        backgroundColor: colors.primaryLight,
         shadowColor: '#000000',
         shadowOffset: { width: 0, height: 2 },
         shadowOpacity: 0.05,
@@ -729,11 +755,11 @@ const styles = react_native_1.StyleSheet.create({
         letterSpacing: 0.5,
     },
     detailUrlContainer: {
-        backgroundColor: AppColors_1.AppColors.grayBackground,
+        backgroundColor: colors.grayBackground,
         borderRadius: 10,
         padding: 13,
         borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
+        borderColor: colors.grayBorderSecondary,
         shadowColor: '#000000',
         shadowOffset: { width: 0, height: 1 },
         shadowOpacity: 0.04,
@@ -742,16 +768,16 @@ const styles = react_native_1.StyleSheet.create({
     },
     detailUrl: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.purple,
+        color: colors.purple,
         fontSize: 13,
         lineHeight: 20,
         textDecorationLine: 'underline',
         letterSpacing: 0.2,
     },
     metaContainer: {
-        backgroundColor: AppColors_1.AppColors.primaryLight,
+        backgroundColor: colors.primaryLight,
         borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
+        borderColor: colors.grayBorderSecondary,
         borderRadius: 14,
         marginBottom: 12,
         overflow: 'hidden',
@@ -768,19 +794,19 @@ const styles = react_native_1.StyleSheet.create({
         paddingHorizontal: 12,
         paddingVertical: 10,
         borderBottomWidth: 1,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
-        backgroundColor: AppColors_1.AppColors.primaryLight,
+        borderBottomColor: colors.dividerColor,
+        backgroundColor: colors.primaryLight,
     },
     metaTitle: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.grayTextStrong,
+        color: colors.grayTextStrong,
         fontSize: 12,
         letterSpacing: 0.6,
         textTransform: 'uppercase',
     },
     metaChevron: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.grayTextWeak,
+        color: colors.grayTextWeak,
         fontSize: 11,
     },
     metaBody: { paddingHorizontal: 12, paddingBottom: 8, paddingTop: 4 },
@@ -790,16 +816,16 @@ const styles = react_native_1.StyleSheet.create({
         justifyContent: 'space-between',
         paddingVertical: 8,
     },
-    metaDivider: { height: 1, backgroundColor: AppColors_1.AppColors.dividerColor },
+    metaDivider: { height: 1, backgroundColor: colors.dividerColor },
     metaLabelRow: { flexDirection: 'row', alignItems: 'center', gap: 8 },
     metaLabel: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.grayText,
+        color: colors.grayText,
         fontSize: 13,
     },
     metaValue: {
         fontFamily: AppFonts_1.AppFonts.interMedium,
-        color: AppColors_1.AppColors.primaryBlack,
+        color: colors.primaryBlack,
         fontSize: 13,
     },
     metaValueRow: { flexDirection: 'row', alignItems: 'center', gap: 8 },
@@ -815,7 +841,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     seperator: {
         height: 1,
-        backgroundColor: AppColors_1.AppColors.dividerColor,
+        backgroundColor: colors.dividerColor,
         marginVertical: 10,
     },
     detailSearchRow: {
@@ -828,22 +854,22 @@ const styles = react_native_1.StyleSheet.create({
         flexDirection: 'row',
         alignItems: 'center',
         justifyContent: 'space-between',
-        backgroundColor: AppColors_1.AppColors.primaryLight,
+        backgroundColor: colors.primaryLight,
         borderRadius: 12,
         paddingLeft: 16,
         borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
+        borderColor: colors.grayBorderSecondary,
     },
     detailSearchInput: {
         flex: 1,
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.primaryBlack,
+        color: colors.primaryBlack,
         height: 40,
     },
     sectionContainer: {
-        backgroundColor: AppColors_1.AppColors.primaryLight,
+        backgroundColor: colors.primaryLight,
         borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
+        borderColor: colors.grayBorderSecondary,
         borderRadius: 12,
         marginBottom: 10,
         overflow: 'hidden',
@@ -853,7 +879,7 @@ const styles = react_native_1.StyleSheet.create({
         paddingVertical: 12,
         paddingHorizontal: 8,
         borderBottomWidth: 1,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
+        borderBottomColor: colors.dividerColor,
     },
     sectionHeaderRow: {
         flexDirection: 'row',
@@ -869,16 +895,16 @@ const styles = react_native_1.StyleSheet.create({
     },
     sectionTitle: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.grayTextStrong,
+        color: colors.grayTextStrong,
         fontSize: 14,
         flexShrink: 1,
     },
     sectionHeaderActions: { flexDirection: 'row', alignItems: 'center', gap: 6 },
     htCard: {
-        backgroundColor: AppColors_1.AppColors.primaryLight,
+        backgroundColor: colors.primaryLight,
         borderRadius: 12,
         borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
+        borderColor: colors.grayBorderSecondary,
         borderLeftWidth: 3,
         marginBottom: 10,
         overflow: 'hidden',
@@ -890,8 +916,8 @@ const styles = react_native_1.StyleSheet.create({
         paddingVertical: 10,
         gap: 8,
         borderBottomWidth: 1,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
-        backgroundColor: AppColors_1.AppColors.primaryLight,
+        borderBottomColor: colors.dividerColor,
+        backgroundColor: colors.primaryLight,
     },
     htIconWrap: {
         width: 28,
@@ -902,7 +928,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     htTitle: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.grayTextStrong,
+        color: colors.grayTextStrong,
         fontSize: 13,
         flexShrink: 1,
     },
@@ -922,8 +948,8 @@ const styles = react_native_1.StyleSheet.create({
         height: 30,
         borderRadius: 8,
         borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        backgroundColor: AppColors_1.AppColors.primaryLight,
+        borderColor: colors.grayBorderSecondary,
+        backgroundColor: colors.primaryLight,
         alignItems: 'center',
         justifyContent: 'center',
     },
@@ -931,13 +957,13 @@ const styles = react_native_1.StyleSheet.create({
         flexDirection: 'row',
         paddingHorizontal: 8,
         paddingVertical: 6,
-        backgroundColor: AppColors_1.AppColors.graySurface,
+        backgroundColor: colors.graySurface,
         borderBottomWidth: 1,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
+        borderBottomColor: colors.dividerColor,
     },
     htColHead: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.grayTextWeak,
+        color: colors.grayTextWeak,
         fontSize: 10,
         letterSpacing: 0.8,
         textTransform: 'uppercase',
@@ -950,7 +976,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     htRowBorder: {
         borderBottomWidth: react_native_1.StyleSheet.hairlineWidth,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
+        borderBottomColor: colors.dividerColor,
     },
     htKeyCell: {
         width: '30%',
@@ -959,13 +985,13 @@ const styles = react_native_1.StyleSheet.create({
     },
     htKey: {
         fontFamily: AppFonts_1.AppFonts.interMedium,
-        color: AppColors_1.AppColors.purple,
+        color: colors.purple,
         fontSize: 11,
         lineHeight: 16,
     },
     htCellDivider: {
         width: react_native_1.StyleSheet.hairlineWidth,
-        backgroundColor: AppColors_1.AppColors.dividerColor,
+        backgroundColor: colors.dividerColor,
         alignSelf: 'stretch',
         marginVertical: 4,
     },
@@ -976,7 +1002,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     htValue: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.primaryBlack,
+        color: colors.primaryBlack,
         fontSize: 11,
         lineHeight: 17,
     },
@@ -985,7 +1011,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     htExpandText: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.purple,
+        color: colors.purple,
         fontSize: 10,
         letterSpacing: 0.3,
     },
@@ -1002,7 +1028,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     htEmptyText: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.grayTextWeak,
+        color: colors.grayTextWeak,
         fontSize: 12,
     },
     iconSquareBtn: {
@@ -1010,18 +1036,18 @@ const styles = react_native_1.StyleSheet.create({
         height: 30,
         borderRadius: 8,
         borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
+        borderColor: colors.grayBorderSecondary,
+        backgroundColor: colors.grayBackground,
         alignItems: 'center',
         justifyContent: 'center',
     },
     iconSquareBtnSuccess: {
-        borderColor: AppColors_1.AppColors.greenColor,
-        backgroundColor: AppColors_1.AppColors.greenStatus,
+        borderColor: colors.greenColor,
+        backgroundColor: colors.greenStatus,
     },
     iconSquareBtnActive: {
-        borderColor: AppColors_1.AppColors.skyBlue,
-        backgroundColor: AppColors_1.AppColors.purpleShade50,
+        borderColor: colors.skyBlue,
+        backgroundColor: colors.purpleShade50,
     },
     codeBlockScroll: { width: '100%', backgroundColor: 'transparent' },
     codeBlock: {
@@ -1031,35 +1057,35 @@ const styles = react_native_1.StyleSheet.create({
         minWidth: '100%',
     },
     codeSyntax: {
-        color: AppColors_1.AppColors.grayTextWeak,
+        color: colors.grayTextWeak,
         fontFamily: react_native_1.Platform.OS === 'ios' ? 'Menlo' : 'monospace',
     },
     codeKey: {
-        color: AppColors_1.AppColors.purple,
+        color: colors.purple,
         fontFamily: react_native_1.Platform.OS === 'ios' ? 'Menlo' : 'monospace',
     },
     codeText: {
-        color: AppColors_1.AppColors.greenBaggageText,
+        color: colors.greenBaggageText,
         fontFamily: react_native_1.Platform.OS === 'ios' ? 'Menlo' : 'monospace',
     },
     codeTextNil: {
-        color: AppColors_1.AppColors.errorColor,
+        color: colors.errorColor,
         fontFamily: react_native_1.Platform.OS === 'ios' ? 'Menlo' : 'monospace',
     },
     treeRow: { flexDirection: 'row', alignItems: 'center', paddingVertical: 6 },
     treeChevron: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.grayTextWeak,
+        color: colors.grayTextWeak,
         marginRight: 8,
     },
     treeKeyMargin: { marginRight: 6 },
     highlight: {
-        backgroundColor: AppColors_1.AppColors.paleYellow,
-        color: AppColors_1.AppColors.primaryBlack,
+        backgroundColor: colors.paleYellow,
+        color: colors.primaryBlack,
     },
     arrayBadge: {
-        backgroundColor: AppColors_1.AppColors.purpleShade50,
-        borderColor: AppColors_1.AppColors.purple,
+        backgroundColor: colors.purpleShade50,
+        borderColor: colors.purple,
         borderWidth: 1,
         borderRadius: 6,
         paddingHorizontal: 6,
@@ -1067,12 +1093,12 @@ const styles = react_native_1.StyleSheet.create({
     },
     arrayBadgeText: {
         fontFamily: AppFonts_1.AppFonts.interMedium,
-        color: AppColors_1.AppColors.purple,
+        color: colors.purple,
         fontSize: 11,
     },
     objectBadge: {
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderColor: AppColors_1.AppColors.grayTextWeak,
+        backgroundColor: colors.grayBackground,
+        borderColor: colors.grayTextWeak,
         borderWidth: 1,
         borderRadius: 6,
         paddingHorizontal: 6,
@@ -1080,22 +1106,22 @@ const styles = react_native_1.StyleSheet.create({
     },
     objectBadgeText: {
         fontFamily: AppFonts_1.AppFonts.interMedium,
-        color: AppColors_1.AppColors.grayTextWeak,
+        color: colors.grayTextWeak,
         fontSize: 11,
     },
     diffBlock: { paddingTop: 12, paddingHorizontal: 12, paddingBottom: 16, gap: 4 },
     diffAdded: {
-        color: AppColors_1.AppColors.greenColor,
+        color: colors.greenColor,
         fontFamily: react_native_1.Platform.OS === 'ios' ? 'Menlo' : 'monospace',
         fontSize: 12,
     },
     diffRemoved: {
-        color: AppColors_1.AppColors.errorColor,
+        color: colors.errorColor,
         fontFamily: react_native_1.Platform.OS === 'ios' ? 'Menlo' : 'monospace',
         fontSize: 12,
     },
     diffChanged: {
-        color: AppColors_1.AppColors.lightOrange,
+        color: colors.lightOrange,
         fontFamily: react_native_1.Platform.OS === 'ios' ? 'Menlo' : 'monospace',
         fontSize: 12,
     },
@@ -1103,11 +1129,11 @@ const styles = react_native_1.StyleSheet.create({
     filePreviewCard: {
         flexDirection: 'row',
         alignItems: 'center',
-        backgroundColor: AppColors_1.AppColors.grayBackground,
+        backgroundColor: colors.grayBackground,
         borderRadius: 10,
         padding: 10,
         borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
+        borderColor: colors.grayBorderSecondary,
         gap: 12,
         maxWidth: 300,
     },
@@ -1115,25 +1141,25 @@ const styles = react_native_1.StyleSheet.create({
         width: 44,
         height: 44,
         borderRadius: 6,
-        backgroundColor: AppColors_1.AppColors.grayBorderSecondary,
+        backgroundColor: colors.grayBorderSecondary,
     },
     filePreviewDoc: {
         width: 44,
         height: 44,
         borderRadius: 6,
-        backgroundColor: AppColors_1.AppColors.graySurface,
+        backgroundColor: colors.graySurface,
         alignItems: 'center',
         justifyContent: 'center',
     },
     filePreviewName: {
         fontFamily: AppFonts_1.AppFonts.interMedium,
-        color: AppColors_1.AppColors.primaryBlack,
+        color: colors.primaryBlack,
         fontSize: 13,
         marginBottom: 2,
     },
     filePreviewType: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.grayText,
+        color: colors.grayText,
         fontSize: 11,
     },
     imagePreviewWrapper: {
@@ -1142,9 +1168,9 @@ const styles = react_native_1.StyleSheet.create({
         borderRadius: 12,
         overflow: 'hidden',
         marginBottom: 16,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
+        backgroundColor: colors.grayBackground,
         borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
+        borderColor: colors.grayBorderSecondary,
     },
     imagePreview: {
         width: '100%',
@@ -1167,9 +1193,9 @@ const styles = react_native_1.StyleSheet.create({
         elevation: 3,
     },
     sourcePageCard: {
-        backgroundColor: AppColors_1.AppColors.primaryLight,
+        backgroundColor: colors.primaryLight,
         borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
+        borderColor: colors.grayBorderSecondary,
         borderRadius: 12,
         marginBottom: 10,
         overflow: 'hidden',
@@ -1181,8 +1207,8 @@ const styles = react_native_1.StyleSheet.create({
         paddingHorizontal: 12,
         paddingVertical: 10,
         borderBottomWidth: 1,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
-        backgroundColor: AppColors_1.AppColors.primaryLight,
+        borderBottomColor: colors.dividerColor,
+        backgroundColor: colors.primaryLight,
     },
     sourcePageTop: {
         flexDirection: 'row',
@@ -1199,26 +1225,26 @@ const styles = react_native_1.StyleSheet.create({
         width: 36,
         height: 36,
         borderRadius: 10,
-        backgroundColor: AppColors_1.AppColors.purpleShade50,
+        backgroundColor: colors.purpleShade50,
         borderWidth: 1,
-        borderColor: `${AppColors_1.AppColors.purple}30`,
+        borderColor: `${colors.purple}30`,
         alignItems: 'center',
         justifyContent: 'center',
     },
     sourcePageLabel: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
-        color: AppColors_1.AppColors.grayText,
+        color: colors.grayText,
         fontSize: 11,
         marginBottom: 2,
     },
     sourcePageValue: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.purple,
+        color: colors.purple,
         fontSize: 14,
     },
     sourceParamsBox: {
         borderTopWidth: 1,
-        borderTopColor: AppColors_1.AppColors.dividerColor,
+        borderTopColor: colors.dividerColor,
     },
     paramsAccordionHeader: {
         flexDirection: 'row',
@@ -1227,7 +1253,7 @@ const styles = react_native_1.StyleSheet.create({
         paddingHorizontal: 12,
         paddingVertical: 10,
         borderBottomWidth: 1,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
+        borderBottomColor: colors.dividerColor,
         backgroundColor: '#fafafa',
     },
     paramsAccordionLeft: {
@@ -1242,7 +1268,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     sourceParamsLabel: {
         fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.grayTextStrong,
+        color: colors.grayTextStrong,
         fontSize: 12,
         letterSpacing: 0.4,
         textTransform: 'uppercase',
@@ -1261,11 +1287,11 @@ const styles = react_native_1.StyleSheet.create({
     },
     paramRowBorder: {
         borderBottomWidth: 1,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
+        borderBottomColor: colors.dividerColor,
     },
     paramKey: {
         fontFamily: AppFonts_1.AppFonts.Sfprotext,
-        color: AppColors_1.AppColors.purple,
+        color: colors.purple,
         fontSize: 12,
         flex: 1,
     },
@@ -1278,7 +1304,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     paramValue: {
         fontFamily: AppFonts_1.AppFonts.Sfprotext,
-        color: AppColors_1.AppColors.greenBaggageText,
+        color: colors.greenBaggageText,
         fontSize: 12,
         textAlign: 'right',
         flexShrink: 1,
@@ -1300,7 +1326,7 @@ const styles = react_native_1.StyleSheet.create({
     // ─── Tab Bar ───────────────────────────────────────────────────────────────
     tabBar: {
         flexDirection: 'row',
-        backgroundColor: AppColors_1.AppColors.grayBackground,
+        backgroundColor: colors.grayBackground,
         paddingHorizontal: 12,
         paddingTop: 10,
         paddingBottom: 4,
@@ -1315,8 +1341,8 @@ const styles = react_native_1.StyleSheet.create({
         backgroundColor: '#EDEDF4',
     },
     tabItemActive: {
-        backgroundColor: AppColors_1.AppColors.purple,
-        shadowColor: AppColors_1.AppColors.purple,
+        backgroundColor: colors.purple,
+        shadowColor: colors.purple,
         shadowOpacity: 0.3,
         shadowRadius: 6,
         shadowOffset: { width: 0, height: 2 },
@@ -1325,7 +1351,7 @@ const styles = react_native_1.StyleSheet.create({
     tabText: {
         fontFamily: AppFonts_1.AppFonts.interBold,
         fontSize: 13,
-        color: AppColors_1.AppColors.grayText,
+        color: colors.grayText,
     },
     tabTextActive: {
         color: '#FFFFFF',
@@ -1340,18 +1366,231 @@ const styles = react_native_1.StyleSheet.create({
         backgroundColor: '#F7F7FA',
         borderTopWidth: 1,
         borderBottomWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
+        borderColor: colors.grayBorderSecondary,
         marginTop: 8,
     },
     screenSectionTitle: {
         fontFamily: AppFonts_1.AppFonts.interBold,
         fontSize: 13,
-        color: AppColors_1.AppColors.primaryBlack,
+        color: colors.primaryBlack,
     },
     screenSectionCount: {
         fontFamily: AppFonts_1.AppFonts.interMedium,
         fontSize: 12,
-        color: AppColors_1.AppColors.grayText,
+        color: colors.grayText,
+    },
+    modalBackdrop: {
+        flex: 1,
+        backgroundColor: 'rgba(0, 0, 0, 0.45)',
+        justifyContent: 'flex-end',
+    },
+    modalBackdropPressable: {
+        ...react_native_1.StyleSheet.absoluteFill,
+    },
+    modalContentCard: {
+        height: '90%',
+        backgroundColor: colors.grayBackground,
+        borderTopLeftRadius: 20,
+        borderTopRightRadius: 20,
+        overflow: 'hidden',
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: -4 },
+        shadowOpacity: 0.15,
+        shadowRadius: 10,
+        elevation: 24,
+    },
+    tabBarContainer: {
+        backgroundColor: colors.primaryLight,
+        borderBottomWidth: 1,
+        borderBottomColor: colors.dividerColor,
+        paddingVertical: 8,
+        paddingHorizontal: 12,
+    },
+    contentTabButton: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingHorizontal: 10,
+        paddingVertical: 5,
+        borderRadius: 8,
+        marginRight: 10,
+        backgroundColor: colors.grayBackground,
+        borderWidth: 1,
+        borderColor: colors.dividerColor,
+    },
+    contentTabButtonActive: {
+        backgroundColor: colors.purple,
+        borderColor: colors.purple,
+        shadowColor: colors.purple,
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.12,
+        shadowRadius: 3,
+        elevation: 3,
+    },
+    contentTabButtonText: {
+        fontFamily: AppFonts_1.AppFonts.interMedium,
+        fontSize: 11.5,
+        color: colors.grayText,
+    },
+    contentTabButtonTextActive: {
+        color: '#FFFFFF',
+        fontWeight: 'bold',
+    },
+    insightsContainer: {
+        flex: 1,
+        backgroundColor: colors.grayBackground,
+    },
+    insightsContent: {
+        padding: 10,
+        paddingBottom: 24,
+    },
+    dashboardContainer: {
+        gap: 10,
+    },
+    dashboardModuleCard: {
+        backgroundColor: '#FFFFFF',
+        borderRadius: 10,
+        borderWidth: 1,
+        borderColor: '#EFEFEF',
+        padding: 12,
+        shadowColor: '#000000',
+        shadowOpacity: 0.03,
+        shadowRadius: 4,
+        shadowOffset: { width: 0, height: 1 },
+        elevation: 1,
+    },
+    dashboardModuleHeader: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        marginBottom: 10,
+        borderBottomWidth: 1,
+        borderBottomColor: '#F3F4F6',
+        paddingBottom: 8,
+    },
+    dashboardModuleTitle: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 13,
+        color: colors.primaryBlack,
+    },
+    dashboardModuleGoText: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 11,
+        color: colors.purple,
+    },
+    dashboardModuleGrid: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        justifyContent: 'space-between',
+        gap: 8,
+    },
+    dashboardGridItem: {
+        flex: 1,
+        minWidth: '22%',
+        backgroundColor: '#F8FAFC',
+        borderRadius: 8,
+        paddingVertical: 8,
+        paddingHorizontal: 4,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    dashboardGridVal: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 13,
+        color: colors.primaryBlack,
+    },
+    dashboardGridLbl: {
+        fontFamily: AppFonts_1.AppFonts.interMedium,
+        fontSize: 10,
+        color: colors.grayTextWeak,
+        marginTop: 2,
+    },
+    analyticsCardRow: {},
+    analyticsTopEventsCard: {
+        marginHorizontal: 16,
+        marginBottom: 12,
+        backgroundColor: colors.primaryLight,
+        borderRadius: 12,
+        borderWidth: 1,
+        borderColor: colors.grayBorderSecondary,
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+        shadowColor: '#000',
+        shadowOpacity: 0.04,
+        shadowRadius: 4,
+        shadowOffset: { width: 0, height: 1 },
+        elevation: 1,
+    },
+    analyticsTopEventsHeaderRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        marginBottom: 12,
+    },
+    analyticsTopEventsTitle: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 10,
+        color: colors.grayTextWeak,
+        letterSpacing: 0.8,
+        textTransform: 'uppercase',
+    },
+    analyticsTopEventsSubtitle: {
+        fontFamily: AppFonts_1.AppFonts.interMedium,
+        fontSize: 9,
+        color: colors.grayTextWeak,
+        letterSpacing: 0.4,
+    },
+    analyticsTopEventRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginBottom: 8,
+        gap: 8,
+    },
+    analyticsTopEventName: {
+        fontFamily: AppFonts_1.AppFonts.interMedium,
+        fontSize: 12,
+        color: colors.primaryBlack,
+        flex: 1,
+    },
+    analyticsTopEventBarWrap: {
+        flex: 0.8,
+        height: 3,
+        backgroundColor: colors.grayBackground,
+        borderRadius: 2,
+        overflow: 'hidden',
+    },
+    analyticsTopEventBar: {
+        height: '100%',
+        borderRadius: 2,
+    },
+    analyticsTopEventCount: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 11,
+        color: colors.grayText,
+        width: 24,
+        textAlign: 'right',
+    },
+    analyticsIconCircle: {
+        width: 24,
+        height: 24,
+        borderRadius: 12,
+        alignItems: 'center',
+        justifyContent: 'center',
     },
 });
+exports.getRawStyles = getRawStyles;
+const styles = {};
+const rebuildStyles = (isDark) => {
+    const colors = isDark ? (0, AppColors_1.getThemeColors)(true) : AppColors_1.default;
+    const newStyles = (0, exports.getRawStyles)(colors);
+    // Clear old keys and copy new ones
+    Object.keys(styles).forEach(key => delete styles[key]);
+    Object.assign(styles, newStyles);
+};
+// Initial build
+rebuildStyles(false);
+const toggleGlobalTheme = (isDark) => {
+    (0, AppColors_1.updateAppColorsTheme)(isDark);
+    rebuildStyles(isDark);
+};
+exports.toggleGlobalTheme = toggleGlobalTheme;
 exports.default = styles;