react-native-inapp-inspector 2.3.18 → 2.3.20

package/dist/commonjs/components/Inspector/BundleTab.js

@@ -1,831 +1,208 @@
-"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;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.downloadBundleFile = void 0;
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const i18n_1 = require("../../i18n");
-const TouchableScale_1 = __importDefault(require("../TouchableScale"));
-const CopyButton_1 = __importDefault(require("../CopyButton"));
-const HighlightText_1 = __importDefault(require("../HighlightText"));
-const FeatureUnderDevNotice_1 = __importDefault(require("./FeatureUnderDevNotice"));
-const AppColors_1 = require("../../styles/AppColors");
-const AppFonts_1 = require("../../styles/AppFonts");
-const helpers_1 = require("../../helpers");
-const NetworkIcons_1 = require("../NetworkIcons");
-const react_native_svg_1 = __importStar(require("react-native-svg"));
-const bundleAnalyzer_1 = require("../../customHooks/bundleAnalyzer");
-const PackageLogoRenderer = ({ name, size = 28 }) => {
-    const lowerName = name.toLowerCase();
-    if (lowerName === 'react' ||
-        (lowerName.includes('react-native') &&
-            !lowerName.includes('svg') &&
-            !lowerName.includes('screens') &&
-            !lowerName.includes('gradient'))) {
-        return (<react_native_1.View style={[
-                bundleStyles.pkgLogoWrap,
-                { width: size, height: size, backgroundColor: AppColors_1.AppColors.npmDark },
-            ]}>
-        <react_native_svg_1.default width={size - 6} height={size - 6} viewBox="0 0 100 100" fill="none">
-          <react_native_svg_1.Circle cx="50" cy="50" r="9" fill={AppColors_1.AppColors.reactCyan}/>
-          <react_native_svg_1.Ellipse cx="50" cy="50" rx="42" ry="16" stroke={AppColors_1.AppColors.reactCyan} strokeWidth="6"/>
-          <react_native_svg_1.Ellipse cx="50" cy="50" rx="42" ry="16" stroke={AppColors_1.AppColors.reactCyan} strokeWidth="6" transform="rotate(60 50 50)"/>
-          <react_native_svg_1.Ellipse cx="50" cy="50" rx="42" ry="16" stroke={AppColors_1.AppColors.reactCyan} strokeWidth="6" transform="rotate(120 50 50)"/>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,r,n,o){o===void 0&&(o=n);var c=Object.getOwnPropertyDescriptor(r,n);(!c||("get"in c?!r.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(t,o,c)}):(function(t,r,n,o){o===void 0&&(o=n),t[o]=r[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,r){Object.defineProperty(t,"default",{enumerable:!0,value:r})}):function(t,r){t.default=r}),__importStar=this&&this.__importStar||(function(){var t=function(r){return t=Object.getOwnPropertyNames||function(n){var o=[];for(var c in n)Object.prototype.hasOwnProperty.call(n,c)&&(o[o.length]=c);return o},t(r)};return function(r){if(r&&r.__esModule)return r;var n={};if(r!=null)for(var o=t(r),c=0;c<o.length;c++)o[c]!=="default"&&__createBinding(n,r,o[c]);return __setModuleDefault(n,r),n}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.downloadBundleFile=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),i18n_1=require("../../i18n"),TouchableScale_1=__importDefault(require("../TouchableScale")),CopyButton_1=__importDefault(require("../CopyButton")),HighlightText_1=__importDefault(require("../HighlightText")),FeatureUnderDevNotice_1=__importDefault(require("./FeatureUnderDevNotice")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),helpers_1=require("../../helpers"),NetworkIcons_1=require("../NetworkIcons"),react_native_svg_1=__importStar(require("react-native-svg")),bundleAnalyzer_1=require("../../customHooks/bundleAnalyzer"),PackageLogoRenderer=({name:t,size:r=28})=>{const n=t.toLowerCase();return n==="react"||n.includes("react-native")&&!n.includes("svg")&&!n.includes("screens")&&!n.includes("gradient")?<react_native_1.View style={[bundleStyles.pkgLogoWrap,{width:r,height:r,backgroundColor:AppColors_1.AppColors.npmDark}]}>
+        <react_native_svg_1.default width={r-6}height={r-6}viewBox="0 0 100 100"fill="none">
+          <react_native_svg_1.Circle cx="50"cy="50"r="9"fill={AppColors_1.AppColors.reactCyan}/>
+          <react_native_svg_1.Ellipse cx="50"cy="50"rx="42"ry="16"stroke={AppColors_1.AppColors.reactCyan}strokeWidth="6"/>
+          <react_native_svg_1.Ellipse cx="50"cy="50"rx="42"ry="16"stroke={AppColors_1.AppColors.reactCyan}strokeWidth="6"transform="rotate(60 50 50)"/>
+          <react_native_svg_1.Ellipse cx="50"cy="50"rx="42"ry="16"stroke={AppColors_1.AppColors.reactCyan}strokeWidth="6"transform="rotate(120 50 50)"/>
         </react_native_svg_1.default>
-      </react_native_1.View>);
-    }
-    if (lowerName.includes('navigation')) {
-        return (<react_native_1.View style={[
-                bundleStyles.pkgLogoWrap,
-                { width: size, height: size, backgroundColor: AppColors_1.AppColors.hermesPurple },
-            ]}>
-        <react_native_svg_1.default width={size - 8} height={size - 8} viewBox="0 0 100 100" fill="none">
-          <react_native_svg_1.Circle cx="50" cy="50" r="38" stroke={AppColors_1.AppColors.white} strokeWidth="8"/>
-          <react_native_svg_1.Path d="M50 20 L68 50 L50 80 L32 50 Z" fill={AppColors_1.AppColors.reactCyan}/>
-          <react_native_svg_1.Circle cx="50" cy="50" r="6" fill={AppColors_1.AppColors.white}/>
+      </react_native_1.View>:n.includes("navigation")?<react_native_1.View style={[bundleStyles.pkgLogoWrap,{width:r,height:r,backgroundColor:AppColors_1.AppColors.hermesPurple}]}>
+        <react_native_svg_1.default width={r-8}height={r-8}viewBox="0 0 100 100"fill="none">
+          <react_native_svg_1.Circle cx="50"cy="50"r="38"stroke={AppColors_1.AppColors.white}strokeWidth="8"/>
+          <react_native_svg_1.Path d="M50 20 L68 50 L50 80 L32 50 Z"fill={AppColors_1.AppColors.reactCyan}/>
+          <react_native_svg_1.Circle cx="50"cy="50"r="6"fill={AppColors_1.AppColors.white}/>
         </react_native_svg_1.default>
-      </react_native_1.View>);
-    }
-    if (lowerName.includes('svg')) {
-        return (<react_native_1.View style={[
-                bundleStyles.pkgLogoWrap,
-                { width: size, height: size, backgroundColor: AppColors_1.AppColors.pink400 },
-            ]}>
-        <react_native_svg_1.default width={size - 8} height={size - 8} viewBox="0 0 100 100" fill="none">
-          <react_native_svg_1.Path d="M20 75 C35 25, 65 25, 80 75" stroke={AppColors_1.AppColors.white} strokeWidth="10" strokeLinecap="round"/>
-          <react_native_svg_1.Circle cx="20" cy="75" r="8" fill={AppColors_1.AppColors.white}/>
-          <react_native_svg_1.Circle cx="80" cy="75" r="8" fill={AppColors_1.AppColors.white}/>
-          <react_native_svg_1.Circle cx="50" cy="38" r="7" fill="#FCE7F3" stroke={AppColors_1.AppColors.white} strokeWidth="3"/>
+      </react_native_1.View>:n.includes("svg")?<react_native_1.View style={[bundleStyles.pkgLogoWrap,{width:r,height:r,backgroundColor:AppColors_1.AppColors.pink400}]}>
+        <react_native_svg_1.default width={r-8}height={r-8}viewBox="0 0 100 100"fill="none">
+          <react_native_svg_1.Path d="M20 75 C35 25, 65 25, 80 75"stroke={AppColors_1.AppColors.white}strokeWidth="10"strokeLinecap="round"/>
+          <react_native_svg_1.Circle cx="20"cy="75"r="8"fill={AppColors_1.AppColors.white}/>
+          <react_native_svg_1.Circle cx="80"cy="75"r="8"fill={AppColors_1.AppColors.white}/>
+          <react_native_svg_1.Circle cx="50"cy="38"r="7"fill="#FCE7F3"stroke={AppColors_1.AppColors.white}strokeWidth="3"/>
         </react_native_svg_1.default>
-      </react_native_1.View>);
-    }
-    if (lowerName.includes('axios')) {
-        return (<react_native_1.View style={[
-                bundleStyles.pkgLogoWrap,
-                { width: size, height: size, backgroundColor: AppColors_1.AppColors.expoViolet },
-            ]}>
-        <react_native_svg_1.default width={size - 6} height={size - 6} viewBox="0 0 100 100" fill="none">
-          <react_native_svg_1.Path d="M22 75 L50 20 L78 75 M33 58 L67 58" stroke={AppColors_1.AppColors.white} strokeWidth="12" strokeLinecap="round" strokeLinejoin="round"/>
-          <react_native_svg_1.Circle cx="50" cy="20" r="7" fill={AppColors_1.AppColors.reactCyan}/>
+      </react_native_1.View>:n.includes("axios")?<react_native_1.View style={[bundleStyles.pkgLogoWrap,{width:r,height:r,backgroundColor:AppColors_1.AppColors.expoViolet}]}>
+        <react_native_svg_1.default width={r-6}height={r-6}viewBox="0 0 100 100"fill="none">
+          <react_native_svg_1.Path d="M22 75 L50 20 L78 75 M33 58 L67 58"stroke={AppColors_1.AppColors.white}strokeWidth="12"strokeLinecap="round"strokeLinejoin="round"/>
+          <react_native_svg_1.Circle cx="50"cy="20"r="7"fill={AppColors_1.AppColors.reactCyan}/>
         </react_native_svg_1.default>
-      </react_native_1.View>);
-    }
-    if (lowerName.includes('screens') || lowerName.includes('software-mansion')) {
-        return (<react_native_1.View style={[
-                bundleStyles.pkgLogoWrap,
-                {
-                    width: size,
-                    height: size,
-                    backgroundColor: AppColors_1.AppColors.reanimatedNavy,
-                },
-            ]}>
-        <react_native_svg_1.default width={size - 8} height={size - 8} viewBox="0 0 100 100" fill="none">
-          <react_native_svg_1.Path d="M50 15 L88 35 L50 55 L12 35 Z" fill={AppColors_1.AppColors.sky400}/>
-          <react_native_svg_1.Path d="M12 50 L50 70 L88 50" stroke={AppColors_1.AppColors.white} strokeWidth="8" strokeLinecap="round"/>
-          <react_native_svg_1.Path d="M12 65 L50 85 L88 65" stroke="#93C5FD" strokeWidth="8" strokeLinecap="round"/>
+      </react_native_1.View>:n.includes("screens")||n.includes("software-mansion")?<react_native_1.View style={[bundleStyles.pkgLogoWrap,{width:r,height:r,backgroundColor:AppColors_1.AppColors.reanimatedNavy}]}>
+        <react_native_svg_1.default width={r-8}height={r-8}viewBox="0 0 100 100"fill="none">
+          <react_native_svg_1.Path d="M50 15 L88 35 L50 55 L12 35 Z"fill={AppColors_1.AppColors.sky400}/>
+          <react_native_svg_1.Path d="M12 50 L50 70 L88 50"stroke={AppColors_1.AppColors.white}strokeWidth="8"strokeLinecap="round"/>
+          <react_native_svg_1.Path d="M12 65 L50 85 L88 65"stroke="#93C5FD"strokeWidth="8"strokeLinecap="round"/>
         </react_native_svg_1.default>
-      </react_native_1.View>);
-    }
-    if (lowerName.includes('gradient')) {
-        return (<react_native_1.View style={[
-                bundleStyles.pkgLogoWrap,
-                { width: size, height: size, backgroundColor: AppColors_1.AppColors.rose600 },
-            ]}>
-        <react_native_svg_1.default width={size - 4} height={size - 4} viewBox="0 0 100 100" fill="none">
+      </react_native_1.View>:n.includes("gradient")?<react_native_1.View style={[bundleStyles.pkgLogoWrap,{width:r,height:r,backgroundColor:AppColors_1.AppColors.rose600}]}>
+        <react_native_svg_1.default width={r-4}height={r-4}viewBox="0 0 100 100"fill="none">
           <react_native_svg_1.Defs>
-            <react_native_svg_1.LinearGradient id="pkgGrad" x1="0" y1="0" x2="100" y2="100" gradientUnits="userSpaceOnUse">
-              <react_native_svg_1.Stop offset="0" stopColor="#FF0080"/>
-              <react_native_svg_1.Stop offset="0.5" stopColor="#7928CA"/>
-              <react_native_svg_1.Stop offset="1" stopColor="#0070F3"/>
+            <react_native_svg_1.LinearGradient id="pkgGrad"x1="0"y1="0"x2="100"y2="100"gradientUnits="userSpaceOnUse">
+              <react_native_svg_1.Stop offset="0"stopColor="#FF0080"/>
+              <react_native_svg_1.Stop offset="0.5"stopColor="#7928CA"/>
+              <react_native_svg_1.Stop offset="1"stopColor="#0070F3"/>
             </react_native_svg_1.LinearGradient>
           </react_native_svg_1.Defs>
-          <react_native_svg_1.Rect width="100" height="100" rx="18" fill="url(#pkgGrad)"/>
+          <react_native_svg_1.Rect width="100"height="100"rx="18"fill="url(#pkgGrad)"/>
         </react_native_svg_1.default>
-      </react_native_1.View>);
-    }
-    if (lowerName.includes('i18n')) {
-        return (<react_native_1.View style={[
-                bundleStyles.pkgLogoWrap,
-                { width: size, height: size, backgroundColor: AppColors_1.AppColors.emerald600 },
-            ]}>
-        <react_native_svg_1.default width={size - 8} height={size - 8} viewBox="0 0 100 100" fill="none">
-          <react_native_svg_1.Circle cx="50" cy="50" r="38" stroke={AppColors_1.AppColors.white} strokeWidth="8"/>
-          <react_native_svg_1.Ellipse cx="50" cy="50" rx="18" ry="38" stroke={AppColors_1.AppColors.white} strokeWidth="6"/>
-          <react_native_svg_1.Path d="M14 50 L86 50" stroke={AppColors_1.AppColors.white} strokeWidth="7"/>
+      </react_native_1.View>:n.includes("i18n")?<react_native_1.View style={[bundleStyles.pkgLogoWrap,{width:r,height:r,backgroundColor:AppColors_1.AppColors.emerald600}]}>
+        <react_native_svg_1.default width={r-8}height={r-8}viewBox="0 0 100 100"fill="none">
+          <react_native_svg_1.Circle cx="50"cy="50"r="38"stroke={AppColors_1.AppColors.white}strokeWidth="8"/>
+          <react_native_svg_1.Ellipse cx="50"cy="50"rx="18"ry="38"stroke={AppColors_1.AppColors.white}strokeWidth="6"/>
+          <react_native_svg_1.Path d="M14 50 L86 50"stroke={AppColors_1.AppColors.white}strokeWidth="7"/>
         </react_native_svg_1.default>
-      </react_native_1.View>);
-    }
-    return (<react_native_1.View style={[
-            bundleStyles.pkgLogoWrap,
-            { width: size, height: size, backgroundColor: AppColors_1.AppColors.npmRed },
-        ]}>
-      <react_native_svg_1.default width={size - 4} height={size - 4} viewBox="0 0 100 100" fill="none">
-        <react_native_svg_1.Rect width="100" height="100" rx="14" fill={AppColors_1.AppColors.npmRed}/>
-        <react_native_svg_1.Path d="M18 24 H82 V76 H50 V40 H38 V76 H18 Z" fill={AppColors_1.AppColors.white}/>
+      </react_native_1.View>:<react_native_1.View style={[bundleStyles.pkgLogoWrap,{width:r,height:r,backgroundColor:AppColors_1.AppColors.npmRed}]}>
+      <react_native_svg_1.default width={r-4}height={r-4}viewBox="0 0 100 100"fill="none">
+        <react_native_svg_1.Rect width="100"height="100"rx="14"fill={AppColors_1.AppColors.npmRed}/>
+        <react_native_svg_1.Path d="M18 24 H82 V76 H50 V40 H38 V76 H18 Z"fill={AppColors_1.AppColors.white}/>
       </react_native_svg_1.default>
-    </react_native_1.View>);
-};
-const BundleCategoryIcon = ({ type, size = 16, color = AppColors_1.AppColors.purple }) => {
-    const stroke = {
-        stroke: color,
-        strokeWidth: 1.7,
-        strokeLinecap: 'round',
-        strokeLinejoin: 'round',
-    };
-    const renderGlyph = () => {
-        switch (type) {
-            case 'folder':
-                return (<react_native_svg_1.G>
-            <react_native_svg_1.Path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" {...stroke}/>
-          </react_native_svg_1.G>);
-            case 'ban':
-                return (<react_native_svg_1.G>
-            <react_native_svg_1.Circle cx="12" cy="12" r="8.5" {...stroke}/>
-            <react_native_svg_1.Path d="M5.5 5.5 18.5 18.5" {...stroke}/>
-          </react_native_svg_1.G>);
-            case 'bolt':
-                return (<react_native_svg_1.G>
-            <react_native_svg_1.Path d="M13 2 4.5 13.5 H10.5 L9 22 19.5 9.5 H13.5 Z" {...stroke}/>
-          </react_native_svg_1.G>);
-            case 'source':
-                return (<react_native_svg_1.G>
-            <react_native_svg_1.Path d="M8.5 7 L4 12 L8.5 17" {...stroke}/>
-            <react_native_svg_1.Path d="M15.5 7 L20 12 L15.5 17" {...stroke}/>
-            <react_native_svg_1.Path d="M13.5 4.5 L10.5 19.5" {...stroke}/>
-          </react_native_svg_1.G>);
-            case 'deps':
-                return (<react_native_svg_1.G>
-            <react_native_svg_1.Rect x="4" y="4" width="16" height="16" rx="2.5" {...stroke}/>
-            <react_native_svg_1.Path d="M4 9.5 H20" {...stroke}/>
-            <react_native_svg_1.Path d="M9.5 9.5 V20" {...stroke}/>
-          </react_native_svg_1.G>);
-            case 'media':
-            case 'image':
-                return (<react_native_svg_1.G>
-            <react_native_svg_1.Rect x="3.5" y="4.5" width="17" height="15" rx="2" {...stroke}/>
-            <react_native_svg_1.Circle cx="9" cy="10" r="1.5" {...stroke}/>
-            <react_native_svg_1.Path d="M3.5 17.5 L9.5 12.5 L14 16.5 L17 13.5 L20.5 17.5" {...stroke}/>
-          </react_native_svg_1.G>);
-            case 'overhead':
-                return (<react_native_svg_1.G>
-            <react_native_svg_1.Circle cx="12" cy="12" r="3.2" {...stroke}/>
-            <react_native_svg_1.Path d="M12 2.5 V5.5 M12 18.5 V21.5 M2.5 12 H5.5 M18.5 12 H21.5 M5.3 5.3 L7.4 7.4 M16.6 16.6 L18.7 18.7 M18.7 5.3 L16.6 7.4 M7.4 16.6 L5.3 18.7" {...stroke}/>
-          </react_native_svg_1.G>);
-            case 'typescript':
-                return (<react_native_svg_1.G>
-            <react_native_svg_1.Path d="M6.5 3.5 H14 L18.5 8 V20.5 H6.5 Z" {...stroke}/>
-            <react_native_svg_1.Path d="M14 3.5 V8 H18.5" {...stroke}/>
-            <react_native_svg_1.Path d="M9.5 13.5 H15 M12 13.5 V16.5 M9.5 16.5 H13" {...stroke}/>
-          </react_native_svg_1.G>);
-            case 'javascript':
-                return (<react_native_svg_1.G>
-            <react_native_svg_1.Path d="M9.5 3.5 C7.5 3.5 7.5 6.5 7.5 9 C7.5 11 6.5 12 5 12 C6.5 12 7.5 13 7.5 15 C7.5 17.5 7.5 20.5 9.5 20.5" {...stroke}/>
-            <react_native_svg_1.Path d="M14.5 3.5 C16.5 3.5 16.5 6.5 16.5 9 C16.5 11 17.5 12 19 12 C17.5 12 16.5 13 16.5 15 C16.5 17.5 16.5 20.5 14.5 20.5" {...stroke}/>
-          </react_native_svg_1.G>);
-            case 'font':
-                return (<react_native_svg_1.G>
-            <react_native_svg_1.Path d="M8 19 L12 5.5 L16 19" {...stroke}/>
-            <react_native_svg_1.Path d="M9.4 14.5 H14.6" {...stroke}/>
-          </react_native_svg_1.G>);
-            case 'json':
-                return (<react_native_svg_1.G>
-            <react_native_svg_1.Path d="M9 3.5 C7 3.5 7 6 7 8.5 C7 10.5 6 11.5 5 12 C6 12.5 7 13.5 7 15.5 C7 18 7 20.5 9 20.5" {...stroke}/>
-            <react_native_svg_1.Circle cx="12" cy="12" r="1.1" fill={color}/>
-            <react_native_svg_1.Path d="M15 3.5 C17 3.5 17 6 17 8.5 C17 10.5 18 11.5 19 12 C18 12.5 17 13.5 17 15.5 C17 18 17 20.5 15 20.5" {...stroke}/>
-          </react_native_svg_1.G>);
-            default:
-                return null;
-        }
-    };
-    return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-      {renderGlyph()}
-    </react_native_svg_1.default>);
-};
-const MediaPreviewThumbnail = ({ file }) => {
-    const [loadError, setLoadError] = (0, react_1.useState)(false);
-    if (file.ext === 'SVG' || file.name.toLowerCase().endsWith('.svg')) {
-        return (<react_native_1.View style={[
-                bundleStyles.mediaThumbWrap,
-                {
-                    backgroundColor: AppColors_1.AppColors.errorCardBg,
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    borderColor: AppColors_1.AppColors.errorBorder,
-                },
-            ]}>
-        <react_native_svg_1.default width={22} height={22} viewBox="0 0 100 100" fill="none">
+    </react_native_1.View>},BundleCategoryIcon=({type:t,size:r=16,color:n=AppColors_1.AppColors.purple})=>{const o={stroke:n,strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round"},c=()=>{switch(t){case"folder":return<react_native_svg_1.G>
+            <react_native_svg_1.Path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"{...o}/>
+          </react_native_svg_1.G>;case"ban":return<react_native_svg_1.G>
+            <react_native_svg_1.Circle cx="12"cy="12"r="8.5"{...o}/>
+            <react_native_svg_1.Path d="M5.5 5.5 18.5 18.5"{...o}/>
+          </react_native_svg_1.G>;case"bolt":return<react_native_svg_1.G>
+            <react_native_svg_1.Path d="M13 2 4.5 13.5 H10.5 L9 22 19.5 9.5 H13.5 Z"{...o}/>
+          </react_native_svg_1.G>;case"source":return<react_native_svg_1.G>
+            <react_native_svg_1.Path d="M8.5 7 L4 12 L8.5 17"{...o}/>
+            <react_native_svg_1.Path d="M15.5 7 L20 12 L15.5 17"{...o}/>
+            <react_native_svg_1.Path d="M13.5 4.5 L10.5 19.5"{...o}/>
+          </react_native_svg_1.G>;case"deps":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect x="4"y="4"width="16"height="16"rx="2.5"{...o}/>
+            <react_native_svg_1.Path d="M4 9.5 H20"{...o}/>
+            <react_native_svg_1.Path d="M9.5 9.5 V20"{...o}/>
+          </react_native_svg_1.G>;case"media":case"image":return<react_native_svg_1.G>
+            <react_native_svg_1.Rect x="3.5"y="4.5"width="17"height="15"rx="2"{...o}/>
+            <react_native_svg_1.Circle cx="9"cy="10"r="1.5"{...o}/>
+            <react_native_svg_1.Path d="M3.5 17.5 L9.5 12.5 L14 16.5 L17 13.5 L20.5 17.5"{...o}/>
+          </react_native_svg_1.G>;case"overhead":return<react_native_svg_1.G>
+            <react_native_svg_1.Circle cx="12"cy="12"r="3.2"{...o}/>
+            <react_native_svg_1.Path d="M12 2.5 V5.5 M12 18.5 V21.5 M2.5 12 H5.5 M18.5 12 H21.5 M5.3 5.3 L7.4 7.4 M16.6 16.6 L18.7 18.7 M18.7 5.3 L16.6 7.4 M7.4 16.6 L5.3 18.7"{...o}/>
+          </react_native_svg_1.G>;case"typescript":return<react_native_svg_1.G>
+            <react_native_svg_1.Path d="M6.5 3.5 H14 L18.5 8 V20.5 H6.5 Z"{...o}/>
+            <react_native_svg_1.Path d="M14 3.5 V8 H18.5"{...o}/>
+            <react_native_svg_1.Path d="M9.5 13.5 H15 M12 13.5 V16.5 M9.5 16.5 H13"{...o}/>
+          </react_native_svg_1.G>;case"javascript":return<react_native_svg_1.G>
+            <react_native_svg_1.Path d="M9.5 3.5 C7.5 3.5 7.5 6.5 7.5 9 C7.5 11 6.5 12 5 12 C6.5 12 7.5 13 7.5 15 C7.5 17.5 7.5 20.5 9.5 20.5"{...o}/>
+            <react_native_svg_1.Path d="M14.5 3.5 C16.5 3.5 16.5 6.5 16.5 9 C16.5 11 17.5 12 19 12 C17.5 12 16.5 13 16.5 15 C16.5 17.5 16.5 20.5 14.5 20.5"{...o}/>
+          </react_native_svg_1.G>;case"font":return<react_native_svg_1.G>
+            <react_native_svg_1.Path d="M8 19 L12 5.5 L16 19"{...o}/>
+            <react_native_svg_1.Path d="M9.4 14.5 H14.6"{...o}/>
+          </react_native_svg_1.G>;case"json":return<react_native_svg_1.G>
+            <react_native_svg_1.Path d="M9 3.5 C7 3.5 7 6 7 8.5 C7 10.5 6 11.5 5 12 C6 12.5 7 13.5 7 15.5 C7 18 7 20.5 9 20.5"{...o}/>
+            <react_native_svg_1.Circle cx="12"cy="12"r="1.1"fill={n}/>
+            <react_native_svg_1.Path d="M15 3.5 C17 3.5 17 6 17 8.5 C17 10.5 18 11.5 19 12 C18 12.5 17 13.5 17 15.5 C17 18 17 20.5 15 20.5"{...o}/>
+          </react_native_svg_1.G>;default:return null}};return<react_native_svg_1.default width={r}height={r}viewBox="0 0 24 24"fill="none">
+      {c()}
+    </react_native_svg_1.default>},MediaPreviewThumbnail=({file:t})=>{const[r,n]=(0,react_1.useState)(!1);if(t.ext==="SVG"||t.name.toLowerCase().endsWith(".svg"))return<react_native_1.View style={[bundleStyles.mediaThumbWrap,{backgroundColor:AppColors_1.AppColors.errorCardBg,alignItems:"center",justifyContent:"center",borderColor:AppColors_1.AppColors.errorBorder}]}>
+        <react_native_svg_1.default width={22}height={22}viewBox="0 0 100 100"fill="none">
           <react_native_svg_1.Defs>
-            <react_native_svg_1.LinearGradient id="svgGradThumb" x1="0" y1="0" x2="100" y2="100" gradientUnits="userSpaceOnUse">
-              <react_native_svg_1.Stop offset="0" stopColor={AppColors_1.AppColors.rose500}/>
-              <react_native_svg_1.Stop offset="1" stopColor={AppColors_1.AppColors.rose600}/>
+            <react_native_svg_1.LinearGradient id="svgGradThumb"x1="0"y1="0"x2="100"y2="100"gradientUnits="userSpaceOnUse">
+              <react_native_svg_1.Stop offset="0"stopColor={AppColors_1.AppColors.rose500}/>
+              <react_native_svg_1.Stop offset="1"stopColor={AppColors_1.AppColors.rose600}/>
             </react_native_svg_1.LinearGradient>
           </react_native_svg_1.Defs>
-          <react_native_svg_1.Circle cx="50" cy="50" r="44" fill="url(#svgGradThumb)"/>
+          <react_native_svg_1.Circle cx="50"cy="50"r="44"fill="url(#svgGradThumb)"/>
           
-          <react_native_svg_1.Path d="M25 70 C35 30, 65 30, 75 70" stroke={AppColors_1.AppColors.white} strokeWidth="8" strokeLinecap="round"/>
-          <react_native_svg_1.Circle cx="25" cy="70" r="7" fill={AppColors_1.AppColors.white}/>
-          <react_native_svg_1.Circle cx="75" cy="70" r="7" fill={AppColors_1.AppColors.white}/>
-          <react_native_svg_1.Circle cx="50" cy="40" r="6" fill="#FFE4E6" stroke={AppColors_1.AppColors.white} strokeWidth="2"/>
+          <react_native_svg_1.Path d="M25 70 C35 30, 65 30, 75 70"stroke={AppColors_1.AppColors.white}strokeWidth="8"strokeLinecap="round"/>
+          <react_native_svg_1.Circle cx="25"cy="70"r="7"fill={AppColors_1.AppColors.white}/>
+          <react_native_svg_1.Circle cx="75"cy="70"r="7"fill={AppColors_1.AppColors.white}/>
+          <react_native_svg_1.Circle cx="50"cy="40"r="6"fill="#FFE4E6"stroke={AppColors_1.AppColors.white}strokeWidth="2"/>
         </react_native_svg_1.default>
-      </react_native_1.View>);
-    }
-    if (file.category === 'image' && file.previewUri && !loadError) {
-        return (<react_native_1.View style={bundleStyles.mediaThumbWrap}>
-        <react_native_1.Image source={{ uri: file.previewUri }} style={bundleStyles.mediaThumbImg} resizeMode="cover" onError={() => setLoadError(true)}/>
-      </react_native_1.View>);
-    }
-    const categoryMeta = CATEGORY_COLORS[file.category] || CATEGORY_COLORS.typescript;
-    return (<react_native_1.View style={[
-            bundleStyles.extChip,
-            {
-                backgroundColor: categoryMeta.bg,
-                borderColor: `${categoryMeta.color}40`,
-            },
-        ]}>
-      <react_native_1.Text style={[bundleStyles.extChipText, { color: categoryMeta.color }]}>
-        {file.ext}
+      </react_native_1.View>;if(t.category==="image"&&t.previewUri&&!r)return<react_native_1.View style={bundleStyles.mediaThumbWrap}>
+        <react_native_1.Image source={{uri:t.previewUri}}style={bundleStyles.mediaThumbImg}resizeMode="cover"onError={()=>n(!0)}/>
+      </react_native_1.View>;const o=CATEGORY_COLORS[t.category]||CATEGORY_COLORS.typescript;return<react_native_1.View style={[bundleStyles.extChip,{backgroundColor:o.bg,borderColor:`${o.color}40`}]}>
+      <react_native_1.Text style={[bundleStyles.extChipText,{color:o.color}]}>
+        {t.ext}
       </react_native_1.Text>
-    </react_native_1.View>);
-};
-function buildBundleFileTree(files) {
-    const rootMap = new Map();
-    for (const file of files) {
-        const cleanPath = file.path.replace(/^\/+/, '');
-        const parts = cleanPath.split('/').filter(Boolean);
-        if (parts.length === 0)
-            continue;
-        let currentLevel = rootMap;
-        for (let i = 0; i < parts.length; i++) {
-            const part = parts[i];
-            const isFile = i === parts.length - 1;
-            if (!currentLevel.has(part)) {
-                currentLevel.set(part, {
-                    name: part,
-                    fullPath: parts.slice(0, i + 1).join('/'),
-                    isFile,
-                    fileItem: isFile ? file : undefined,
-                    children: new Map(),
-                });
-            }
-            if (!isFile) {
-                currentLevel = currentLevel.get(part).children;
-            }
-        }
-    }
-    function convertMapToNodes(map) {
-        const nodes = [];
-        for (const [, val] of map.entries()) {
-            const children = convertMapToNodes(val.children);
-            const isFolder = !val.isFile;
-            const fileCount = isFolder
-                ? children.reduce((acc, c) => acc + (c.isFolder ? c.fileCount : 1), 0)
-                : 1;
-            const sizeKb = isFolder
-                ? children.reduce((acc, c) => acc + c.sizeKb, 0)
-                : val.fileItem
-                    ? val.fileItem.sizeKb
-                    : 0;
-            nodes.push({
-                id: val.fullPath,
-                name: val.name,
-                fullPath: val.fullPath,
-                isFolder,
-                fileItem: val.fileItem,
-                sizeKb,
-                fileCount,
-                children,
-            });
-        }
-        return nodes.sort((a, b) => {
-            if (a.isFolder && !b.isFolder)
-                return -1;
-            if (!a.isFolder && b.isFolder)
-                return 1;
-            return a.name.localeCompare(b.name);
-        });
-    }
-    return convertMapToNodes(rootMap);
-}
-const downloadBundleFile = async (file, scriptURL) => {
-    let content = '';
-    try {
-        let devServerOrigin = '';
-        const activeUrl = scriptURL || (0, bundleAnalyzer_1.getHostScriptURL)();
-        if (activeUrl && activeUrl.startsWith('http')) {
-            const match = activeUrl.match(/^(https?:\/\/[^/]+)/);
-            if (match) {
-                devServerOrigin = match[1];
-            }
-        }
-        if (devServerOrigin) {
-            const cleanPath = file.path.replace(/^\/+/, '');
-            const url = `${devServerOrigin}/${cleanPath}`;
-            const res = await fetch(url);
-            if (res.ok) {
-                const text = await res.text();
-                if (text && text.length > 0) {
-                    content = text;
-                }
-            }
-        }
-    }
-    catch { }
-    if (!content) {
-        content = `// ─────────────────────────────────────────────────────────────
-// File: ${file.name}
-// Path: ${file.path}
-// Category: ${file.category.toUpperCase()}
-// Size: ${file.sizeKb} KB
-// Status: ${file.status === 'optimal'
-            ? 'Active in Dependency Graph'
-            : 'Not consumed / Static'}
-// Meta: ${file.meta}
-// ─────────────────────────────────────────────────────────────
+    </react_native_1.View>};function buildBundleFileTree(t){const r=new Map;for(const o of t){const s=o.path.replace(/^\/+/,"").split("/").filter(Boolean);if(s.length===0)continue;let y=r;for(let u=0;u<s.length;u++){const _=s[u],a=u===s.length-1;y.has(_)||y.set(_,{name:_,fullPath:s.slice(0,u+1).join("/"),isFile:a,fileItem:a?o:void 0,children:new Map}),a||(y=y.get(_).children)}}function n(o){const c=[];for(const[,s]of o.entries()){const y=n(s.children),u=!s.isFile,_=u?y.reduce((v,b)=>v+(b.isFolder?b.fileCount:1),0):1,a=u?y.reduce((v,b)=>v+b.sizeKb,0):s.fileItem?s.fileItem.sizeKb:0;c.push({id:s.fullPath,name:s.name,fullPath:s.fullPath,isFolder:u,fileItem:s.fileItem,sizeKb:a,fileCount:_,children:y})}return c.sort((s,y)=>s.isFolder&&!y.isFolder?-1:!s.isFolder&&y.isFolder?1:s.name.localeCompare(y.name))}return n(r)}const downloadBundleFile=async(t,r)=>{let n="";try{let o="";const c=r||(0,bundleAnalyzer_1.getHostScriptURL)();if(c&&c.startsWith("http")){const s=c.match(/^(https?:\/\/[^/]+)/);s&&(o=s[1])}if(o){const s=t.path.replace(/^\/+/,""),y=`${o}/${s}`,u=await fetch(y);if(u.ok){const _=await u.text();_&&_.length>0&&(n=_)}}}catch{}n||(n=`// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+// File: ${t.name}
+// Path: ${t.path}
+// Category: ${t.category.toUpperCase()}
+// Size: ${t.sizeKb} KB
+// Status: ${t.status==="optimal"?"Active in Dependency Graph":"Not consumed / Static"}
+// Meta: ${t.meta}
+// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 
 export default {
-  id: ${JSON.stringify(file.id)},
-  name: ${JSON.stringify(file.name)},
-  path: ${JSON.stringify(file.path)},
-  category: ${JSON.stringify(file.category)},
-  sizeKb: ${file.sizeKb},
-  meta: ${JSON.stringify(file.meta)},
-  status: ${JSON.stringify(file.status || 'optimal')},
-};
-`;
-    }
-    try {
-        await react_native_1.Share.share(react_native_1.Platform.OS === 'ios'
-            ? {
-                title: file.name,
-                message: content,
-            }
-            : {
-                title: `Download ${file.name}`,
-                message: content,
-            }, {
-            dialogTitle: `Download / Save ${file.name}`,
-        });
-    }
-    catch { }
-    try {
-        (0, helpers_1.copyToClipboard)(content, file.name);
-    }
-    catch { }
+  id: ${JSON.stringify(t.id)},
+  name: ${JSON.stringify(t.name)},
+  path: ${JSON.stringify(t.path)},
+  category: ${JSON.stringify(t.category)},
+  sizeKb: ${t.sizeKb},
+  meta: ${JSON.stringify(t.meta)},
+  status: ${JSON.stringify(t.status||"optimal")},
 };
-exports.downloadBundleFile = downloadBundleFile;
-const BundleTreeNodeView = ({ node, level, search, totalBundleKb, expandedFolders, toggleFolder, isLastChild, onDownload, }) => {
-    const isExpanded = search ? true : !!expandedFolders[node.fullPath];
-    const isCollapsed = !isExpanded;
-    const indentLeft = level * 16 + 10;
-    if (node.isFolder) {
-        return (<react_native_1.View style={bundleStyles.treeFolderBlock}>
-        <TouchableScale_1.default accessible={true} accessibilityRole="button" accessibilityLabel={`Folder ${node.name}, ${node.fileCount} ${node.fileCount === 1 ? 'file' : 'files'}, ${node.sizeKb >= 1024
-                ? `${(node.sizeKb / 1024).toFixed(2)} MB`
-                : `${node.sizeKb} KB`}`} accessibilityState={{ expanded: isExpanded }} accessibilityHint="Double tap to expand or collapse folder" onPress={() => toggleFolder(node.fullPath)} style={[bundleStyles.treeFolderRow, { paddingLeft: indentLeft }]}>
+`);try{await react_native_1.Share.share(react_native_1.Platform.OS==="ios"?{title:t.name,message:n}:{title:`Download ${t.name}`,message:n},{dialogTitle:`Download / Save ${t.name}`})}catch{}try{(0,helpers_1.copyToClipboard)(n,t.name)}catch{}};exports.downloadBundleFile=downloadBundleFile;const BundleTreeNodeView=({node:t,level:r,search:n,totalBundleKb:o,expandedFolders:c,toggleFolder:s,isLastChild:y,onDownload:u})=>{const _=n?!0:!!c[t.fullPath],a=!_,v=r*16+10;if(t.isFolder)return<react_native_1.View style={bundleStyles.treeFolderBlock}>
+        <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`Folder ${t.name}, ${t.fileCount} ${t.fileCount===1?"file":"files"}, ${t.sizeKb>=1024?`${(t.sizeKb/1024).toFixed(2)} MB`:`${t.sizeKb} KB`}`}accessibilityState={{expanded:_}}accessibilityHint="Double tap to expand or collapse folder"onPress={()=>s(t.fullPath)}style={[bundleStyles.treeFolderRow,{paddingLeft:v}]}>
           <react_native_1.View style={bundleStyles.treeRowLeft}>
-            <react_native_1.View style={{ marginRight: 4 }}>
-              <NetworkIcons_1.ChevronIcon direction={isCollapsed ? 'right' : 'down'} size={12} color={AppColors_1.AppColors.grayTextWeak}/>
+            <react_native_1.View style={{marginRight:4}}>
+              <NetworkIcons_1.ChevronIcon direction={a?"right":"down"}size={12}color={AppColors_1.AppColors.grayTextWeak}/>
             </react_native_1.View>
-            {isCollapsed ? (<NetworkIcons_1.FolderIcon color={AppColors_1.AppColors.amber500} size={15}/>) : (<NetworkIcons_1.FolderOpenIcon color={AppColors_1.AppColors.amber500} size={15}/>)}
-            <HighlightText_1.default text={node.name + '/'} search={search} style={bundleStyles.treeFolderName} highlightStyle={bundleStyles.searchHighlight}/>
+            {a?<NetworkIcons_1.FolderIcon color={AppColors_1.AppColors.amber500}size={15}/>:<NetworkIcons_1.FolderOpenIcon color={AppColors_1.AppColors.amber500}size={15}/>}
+            <HighlightText_1.default text={t.name+"/"}search={n}style={bundleStyles.treeFolderName}highlightStyle={bundleStyles.searchHighlight}/>
             <react_native_1.View style={bundleStyles.treeCountBadge}>
               <react_native_1.Text style={bundleStyles.treeCountBadgeText}>
-                {node.fileCount}{' '}
-                {node.fileCount === 1 ? (0, i18n_1.t)('bundle.file') : (0, i18n_1.t)('bundle.files')}
+                {t.fileCount}{" "}
+                {t.fileCount===1?(0,i18n_1.t)("bundle.file"):(0,i18n_1.t)("bundle.files")}
               </react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
 
           <react_native_1.View style={bundleStyles.treeRowRight}>
             <react_native_1.Text style={bundleStyles.treeFolderSize}>
-              {node.sizeKb >= 1024
-                ? (0, i18n_1.t)('bundle.fileSizeMb', {
-                    size: (node.sizeKb / 1024).toFixed(2),
-                })
-                : (0, i18n_1.t)('bundle.fileSizeKb', { size: node.sizeKb })}
+              {t.sizeKb>=1024?(0,i18n_1.t)("bundle.fileSizeMb",{size:(t.sizeKb/1024).toFixed(2)}):(0,i18n_1.t)("bundle.fileSizeKb",{size:t.sizeKb})}
             </react_native_1.Text>
-            <CopyButton_1.default value={() => ({
-                folder: node.fullPath,
-                sizeKb: node.sizeKb,
-                fileCount: node.fileCount,
-            })} label={(0, i18n_1.t)('bundle.copyFileInfo', { name: node.name })}/>
+            <CopyButton_1.default value={()=>({folder:t.fullPath,sizeKb:t.sizeKb,fileCount:t.fileCount})}label={(0,i18n_1.t)("bundle.copyFileInfo",{name:t.name})}/>
           </react_native_1.View>
         </TouchableScale_1.default>
 
-        {!isCollapsed && (<react_native_1.View style={bundleStyles.treeChildrenContainer}>
-            {node.children.map((child, cIdx) => (<BundleTreeNodeView key={child.id} node={child} level={level + 1} search={search} totalBundleKb={totalBundleKb} expandedFolders={expandedFolders} toggleFolder={toggleFolder} isLastChild={cIdx === node.children.length - 1} onDownload={onDownload}/>))}
-          </react_native_1.View>)}
-      </react_native_1.View>);
-    }
-    const file = node.fileItem;
-    if (!file)
-        return null;
-    const pctOfTotal = totalBundleKb > 0 ? ((file.sizeKb / totalBundleKb) * 100).toFixed(1) : '0';
-    const isUnused = file.isConsumed === false;
-    return (<react_native_1.View style={[
-            bundleStyles.treeFileRow,
-            { paddingLeft: indentLeft },
-            isUnused && bundleStyles.treeFileRowUnused,
-        ]}>
+        {!a&&<react_native_1.View style={bundleStyles.treeChildrenContainer}>
+            {t.children.map((w,d)=><BundleTreeNodeView key={w.id}node={w}level={r+1}search={n}totalBundleKb={o}expandedFolders={c}toggleFolder={s}isLastChild={d===t.children.length-1}onDownload={u}/>)}
+          </react_native_1.View>}
+      </react_native_1.View>;const b=t.fileItem;if(!b)return null;const h=o>0?(b.sizeKb/o*100).toFixed(1):"0",k=b.isConsumed===!1;return<react_native_1.View style={[bundleStyles.treeFileRow,{paddingLeft:v},k&&bundleStyles.treeFileRowUnused]}>
       <react_native_1.View style={bundleStyles.treeRowLeft}>
         <react_native_1.View style={bundleStyles.treeBranchGuide}>
           <react_native_1.Text style={bundleStyles.treeBranchGuideText}>
-            {isLastChild ? '└' : '├'}
+            {y?"\u2514":"\u251C"}
           </react_native_1.Text>
         </react_native_1.View>
 
-        <MediaPreviewThumbnail file={file}/>
+        <MediaPreviewThumbnail file={b}/>
 
-        <HighlightText_1.default text={file.name} search={search} style={bundleStyles.treeFileName} highlightStyle={bundleStyles.searchHighlight}/>
+        <HighlightText_1.default text={b.name}search={n}style={bundleStyles.treeFileName}highlightStyle={bundleStyles.searchHighlight}/>
 
-        {isUnused && (<react_native_1.View style={bundleStyles.treeUnusedPill}>
+        {k&&<react_native_1.View style={bundleStyles.treeUnusedPill}>
             <react_native_1.Text style={bundleStyles.treeUnusedPillText}>
-              {(0, i18n_1.t)('bundle.notConsumed')}
+              {(0,i18n_1.t)("bundle.notConsumed")}
             </react_native_1.Text>
-          </react_native_1.View>)}
+          </react_native_1.View>}
       </react_native_1.View>
 
       <react_native_1.View style={bundleStyles.treeRowRight}>
         <react_native_1.View style={bundleStyles.treeFileSizeGroup}>
-          <react_native_1.Text style={[
-            bundleStyles.treeFileSizeText,
-            isUnused && { color: AppColors_1.AppColors.red600 },
-        ]}>
-            {file.sizeKb >= 1024
-            ? (0, i18n_1.t)('bundle.fileSizeMb', { size: (file.sizeKb / 1024).toFixed(2) })
-            : (0, i18n_1.t)('bundle.fileSizeKb', { size: file.sizeKb })}
+          <react_native_1.Text style={[bundleStyles.treeFileSizeText,k&&{color:AppColors_1.AppColors.red600}]}>
+            {b.sizeKb>=1024?(0,i18n_1.t)("bundle.fileSizeMb",{size:(b.sizeKb/1024).toFixed(2)}):(0,i18n_1.t)("bundle.fileSizeKb",{size:b.sizeKb})}
           </react_native_1.Text>
-          <react_native_1.Text style={bundleStyles.treeFilePctText}>{pctOfTotal}%</react_native_1.Text>
+          <react_native_1.Text style={bundleStyles.treeFilePctText}>{h}%</react_native_1.Text>
         </react_native_1.View>
 
-        <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 5 }}>
-          {onDownload && (<TouchableScale_1.default accessible={true} accessibilityRole="button" accessibilityLabel={`Download source code for ${file.name}`} accessibilityHint="Fetches module source code from Metro dev server" onPress={() => onDownload(file)} style={bundleStyles.treeActionBtn} hitSlop={8}>
-              <NetworkIcons_1.DownloadIcon size={13} color={AppColors_1.AppColors.sky500}/>
-            </TouchableScale_1.default>)}
+        <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5}}>
+          {u&&<TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`Download source code for ${b.name}`}accessibilityHint="Fetches module source code from Metro dev server"onPress={()=>u(b)}style={bundleStyles.treeActionBtn}hitSlop={8}>
+              <NetworkIcons_1.DownloadIcon size={13}color={AppColors_1.AppColors.sky500}/>
+            </TouchableScale_1.default>}
 
-          <CopyButton_1.default value={() => file} label={(0, i18n_1.t)('bundle.fileDetailsJson')}/>
+          <CopyButton_1.default value={()=>b}label={(0,i18n_1.t)("bundle.fileDetailsJson")}/>
         </react_native_1.View>
       </react_native_1.View>
-    </react_native_1.View>);
-};
-const CATEGORY_TABS = [
-    { key: 'ALL', labelKey: 'bundle.catAll', iconType: 'folder' },
-    { key: 'UNUSED', labelKey: 'bundle.catUnused', iconType: 'ban' },
-    { key: 'CONSUMED', labelKey: 'bundle.catConsumed', iconType: 'bolt' },
-    { key: 'image', labelKey: 'bundle.catImages', iconType: 'image' },
-    {
-        key: 'typescript',
-        labelKey: 'bundle.catTypescript',
-        iconType: 'typescript',
-    },
-    {
-        key: 'javascript',
-        labelKey: 'bundle.catJavascript',
-        iconType: 'javascript',
-    },
-    { key: 'font', labelKey: 'bundle.catFonts', iconType: 'font' },
-    { key: 'json', labelKey: 'bundle.catJson', iconType: 'json' },
-];
-const CATEGORY_COLORS = {
-    image: {
-        label: 'Images & Media',
-        color: AppColors_1.AppColors.pink500,
-        bg: AppColors_1.AppColors.pink100,
-    },
-    typescript: {
-        label: 'TypeScript',
-        color: AppColors_1.AppColors.sky500,
-        bg: AppColors_1.AppColors.sky100,
-    },
-    javascript: {
-        label: 'JavaScript',
-        color: AppColors_1.AppColors.indigo500,
-        bg: AppColors_1.AppColors.indigo50,
-    },
-    font: { label: 'Fonts', color: AppColors_1.AppColors.purple500, bg: AppColors_1.AppColors.purple100 },
-    json: {
-        label: 'JSON / Data',
-        color: AppColors_1.AppColors.emerald500,
-        bg: AppColors_1.AppColors.emerald100,
-    },
-};
-const BundleTab = react_1.default.memo(() => {
-    const { t } = (0, i18n_1.useTranslation)();
-    const [activeSubTab, setActiveSubTab] = (0, react_1.useState)('overview');
-    const [prodPlatform, setProdPlatform] = (0, react_1.useState)('ios');
-    const [search, setSearch] = (0, react_1.useState)('');
-    const [activeCategory, setActiveCategory] = (0, react_1.useState)('ALL');
-    const [analysis, setAnalysis] = (0, react_1.useState)(() => (0, bundleAnalyzer_1.getCachedBundleAnalysis)() || (0, bundleAnalyzer_1.getInitialBundleAnalysis)());
-    const [isAnalyzing, setIsAnalyzing] = (0, react_1.useState)(false);
-    const refreshAnalysis = (0, react_1.useCallback)(() => {
-        setIsAnalyzing(true);
-        (0, bundleAnalyzer_1.analyzeHostAppBundle)(true)
-            .then(result => {
-            setAnalysis(result);
-            setIsAnalyzing(false);
-        })
-            .catch(() => {
-            setIsAnalyzing(false);
-        });
-    }, []);
-    (0, react_1.useEffect)(() => {
-        let mounted = true;
-        (0, bundleAnalyzer_1.analyzeHostAppBundle)()
-            .then(result => {
-            if (mounted) {
-                setAnalysis(result);
-                setIsAnalyzing(false);
-            }
-        })
-            .catch(() => {
-            if (mounted) {
-                setIsAnalyzing(false);
-            }
-        });
-        return () => {
-            mounted = false;
-        };
-    }, []);
-    const isHermes = Boolean(global.HermesInternal);
-    const bundleFiles = (0, react_1.useMemo)(() => (analysis ? analysis.files : []), [analysis]);
-    const bundlePackages = (0, react_1.useMemo)(() => (analysis ? analysis.packages : []), [analysis]);
-    const summary = (0, react_1.useMemo)(() => {
-        const totalKb = analysis?.totalDevKb ||
-            (analysis?.totalDevBytes
-                ? Math.round(analysis.totalDevBytes / 1024)
-                : 6144);
-        const totalMb = analysis?.totalDevMb
-            ? analysis.totalDevMb.toFixed(2)
-            : (totalKb / 1024).toFixed(2);
-        const nodeModulesKb = analysis?.splitUp?.nodeModules?.kb || Math.round(totalKb * 0.52);
-        const nodeModulesPct = analysis?.splitUp?.nodeModules?.pct || 52.0;
-        const metroKb = analysis?.splitUp?.metroDevOverhead?.kb || Math.round(totalKb * 0.21);
-        const metroPct = analysis?.splitUp?.metroDevOverhead?.pct || 21.0;
-        const appSourceKb = analysis?.splitUp?.appSource?.kb || Math.round(totalKb * 0.15);
-        const appSourcePct = analysis?.splitUp?.appSource?.pct || 15.0;
-        const assetsMediaKb = analysis?.splitUp?.assetsMedia?.kb || Math.round(totalKb * 0.12);
-        const assetsMediaPct = analysis?.splitUp?.assetsMedia?.pct || 12.0;
-        const categories = [
-            {
-                key: 'node_modules',
-                iconType: 'javascript',
-                title: 'NPM Dependencies',
-                targetTab: 'packages',
-                count: analysis?.packageCount || bundlePackages.length || 53,
-                sizeKb: nodeModulesKb,
-                sizeMb: (nodeModulesKb / 1024).toFixed(2),
-                pct: nodeModulesPct,
-                color: AppColors_1.AppColors.indigo500,
-                desc: `${analysis?.packageCount || bundlePackages.length || 53} node_modules packages (React Native, React, navigation, axios)`,
-            },
-            {
-                key: 'metro_runtime',
-                iconType: 'bolt',
-                title: 'Metro Dev Runtime',
-                targetTab: 'optimizer',
-                count: 1,
-                sizeKb: metroKb,
-                sizeMb: (metroKb / 1024).toFixed(2),
-                pct: metroPct,
-                color: AppColors_1.AppColors.amber500,
-                desc: 'Module loader, polyfills, HMR client, and prelude runtime',
-            },
-            {
-                key: 'app_source',
-                iconType: 'typescript',
-                title: 'App Source Code (TSX/JS)',
-                targetTab: 'files',
-                count: bundleFiles.filter(f => f.category === 'typescript' || f.category === 'javascript').length || 7,
-                sizeKb: appSourceKb,
-                sizeMb: (appSourceKb / 1024).toFixed(2),
-                pct: appSourcePct,
-                color: AppColors_1.AppColors.sky500,
-                desc: 'Screens, components, navigation, Redux store, and hooks',
-            },
-            {
-                key: 'assets_media',
-                iconType: 'image',
-                title: 'Images & Static Media',
-                targetTab: 'media',
-                count: bundleFiles.filter(f => f.category === 'image' ||
-                    f.category === 'font' ||
-                    f.category === 'json').length || 3,
-                sizeKb: assetsMediaKb,
-                sizeMb: (assetsMediaKb / 1024).toFixed(2),
-                pct: assetsMediaPct,
-                color: AppColors_1.AppColors.pink500,
-                desc: 'Bundled PNG/JPG/SVG drawables, custom fonts, and JSON assets',
-            },
-        ];
-        return {
-            totalKb,
-            totalMb,
-            totalCount: (analysis?.packageCount || 53) + bundleFiles.length + 1,
-            categories,
-            nodeModulesKb,
-            nodeModulesPct,
-            metroKb,
-            metroPct,
-            appSourceKb,
-            appSourcePct,
-            assetsMediaKb,
-            assetsMediaPct,
-            images: {
-                count: bundleFiles.filter(f => f.category === 'image').length,
-                kb: assetsMediaKb,
-                pct: assetsMediaPct,
-            },
-            ts: {
-                count: bundleFiles.filter(f => f.category === 'typescript').length,
-                kb: appSourceKb,
-                pct: appSourcePct,
-            },
-            js: {
-                count: (analysis?.packageCount || 53) + 1,
-                kb: nodeModulesKb + metroKb,
-                pct: Number((nodeModulesPct + metroPct).toFixed(1)),
-            },
-            fonts: {
-                count: bundleFiles.filter(f => f.category === 'font').length,
-                kb: 0,
-                pct: 0,
-            },
-            json: {
-                count: bundleFiles.filter(f => f.category === 'json').length,
-                kb: Math.round(assetsMediaKb * 0.1),
-                pct: Number((assetsMediaPct * 0.1).toFixed(1)),
-            },
-        };
-    }, [analysis, bundleFiles, bundlePackages]);
-    const filteredFiles = (0, react_1.useMemo)(() => {
-        return bundleFiles.filter(file => {
-            const matchSearch = !search ||
-                file.name.toLowerCase().includes(search.toLowerCase()) ||
-                file.path.toLowerCase().includes(search.toLowerCase()) ||
-                file.ext.toLowerCase().includes(search.toLowerCase()) ||
-                file.meta.toLowerCase().includes(search.toLowerCase());
-            const matchCategory = activeCategory === 'ALL'
-                ? true
-                : activeCategory === 'UNUSED'
-                    ? file.isConsumed === false
-                    : activeCategory === 'CONSUMED'
-                        ? file.isConsumed !== false
-                        : file.category === activeCategory;
-            return matchSearch && matchCategory;
-        });
-    }, [search, activeCategory, bundleFiles]);
-    const filteredTotalKb = (0, react_1.useMemo)(() => {
-        return filteredFiles.reduce((acc, f) => acc + f.sizeKb, 0);
-    }, [filteredFiles]);
-    const [filesViewMode, setFilesViewMode] = (0, react_1.useState)('tree');
-    const [expandedFolders, setExpandedFolders] = (0, react_1.useState)({});
-    const fileTreeNodes = (0, react_1.useMemo)(() => {
-        return buildBundleFileTree(filteredFiles);
-    }, [filteredFiles]);
-    (0, react_1.useEffect)(() => {
-        if (fileTreeNodes.length > 0 && Object.keys(expandedFolders).length === 0) {
-            const initial = {};
-            fileTreeNodes.forEach(node => {
-                if (node.isFolder) {
-                    initial[node.fullPath] = true;
-                    node.children.forEach(child => {
-                        if (child.isFolder) {
-                            initial[child.fullPath] = true;
-                        }
-                    });
-                }
-            });
-            setExpandedFolders(initial);
-        }
-    }, [fileTreeNodes]);
-    const toggleFolder = (0, react_1.useCallback)((path) => {
-        setExpandedFolders(prev => ({
-            ...prev,
-            [path]: !prev[path],
-        }));
-    }, []);
-    const expandAllFolders = (0, react_1.useCallback)(() => {
-        const all = {};
-        function collect(nodes) {
-            for (const n of nodes) {
-                if (n.isFolder) {
-                    all[n.fullPath] = true;
-                    collect(n.children);
-                }
-            }
-        }
-        collect(fileTreeNodes);
-        setExpandedFolders(all);
-    }, [fileTreeNodes]);
-    const collapseAllFolders = (0, react_1.useCallback)(() => {
-        setExpandedFolders({});
-    }, []);
-    const filteredPackages = (0, react_1.useMemo)(() => {
-        if (!search)
-            return bundlePackages;
-        const q = search.toLowerCase();
-        return bundlePackages.filter(pkg => pkg.name.toLowerCase().includes(q) ||
-            pkg.description.toLowerCase().includes(q) ||
-            pkg.category.toLowerCase().includes(q));
-    }, [search, bundlePackages]);
-    const packagesTotalKb = (0, react_1.useMemo)(() => {
-        return filteredPackages.reduce((acc, p) => acc + p.sizeKb, 0);
-    }, [filteredPackages]);
-    const mediaFiles = (0, react_1.useMemo)(() => {
-        return bundleFiles.filter(f => f.category === 'image' || f.category === 'font');
-    }, [bundleFiles]);
-    const mediaTotalKb = (0, react_1.useMemo)(() => {
-        return mediaFiles.reduce((acc, m) => acc + m.sizeKb, 0);
-    }, [mediaFiles]);
-    const subTabs = [
-        {
-            key: 'overview',
-            label: t('bundle.tabOverview'),
-            icon: (isActive) => (<NetworkIcons_1.LiveStateIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple} size={12}/>),
-        },
-        {
-            key: 'production',
-            label: t('bundle.tabProduction', { count: 3 }),
-            icon: (isActive) => (<NetworkIcons_1.TimelineIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple} size={12}/>),
-        },
-        {
-            key: 'files',
-            label: t('bundle.tabFiles', { count: bundleFiles.length }),
-            icon: (isActive) => (<NetworkIcons_1.LayersIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple} size={12}/>),
-        },
-        {
-            key: 'packages',
-            label: t('bundle.tabPackages', { count: bundlePackages.length }),
-            icon: (isActive) => (<NetworkIcons_1.PackageIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple} size={12}/>),
-        },
-        {
-            key: 'media',
-            label: t('bundle.tabMedia', { count: mediaFiles.length }),
-            icon: (isActive) => (<NetworkIcons_1.StorageIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple} size={12}/>),
-        },
-        {
-            key: 'optimizer',
-            label: t('bundle.tabOptimizer'),
-            icon: (isActive) => (<NetworkIcons_1.MetadataIcon color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple} size={12}/>),
-        },
-    ];
-    return (<react_native_1.View style={{ flex: 1, backgroundColor: AppColors_1.AppColors.grayBackground }}>
+    </react_native_1.View>},CATEGORY_TABS=[{key:"ALL",labelKey:"bundle.catAll",iconType:"folder"},{key:"UNUSED",labelKey:"bundle.catUnused",iconType:"ban"},{key:"CONSUMED",labelKey:"bundle.catConsumed",iconType:"bolt"},{key:"image",labelKey:"bundle.catImages",iconType:"image"},{key:"typescript",labelKey:"bundle.catTypescript",iconType:"typescript"},{key:"javascript",labelKey:"bundle.catJavascript",iconType:"javascript"},{key:"font",labelKey:"bundle.catFonts",iconType:"font"},{key:"json",labelKey:"bundle.catJson",iconType:"json"}],CATEGORY_COLORS={image:{label:"Images & Media",color:AppColors_1.AppColors.pink500,bg:AppColors_1.AppColors.pink100},typescript:{label:"TypeScript",color:AppColors_1.AppColors.sky500,bg:AppColors_1.AppColors.sky100},javascript:{label:"JavaScript",color:AppColors_1.AppColors.indigo500,bg:AppColors_1.AppColors.indigo50},font:{label:"Fonts",color:AppColors_1.AppColors.purple500,bg:AppColors_1.AppColors.purple100},json:{label:"JSON / Data",color:AppColors_1.AppColors.emerald500,bg:AppColors_1.AppColors.emerald100}},BundleTab=react_1.default.memo(()=>{const{t}=(0,i18n_1.useTranslation)(),[r,n]=(0,react_1.useState)("overview"),[o,c]=(0,react_1.useState)("ios"),[s,y]=(0,react_1.useState)(""),[u,_]=(0,react_1.useState)("ALL"),[a,v]=(0,react_1.useState)(()=>(0,bundleAnalyzer_1.getCachedBundleAnalysis)()||(0,bundleAnalyzer_1.getInitialBundleAnalysis)()),[b,h]=(0,react_1.useState)(!1),k=(0,react_1.useCallback)(()=>{h(!0),(0,bundleAnalyzer_1.analyzeHostAppBundle)(!0).then(e=>{v(e),h(!1)}).catch(()=>{h(!1)})},[]);(0,react_1.useEffect)(()=>{let e=!0;return(0,bundleAnalyzer_1.analyzeHostAppBundle)().then(l=>{e&&(v(l),h(!1))}).catch(()=>{e&&h(!1)}),()=>{e=!1}},[]);const w=!!global.HermesInternal,d=(0,react_1.useMemo)(()=>a?a.files:[],[a]),x=(0,react_1.useMemo)(()=>a?a.packages:[],[a]),i=(0,react_1.useMemo)(()=>{const e=a?.totalDevKb||(a?.totalDevBytes?Math.round(a.totalDevBytes/1024):6144),l=a?.totalDevMb?a.totalDevMb.toFixed(2):(e/1024).toFixed(2),p=a?.splitUp?.nodeModules?.kb||Math.round(e*.52),g=a?.splitUp?.nodeModules?.pct||52,C=a?.splitUp?.metroDevOverhead?.kb||Math.round(e*.21),M=a?.splitUp?.metroDevOverhead?.pct||21,P=a?.splitUp?.appSource?.kb||Math.round(e*.15),I=a?.splitUp?.appSource?.pct||15,B=a?.splitUp?.assetsMedia?.kb||Math.round(e*.12),z=a?.splitUp?.assetsMedia?.pct||12,U=[{key:"node_modules",iconType:"javascript",title:"NPM Dependencies",targetTab:"packages",count:a?.packageCount||x.length||53,sizeKb:p,sizeMb:(p/1024).toFixed(2),pct:g,color:AppColors_1.AppColors.indigo500,desc:`${a?.packageCount||x.length||53} node_modules packages (React Native, React, navigation, axios)`},{key:"metro_runtime",iconType:"bolt",title:"Metro Dev Runtime",targetTab:"optimizer",count:1,sizeKb:C,sizeMb:(C/1024).toFixed(2),pct:M,color:AppColors_1.AppColors.amber500,desc:"Module loader, polyfills, HMR client, and prelude runtime"},{key:"app_source",iconType:"typescript",title:"App Source Code (TSX/JS)",targetTab:"files",count:d.filter(m=>m.category==="typescript"||m.category==="javascript").length||7,sizeKb:P,sizeMb:(P/1024).toFixed(2),pct:I,color:AppColors_1.AppColors.sky500,desc:"Screens, components, navigation, Redux store, and hooks"},{key:"assets_media",iconType:"image",title:"Images & Static Media",targetTab:"media",count:d.filter(m=>m.category==="image"||m.category==="font"||m.category==="json").length||3,sizeKb:B,sizeMb:(B/1024).toFixed(2),pct:z,color:AppColors_1.AppColors.pink500,desc:"Bundled PNG/JPG/SVG drawables, custom fonts, and JSON assets"}];return{totalKb:e,totalMb:l,totalCount:(a?.packageCount||53)+d.length+1,categories:U,nodeModulesKb:p,nodeModulesPct:g,metroKb:C,metroPct:M,appSourceKb:P,appSourcePct:I,assetsMediaKb:B,assetsMediaPct:z,images:{count:d.filter(m=>m.category==="image").length,kb:B,pct:z},ts:{count:d.filter(m=>m.category==="typescript").length,kb:P,pct:I},js:{count:(a?.packageCount||53)+1,kb:p+C,pct:Number((g+M).toFixed(1))},fonts:{count:d.filter(m=>m.category==="font").length,kb:0,pct:0},json:{count:d.filter(m=>m.category==="json").length,kb:Math.round(B*.1),pct:Number((z*.1).toFixed(1))}}},[a,d,x]),T=(0,react_1.useMemo)(()=>d.filter(e=>{const l=!s||e.name.toLowerCase().includes(s.toLowerCase())||e.path.toLowerCase().includes(s.toLowerCase())||e.ext.toLowerCase().includes(s.toLowerCase())||e.meta.toLowerCase().includes(s.toLowerCase()),p=u==="ALL"?!0:u==="UNUSED"?e.isConsumed===!1:u==="CONSUMED"?e.isConsumed!==!1:e.category===u;return l&&p}),[s,u,d]),R=(0,react_1.useMemo)(()=>T.reduce((e,l)=>e+l.sizeKb,0),[T]),[f,L]=(0,react_1.useState)("tree"),[D,F]=(0,react_1.useState)({}),A=(0,react_1.useMemo)(()=>buildBundleFileTree(T),[T]);(0,react_1.useEffect)(()=>{if(A.length>0&&Object.keys(D).length===0){const e={};A.forEach(l=>{l.isFolder&&(e[l.fullPath]=!0,l.children.forEach(p=>{p.isFolder&&(e[p.fullPath]=!0)}))}),F(e)}},[A]);const K=(0,react_1.useCallback)(e=>{F(l=>({...l,[e]:!l[e]}))},[]),$=(0,react_1.useCallback)(()=>{const e={};function l(p){for(const g of p)g.isFolder&&(e[g.fullPath]=!0,l(g.children))}l(A),F(e)},[A]),O=(0,react_1.useCallback)(()=>{F({})},[]),S=(0,react_1.useMemo)(()=>{if(!s)return x;const e=s.toLowerCase();return x.filter(l=>l.name.toLowerCase().includes(e)||l.description.toLowerCase().includes(e)||l.category.toLowerCase().includes(e))},[s,x]),W=(0,react_1.useMemo)(()=>S.reduce((e,l)=>e+l.sizeKb,0),[S]),V=(0,react_1.useMemo)(()=>d.filter(e=>e.category==="image"||e.category==="font"),[d]),H=(0,react_1.useMemo)(()=>V.reduce((e,l)=>e+l.sizeKb,0),[V]),N=[{key:"overview",label:t("bundle.tabOverview"),icon:e=><NetworkIcons_1.LiveStateIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}size={12}/>},{key:"production",label:t("bundle.tabProduction",{count:3}),icon:e=><NetworkIcons_1.TimelineIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}size={12}/>},{key:"files",label:t("bundle.tabFiles",{count:d.length}),icon:e=><NetworkIcons_1.LayersIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}size={12}/>},{key:"packages",label:t("bundle.tabPackages",{count:x.length}),icon:e=><NetworkIcons_1.PackageIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}size={12}/>},{key:"media",label:t("bundle.tabMedia",{count:V.length}),icon:e=><NetworkIcons_1.StorageIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}size={12}/>},{key:"optimizer",label:t("bundle.tabOptimizer"),icon:e=><NetworkIcons_1.MetadataIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}size={12}/>}];return<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
       
       <react_native_1.View style={bundleStyles.topTabWrap}>
-        <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} style={{ flex: 1 }} contentContainerStyle={bundleStyles.subTabsScroll}>
-          {subTabs.map(tab => {
-            const isActive = activeSubTab === tab.key;
-            return (<TouchableScale_1.default key={tab.key} accessible={true} accessibilityRole="tab" accessibilityLabel={`${tab.label} tab`} accessibilityState={{ selected: isActive }} accessibilityHint={`Switches to ${tab.label} tab`} onPress={() => setActiveSubTab(tab.key)} style={[
-                    bundleStyles.subTabPill,
-                    isActive && bundleStyles.subTabPillActive,
-                ]}>
-                {tab.icon(isActive)}
-                <react_native_1.Text style={[
-                    bundleStyles.subTabPillText,
-                    isActive && bundleStyles.subTabPillTextActive,
-                ]}>
-                  {tab.label}
+        <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={bundleStyles.subTabsScroll}>
+          {N.map(e=>{const l=r===e.key;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="tab"accessibilityLabel={`${e.label} tab`}accessibilityState={{selected:l}}accessibilityHint={`Switches to ${e.label} tab`}onPress={()=>n(e.key)}style={[bundleStyles.subTabPill,l&&bundleStyles.subTabPillActive]}>
+                {e.icon(l)}
+                <react_native_1.Text style={[bundleStyles.subTabPillText,l&&bundleStyles.subTabPillTextActive]}>
+                  {e.label}
                 </react_native_1.Text>
-              </TouchableScale_1.default>);
-        })}
+              </TouchableScale_1.default>})}
         </react_native_1.ScrollView>
-        <TouchableScale_1.default accessible={true} accessibilityRole="button" accessibilityLabel={isAnalyzing ? 'Analyzing Metro bundle' : 'Reload bundle analysis'} accessibilityHint="Re-probes Metro dev server and refreshes bundle statistics" onPress={refreshAnalysis} style={bundleStyles.reloadButton} hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}>
-          {isAnalyzing ? (<react_native_1.ActivityIndicator size="small" color={AppColors_1.AppColors.brandPurple}/>) : (<NetworkIcons_1.RefreshCcwIcon color={AppColors_1.AppColors.brandPurple} size={14}/>)}
+        <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={b?"Analyzing Metro bundle":"Reload bundle analysis"}accessibilityHint="Re-probes Metro dev server and refreshes bundle statistics"onPress={k}style={bundleStyles.reloadButton}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+          {b?<react_native_1.ActivityIndicator size="small"color={AppColors_1.AppColors.brandPurple}/>:<NetworkIcons_1.RefreshCcwIcon color={AppColors_1.AppColors.brandPurple}size={14}/>}
         </TouchableScale_1.default>
       </react_native_1.View>
 
@@ -834,300 +211,183 @@ const BundleTab = react_1.default.memo(() => {
       
       
       
-      {activeSubTab === 'overview' && (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
+      {r==="overview"&&<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={bundleStyles.contentContainer}keyboardShouldPersistTaps="handled">
           
           <react_native_1.View style={bundleStyles.heroCard}>
             <react_native_1.View style={bundleStyles.heroTopRow}>
               <react_native_1.View style={bundleStyles.heroIconWrap}>
-                <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.brandPurple} size={24}/>
+                <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.brandPurple}size={24}/>
               </react_native_1.View>
-              <react_native_1.View style={{ flex: 1 }}>
+              <react_native_1.View style={{flex:1}}>
                 <react_native_1.Text style={bundleStyles.heroTitle}>
-                  {t('bundle.heroTitle')}
+                  {t("bundle.heroTitle")}
                 </react_native_1.Text>
-                {analysis?.isLive && analysis.scriptURL ? (<react_native_1.View style={{ marginTop: 4, gap: 4 }}>
+                {a?.isLive&&a.scriptURL?<react_native_1.View style={{marginTop:4,gap:4}}>
                     <react_native_1.Text style={bundleStyles.heroSubtitle}>
-                      {t('bundle.heroSubtitle')}
+                      {t("bundle.heroSubtitle")}
                     </react_native_1.Text>
-                    <react_native_1.Pressable accessible={true} accessibilityRole="link" accessibilityLabel={`Live Metro bundle URL: ${analysis.scriptURL}`} accessibilityHint="Opens Metro bundle script in browser" style={{
-                    backgroundColor: `${AppColors_1.AppColors.skyBlue}10`,
-                    borderColor: `${AppColors_1.AppColors.skyBlue}30`,
-                    borderWidth: 1,
-                    borderRadius: 8,
-                    padding: 8,
-                    marginTop: 2,
-                }} onPress={() => react_native_1.Linking.openURL(analysis.scriptURL)}>
-                      <react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                    marginBottom: 3,
-                }}>
-                        <react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 4,
-                }}>
-                          <NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.skyBlue} size={11}/>
-                          <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 9.5,
-                    color: AppColors_1.AppColors.skyBlue,
-                    letterSpacing: 0.3,
-                    textTransform: 'uppercase',
-                }}>
+                    <react_native_1.Pressable accessible={!0}accessibilityRole="link"accessibilityLabel={`Live Metro bundle URL: ${a.scriptURL}`}accessibilityHint="Opens Metro bundle script in browser"style={{backgroundColor:`${AppColors_1.AppColors.skyBlue}10`,borderColor:`${AppColors_1.AppColors.skyBlue}30`,borderWidth:1,borderRadius:8,padding:8,marginTop:2}}onPress={()=>react_native_1.Linking.openURL(a.scriptURL)}>
+                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:3}}>
+                        <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
+                          <NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.skyBlue}size={11}/>
+                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.skyBlue,letterSpacing:.3,textTransform:"uppercase"}}>
                             Live Metro URL
                           </react_native_1.Text>
                         </react_native_1.View>
-                        <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interRegular,
-                    fontSize: 9.5,
-                    color: AppColors_1.AppColors.grayTextWeak,
-                }}>
-                          {analysis.scriptURL.length} chars
+                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak}}>
+                          {a.scriptURL.length} chars
                         </react_native_1.Text>
                       </react_native_1.View>
-                      <react_native_1.Text selectable={true} numberOfLines={1} ellipsizeMode="tail" style={{
-                    fontFamily: AppFonts_1.AppFonts.interMedium,
-                    fontSize: 11,
-                    color: AppColors_1.AppColors.skyBlue,
-                    textDecorationLine: 'underline',
-                    lineHeight: 16,
-                }}>
-                        {analysis.scriptURL}
+                      <react_native_1.Text selectable={!0}numberOfLines={1}ellipsizeMode="tail"style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.skyBlue,textDecorationLine:"underline",lineHeight:16}}>
+                        {a.scriptURL}
                       </react_native_1.Text>
                     </react_native_1.Pressable>
-                  </react_native_1.View>) : (<react_native_1.Text style={bundleStyles.heroSubtitle}>
-                    {t('bundle.heroSubtitle')}
-                  </react_native_1.Text>)}
+                  </react_native_1.View>:<react_native_1.Text style={bundleStyles.heroSubtitle}>
+                    {t("bundle.heroSubtitle")}
+                  </react_native_1.Text>}
               </react_native_1.View>
-              <CopyButton_1.default value={() => ({ ...summary, bundle: analysis })} label={t('bundle.bundleOverviewJson')}/>
+              <CopyButton_1.default value={()=>({...i,bundle:a})}label={t("bundle.bundleOverviewJson")}/>
             </react_native_1.View>
 
             
             <react_native_1.View style={bundleStyles.metricsGrid}>
               <react_native_1.View style={bundleStyles.metricBox}>
                 <react_native_1.Text style={bundleStyles.metricLabel}>
-                  {t('bundle.devBundleSize')}
+                  {t("bundle.devBundleSize")}
                 </react_native_1.Text>
                 <react_native_1.Text style={bundleStyles.metricValue}>
-                  {t('bundle.mbValue', {
-                size: analysis ? analysis.totalDevMb : summary.totalMb,
-            })}
+                  {t("bundle.mbValue",{size:a?a.totalDevMb:i.totalMb})}
                 </react_native_1.Text>
                 <react_native_1.Text style={bundleStyles.metricHint}>
-                  {analysis
-                ? t('bundle.devBundleHint', {
-                    kb: analysis.totalDevKb,
-                    modules: analysis.moduleCount,
-                })
-                : t('bundle.trackedFilesHint', { count: bundleFiles.length })}
+                  {a?t("bundle.devBundleHint",{kb:a.totalDevKb,modules:a.moduleCount}):t("bundle.trackedFilesHint",{count:d.length})}
                 </react_native_1.Text>
               </react_native_1.View>
 
               <react_native_1.View style={bundleStyles.metricBox}>
                 <react_native_1.Text style={bundleStyles.metricLabel}>
-                  {t('bundle.imagesMedia')}
+                  {t("bundle.imagesMedia")}
                 </react_native_1.Text>
-                <react_native_1.Text style={[
-                bundleStyles.metricValue,
-                { color: AppColors_1.AppColors.pink500 },
-            ]}>
-                  {t('bundle.fileSizeKb', { size: summary.images.kb })}
+                <react_native_1.Text style={[bundleStyles.metricValue,{color:AppColors_1.AppColors.pink500}]}>
+                  {t("bundle.fileSizeKb",{size:i.images.kb})}
                 </react_native_1.Text>
                 <react_native_1.Text style={bundleStyles.metricHint}>
-                  {t('bundle.pctOfTrackedAssets', { pct: summary.images.pct })}
+                  {t("bundle.pctOfTrackedAssets",{pct:i.images.pct})}
                 </react_native_1.Text>
               </react_native_1.View>
 
               <react_native_1.View style={bundleStyles.metricBox}>
                 <react_native_1.Text style={bundleStyles.metricLabel}>
-                  {t('bundle.tsJsSource')}
+                  {t("bundle.tsJsSource")}
                 </react_native_1.Text>
-                <react_native_1.Text style={[bundleStyles.metricValue, { color: AppColors_1.AppColors.sky500 }]}>
-                  {t('bundle.fileSizeKb', {
-                size: summary.ts.kb + summary.js.kb,
-            })}
+                <react_native_1.Text style={[bundleStyles.metricValue,{color:AppColors_1.AppColors.sky500}]}>
+                  {t("bundle.fileSizeKb",{size:i.ts.kb+i.js.kb})}
                 </react_native_1.Text>
                 <react_native_1.Text style={bundleStyles.metricHint}>
-                  {t('bundle.pctOfTrackedAssets', {
-                pct: (summary.ts.pct + summary.js.pct).toFixed(1),
-            })}
+                  {t("bundle.pctOfTrackedAssets",{pct:(i.ts.pct+i.js.pct).toFixed(1)})}
                 </react_native_1.Text>
               </react_native_1.View>
 
               <react_native_1.View style={bundleStyles.metricBox}>
                 <react_native_1.Text style={bundleStyles.metricLabel}>
-                  {t('bundle.jsEngine')}
+                  {t("bundle.jsEngine")}
                 </react_native_1.Text>
-                <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 5,
-                marginTop: 2,
-            }}>
-                  <react_native_1.View style={[
-                bundleStyles.statusIndicator,
-                {
-                    backgroundColor: isHermes
-                        ? AppColors_1.AppColors.greenColor
-                        : AppColors_1.AppColors.darkOrange,
-                },
-            ]}/>
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5,marginTop:2}}>
+                  <react_native_1.View style={[bundleStyles.statusIndicator,{backgroundColor:w?AppColors_1.AppColors.greenColor:AppColors_1.AppColors.darkOrange}]}/>
                   <react_native_1.Text style={bundleStyles.metricValue}>
-                    {isHermes ? 'Hermes' : 'JSC'}
+                    {w?"Hermes":"JSC"}
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.Text style={bundleStyles.metricHint}>
-                  {isHermes ? t('bundle.bytecodeAot') : t('bundle.standard')}
+                  {t(w?"bundle.bytecodeAot":"bundle.standard")}
                 </react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
           </react_native_1.View>
 
           
-          {analysis && !analysis.isLive && (<react_native_1.View style={bundleStyles.liveWarningCard}>
-              <react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 6,
-                    flex: 1,
-                }}>
-                <NetworkIcons_1.CircleAlertIcon color={AppColors_1.AppColors.amber700} size={16}/>
-                <react_native_1.View style={{ flex: 1 }}>
+          {a&&!a.isLive&&<react_native_1.View style={bundleStyles.liveWarningCard}>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flex:1}}>
+                <NetworkIcons_1.CircleAlertIcon color={AppColors_1.AppColors.amber700}size={16}/>
+                <react_native_1.View style={{flex:1}}>
                   <react_native_1.Text style={bundleStyles.liveWarningTitle}>
-                    {t('bundle.liveAnalysisUnavailable')}
+                    {t("bundle.liveAnalysisUnavailable")}
                   </react_native_1.Text>
                   <react_native_1.Text style={bundleStyles.liveWarningDesc}>
-                    {t('bundle.liveAnalysisUnavailableSub')}
+                    {t("bundle.liveAnalysisUnavailableSub")}
                   </react_native_1.Text>
                 </react_native_1.View>
-                <TouchableScale_1.default onPress={refreshAnalysis} style={{
-                    backgroundColor: `${AppColors_1.AppColors.amber700}18`,
-                    paddingHorizontal: 8,
-                    paddingVertical: 5,
-                    borderRadius: 6,
-                    borderWidth: 1,
-                    borderColor: `${AppColors_1.AppColors.amber700}30`,
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 4,
-                }}>
-                  {isAnalyzing ? (<react_native_1.ActivityIndicator size="small" color={AppColors_1.AppColors.amber700}/>) : (<>
-                      <NetworkIcons_1.RefreshCcwIcon color={AppColors_1.AppColors.amber700} size={11}/>
-                      <react_native_1.Text style={{
-                        fontSize: 10.5,
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        color: AppColors_1.AppColors.amber700,
-                    }}>
+                <TouchableScale_1.default onPress={k}style={{backgroundColor:`${AppColors_1.AppColors.amber700}18`,paddingHorizontal:8,paddingVertical:5,borderRadius:6,borderWidth:1,borderColor:`${AppColors_1.AppColors.amber700}30`,flexDirection:"row",alignItems:"center",gap:4}}>
+                  {b?<react_native_1.ActivityIndicator size="small"color={AppColors_1.AppColors.amber700}/>:<>
+                      <NetworkIcons_1.RefreshCcwIcon color={AppColors_1.AppColors.amber700}size={11}/>
+                      <react_native_1.Text style={{fontSize:10.5,fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.amber700}}>
                         Retry
                       </react_native_1.Text>
-                    </>)}
+                    </>}
                 </TouchableScale_1.default>
               </react_native_1.View>
-            </react_native_1.View>)}
+            </react_native_1.View>}
 
           
           <react_native_1.View style={bundleStyles.sectionCard}>
             <react_native_1.View style={bundleStyles.sectionHeaderRow}>
-              <react_native_1.View style={{ flex: 1, paddingRight: 4 }}>
+              <react_native_1.View style={{flex:1,paddingRight:4}}>
                 <react_native_1.Text style={bundleStyles.sectionTitle}>
-                  {t('bundle.treemapTitle')}
+                  {t("bundle.treemapTitle")}
                 </react_native_1.Text>
                 <react_native_1.Text style={bundleStyles.sectionSub}>
-                  {t('bundle.treemapSub', { mb: summary.totalMb })}
+                  {t("bundle.treemapSub",{mb:i.totalMb})}
                 </react_native_1.Text>
               </react_native_1.View>
-              <CopyButton_1.default value={() => ({
-                totalMb: summary.totalMb,
-                totalKb: summary.totalKb,
-                nodeModules: {
-                    kb: summary.nodeModulesKb,
-                    pct: summary.nodeModulesPct,
-                },
-                metroRuntime: { kb: summary.metroKb, pct: summary.metroPct },
-                appSource: {
-                    kb: summary.appSourceKb,
-                    pct: summary.appSourcePct,
-                },
-                assetsMedia: {
-                    kb: summary.assetsMediaKb,
-                    pct: summary.assetsMediaPct,
-                },
-            })} label={t('bundle.treemapJson')}/>
+              <CopyButton_1.default value={()=>({totalMb:i.totalMb,totalKb:i.totalKb,nodeModules:{kb:i.nodeModulesKb,pct:i.nodeModulesPct},metroRuntime:{kb:i.metroKb,pct:i.metroPct},appSource:{kb:i.appSourceKb,pct:i.appSourcePct},assetsMedia:{kb:i.assetsMediaKb,pct:i.assetsMediaPct}})}label={t("bundle.treemapJson")}/>
             </react_native_1.View>
 
             
             <react_native_1.View style={bundleStyles.treemapBar}>
-              <react_native_1.View style={{
-                flex: summary.nodeModulesPct,
-                backgroundColor: AppColors_1.AppColors.indigo500,
-                height: 16,
-            }}/>
-              <react_native_1.View style={{
-                flex: summary.metroPct,
-                backgroundColor: AppColors_1.AppColors.amber500,
-                height: 16,
-            }}/>
-              <react_native_1.View style={{
-                flex: summary.appSourcePct,
-                backgroundColor: AppColors_1.AppColors.sky500,
-                height: 16,
-            }}/>
-              <react_native_1.View style={{
-                flex: summary.assetsMediaPct,
-                backgroundColor: AppColors_1.AppColors.pink500,
-                height: 16,
-            }}/>
+              <react_native_1.View style={{flex:i.nodeModulesPct,backgroundColor:AppColors_1.AppColors.indigo500,height:16}}/>
+              <react_native_1.View style={{flex:i.metroPct,backgroundColor:AppColors_1.AppColors.amber500,height:16}}/>
+              <react_native_1.View style={{flex:i.appSourcePct,backgroundColor:AppColors_1.AppColors.sky500,height:16}}/>
+              <react_native_1.View style={{flex:i.assetsMediaPct,backgroundColor:AppColors_1.AppColors.pink500,height:16}}/>
             </react_native_1.View>
 
             
             <react_native_1.View style={bundleStyles.legendGrid}>
               <react_native_1.View style={bundleStyles.legendItem}>
-                <BundleCategoryIcon type="javascript" size={13} color={AppColors_1.AppColors.indigo500}/>
+                <BundleCategoryIcon type="javascript"size={13}color={AppColors_1.AppColors.indigo500}/>
                 <react_native_1.Text style={bundleStyles.legendText}>
-                  Node Modules{' '}
+                  Node Modules{" "}
                   <react_native_1.Text style={bundleStyles.legendVal}>
-                    {summary.nodeModulesKb >= 1024
-                ? `${(summary.nodeModulesKb / 1024).toFixed(1)} MB`
-                : `${summary.nodeModulesKb} KB`}{' '}
-                    ({summary.nodeModulesPct}%)
+                    {i.nodeModulesKb>=1024?`${(i.nodeModulesKb/1024).toFixed(1)} MB`:`${i.nodeModulesKb} KB`}{" "}
+                    ({i.nodeModulesPct}%)
                   </react_native_1.Text>
                 </react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={bundleStyles.legendItem}>
-                <BundleCategoryIcon type="overhead" size={13} color={AppColors_1.AppColors.amber500}/>
+                <BundleCategoryIcon type="overhead"size={13}color={AppColors_1.AppColors.amber500}/>
                 <react_native_1.Text style={bundleStyles.legendText}>
-                  Metro Runtime{' '}
+                  Metro Runtime{" "}
                   <react_native_1.Text style={bundleStyles.legendVal}>
-                    {summary.metroKb >= 1024
-                ? `${(summary.metroKb / 1024).toFixed(1)} MB`
-                : `${summary.metroKb} KB`}{' '}
-                    ({summary.metroPct}%)
+                    {i.metroKb>=1024?`${(i.metroKb/1024).toFixed(1)} MB`:`${i.metroKb} KB`}{" "}
+                    ({i.metroPct}%)
                   </react_native_1.Text>
                 </react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={bundleStyles.legendItem}>
-                <BundleCategoryIcon type="typescript" size={13} color={AppColors_1.AppColors.sky500}/>
+                <BundleCategoryIcon type="typescript"size={13}color={AppColors_1.AppColors.sky500}/>
                 <react_native_1.Text style={bundleStyles.legendText}>
-                  App Source{' '}
+                  App Source{" "}
                   <react_native_1.Text style={bundleStyles.legendVal}>
-                    {summary.appSourceKb >= 1024
-                ? `${(summary.appSourceKb / 1024).toFixed(1)} MB`
-                : `${summary.appSourceKb} KB`}{' '}
-                    ({summary.appSourcePct}%)
+                    {i.appSourceKb>=1024?`${(i.appSourceKb/1024).toFixed(1)} MB`:`${i.appSourceKb} KB`}{" "}
+                    ({i.appSourcePct}%)
                   </react_native_1.Text>
                 </react_native_1.Text>
               </react_native_1.View>
               <react_native_1.View style={bundleStyles.legendItem}>
-                <BundleCategoryIcon type="image" size={13} color={AppColors_1.AppColors.pink500}/>
+                <BundleCategoryIcon type="image"size={13}color={AppColors_1.AppColors.pink500}/>
                 <react_native_1.Text style={bundleStyles.legendText}>
-                  Assets & Media{' '}
+                  Assets & Media{" "}
                   <react_native_1.Text style={bundleStyles.legendVal}>
-                    {summary.assetsMediaKb >= 1024
-                ? `${(summary.assetsMediaKb / 1024).toFixed(1)} MB`
-                : `${summary.assetsMediaKb} KB`}{' '}
-                    ({summary.assetsMediaPct}%)
+                    {i.assetsMediaKb>=1024?`${(i.assetsMediaKb/1024).toFixed(1)} MB`:`${i.assetsMediaKb} KB`}{" "}
+                    ({i.assetsMediaPct}%)
                   </react_native_1.Text>
                 </react_native_1.Text>
               </react_native_1.View>
@@ -1138,97 +398,68 @@ const BundleTab = react_1.default.memo(() => {
           <react_native_1.View style={bundleStyles.sectionCard}>
             <react_native_1.View style={bundleStyles.sectionHeaderRow}>
               <react_native_1.Text style={bundleStyles.sectionTitle}>
-                {t('bundle.categoryBreakdown')}
+                {t("bundle.categoryBreakdown")}
               </react_native_1.Text>
-              <CopyButton_1.default value={() => summary} label={t('bundle.categoriesJson')}/>
+              <CopyButton_1.default value={()=>i}label={t("bundle.categoriesJson")}/>
             </react_native_1.View>
 
-            {summary.categories.map((cat, cIdx) => (<react_native_1.Pressable key={cIdx} accessible={true} accessibilityRole="button" accessibilityLabel={`${cat.title}, ${cat.sizeKb >= 1024 ? `${cat.sizeMb} MB` : `${cat.sizeKb} KB`}, ${cat.pct}% of bundle`} accessibilityHint={`Double tap to view ${cat.title} details`} style={({ pressed }) => [
-                    bundleStyles.catRowCard,
-                    pressed && { opacity: 0.85, transform: [{ scale: 0.99 }] },
-                ]} onPress={() => setActiveSubTab(cat.targetTab)}>
+            {i.categories.map((e,l)=><react_native_1.Pressable key={l}accessible={!0}accessibilityRole="button"accessibilityLabel={`${e.title}, ${e.sizeKb>=1024?`${e.sizeMb} MB`:`${e.sizeKb} KB`}, ${e.pct}% of bundle`}accessibilityHint={`Double tap to view ${e.title} details`}style={({pressed:p})=>[bundleStyles.catRowCard,p&&{opacity:.85,transform:[{scale:.99}]}]}onPress={()=>n(e.targetTab)}>
                 <react_native_1.View style={bundleStyles.catRowTop}>
-                  <react_native_1.View style={[
-                    bundleStyles.catIconBox,
-                    {
-                        backgroundColor: `${cat.color}15`,
-                        borderColor: `${cat.color}30`,
-                    },
-                ]}>
-                    <BundleCategoryIcon type={cat.iconType} size={18} color={cat.color}/>
+                  <react_native_1.View style={[bundleStyles.catIconBox,{backgroundColor:`${e.color}15`,borderColor:`${e.color}30`}]}>
+                    <BundleCategoryIcon type={e.iconType}size={18}color={e.color}/>
                   </react_native_1.View>
 
                   <react_native_1.View style={bundleStyles.catRowTitleWrap}>
-                    <react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                    gap: 6,
-                }}>
-                      <react_native_1.Text style={bundleStyles.catRowTitle} numberOfLines={1}>
-                        {cat.title}
+                    <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:6}}>
+                      <react_native_1.Text style={bundleStyles.catRowTitle}numberOfLines={1}>
+                        {e.title}
                       </react_native_1.Text>
-                      <react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 6,
-                }}>
+                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
                         <react_native_1.Text style={bundleStyles.catRowSize}>
-                          {cat.sizeKb >= 1024
-                    ? `${cat.sizeMb} MB`
-                    : `${cat.sizeKb} KB`}
+                          {e.sizeKb>=1024?`${e.sizeMb} MB`:`${e.sizeKb} KB`}
                         </react_native_1.Text>
-                        <react_native_1.View style={[
-                    bundleStyles.catPctPill,
-                    { backgroundColor: `${cat.color}18` },
-                ]}>
-                          <react_native_1.Text style={[
-                    bundleStyles.catPctText,
-                    { color: cat.color },
-                ]}>
-                            {cat.pct}%
+                        <react_native_1.View style={[bundleStyles.catPctPill,{backgroundColor:`${e.color}18`}]}>
+                          <react_native_1.Text style={[bundleStyles.catPctText,{color:e.color}]}>
+                            {e.pct}%
                           </react_native_1.Text>
                         </react_native_1.View>
                       </react_native_1.View>
                     </react_native_1.View>
 
-                    <react_native_1.Text style={bundleStyles.catRowDesc} numberOfLines={2}>
-                      {cat.count} items • {cat.desc}
+                    <react_native_1.Text style={bundleStyles.catRowDesc}numberOfLines={2}>
+                      {e.count} items • {e.desc}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
 
                 
                 <react_native_1.View style={bundleStyles.catProgressTrack}>
-                  <react_native_1.View style={[
-                    bundleStyles.catProgressBar,
-                    { width: `${cat.pct}%`, backgroundColor: cat.color },
-                ]}/>
+                  <react_native_1.View style={[bundleStyles.catProgressBar,{width:`${e.pct}%`,backgroundColor:e.color}]}/>
                 </react_native_1.View>
-              </react_native_1.Pressable>))}
+              </react_native_1.Pressable>)}
 
             
             <react_native_1.View style={bundleStyles.totalSummaryCard}>
               <react_native_1.View style={bundleStyles.totalSummaryRow}>
                 <react_native_1.View style={bundleStyles.totalSummaryLabelWrap}>
                   <react_native_1.View style={bundleStyles.totalIconBadge}>
-                    <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.brandPurple} size={16}/>
+                    <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.brandPurple}size={16}/>
                   </react_native_1.View>
                   <react_native_1.View>
                     <react_native_1.Text style={bundleStyles.totalSummaryLabel}>
                       TOTAL BUNDLE ASSETS
                     </react_native_1.Text>
                     <react_native_1.Text style={bundleStyles.totalSummarySub}>
-                      {summary.totalCount} Tracked Modules & Media Assets
+                      {i.totalCount} Tracked Modules & Media Assets
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
-                <react_native_1.View style={{ alignItems: 'flex-end' }}>
+                <react_native_1.View style={{alignItems:"flex-end"}}>
                   <react_native_1.Text style={bundleStyles.totalSummaryValue}>
-                    {summary.totalMb} MB
+                    {i.totalMb} MB
                   </react_native_1.Text>
                   <react_native_1.Text style={bundleStyles.totalSummaryKb}>
-                    {summary.totalKb.toLocaleString()} KB
+                    {i.totalKb.toLocaleString()} KB
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
@@ -1236,42 +467,30 @@ const BundleTab = react_1.default.memo(() => {
               
               <react_native_1.View style={bundleStyles.totalFormulaGrid}>
                 <react_native_1.View style={bundleStyles.totalChip}>
-                  <react_native_1.View style={[
-                bundleStyles.totalDot,
-                { backgroundColor: AppColors_1.AppColors.indigo500 },
-            ]}/>
+                  <react_native_1.View style={[bundleStyles.totalDot,{backgroundColor:AppColors_1.AppColors.indigo500}]}/>
                   <react_native_1.Text style={bundleStyles.totalChipText}>
-                    NPM: {(summary.nodeModulesKb / 1024).toFixed(1)}M (
-                    {summary.nodeModulesPct}%)
+                    NPM: {(i.nodeModulesKb/1024).toFixed(1)}M (
+                    {i.nodeModulesPct}%)
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={bundleStyles.totalChip}>
-                  <react_native_1.View style={[
-                bundleStyles.totalDot,
-                { backgroundColor: AppColors_1.AppColors.amber500 },
-            ]}/>
+                  <react_native_1.View style={[bundleStyles.totalDot,{backgroundColor:AppColors_1.AppColors.amber500}]}/>
                   <react_native_1.Text style={bundleStyles.totalChipText}>
-                    Metro: {(summary.metroKb / 1024).toFixed(1)}M (
-                    {summary.metroPct}%)
+                    Metro: {(i.metroKb/1024).toFixed(1)}M (
+                    {i.metroPct}%)
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={bundleStyles.totalChip}>
-                  <react_native_1.View style={[
-                bundleStyles.totalDot,
-                { backgroundColor: AppColors_1.AppColors.sky500 },
-            ]}/>
+                  <react_native_1.View style={[bundleStyles.totalDot,{backgroundColor:AppColors_1.AppColors.sky500}]}/>
                   <react_native_1.Text style={bundleStyles.totalChipText}>
-                    Source: {(summary.appSourceKb / 1024).toFixed(1)}M (
-                    {summary.appSourcePct}%)
+                    Source: {(i.appSourceKb/1024).toFixed(1)}M (
+                    {i.appSourcePct}%)
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={bundleStyles.totalChip}>
-                  <react_native_1.View style={[
-                bundleStyles.totalDot,
-                { backgroundColor: AppColors_1.AppColors.pink500 },
-            ]}/>
+                  <react_native_1.View style={[bundleStyles.totalDot,{backgroundColor:AppColors_1.AppColors.pink500}]}/>
                   <react_native_1.Text style={bundleStyles.totalChipText}>
-                    Media: {summary.assetsMediaKb}K ({summary.assetsMediaPct}%)
+                    Media: {i.assetsMediaKb}K ({i.assetsMediaPct}%)
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
@@ -1281,7 +500,7 @@ const BundleTab = react_1.default.memo(() => {
           
           <react_native_1.View style={bundleStyles.sectionCard}>
             <react_native_1.View style={bundleStyles.sectionHeaderRow}>
-              <react_native_1.View style={{ flex: 1, paddingRight: 4 }}>
+              <react_native_1.View style={{flex:1,paddingRight:4}}>
                 <react_native_1.Text style={bundleStyles.sectionTitle}>
                   Bundle Subsystem Breakdown
                 </react_native_1.Text>
@@ -1290,69 +509,50 @@ const BundleTab = react_1.default.memo(() => {
                   runtime & assets
                 </react_native_1.Text>
               </react_native_1.View>
-              <CopyButton_1.default value={() => ({
-                directPackages: bundlePackages.filter(p => p.type === 'direct').length,
-                transitivePackages: bundlePackages.filter(p => p.type !== 'direct').length,
-                hermesEngine: isHermes ? 'Hermes (Bytecode)' : 'JSC (Source)',
-                jsDevKb: summary.totalKb,
-                jsHermesReleaseKb: Math.round(summary.totalKb * 0.38),
-                appSourceFiles: bundleFiles.filter(f => f.category === 'typescript' ||
-                    f.category === 'javascript').length,
-                mediaAssets: bundleFiles.filter(f => f.category === 'image' ||
-                    f.category === 'font' ||
-                    f.category === 'json').length,
-            })} label="Subsystem Split JSON"/>
+              <CopyButton_1.default value={()=>({directPackages:x.filter(e=>e.type==="direct").length,transitivePackages:x.filter(e=>e.type!=="direct").length,hermesEngine:w?"Hermes (Bytecode)":"JSC (Source)",jsDevKb:i.totalKb,jsHermesReleaseKb:Math.round(i.totalKb*.38),appSourceFiles:d.filter(e=>e.category==="typescript"||e.category==="javascript").length,mediaAssets:d.filter(e=>e.category==="image"||e.category==="font"||e.category==="json").length})}label="Subsystem Split JSON"/>
             </react_native_1.View>
 
             
             <react_native_1.View style={bundleStyles.subsystemCard}>
               <react_native_1.View style={bundleStyles.subsystemHeader}>
-                <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-                  <BundleCategoryIcon type="deps" size={16} color={AppColors_1.AppColors.indigo500}/>
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                  <BundleCategoryIcon type="deps"size={16}color={AppColors_1.AppColors.indigo500}/>
                   <react_native_1.Text style={bundleStyles.subsystemTitle}>
                     NPM & Third-Party Dependencies
                   </react_native_1.Text>
                 </react_native_1.View>
-                <react_native_1.View style={[
-                bundleStyles.subsystemBadge,
-                { backgroundColor: `${AppColors_1.AppColors.indigo500}18` },
-            ]}>
-                  <react_native_1.Text style={[
-                bundleStyles.subsystemBadgeText,
-                { color: AppColors_1.AppColors.indigo500 },
-            ]}>
-                    {(summary.nodeModulesKb / 1024).toFixed(1)} MB •{' '}
-                    {summary.nodeModulesPct}%
+                <react_native_1.View style={[bundleStyles.subsystemBadge,{backgroundColor:`${AppColors_1.AppColors.indigo500}18`}]}>
+                  <react_native_1.Text style={[bundleStyles.subsystemBadgeText,{color:AppColors_1.AppColors.indigo500}]}>
+                    {(i.nodeModulesKb/1024).toFixed(1)} MB •{" "}
+                    {i.nodeModulesPct}%
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
               <react_native_1.View style={bundleStyles.subsystemGrid}>
                 <react_native_1.View style={bundleStyles.subsystemItem}>
                   <react_native_1.Text style={bundleStyles.subsystemItemText}>
-                    Direct:{' '}
+                    Direct:{" "}
                     <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {bundlePackages.filter(p => p.type === 'direct').length ||
-                12}{' '}
+                      {x.filter(e=>e.type==="direct").length||12}{" "}
                       pkgs
                     </react_native_1.Text>
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={bundleStyles.subsystemItem}>
                   <react_native_1.Text style={bundleStyles.subsystemItemText}>
-                    Transitive:{' '}
+                    Transitive:{" "}
                     <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {bundlePackages.filter(p => p.type !== 'direct').length ||
-                41}{' '}
+                      {x.filter(e=>e.type!=="direct").length||41}{" "}
                       pkgs
                     </react_native_1.Text>
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={bundleStyles.subsystemItem}>
                   <react_native_1.Text style={bundleStyles.subsystemItemText}>
-                    Top Package:{' '}
+                    Top Package:{" "}
                     <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {bundlePackages[0]?.name || 'react-native'} (
-                      {bundlePackages[0]?.sizeKb || 1240} KB)
+                      {x[0]?.name||"react-native"} (
+                      {x[0]?.sizeKb||1240} KB)
                     </react_native_1.Text>
                   </react_native_1.Text>
                 </react_native_1.View>
@@ -1362,51 +562,43 @@ const BundleTab = react_1.default.memo(() => {
             
             <react_native_1.View style={bundleStyles.subsystemCard}>
               <react_native_1.View style={bundleStyles.subsystemHeader}>
-                <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-                  <BundleCategoryIcon type="source" size={16} color={AppColors_1.AppColors.sky500}/>
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                  <BundleCategoryIcon type="source"size={16}color={AppColors_1.AppColors.sky500}/>
                   <react_native_1.Text style={bundleStyles.subsystemTitle}>
                     Application Source Code
                   </react_native_1.Text>
                 </react_native_1.View>
-                <react_native_1.View style={[
-                bundleStyles.subsystemBadge,
-                { backgroundColor: `${AppColors_1.AppColors.sky500}18` },
-            ]}>
-                  <react_native_1.Text style={[
-                bundleStyles.subsystemBadgeText,
-                { color: AppColors_1.AppColors.sky500 },
-            ]}>
-                    {(summary.appSourceKb / 1024).toFixed(1)} MB •{' '}
-                    {summary.appSourcePct}%
+                <react_native_1.View style={[bundleStyles.subsystemBadge,{backgroundColor:`${AppColors_1.AppColors.sky500}18`}]}>
+                  <react_native_1.Text style={[bundleStyles.subsystemBadgeText,{color:AppColors_1.AppColors.sky500}]}>
+                    {(i.appSourceKb/1024).toFixed(1)} MB •{" "}
+                    {i.appSourcePct}%
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
               <react_native_1.View style={bundleStyles.subsystemGrid}>
                 <react_native_1.View style={bundleStyles.subsystemItem}>
                   <react_native_1.Text style={bundleStyles.subsystemItemText}>
-                    TypeScript/TSX:{' '}
+                    TypeScript/TSX:{" "}
                     <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {bundleFiles.filter(f => f.category === 'typescript')
-                .length || 14}{' '}
+                      {d.filter(e=>e.category==="typescript").length||14}{" "}
                       files
                     </react_native_1.Text>
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={bundleStyles.subsystemItem}>
                   <react_native_1.Text style={bundleStyles.subsystemItemText}>
-                    JavaScript/JSX:{' '}
+                    JavaScript/JSX:{" "}
                     <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {bundleFiles.filter(f => f.category === 'javascript')
-                .length || 3}{' '}
+                      {d.filter(e=>e.category==="javascript").length||3}{" "}
                       files
                     </react_native_1.Text>
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={bundleStyles.subsystemItem}>
                   <react_native_1.Text style={bundleStyles.subsystemItemText}>
-                    Tracked Modules:{' '}
+                    Tracked Modules:{" "}
                     <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {bundleFiles.length || 18} files
+                      {d.length||18} files
                     </react_native_1.Text>
                   </react_native_1.Text>
                 </react_native_1.View>
@@ -1416,20 +608,14 @@ const BundleTab = react_1.default.memo(() => {
             
             <react_native_1.View style={bundleStyles.subsystemCard}>
               <react_native_1.View style={bundleStyles.subsystemHeader}>
-                <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-                  <BundleCategoryIcon type="bolt" size={16} color={AppColors_1.AppColors.emerald600}/>
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                  <BundleCategoryIcon type="bolt"size={16}color={AppColors_1.AppColors.emerald600}/>
                   <react_native_1.Text style={bundleStyles.subsystemTitle}>
                     Hermes Bytecode Engine
                   </react_native_1.Text>
                 </react_native_1.View>
-                <react_native_1.View style={[
-                bundleStyles.subsystemBadge,
-                { backgroundColor: `${AppColors_1.AppColors.emerald500}18` },
-            ]}>
-                  <react_native_1.Text style={[
-                bundleStyles.subsystemBadgeText,
-                { color: AppColors_1.AppColors.emerald700 },
-            ]}>
+                <react_native_1.View style={[bundleStyles.subsystemBadge,{backgroundColor:`${AppColors_1.AppColors.emerald500}18`}]}>
+                  <react_native_1.Text style={[bundleStyles.subsystemBadgeText,{color:AppColors_1.AppColors.emerald700}]}>
                     ~62% AOT Compression
                   </react_native_1.Text>
                 </react_native_1.View>
@@ -1437,25 +623,25 @@ const BundleTab = react_1.default.memo(() => {
               <react_native_1.View style={bundleStyles.subsystemGrid}>
                 <react_native_1.View style={bundleStyles.subsystemItem}>
                   <react_native_1.Text style={bundleStyles.subsystemItemText}>
-                    Dev JS Size:{' '}
+                    Dev JS Size:{" "}
                     <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {summary.totalMb} MB
+                      {i.totalMb} MB
                     </react_native_1.Text>
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={bundleStyles.subsystemItem}>
                   <react_native_1.Text style={bundleStyles.subsystemItemText}>
-                    Hermes Bytecode:{' '}
+                    Hermes Bytecode:{" "}
                     <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {((summary.totalKb * 0.38) / 1024).toFixed(2)} MB
+                      {(i.totalKb*.38/1024).toFixed(2)} MB
                     </react_native_1.Text>
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={bundleStyles.subsystemItem}>
                   <react_native_1.Text style={bundleStyles.subsystemItemText}>
-                    Execution:{' '}
+                    Execution:{" "}
                     <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {isHermes ? 'Hermes JSI Direct' : 'JSC Standard'}
+                      {w?"Hermes JSI Direct":"JSC Standard"}
                     </react_native_1.Text>
                   </react_native_1.Text>
                 </react_native_1.View>
@@ -1465,51 +651,42 @@ const BundleTab = react_1.default.memo(() => {
             
             <react_native_1.View style={bundleStyles.subsystemCard}>
               <react_native_1.View style={bundleStyles.subsystemHeader}>
-                <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-                  <BundleCategoryIcon type="media" size={16} color={AppColors_1.AppColors.pink500}/>
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                  <BundleCategoryIcon type="media"size={16}color={AppColors_1.AppColors.pink500}/>
                   <react_native_1.Text style={bundleStyles.subsystemTitle}>
                     Images, Fonts & Static Assets
                   </react_native_1.Text>
                 </react_native_1.View>
-                <react_native_1.View style={[
-                bundleStyles.subsystemBadge,
-                { backgroundColor: `${AppColors_1.AppColors.pink500}18` },
-            ]}>
-                  <react_native_1.Text style={[
-                bundleStyles.subsystemBadgeText,
-                { color: AppColors_1.AppColors.pink500 },
-            ]}>
-                    {summary.assetsMediaKb} KB • {summary.assetsMediaPct}%
+                <react_native_1.View style={[bundleStyles.subsystemBadge,{backgroundColor:`${AppColors_1.AppColors.pink500}18`}]}>
+                  <react_native_1.Text style={[bundleStyles.subsystemBadgeText,{color:AppColors_1.AppColors.pink500}]}>
+                    {i.assetsMediaKb} KB • {i.assetsMediaPct}%
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
               <react_native_1.View style={bundleStyles.subsystemGrid}>
                 <react_native_1.View style={bundleStyles.subsystemItem}>
                   <react_native_1.Text style={bundleStyles.subsystemItemText}>
-                    Images & Icons:{' '}
+                    Images & Icons:{" "}
                     <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {bundleFiles.filter(f => f.category === 'image').length ||
-                2}{' '}
+                      {d.filter(e=>e.category==="image").length||2}{" "}
                       assets
                     </react_native_1.Text>
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={bundleStyles.subsystemItem}>
                   <react_native_1.Text style={bundleStyles.subsystemItemText}>
-                    JSON Data:{' '}
+                    JSON Data:{" "}
                     <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {bundleFiles.filter(f => f.category === 'json').length ||
-                1}{' '}
+                      {d.filter(e=>e.category==="json").length||1}{" "}
                       files
                     </react_native_1.Text>
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={bundleStyles.subsystemItem}>
                   <react_native_1.Text style={bundleStyles.subsystemItemText}>
-                    Custom Fonts:{' '}
+                    Custom Fonts:{" "}
                     <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {bundleFiles.filter(f => f.category === 'font').length ||
-                0}{' '}
+                      {d.filter(e=>e.category==="font").length||0}{" "}
                       fonts
                     </react_native_1.Text>
                   </react_native_1.Text>
@@ -1517,91 +694,49 @@ const BundleTab = react_1.default.memo(() => {
               </react_native_1.View>
             </react_native_1.View>
           </react_native_1.View>
-        </react_native_1.ScrollView>)}
+        </react_native_1.ScrollView>}
 
       
       
       
-      {activeSubTab === 'production' && (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
+      {r==="production"&&<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={bundleStyles.contentContainer}keyboardShouldPersistTaps="handled">
           
-          <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={bundleStyles.prodPlatformScroll}>
-            {[
-                {
-                    key: 'ios',
-                    label: 'iOS App (.ipa)',
-                    badge: `${analysis?.production.ios.totalDownloadMb || 111.9} MB`,
-                },
-                {
-                    key: 'androidAab',
-                    label: 'Android AAB (.aab)',
-                    badge: `${analysis?.production.androidAab.totalDownloadMb || 38.5} MB`,
-                },
-                {
-                    key: 'androidApk',
-                    label: 'Universal APK (.apk)',
-                    badge: `${analysis?.production.androidApk.totalInstallMb || 364.0} MB`,
-                },
-            ].map(tab => {
-                const isSelected = prodPlatform === tab.key;
-                return (<TouchableScale_1.default key={tab.key} accessible={true} accessibilityRole="tab" accessibilityLabel={`${tab.label}, ${tab.badge}`} accessibilityState={{ selected: isSelected }} accessibilityHint={`Switches production estimate to ${tab.label}`} onPress={() => setProdPlatform(tab.key)} style={[
-                        bundleStyles.prodPlatformBtn,
-                        isSelected && bundleStyles.prodPlatformBtnActive,
-                    ]}>
-                  <react_native_1.Text style={[
-                        bundleStyles.prodPlatformBtnText,
-                        isSelected && bundleStyles.prodPlatformBtnTextActive,
-                    ]}>
-                    {tab.label}
+          <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={bundleStyles.prodPlatformScroll}>
+            {[{key:"ios",label:"iOS App (.ipa)",badge:`${a?.production.ios.totalDownloadMb||111.9} MB`},{key:"androidAab",label:"Android AAB (.aab)",badge:`${a?.production.androidAab.totalDownloadMb||38.5} MB`},{key:"androidApk",label:"Universal APK (.apk)",badge:`${a?.production.androidApk.totalInstallMb||364} MB`}].map(e=>{const l=o===e.key;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="tab"accessibilityLabel={`${e.label}, ${e.badge}`}accessibilityState={{selected:l}}accessibilityHint={`Switches production estimate to ${e.label}`}onPress={()=>c(e.key)}style={[bundleStyles.prodPlatformBtn,l&&bundleStyles.prodPlatformBtnActive]}>
+                  <react_native_1.Text style={[bundleStyles.prodPlatformBtnText,l&&bundleStyles.prodPlatformBtnTextActive]}>
+                    {e.label}
                   </react_native_1.Text>
-                  <react_native_1.View style={[
-                        bundleStyles.prodPlatformBadge,
-                        isSelected && bundleStyles.prodPlatformBadgeActive,
-                    ]}>
-                    <react_native_1.Text style={[
-                        bundleStyles.prodPlatformBadgeText,
-                        isSelected && bundleStyles.prodPlatformBadgeTextActive,
-                    ]}>
-                      {tab.badge}
+                  <react_native_1.View style={[bundleStyles.prodPlatformBadge,l&&bundleStyles.prodPlatformBadgeActive]}>
+                    <react_native_1.Text style={[bundleStyles.prodPlatformBadgeText,l&&bundleStyles.prodPlatformBadgeTextActive]}>
+                      {e.badge}
                     </react_native_1.Text>
                   </react_native_1.View>
-                </TouchableScale_1.default>);
-            })}
+                </TouchableScale_1.default>})}
           </react_native_1.ScrollView>
 
           
-          {analysis && (<react_native_1.View style={bundleStyles.heroCard}>
+          {a&&<react_native_1.View style={bundleStyles.heroCard}>
               <react_native_1.View style={bundleStyles.heroTopRow}>
                 <react_native_1.View style={bundleStyles.heroIconWrap}>
-                  <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.brandPurple} size={24}/>
+                  <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.brandPurple}size={24}/>
                 </react_native_1.View>
-                <react_native_1.View style={{ flex: 1 }}>
+                <react_native_1.View style={{flex:1}}>
                   <react_native_1.Text style={bundleStyles.heroTitle}>
-                    {prodPlatform === 'ios'
-                    ? 'iOS Production Binary Footprint'
-                    : prodPlatform === 'androidAab'
-                        ? 'Google Play App Bundle (.aab)'
-                        : 'Universal Standalone APK (.apk)'}
+                    {o==="ios"?"iOS Production Binary Footprint":o==="androidAab"?"Google Play App Bundle (.aab)":"Universal Standalone APK (.apk)"}
                   </react_native_1.Text>
                   <react_native_1.Text style={bundleStyles.heroSubtitle}>
-                    {prodPlatform === 'ios'
-                    ? 'App Store install & over-the-air cellular download estimates'
-                    : prodPlatform === 'androidAab'
-                        ? 'Optimized per-device dynamic delivery split APK architecture'
-                        : 'Multi-ABI universal install archive for sideloading & direct distribution'}
+                    {o==="ios"?"App Store install & over-the-air cellular download estimates":o==="androidAab"?"Optimized per-device dynamic delivery split APK architecture":"Multi-ABI universal install archive for sideloading & direct distribution"}
                   </react_native_1.Text>
                 </react_native_1.View>
-                <CopyButton_1.default value={() => analysis.production[prodPlatform]} label="Production Binary JSON"/>
+                <CopyButton_1.default value={()=>a.production[o]}label="Production Binary JSON"/>
               </react_native_1.View>
 
               
               <react_native_1.View style={bundleStyles.metricsGrid}>
                 <react_native_1.View style={bundleStyles.metricBox}>
                   <react_native_1.Text style={bundleStyles.metricLabel}>INSTALL SIZE</react_native_1.Text>
-                  <react_native_1.Text style={[
-                    bundleStyles.metricValue,
-                    { color: AppColors_1.AppColors.purple },
-                ]}>
-                    {analysis.production[prodPlatform].totalInstallMb} MB
+                  <react_native_1.Text style={[bundleStyles.metricValue,{color:AppColors_1.AppColors.purple}]}>
+                    {a.production[o].totalInstallMb} MB
                   </react_native_1.Text>
                   <react_native_1.Text style={bundleStyles.metricHint}>
                     On-device uncompressed footprint
@@ -1610,11 +745,8 @@ const BundleTab = react_1.default.memo(() => {
 
                 <react_native_1.View style={bundleStyles.metricBox}>
                   <react_native_1.Text style={bundleStyles.metricLabel}>DOWNLOAD SIZE</react_native_1.Text>
-                  <react_native_1.Text style={[
-                    bundleStyles.metricValue,
-                    { color: AppColors_1.AppColors.emerald600 },
-                ]}>
-                    ~{analysis.production[prodPlatform].totalDownloadMb} MB
+                  <react_native_1.Text style={[bundleStyles.metricValue,{color:AppColors_1.AppColors.emerald600}]}>
+                    ~{a.production[o].totalDownloadMb} MB
                   </react_native_1.Text>
                   <react_native_1.Text style={bundleStyles.metricHint}>
                     Store network transfer payload
@@ -1623,11 +755,8 @@ const BundleTab = react_1.default.memo(() => {
 
                 <react_native_1.View style={bundleStyles.metricBox}>
                   <react_native_1.Text style={bundleStyles.metricLabel}>COMPRESSION</react_native_1.Text>
-                  <react_native_1.Text style={[
-                    bundleStyles.metricValue,
-                    { color: AppColors_1.AppColors.sky500 },
-                ]}>
-                    {analysis.production[prodPlatform].compressionRatioPct}%
+                  <react_native_1.Text style={[bundleStyles.metricValue,{color:AppColors_1.AppColors.sky500}]}>
+                    {a.production[o].compressionRatioPct}%
                   </react_native_1.Text>
                   <react_native_1.Text style={bundleStyles.metricHint}>
                     Bytecode & asset ratio
@@ -1638,31 +767,20 @@ const BundleTab = react_1.default.memo(() => {
                   <react_native_1.Text style={bundleStyles.metricLabel}>
                     FORMAT ARCHITECTURE
                   </react_native_1.Text>
-                  <react_native_1.Text style={[
-                    bundleStyles.metricValue,
-                    { color: AppColors_1.AppColors.amber700 },
-                ]}>
-                    {prodPlatform === 'ios'
-                    ? 'Mach-O 64-bit'
-                    : prodPlatform === 'androidAab'
-                        ? 'Split APKs'
-                        : 'FAT Multi-ABI'}
+                  <react_native_1.Text style={[bundleStyles.metricValue,{color:AppColors_1.AppColors.amber700}]}>
+                    {o==="ios"?"Mach-O 64-bit":o==="androidAab"?"Split APKs":"FAT Multi-ABI"}
                   </react_native_1.Text>
                   <react_native_1.Text style={bundleStyles.metricHint}>
-                    {prodPlatform === 'ios'
-                    ? 'Apple ARM64 runtime'
-                    : prodPlatform === 'androidAab'
-                        ? 'Dynamic Google Play delivery'
-                        : 'Sideload universal package'}
+                    {o==="ios"?"Apple ARM64 runtime":o==="androidAab"?"Dynamic Google Play delivery":"Sideload universal package"}
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
-            </react_native_1.View>)}
+            </react_native_1.View>}
 
           
-          {analysis && (<react_native_1.View style={bundleStyles.sectionCard}>
+          {a&&<react_native_1.View style={bundleStyles.sectionCard}>
               <react_native_1.View style={bundleStyles.sectionHeaderRow}>
-                <react_native_1.View style={{ flex: 1, paddingRight: 4 }}>
+                <react_native_1.View style={{flex:1,paddingRight:4}}>
                   <react_native_1.Text style={bundleStyles.sectionTitle}>
                     Binary Component Architecture
                   </react_native_1.Text>
@@ -1671,137 +789,81 @@ const BundleTab = react_1.default.memo(() => {
                     signature blocks
                   </react_native_1.Text>
                 </react_native_1.View>
-                <CopyButton_1.default value={() => analysis.production[prodPlatform].components} label="Components JSON"/>
+                <CopyButton_1.default value={()=>a.production[o].components}label="Components JSON"/>
               </react_native_1.View>
 
               
               <react_native_1.View style={bundleStyles.prodTreemapBar}>
-                {analysis.production[prodPlatform].components.map((comp, cIdx) => (<react_native_1.View key={cIdx} style={{
-                        flex: Math.max(comp.pct, 2),
-                        backgroundColor: comp.color,
-                        height: 16,
-                    }}/>))}
+                {a.production[o].components.map((e,l)=><react_native_1.View key={l}style={{flex:Math.max(e.pct,2),backgroundColor:e.color,height:16}}/>)}
               </react_native_1.View>
 
               
-              <react_native_1.View style={[bundleStyles.legendGrid, { marginBottom: 12 }]}>
-                {analysis.production[prodPlatform].components.map((comp, cIdx) => (<react_native_1.View key={cIdx} style={bundleStyles.legendItem}>
-                      <react_native_1.View style={{
-                        width: 8,
-                        height: 8,
-                        borderRadius: 4,
-                        backgroundColor: comp.color,
-                    }}/>
-                      <react_native_1.Text style={bundleStyles.legendText} numberOfLines={1}>
-                        {comp.name}{' '}
+              <react_native_1.View style={[bundleStyles.legendGrid,{marginBottom:12}]}>
+                {a.production[o].components.map((e,l)=><react_native_1.View key={l}style={bundleStyles.legendItem}>
+                      <react_native_1.View style={{width:8,height:8,borderRadius:4,backgroundColor:e.color}}/>
+                      <react_native_1.Text style={bundleStyles.legendText}numberOfLines={1}>
+                        {e.name}{" "}
                         <react_native_1.Text style={bundleStyles.legendVal}>
-                          {comp.sizeMb} MB ({comp.pct}%)
+                          {e.sizeMb} MB ({e.pct}%)
                         </react_native_1.Text>
                       </react_native_1.Text>
-                    </react_native_1.View>))}
+                    </react_native_1.View>)}
               </react_native_1.View>
 
-              {analysis.production[prodPlatform].components.map((comp, idx) => (<react_native_1.View key={idx} style={bundleStyles.catRowCard}>
+              {a.production[o].components.map((e,l)=><react_native_1.View key={l}style={bundleStyles.catRowCard}>
                   <react_native_1.View style={bundleStyles.catRowTop}>
-                    <react_native_1.View style={[
-                        bundleStyles.catIconBox,
-                        {
-                            backgroundColor: `${comp.color}15`,
-                            borderColor: `${comp.color}30`,
-                        },
-                    ]}>
-                      <BundleCategoryIcon type={comp.category === 'native'
-                        ? 'source'
-                        : comp.category === 'frameworks'
-                            ? 'deps'
-                            : comp.category === 'assets'
-                                ? 'media'
-                                : comp.category === 'js'
-                                    ? 'javascript'
-                                    : 'overhead'} size={18} color={comp.color}/>
+                    <react_native_1.View style={[bundleStyles.catIconBox,{backgroundColor:`${e.color}15`,borderColor:`${e.color}30`}]}>
+                      <BundleCategoryIcon type={e.category==="native"?"source":e.category==="frameworks"?"deps":e.category==="assets"?"media":e.category==="js"?"javascript":"overhead"}size={18}color={e.color}/>
                     </react_native_1.View>
 
                     <react_native_1.View style={bundleStyles.catRowTitleWrap}>
-                      <react_native_1.View style={{
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        justifyContent: 'space-between',
-                        gap: 6,
-                    }}>
-                        <react_native_1.Text style={bundleStyles.catRowTitle} numberOfLines={1}>
-                          {comp.name}
+                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:6}}>
+                        <react_native_1.Text style={bundleStyles.catRowTitle}numberOfLines={1}>
+                          {e.name}
                         </react_native_1.Text>
-                        <react_native_1.View style={{
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        gap: 6,
-                    }}>
+                        <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
                           <react_native_1.Text style={bundleStyles.catRowSize}>
-                            {comp.sizeMb} MB
+                            {e.sizeMb} MB
                           </react_native_1.Text>
-                          <react_native_1.View style={[
-                        bundleStyles.catPctPill,
-                        { backgroundColor: `${comp.color}18` },
-                    ]}>
-                            <react_native_1.Text style={[
-                        bundleStyles.catPctText,
-                        { color: comp.color },
-                    ]}>
-                              {comp.pct}%
+                          <react_native_1.View style={[bundleStyles.catPctPill,{backgroundColor:`${e.color}18`}]}>
+                            <react_native_1.Text style={[bundleStyles.catPctText,{color:e.color}]}>
+                              {e.pct}%
                             </react_native_1.Text>
                           </react_native_1.View>
                         </react_native_1.View>
                       </react_native_1.View>
 
-                      <react_native_1.Text style={bundleStyles.catRowDesc} numberOfLines={2}>
-                        {comp.description}
+                      <react_native_1.Text style={bundleStyles.catRowDesc}numberOfLines={2}>
+                        {e.description}
                       </react_native_1.Text>
                     </react_native_1.View>
                   </react_native_1.View>
 
                   <react_native_1.View style={bundleStyles.catProgressTrack}>
-                    <react_native_1.View style={[
-                        bundleStyles.catProgressBar,
-                        { width: `${comp.pct}%`, backgroundColor: comp.color },
-                    ]}/>
+                    <react_native_1.View style={[bundleStyles.catProgressBar,{width:`${e.pct}%`,backgroundColor:e.color}]}/>
                   </react_native_1.View>
 
-                  {comp.advice ? (<react_native_1.View style={[
-                            bundleStyles.adviceBadge,
-                            bundleStyles.adviceOptimal,
-                            { marginTop: 6 },
-                        ]}>
-                      <NetworkIcons_1.LightbulbIcon color={AppColors_1.AppColors.emerald700} size={13}/>
-                      <react_native_1.Text style={[
-                            bundleStyles.adviceText,
-                            { color: AppColors_1.AppColors.emerald700, flex: 1, marginLeft: 4 },
-                        ]}>
-                        {comp.advice}
+                  {e.advice?<react_native_1.View style={[bundleStyles.adviceBadge,bundleStyles.adviceOptimal,{marginTop:6}]}>
+                      <NetworkIcons_1.LightbulbIcon color={AppColors_1.AppColors.emerald700}size={13}/>
+                      <react_native_1.Text style={[bundleStyles.adviceText,{color:AppColors_1.AppColors.emerald700,flex:1,marginLeft:4}]}>
+                        {e.advice}
                       </react_native_1.Text>
-                    </react_native_1.View>) : null}
-                </react_native_1.View>))}
+                    </react_native_1.View>:null}
+                </react_native_1.View>)}
 
               
               <react_native_1.View style={bundleStyles.totalSummaryCard}>
                 <react_native_1.View style={bundleStyles.totalSummaryRow}>
                   <react_native_1.View style={bundleStyles.totalSummaryLabelWrap}>
                     <react_native_1.View style={bundleStyles.totalIconBadge}>
-                      <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.brandPurple} size={16}/>
+                      <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.brandPurple}size={16}/>
                     </react_native_1.View>
                     <react_native_1.View>
                       <react_native_1.Text style={bundleStyles.totalSummaryLabel}>
-                        {prodPlatform === 'ios'
-                    ? 'TOTAL IOS APP BINARY'
-                    : prodPlatform === 'androidAab'
-                        ? 'TOTAL ANDROID AAB BUNDLE'
-                        : 'TOTAL UNIVERSAL APK'}
+                        {o==="ios"?"TOTAL IOS APP BINARY":o==="androidAab"?"TOTAL ANDROID AAB BUNDLE":"TOTAL UNIVERSAL APK"}
                       </react_native_1.Text>
                       <react_native_1.Text style={bundleStyles.totalSummarySub}>
-                        {prodPlatform === 'ios'
-                    ? 'App Store install & cellular download estimates'
-                    : prodPlatform === 'androidAab'
-                        ? 'Google Play dynamic delivery split APK'
-                        : 'Universal standalone sideload package'}
+                        {o==="ios"?"App Store install & cellular download estimates":o==="androidAab"?"Google Play dynamic delivery split APK":"Universal standalone sideload package"}
                       </react_native_1.Text>
                     </react_native_1.View>
                   </react_native_1.View>
@@ -1810,1855 +872,426 @@ const BundleTab = react_1.default.memo(() => {
                 
                 <react_native_1.View style={bundleStyles.totalFormulaGrid}>
                   <react_native_1.View style={bundleStyles.totalChip}>
-                    <react_native_1.View style={[
-                    bundleStyles.totalDot,
-                    { backgroundColor: AppColors_1.AppColors.purple },
-                ]}/>
+                    <react_native_1.View style={[bundleStyles.totalDot,{backgroundColor:AppColors_1.AppColors.purple}]}/>
                     <react_native_1.Text style={bundleStyles.totalChipText}>
-                      Install:{' '}
-                      {analysis.production[prodPlatform].totalInstallMb} MB
+                      Install:{" "}
+                      {a.production[o].totalInstallMb} MB
                     </react_native_1.Text>
                   </react_native_1.View>
                   <react_native_1.View style={bundleStyles.totalChip}>
-                    <react_native_1.View style={[
-                    bundleStyles.totalDot,
-                    { backgroundColor: AppColors_1.AppColors.sky500 },
-                ]}/>
+                    <react_native_1.View style={[bundleStyles.totalDot,{backgroundColor:AppColors_1.AppColors.sky500}]}/>
                     <react_native_1.Text style={bundleStyles.totalChipText}>
                       Download: ~
-                      {analysis.production[prodPlatform].totalDownloadMb} MB
+                      {a.production[o].totalDownloadMb} MB
                     </react_native_1.Text>
                   </react_native_1.View>
                   <react_native_1.View style={bundleStyles.totalChip}>
-                    <react_native_1.View style={[
-                    bundleStyles.totalDot,
-                    { backgroundColor: AppColors_1.AppColors.emerald500 },
-                ]}/>
+                    <react_native_1.View style={[bundleStyles.totalDot,{backgroundColor:AppColors_1.AppColors.emerald500}]}/>
                     <react_native_1.Text style={bundleStyles.totalChipText}>
-                      Compression:{' '}
-                      {analysis.production[prodPlatform].compressionRatioPct}%
+                      Compression:{" "}
+                      {a.production[o].compressionRatioPct}%
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
               </react_native_1.View>
-            </react_native_1.View>)}
-        </react_native_1.ScrollView>)}
+            </react_native_1.View>}
+        </react_native_1.ScrollView>}
 
       
       
       
-      {activeSubTab === 'files' && (<react_native_1.View style={{ flex: 1 }}>
+      {r==="files"&&<react_native_1.View style={{flex:1}}>
           
           <react_native_1.View style={bundleStyles.filterContainer}>
             <react_native_1.View style={bundleStyles.searchRow}>
-              <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak} size={15}/>
-              <react_native_1.TextInput accessible={true} accessibilityRole="search" accessibilityLabel="Search files" accessibilityHint="Type a filename, path, or extension to filter" placeholder={t('bundle.searchFilesPlaceholder')} placeholderTextColor={AppColors_1.AppColors.grayTextWeak} value={search} onChangeText={setSearch} style={bundleStyles.searchInput} autoCorrect={false} autoCapitalize="none"/>
-              {search.length > 0 && (<react_native_1.Pressable accessible={true} accessibilityRole="button" accessibilityLabel="Clear search input" onPress={() => setSearch('')} hitSlop={10}>
-                  <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak} size={14}/>
-                </react_native_1.Pressable>)}
-              <CopyButton_1.default value={() => filteredFiles} label={t('bundle.filteredFilesJson')}/>
+              <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak}size={15}/>
+              <react_native_1.TextInput accessible={!0}accessibilityRole="search"accessibilityLabel="Search files"accessibilityHint="Type a filename, path, or extension to filter"placeholder={t("bundle.searchFilesPlaceholder")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={s}onChangeText={y}style={bundleStyles.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+              {s.length>0&&<react_native_1.Pressable accessible={!0}accessibilityRole="button"accessibilityLabel="Clear search input"onPress={()=>y("")}hitSlop={10}>
+                  <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
+                </react_native_1.Pressable>}
+              <CopyButton_1.default value={()=>T}label={t("bundle.filteredFilesJson")}/>
             </react_native_1.View>
 
             
-            <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={bundleStyles.categoryPillsScroll}>
-              {CATEGORY_TABS.map(tab => {
-                const isActive = activeCategory === tab.key;
-                const count = tab.key === 'ALL'
-                    ? bundleFiles.length
-                    : tab.key === 'UNUSED'
-                        ? bundleFiles.filter(f => f.isConsumed === false).length
-                        : tab.key === 'CONSUMED'
-                            ? bundleFiles.filter(f => f.isConsumed !== false).length
-                            : bundleFiles.filter(f => f.category === tab.key).length;
-                return (<TouchableScale_1.default key={tab.key} accessible={true} accessibilityRole="button" accessibilityLabel={`Filter by ${t(tab.labelKey)}, ${count} items`} accessibilityState={{ selected: isActive }} accessibilityHint={`Filters files list to ${t(tab.labelKey)}`} onPress={() => setActiveCategory(tab.key)} style={[
-                        bundleStyles.catPill,
-                        isActive && bundleStyles.catPillActive,
-                        tab.key === 'UNUSED' &&
-                            isActive && {
-                            backgroundColor: AppColors_1.AppColors.red500,
-                            borderColor: AppColors_1.AppColors.red600,
-                        },
-                        tab.key === 'CONSUMED' &&
-                            isActive && {
-                            backgroundColor: AppColors_1.AppColors.emerald600,
-                            borderColor: AppColors_1.AppColors.emerald700,
-                        },
-                    ]}>
-                    <BundleCategoryIcon type={tab.iconType} size={12} color={isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayTextStrong}/>
-                    <react_native_1.Text style={[
-                        bundleStyles.catPillText,
-                        isActive && bundleStyles.catPillTextActive,
-                    ]}>
-                      {t(tab.labelKey)} ({count})
+            <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={bundleStyles.categoryPillsScroll}>
+              {CATEGORY_TABS.map(e=>{const l=u===e.key,p=e.key==="ALL"?d.length:e.key==="UNUSED"?d.filter(g=>g.isConsumed===!1).length:e.key==="CONSUMED"?d.filter(g=>g.isConsumed!==!1).length:d.filter(g=>g.category===e.key).length;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Filter by ${t(e.labelKey)}, ${p} items`}accessibilityState={{selected:l}}accessibilityHint={`Filters files list to ${t(e.labelKey)}`}onPress={()=>_(e.key)}style={[bundleStyles.catPill,l&&bundleStyles.catPillActive,e.key==="UNUSED"&&l&&{backgroundColor:AppColors_1.AppColors.red500,borderColor:AppColors_1.AppColors.red600},e.key==="CONSUMED"&&l&&{backgroundColor:AppColors_1.AppColors.emerald600,borderColor:AppColors_1.AppColors.emerald700}]}>
+                    <BundleCategoryIcon type={e.iconType}size={12}color={l?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextStrong}/>
+                    <react_native_1.Text style={[bundleStyles.catPillText,l&&bundleStyles.catPillTextActive]}>
+                      {t(e.labelKey)} ({p})
                     </react_native_1.Text>
-                  </TouchableScale_1.default>);
-            })}
+                  </TouchableScale_1.default>})}
             </react_native_1.ScrollView>
           </react_native_1.View>
 
           
-          <react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
+          <react_native_1.ScrollView style={{flex:1}}contentContainerStyle={bundleStyles.contentContainer}keyboardShouldPersistTaps="handled">
             
             <react_native_1.View style={bundleStyles.treeHeaderRow}>
               <react_native_1.View style={bundleStyles.viewModeToggleGroup}>
-                <TouchableScale_1.default accessible={true} accessibilityRole="button" accessibilityLabel="Tree folder view" accessibilityState={{ selected: filesViewMode === 'tree' }} onPress={() => setFilesViewMode('tree')} style={[
-                bundleStyles.viewModeBtn,
-                filesViewMode === 'tree' && bundleStyles.viewModeBtnActive,
-            ]}>
-                  <react_native_1.Text style={[
-                bundleStyles.viewModeBtnText,
-                filesViewMode === 'tree' &&
-                    bundleStyles.viewModeBtnTextActive,
-            ]}>
-                    {t('bundle.treeView')}
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Tree folder view"accessibilityState={{selected:f==="tree"}}onPress={()=>L("tree")}style={[bundleStyles.viewModeBtn,f==="tree"&&bundleStyles.viewModeBtnActive]}>
+                  <react_native_1.Text style={[bundleStyles.viewModeBtnText,f==="tree"&&bundleStyles.viewModeBtnTextActive]}>
+                    {t("bundle.treeView")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
-                <TouchableScale_1.default accessible={true} accessibilityRole="button" accessibilityLabel="Flat list view" accessibilityState={{ selected: filesViewMode === 'list' }} onPress={() => setFilesViewMode('list')} style={[
-                bundleStyles.viewModeBtn,
-                filesViewMode === 'list' && bundleStyles.viewModeBtnActive,
-            ]}>
-                  <react_native_1.Text style={[
-                bundleStyles.viewModeBtnText,
-                filesViewMode === 'list' &&
-                    bundleStyles.viewModeBtnTextActive,
-            ]}>
-                    {t('bundle.flatList')}
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Flat list view"accessibilityState={{selected:f==="list"}}onPress={()=>L("list")}style={[bundleStyles.viewModeBtn,f==="list"&&bundleStyles.viewModeBtnActive]}>
+                  <react_native_1.Text style={[bundleStyles.viewModeBtnText,f==="list"&&bundleStyles.viewModeBtnTextActive]}>
+                    {t("bundle.flatList")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
               </react_native_1.View>
 
-              {filesViewMode === 'tree' ? (<react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
-                  <TouchableScale_1.default accessible={true} accessibilityRole="button" accessibilityLabel="Expand all folders" onPress={expandAllFolders}>
+              {f==="tree"?<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
+                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Expand all folders"onPress={$}>
                     <react_native_1.Text style={bundleStyles.treeActionLink}>
-                      {t('bundle.expand')}
+                      {t("bundle.expand")}
                     </react_native_1.Text>
                   </TouchableScale_1.default>
-                  <react_native_1.Text style={{ color: AppColors_1.AppColors.grayTextWeak, fontSize: 11 }}>
+                  <react_native_1.Text style={{color:AppColors_1.AppColors.grayTextWeak,fontSize:11}}>
                     •
                   </react_native_1.Text>
-                  <TouchableScale_1.default accessible={true} accessibilityRole="button" accessibilityLabel="Collapse all folders" onPress={collapseAllFolders}>
+                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Collapse all folders"onPress={O}>
                     <react_native_1.Text style={bundleStyles.treeActionLink}>
-                      {t('bundle.collapse')}
+                      {t("bundle.collapse")}
                     </react_native_1.Text>
                   </TouchableScale_1.default>
-                </react_native_1.View>) : (<react_native_1.Text style={bundleStyles.listHeaderCount}>
-                  {t('bundle.showingFilesOf', {
-                    shown: filteredFiles.length,
-                    total: bundleFiles.length,
-                })}
-                </react_native_1.Text>)}
+                </react_native_1.View>:<react_native_1.Text style={bundleStyles.listHeaderCount}>
+                  {t("bundle.showingFilesOf",{shown:T.length,total:d.length})}
+                </react_native_1.Text>}
             </react_native_1.View>
 
             
-            {filesViewMode === 'tree' ? (<react_native_1.View style={bundleStyles.treeRootCard}>
-                {fileTreeNodes.map((node, nIdx) => (<BundleTreeNodeView key={node.id} node={node} level={0} search={search} totalBundleKb={summary.totalKb} expandedFolders={expandedFolders} toggleFolder={toggleFolder} isLastChild={nIdx === fileTreeNodes.length - 1} onDownload={f => (0, exports.downloadBundleFile)(f, analysis?.scriptURL)}/>))}
-              </react_native_1.View>) : (filteredFiles.map((file, index) => {
-                const categoryMeta = CATEGORY_COLORS[file.category] || CATEGORY_COLORS.typescript;
-                const pctOfTotal = ((file.sizeKb / summary.totalKb) *
-                    100).toFixed(1);
-                const isUnused = file.isConsumed === false;
-                return (<react_native_1.View key={file.id} style={[
-                        bundleStyles.fileCard,
-                        isUnused && bundleStyles.treeFileCardUnused,
-                    ]}>
+            {f==="tree"?<react_native_1.View style={bundleStyles.treeRootCard}>
+                {A.map((e,l)=><BundleTreeNodeView key={e.id}node={e}level={0}search={s}totalBundleKb={i.totalKb}expandedFolders={D}toggleFolder={K}isLastChild={l===A.length-1}onDownload={p=>(0,exports.downloadBundleFile)(p,a?.scriptURL)}/>)}
+              </react_native_1.View>:T.map((e,l)=>{const p=CATEGORY_COLORS[e.category]||CATEGORY_COLORS.typescript,g=(e.sizeKb/i.totalKb*100).toFixed(1),C=e.isConsumed===!1;return<react_native_1.View key={e.id}style={[bundleStyles.fileCard,C&&bundleStyles.treeFileCardUnused]}>
                     <react_native_1.View style={bundleStyles.fileCardTop}>
                       <react_native_1.View style={bundleStyles.sNoBadge}>
-                        <react_native_1.Text style={bundleStyles.sNoText}>#{index + 1}</react_native_1.Text>
+                        <react_native_1.Text style={bundleStyles.sNoText}>#{l+1}</react_native_1.Text>
                       </react_native_1.View>
 
-                      <MediaPreviewThumbnail file={file}/>
-
-                      <react_native_1.View style={{ flex: 1, paddingHorizontal: 4 }}>
-                        <react_native_1.View style={{
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        gap: 6,
-                        flexWrap: 'wrap',
-                    }}>
-                          <HighlightText_1.default text={file.name} search={search} style={bundleStyles.fileName} highlightStyle={bundleStyles.searchHighlight}/>
-                          {isUnused ? (<react_native_1.View style={bundleStyles.unusedBadge}>
+                      <MediaPreviewThumbnail file={e}/>
+
+                      <react_native_1.View style={{flex:1,paddingHorizontal:4}}>
+                        <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"}}>
+                          <HighlightText_1.default text={e.name}search={s}style={bundleStyles.fileName}highlightStyle={bundleStyles.searchHighlight}/>
+                          {C?<react_native_1.View style={bundleStyles.unusedBadge}>
                               <react_native_1.Text style={bundleStyles.unusedBadgeText}>
-                                {t('bundle.notConsumed')}
+                                {t("bundle.notConsumed")}
                               </react_native_1.Text>
-                            </react_native_1.View>) : (<react_native_1.View style={bundleStyles.consumedBadge}>
+                            </react_native_1.View>:<react_native_1.View style={bundleStyles.consumedBadge}>
                               <react_native_1.Text style={bundleStyles.consumedBadgeText}>
-                                {t('bundle.consumed')}
+                                {t("bundle.consumed")}
                               </react_native_1.Text>
-                            </react_native_1.View>)}
+                            </react_native_1.View>}
                         </react_native_1.View>
-                        <HighlightText_1.default text={file.path} search={search} style={bundleStyles.filePath} highlightStyle={bundleStyles.searchHighlight} numberOfLines={1}/>
+                        <HighlightText_1.default text={e.path}search={s}style={bundleStyles.filePath}highlightStyle={bundleStyles.searchHighlight}numberOfLines={1}/>
                       </react_native_1.View>
 
-                      <react_native_1.View style={{
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        gap: 6,
-                    }}>
+                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
                         <react_native_1.View style={bundleStyles.fileSizeBox}>
-                          <react_native_1.Text style={[
-                        bundleStyles.fileSizeKb,
-                        isUnused && { color: AppColors_1.AppColors.amber800Warm },
-                    ]}>
-                            {file.sizeKb >= 1024
-                        ? t('bundle.fileSizeMb', {
-                            size: (file.sizeKb / 1024).toFixed(2),
-                        })
-                        : t('bundle.fileSizeKb', { size: file.sizeKb })}
+                          <react_native_1.Text style={[bundleStyles.fileSizeKb,C&&{color:AppColors_1.AppColors.amber800Warm}]}>
+                            {e.sizeKb>=1024?t("bundle.fileSizeMb",{size:(e.sizeKb/1024).toFixed(2)}):t("bundle.fileSizeKb",{size:e.sizeKb})}
                           </react_native_1.Text>
                           <react_native_1.Text style={bundleStyles.filePercent}>
-                            {pctOfTotal}%
+                            {g}%
                           </react_native_1.Text>
                         </react_native_1.View>
-                        <TouchableScale_1.default onPress={() => (0, exports.downloadBundleFile)(file, analysis?.scriptURL)} style={bundleStyles.downloadFileBtn} hitSlop={8}>
-                          <NetworkIcons_1.DownloadIcon size={14} color={AppColors_1.AppColors.sky500}/>
+                        <TouchableScale_1.default onPress={()=>(0,exports.downloadBundleFile)(e,a?.scriptURL)}style={bundleStyles.downloadFileBtn}hitSlop={8}>
+                          <NetworkIcons_1.DownloadIcon size={14}color={AppColors_1.AppColors.sky500}/>
                         </TouchableScale_1.default>
-                        <CopyButton_1.default value={() => file} label={t('bundle.fileDetailsJson')}/>
+                        <CopyButton_1.default value={()=>e}label={t("bundle.fileDetailsJson")}/>
                       </react_native_1.View>
                     </react_native_1.View>
 
                     <react_native_1.View style={bundleStyles.fileProgressTrack}>
-                      <react_native_1.View style={[
-                        bundleStyles.fileProgressBar,
-                        {
-                            width: `${Math.min(100, Math.max(4, Number(pctOfTotal) * 4))}%`,
-                            backgroundColor: isUnused
-                                ? AppColors_1.AppColors.red500
-                                : categoryMeta.color,
-                        },
-                    ]}/>
+                      <react_native_1.View style={[bundleStyles.fileProgressBar,{width:`${Math.min(100,Math.max(4,Number(g)*4))}%`,backgroundColor:C?AppColors_1.AppColors.red500:p.color}]}/>
                     </react_native_1.View>
 
                     <react_native_1.View style={bundleStyles.fileCardBottom}>
-                      <react_native_1.Text style={bundleStyles.fileMetaText}>{file.meta}</react_native_1.Text>
-                      {file.advice && (<react_native_1.View style={[
-                            bundleStyles.adviceBadge,
-                            file.status === 'warning' &&
-                                bundleStyles.adviceWarning,
-                            file.status === 'optimal' &&
-                                bundleStyles.adviceOptimal,
-                            isUnused && bundleStyles.adviceUnused,
-                        ]}>
-                          {isUnused ? (<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.red600} size={12}/>) : file.status === 'warning' ? (<NetworkIcons_1.LightbulbIcon color={AppColors_1.AppColors.amber800Warm} size={12}/>) : (<NetworkIcons_1.SparkleIcon color={AppColors_1.AppColors.emerald700} size={12}/>)}
-                          <react_native_1.Text style={[
-                            bundleStyles.adviceText,
-                            file.status === 'warning' && {
-                                color: AppColors_1.AppColors.amber800Warm,
-                            },
-                            file.status === 'optimal' && {
-                                color: AppColors_1.AppColors.emerald700,
-                            },
-                            isUnused && { color: AppColors_1.AppColors.red600 },
-                        ]}>
-                            {file.advice}
+                      <react_native_1.Text style={bundleStyles.fileMetaText}>{e.meta}</react_native_1.Text>
+                      {e.advice&&<react_native_1.View style={[bundleStyles.adviceBadge,e.status==="warning"&&bundleStyles.adviceWarning,e.status==="optimal"&&bundleStyles.adviceOptimal,C&&bundleStyles.adviceUnused]}>
+                          {C?<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.red600}size={12}/>:e.status==="warning"?<NetworkIcons_1.LightbulbIcon color={AppColors_1.AppColors.amber800Warm}size={12}/>:<NetworkIcons_1.SparkleIcon color={AppColors_1.AppColors.emerald700}size={12}/>}
+                          <react_native_1.Text style={[bundleStyles.adviceText,e.status==="warning"&&{color:AppColors_1.AppColors.amber800Warm},e.status==="optimal"&&{color:AppColors_1.AppColors.emerald700},C&&{color:AppColors_1.AppColors.red600}]}>
+                            {e.advice}
                           </react_native_1.Text>
-                        </react_native_1.View>)}
+                        </react_native_1.View>}
                     </react_native_1.View>
-                  </react_native_1.View>);
-            }))}
+                  </react_native_1.View>})}
           </react_native_1.ScrollView>
 
           
           <react_native_1.View style={bundleStyles.stickyFooterBar}>
-            <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-              <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple} size={14}/>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+              <NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={14}/>
               <react_native_1.Text style={bundleStyles.footerTitle}>
-                {t('bundle.filesOf', {
-                count: filteredFiles.length,
-                total: summary.totalCount,
-            })}
+                {t("bundle.filesOf",{count:T.length,total:i.totalCount})}
               </react_native_1.Text>
             </react_native_1.View>
             <react_native_1.Text style={bundleStyles.footerSizeVal}>
-              {t('bundle.kbMbValue', {
-                kb: filteredTotalKb,
-                mb: (filteredTotalKb / 1024).toFixed(2),
-            })}
+              {t("bundle.kbMbValue",{kb:R,mb:(R/1024).toFixed(2)})}
             </react_native_1.Text>
           </react_native_1.View>
-        </react_native_1.View>)}
+        </react_native_1.View>}
 
       
       
       
-      {activeSubTab === 'packages' && (<react_native_1.View style={{ flex: 1 }}>
-          <react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
+      {r==="packages"&&<react_native_1.View style={{flex:1}}>
+          <react_native_1.ScrollView style={{flex:1}}contentContainerStyle={bundleStyles.contentContainer}keyboardShouldPersistTaps="handled">
             <react_native_1.View style={bundleStyles.filterContainer}>
               <react_native_1.View style={bundleStyles.searchRow}>
-                <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak} size={15}/>
-                <react_native_1.TextInput accessible={true} accessibilityRole="search" accessibilityLabel="Search packages" accessibilityHint="Type a package name or description to filter" placeholder={t('bundle.searchPackagesPlaceholder')} placeholderTextColor={AppColors_1.AppColors.grayTextWeak} value={search} onChangeText={setSearch} style={bundleStyles.searchInput} autoCorrect={false} autoCapitalize="none"/>
-                {search.length > 0 && (<react_native_1.Pressable accessible={true} accessibilityRole="button" accessibilityLabel="Clear search input" onPress={() => setSearch('')} hitSlop={10}>
-                    <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak} size={14}/>
-                  </react_native_1.Pressable>)}
-                <CopyButton_1.default value={() => filteredPackages} label={t('bundle.dependenciesJson')}/>
+                <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak}size={15}/>
+                <react_native_1.TextInput accessible={!0}accessibilityRole="search"accessibilityLabel="Search packages"accessibilityHint="Type a package name or description to filter"placeholder={t("bundle.searchPackagesPlaceholder")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={s}onChangeText={y}style={bundleStyles.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+                {s.length>0&&<react_native_1.Pressable accessible={!0}accessibilityRole="button"accessibilityLabel="Clear search input"onPress={()=>y("")}hitSlop={10}>
+                    <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
+                  </react_native_1.Pressable>}
+                <CopyButton_1.default value={()=>S}label={t("bundle.dependenciesJson")}/>
               </react_native_1.View>
             </react_native_1.View>
 
             <react_native_1.Text style={bundleStyles.listHeaderCount}>
-              {t('bundle.showingDependencies', {
-                count: filteredPackages.length,
-            })}
+              {t("bundle.showingDependencies",{count:S.length})}
             </react_native_1.Text>
 
-            {filteredPackages.map((pkg, index) => {
-                const cleanInstalledVersion = pkg.version
-                    ? pkg.version.replace(/^\^/, '')
-                    : '';
-                const hasUpdate = !!pkg.latestVersion &&
-                    !!cleanInstalledVersion &&
-                    pkg.latestVersion !== cleanInstalledVersion;
-                return (<react_native_1.View key={pkg.id} style={[
-                        bundleStyles.fileCard,
-                        pkg.isDeprecated && {
-                            borderColor: AppColors_1.AppColors.errorBorder,
-                            backgroundColor: AppColors_1.AppColors.errorCardBg,
-                        },
-                    ]}>
+            {S.map((e,l)=>{const p=e.version?e.version.replace(/^\^/,""):"",g=!!e.latestVersion&&!!p&&e.latestVersion!==p;return<react_native_1.View key={e.id}style={[bundleStyles.fileCard,e.isDeprecated&&{borderColor:AppColors_1.AppColors.errorBorder,backgroundColor:AppColors_1.AppColors.errorCardBg}]}>
                   
                   <react_native_1.View style={bundleStyles.fileCardTop}>
                     <react_native_1.View style={bundleStyles.sNoBadge}>
-                      <react_native_1.Text style={bundleStyles.sNoText}>#{index + 1}</react_native_1.Text>
+                      <react_native_1.Text style={bundleStyles.sNoText}>#{l+1}</react_native_1.Text>
                     </react_native_1.View>
 
-                    <PackageLogoRenderer name={pkg.name} color={pkg.color} size={28}/>
+                    <PackageLogoRenderer name={e.name}color={e.color}size={28}/>
 
-                    <react_native_1.View style={{ flex: 1, paddingHorizontal: 4 }}>
-                      <react_native_1.View style={{
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        gap: 6,
-                        flexWrap: 'wrap',
-                    }}>
-                        <HighlightText_1.default text={pkg.name} search={search} style={bundleStyles.fileName} highlightStyle={bundleStyles.searchHighlight}/>
+                    <react_native_1.View style={{flex:1,paddingHorizontal:4}}>
+                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"}}>
+                        <HighlightText_1.default text={e.name}search={s}style={bundleStyles.fileName}highlightStyle={bundleStyles.searchHighlight}/>
                         <react_native_1.View style={bundleStyles.versionPill}>
                           <react_native_1.Text style={bundleStyles.versionPillText}>
-                            {cleanInstalledVersion
-                        ? t('bundle.versionPrefix', {
-                            version: cleanInstalledVersion,
-                        })
-                        : t('bundle.bundled')}
+                            {p?t("bundle.versionPrefix",{version:p}):t("bundle.bundled")}
                           </react_native_1.Text>
                         </react_native_1.View>
 
-                        {pkg.isDeprecated ? (<react_native_1.View style={bundleStyles.deprecatedBadge}>
+                        {e.isDeprecated?<react_native_1.View style={bundleStyles.deprecatedBadge}>
                             <react_native_1.Text style={bundleStyles.deprecatedBadgeText}>
-                              {t('bundle.deprecated')}
+                              {t("bundle.deprecated")}
                             </react_native_1.Text>
-                          </react_native_1.View>) : hasUpdate ? (<react_native_1.View style={bundleStyles.updateBadge}>
+                          </react_native_1.View>:g?<react_native_1.View style={bundleStyles.updateBadge}>
                             <react_native_1.Text style={bundleStyles.updateBadgeText}>
-                              {t('bundle.updateAvailable', {
-                            version: pkg.latestVersion,
-                        })}
+                              {t("bundle.updateAvailable",{version:e.latestVersion})}
                             </react_native_1.Text>
-                          </react_native_1.View>) : cleanInstalledVersion ? (<react_native_1.View style={[
-                            bundleStyles.updateBadge,
-                            {
-                                backgroundColor: AppColors_1.AppColors.gray100,
-                                borderColor: AppColors_1.AppColors.gray200,
-                            },
-                        ]}>
-                            <react_native_1.Text style={[
-                            bundleStyles.updateBadgeText,
-                            { color: AppColors_1.AppColors.gray600 },
-                        ]}>
-                              {t('bundle.upToDate')}
+                          </react_native_1.View>:p?<react_native_1.View style={[bundleStyles.updateBadge,{backgroundColor:AppColors_1.AppColors.gray100,borderColor:AppColors_1.AppColors.gray200}]}>
+                            <react_native_1.Text style={[bundleStyles.updateBadgeText,{color:AppColors_1.AppColors.gray600}]}>
+                              {t("bundle.upToDate")}
                             </react_native_1.Text>
-                          </react_native_1.View>) : (<react_native_1.View style={[
-                            bundleStyles.updateBadge,
-                            {
-                                backgroundColor: AppColors_1.AppColors.gray100,
-                                borderColor: AppColors_1.AppColors.gray200,
-                            },
-                        ]}>
-                            <react_native_1.Text style={[
-                            bundleStyles.updateBadgeText,
-                            { color: AppColors_1.AppColors.gray600 },
-                        ]}>
-                              {t('bundle.bundledBadge')}
+                          </react_native_1.View>:<react_native_1.View style={[bundleStyles.updateBadge,{backgroundColor:AppColors_1.AppColors.gray100,borderColor:AppColors_1.AppColors.gray200}]}>
+                            <react_native_1.Text style={[bundleStyles.updateBadgeText,{color:AppColors_1.AppColors.gray600}]}>
+                              {t("bundle.bundledBadge")}
                             </react_native_1.Text>
-                          </react_native_1.View>)}
+                          </react_native_1.View>}
                       </react_native_1.View>
                     </react_native_1.View>
 
-                    <react_native_1.View style={{
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        gap: 6,
-                    }}>
+                    <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
                       <react_native_1.View style={bundleStyles.fileSizeBox}>
                         <react_native_1.Text style={bundleStyles.fileSizeKb}>
-                          {t('bundle.fileSizeKb', { size: pkg.sizeKb })}
+                          {t("bundle.fileSizeKb",{size:e.sizeKb})}
                         </react_native_1.Text>
                         <react_native_1.Text style={bundleStyles.filePercent}>
-                          {pkg.percentage}%
+                          {e.percentage}%
                         </react_native_1.Text>
                       </react_native_1.View>
-                      <CopyButton_1.default value={() => pkg} label={t('bundle.packageDetailsJson')}/>
+                      <CopyButton_1.default value={()=>e}label={t("bundle.packageDetailsJson")}/>
                     </react_native_1.View>
                   </react_native_1.View>
 
                   
-                  <react_native_1.View style={{
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        gap: 6,
-                        marginTop: 4,
-                        marginBottom: 2,
-                    }}>
-                    <react_native_1.View style={[
-                        bundleStyles.pkgBadge,
-                        {
-                            backgroundColor: `${pkg.color}1F`,
-                            borderColor: `${pkg.color}4D`,
-                        },
-                    ]}>
-                      <react_native_1.Text style={[bundleStyles.pkgBadgeText, { color: pkg.color }]}>
-                        {pkg.category.toUpperCase()}
+                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,marginTop:4,marginBottom:2}}>
+                    <react_native_1.View style={[bundleStyles.pkgBadge,{backgroundColor:`${e.color}1F`,borderColor:`${e.color}4D`}]}>
+                      <react_native_1.Text style={[bundleStyles.pkgBadgeText,{color:e.color}]}>
+                        {e.category.toUpperCase()}
                       </react_native_1.Text>
                     </react_native_1.View>
-                    <react_native_1.Text style={[bundleStyles.filePath, { flex: 1, marginTop: 0 }]} numberOfLines={1}>
-                      {pkg.description}
+                    <react_native_1.Text style={[bundleStyles.filePath,{flex:1,marginTop:0}]}numberOfLines={1}>
+                      {e.description}
                     </react_native_1.Text>
                   </react_native_1.View>
 
                   
-                  {pkg.isDeprecated && pkg.deprecationReason && (<react_native_1.View style={bundleStyles.deprecationBox}>
-                      <react_native_1.View style={{
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            gap: 5,
-                        }}>
-                        <NetworkIcons_1.CircleAlertIcon color={AppColors_1.AppColors.errorColor} size={12}/>
+                  {e.isDeprecated&&e.deprecationReason&&<react_native_1.View style={bundleStyles.deprecationBox}>
+                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5}}>
+                        <NetworkIcons_1.CircleAlertIcon color={AppColors_1.AppColors.errorColor}size={12}/>
                         <react_native_1.Text style={bundleStyles.deprecationText}>
-                          {pkg.deprecationReason}
+                          {e.deprecationReason}
                         </react_native_1.Text>
                       </react_native_1.View>
-                    </react_native_1.View>)}
+                    </react_native_1.View>}
 
                   <react_native_1.View style={bundleStyles.fileProgressTrack}>
-                    <react_native_1.View style={[
-                        bundleStyles.fileProgressBar,
-                        {
-                            width: `${pkg.percentage * 2}%`,
-                            backgroundColor: pkg.isDeprecated
-                                ? AppColors_1.AppColors.red500
-                                : pkg.color,
-                        },
-                    ]}/>
+                    <react_native_1.View style={[bundleStyles.fileProgressBar,{width:`${e.percentage*2}%`,backgroundColor:e.isDeprecated?AppColors_1.AppColors.red500:e.color}]}/>
                   </react_native_1.View>
 
                   
-                  <react_native_1.View style={{
-                        flexDirection: 'row',
-                        justifyContent: 'space-between',
-                        alignItems: 'center',
-                        marginTop: 3,
-                    }}>
-                    <react_native_1.View style={{
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        gap: 8,
-                    }}>
+                  <react_native_1.View style={{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginTop:3}}>
+                    <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
                       <react_native_1.View style={bundleStyles.typeTag}>
                         <react_native_1.Text style={bundleStyles.typeTagText}>
-                          {pkg.type === 'direct'
-                        ? t('bundle.direct')
-                        : t('bundle.transitive')}
+                          {e.type==="direct"?t("bundle.direct"):t("bundle.transitive")}
                         </react_native_1.Text>
                       </react_native_1.View>
-                      {pkg.lastActive && (<react_native_1.View style={{
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            gap: 4,
-                        }}>
-                          <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak} size={11}/>
+                      {e.lastActive&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
+                          <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak}size={11}/>
                           <react_native_1.Text style={bundleStyles.lastActiveText}>
-                            {pkg.lastActive}
+                            {e.lastActive}
                           </react_native_1.Text>
-                        </react_native_1.View>)}
+                        </react_native_1.View>}
                     </react_native_1.View>
 
-                    <react_native_1.View style={{
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        gap: 8,
-                    }}>
+                    <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
                       <react_native_1.Text style={bundleStyles.fileMetaText}>
-                        {t('bundle.minified', { size: pkg.sizeKb })}
+                        {t("bundle.minified",{size:e.sizeKb})}
                       </react_native_1.Text>
-                      <TouchableScale_1.default accessible={true} accessibilityRole="link" accessibilityLabel={`Open ${pkg.name} on NPM`} accessibilityHint="Opens NPM package page in browser" onPress={() => {
-                        const url = pkg.npmUrl ||
-                            `https://www.npmjs.com/package/${pkg.name}`;
-                        react_native_1.Linking.openURL(url).catch(() => { });
-                    }} style={bundleStyles.npmLinkBtn}>
+                      <TouchableScale_1.default accessible={!0}accessibilityRole="link"accessibilityLabel={`Open ${e.name} on NPM`}accessibilityHint="Opens NPM package page in browser"onPress={()=>{const C=e.npmUrl||`https://www.npmjs.com/package/${e.name}`;react_native_1.Linking.openURL(C).catch(()=>{})}}style={bundleStyles.npmLinkBtn}>
                         <react_native_1.Text style={bundleStyles.npmLinkText}>
-                          {t('bundle.npmLink')}
+                          {t("bundle.npmLink")}
                         </react_native_1.Text>
                       </TouchableScale_1.default>
                     </react_native_1.View>
                   </react_native_1.View>
-                </react_native_1.View>);
-            })}
+                </react_native_1.View>})}
           </react_native_1.ScrollView>
 
           
           <react_native_1.View style={bundleStyles.stickyFooterBar}>
-            <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-              <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.purple} size={14}/>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+              <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.purple}size={14}/>
               <react_native_1.Text style={bundleStyles.footerTitle}>
-                {t('bundle.dependenciesCount', {
-                count: filteredPackages.length,
-            })}
+                {t("bundle.dependenciesCount",{count:S.length})}
               </react_native_1.Text>
             </react_native_1.View>
             <react_native_1.Text style={bundleStyles.footerSizeVal}>
-              {t('bundle.kbMbValue', {
-                kb: packagesTotalKb,
-                mb: (packagesTotalKb / 1024).toFixed(2),
-            })}
+              {t("bundle.kbMbValue",{kb:W,mb:(W/1024).toFixed(2)})}
             </react_native_1.Text>
           </react_native_1.View>
-        </react_native_1.View>)}
+        </react_native_1.View>}
 
       
       
       
-      {activeSubTab === 'media' && (<react_native_1.View style={{ flex: 1 }}>
-          <react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
+      {r==="media"&&<react_native_1.View style={{flex:1}}>
+          <react_native_1.ScrollView style={{flex:1}}contentContainerStyle={bundleStyles.contentContainer}keyboardShouldPersistTaps="handled">
             <react_native_1.View style={bundleStyles.tipsCard}>
-              <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                marginBottom: 8,
-            }}>
-                <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-                  <NetworkIcons_1.StorageIcon color={AppColors_1.AppColors.purple} size={18}/>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:8}}>
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                  <NetworkIcons_1.StorageIcon color={AppColors_1.AppColors.purple}size={18}/>
                   <react_native_1.Text style={bundleStyles.tipsHeading}>
-                    {t('bundle.mediaAuditorTitle')}
+                    {t("bundle.mediaAuditorTitle")}
                   </react_native_1.Text>
                 </react_native_1.View>
-                <CopyButton_1.default value={() => mediaFiles} label={t('bundle.mediaAssetsJson')}/>
+                <CopyButton_1.default value={()=>V}label={t("bundle.mediaAssetsJson")}/>
               </react_native_1.View>
               <react_native_1.Text style={bundleStyles.tipDesc}>
-                {t('bundle.mediaAuditorPrefix')}{' '}
-                <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                color: AppColors_1.AppColors.purple,
-            }}>
-                  {summary.images.pct + summary.fonts.pct}%
-                </react_native_1.Text>{' '}
-                {t('bundle.mediaAuditorMid', {
-                kb: summary.images.kb + summary.fonts.kb,
-            })}{' '}
-                <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                color: AppColors_1.AppColors.emerald700,
-            }}>
-                  {t('bundle.mediaSavings', { size: 540 })}
-                </react_native_1.Text>{' '}
-                {t('bundle.mediaAuditorSuffix')}
+                {t("bundle.mediaAuditorPrefix")}{" "}
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.purple}}>
+                  {i.images.pct+i.fonts.pct}%
+                </react_native_1.Text>{" "}
+                {t("bundle.mediaAuditorMid",{kb:i.images.kb+i.fonts.kb})}{" "}
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.emerald700}}>
+                  {t("bundle.mediaSavings",{size:540})}
+                </react_native_1.Text>{" "}
+                {t("bundle.mediaAuditorSuffix")}
               </react_native_1.Text>
             </react_native_1.View>
 
             <react_native_1.Text style={bundleStyles.listHeaderCount}>
-              {t('bundle.mediaAssetsList', { count: mediaFiles.length })}
+              {t("bundle.mediaAssetsList",{count:V.length})}
             </react_native_1.Text>
 
-            {mediaFiles.map((file, index) => (<react_native_1.View key={file.id} style={bundleStyles.fileCard}>
+            {V.map((e,l)=><react_native_1.View key={e.id}style={bundleStyles.fileCard}>
                 <react_native_1.View style={bundleStyles.fileCardTop}>
                   <react_native_1.View style={bundleStyles.sNoBadge}>
-                    <react_native_1.Text style={bundleStyles.sNoText}>#{index + 1}</react_native_1.Text>
+                    <react_native_1.Text style={bundleStyles.sNoText}>#{l+1}</react_native_1.Text>
                   </react_native_1.View>
 
-                  <MediaPreviewThumbnail file={file}/>
+                  <MediaPreviewThumbnail file={e}/>
 
-                  <react_native_1.View style={{ flex: 1 }}>
-                    <react_native_1.Text style={bundleStyles.fileName}>{file.name}</react_native_1.Text>
-                    <react_native_1.Text style={bundleStyles.filePath}>{file.path}</react_native_1.Text>
+                  <react_native_1.View style={{flex:1}}>
+                    <react_native_1.Text style={bundleStyles.fileName}>{e.name}</react_native_1.Text>
+                    <react_native_1.Text style={bundleStyles.filePath}>{e.path}</react_native_1.Text>
                   </react_native_1.View>
 
-                  <react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 6,
-                }}>
+                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
                     <react_native_1.View style={bundleStyles.fileSizeBox}>
                       <react_native_1.Text style={bundleStyles.fileSizeKb}>
-                        {t('bundle.fileSizeKb', { size: file.sizeKb })}
+                        {t("bundle.fileSizeKb",{size:e.sizeKb})}
                       </react_native_1.Text>
                     </react_native_1.View>
-                    <TouchableScale_1.default accessible={true} accessibilityRole="button" accessibilityLabel={`Download ${file.name}`} accessibilityHint="Downloads media asset file" onPress={() => (0, exports.downloadBundleFile)(file, analysis?.scriptURL)} style={bundleStyles.downloadFileBtn} hitSlop={8}>
-                      <NetworkIcons_1.DownloadIcon size={14} color={AppColors_1.AppColors.sky500}/>
+                    <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`Download ${e.name}`}accessibilityHint="Downloads media asset file"onPress={()=>(0,exports.downloadBundleFile)(e,a?.scriptURL)}style={bundleStyles.downloadFileBtn}hitSlop={8}>
+                      <NetworkIcons_1.DownloadIcon size={14}color={AppColors_1.AppColors.sky500}/>
                     </TouchableScale_1.default>
-                    <CopyButton_1.default value={() => file} label={t('bundle.mediaItemJson')}/>
+                    <CopyButton_1.default value={()=>e}label={t("bundle.mediaItemJson")}/>
                   </react_native_1.View>
                 </react_native_1.View>
 
                 <react_native_1.View style={bundleStyles.fileCardBottom}>
-                  <react_native_1.Text style={bundleStyles.fileMetaText}>{file.meta}</react_native_1.Text>
-                  {file.advice && (<react_native_1.View style={[
-                        bundleStyles.adviceBadge,
-                        file.status === 'warning' && bundleStyles.adviceWarning,
-                        file.status === 'optimal' && bundleStyles.adviceOptimal,
-                    ]}>
-                      {file.status === 'warning' ? (<NetworkIcons_1.LightbulbIcon color={AppColors_1.AppColors.amber800Warm} size={12}/>) : (<NetworkIcons_1.SparkleIcon color={AppColors_1.AppColors.emerald700} size={12}/>)}
-                      <react_native_1.Text style={[
-                        bundleStyles.adviceText,
-                        file.status === 'warning' && {
-                            color: AppColors_1.AppColors.amber800Warm,
-                        },
-                        file.status === 'optimal' && {
-                            color: AppColors_1.AppColors.emerald700,
-                        },
-                    ]}>
-                        {file.advice}
+                  <react_native_1.Text style={bundleStyles.fileMetaText}>{e.meta}</react_native_1.Text>
+                  {e.advice&&<react_native_1.View style={[bundleStyles.adviceBadge,e.status==="warning"&&bundleStyles.adviceWarning,e.status==="optimal"&&bundleStyles.adviceOptimal]}>
+                      {e.status==="warning"?<NetworkIcons_1.LightbulbIcon color={AppColors_1.AppColors.amber800Warm}size={12}/>:<NetworkIcons_1.SparkleIcon color={AppColors_1.AppColors.emerald700}size={12}/>}
+                      <react_native_1.Text style={[bundleStyles.adviceText,e.status==="warning"&&{color:AppColors_1.AppColors.amber800Warm},e.status==="optimal"&&{color:AppColors_1.AppColors.emerald700}]}>
+                        {e.advice}
                       </react_native_1.Text>
-                    </react_native_1.View>)}
+                    </react_native_1.View>}
                 </react_native_1.View>
-              </react_native_1.View>))}
+              </react_native_1.View>)}
           </react_native_1.ScrollView>
 
           
           <react_native_1.View style={bundleStyles.stickyFooterBar}>
-            <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-              <NetworkIcons_1.StorageIcon color={AppColors_1.AppColors.purple} size={14}/>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+              <NetworkIcons_1.StorageIcon color={AppColors_1.AppColors.purple}size={14}/>
               <react_native_1.Text style={bundleStyles.footerTitle}>
-                {t('bundle.mediaAndFonts', { count: mediaFiles.length })}
+                {t("bundle.mediaAndFonts",{count:V.length})}
               </react_native_1.Text>
             </react_native_1.View>
             <react_native_1.Text style={bundleStyles.footerSizeVal}>
-              {t('bundle.kbMbValue', {
-                kb: mediaTotalKb,
-                mb: (mediaTotalKb / 1024).toFixed(2),
-            })}
+              {t("bundle.kbMbValue",{kb:H,mb:(H/1024).toFixed(2)})}
             </react_native_1.Text>
           </react_native_1.View>
-        </react_native_1.View>)}
+        </react_native_1.View>}
 
       
       
       
-      {activeSubTab === 'optimizer' && (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
+      {r==="optimizer"&&<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={bundleStyles.contentContainer}keyboardShouldPersistTaps="handled">
           <react_native_1.View style={bundleStyles.tipsCard}>
-            <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                marginBottom: 12,
-            }}>
-              <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
-                <NetworkIcons_1.CircleAlertIcon color={AppColors_1.AppColors.purple} size={18}/>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:12}}>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                <NetworkIcons_1.CircleAlertIcon color={AppColors_1.AppColors.purple}size={18}/>
                 <react_native_1.Text style={bundleStyles.tipsHeading}>
-                  {t('bundle.optimizerTitle')}
+                  {t("bundle.optimizerTitle")}
                 </react_native_1.Text>
               </react_native_1.View>
-              <CopyButton_1.default value={() => [
-                t('bundle.optTip1Title'),
-                `${t('bundle.optTip2Title')} (${isHermes ? t('bundle.active') : t('bundle.actionRequired')})`,
-                t('bundle.optTip3Title'),
-                t('bundle.optTip4Title'),
-                t('bundle.optTip5Title'),
-            ]} label={t('bundle.optimizationChecklist')}/>
+              <CopyButton_1.default value={()=>[t("bundle.optTip1Title"),`${t("bundle.optTip2Title")} (${t(w?"bundle.active":"bundle.actionRequired")})`,t("bundle.optTip3Title"),t("bundle.optTip4Title"),t("bundle.optTip5Title")]}label={t("bundle.optimizationChecklist")}/>
             </react_native_1.View>
 
-            {[
-                {
-                    iconType: 'image',
-                    iconColor: AppColors_1.AppColors.pink500,
-                    title: t('bundle.optTip1Title'),
-                    desc: t('bundle.optTip1Desc'),
-                    badge: t('bundle.highImpact'),
-                    badgeColor: AppColors_1.AppColors.pink500,
-                },
-                {
-                    iconType: 'bolt',
-                    iconColor: isHermes ? AppColors_1.AppColors.emerald500 : AppColors_1.AppColors.amber500,
-                    title: t('bundle.optTip2Title'),
-                    desc: isHermes
-                        ? t('bundle.optTip2DescActive')
-                        : t('bundle.optTip2DescInactive'),
-                    badge: isHermes
-                        ? t('bundle.active')
-                        : t('bundle.actionRequired'),
-                    badgeColor: isHermes
-                        ? AppColors_1.AppColors.emerald500
-                        : AppColors_1.AppColors.amber500,
-                },
-                {
-                    iconType: 'font',
-                    iconColor: AppColors_1.AppColors.purple500,
-                    title: t('bundle.optTip3Title'),
-                    desc: t('bundle.optTip3Desc'),
-                    badge: t('bundle.mediumImpact'),
-                    badgeColor: AppColors_1.AppColors.purple500,
-                },
-                {
-                    iconType: 'source',
-                    iconColor: AppColors_1.AppColors.sky500,
-                    title: t('bundle.optTip4Title'),
-                    desc: t('bundle.optTip4Desc'),
-                    badge: t('bundle.bestPractice'),
-                    badgeColor: AppColors_1.AppColors.sky500,
-                },
-                {
-                    iconType: 'overhead',
-                    iconColor: AppColors_1.AppColors.indigo500,
-                    title: t('bundle.optTip5Title'),
-                    desc: t('bundle.optTip5Desc'),
-                    badge: t('bundle.bestPractice'),
-                    badgeColor: AppColors_1.AppColors.indigo500,
-                },
-            ].map((tip, tIdx) => (<react_native_1.View key={tIdx} style={bundleStyles.tipItem}>
+            {[{iconType:"image",iconColor:AppColors_1.AppColors.pink500,title:t("bundle.optTip1Title"),desc:t("bundle.optTip1Desc"),badge:t("bundle.highImpact"),badgeColor:AppColors_1.AppColors.pink500},{iconType:"bolt",iconColor:w?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.amber500,title:t("bundle.optTip2Title"),desc:t(w?"bundle.optTip2DescActive":"bundle.optTip2DescInactive"),badge:t(w?"bundle.active":"bundle.actionRequired"),badgeColor:w?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.amber500},{iconType:"font",iconColor:AppColors_1.AppColors.purple500,title:t("bundle.optTip3Title"),desc:t("bundle.optTip3Desc"),badge:t("bundle.mediumImpact"),badgeColor:AppColors_1.AppColors.purple500},{iconType:"source",iconColor:AppColors_1.AppColors.sky500,title:t("bundle.optTip4Title"),desc:t("bundle.optTip4Desc"),badge:t("bundle.bestPractice"),badgeColor:AppColors_1.AppColors.sky500},{iconType:"overhead",iconColor:AppColors_1.AppColors.indigo500,title:t("bundle.optTip5Title"),desc:t("bundle.optTip5Desc"),badge:t("bundle.bestPractice"),badgeColor:AppColors_1.AppColors.indigo500}].map((e,l)=><react_native_1.View key={l}style={bundleStyles.tipItem}>
                 <react_native_1.View style={bundleStyles.tipItemHeader}>
                   <react_native_1.View style={bundleStyles.tipTitleWrap}>
                     <react_native_1.View style={bundleStyles.sNoBadge}>
-                      <react_native_1.Text style={bundleStyles.sNoText}>#{tIdx + 1}</react_native_1.Text>
+                      <react_native_1.Text style={bundleStyles.sNoText}>#{l+1}</react_native_1.Text>
                     </react_native_1.View>
-                    <BundleCategoryIcon type={tip.iconType} size={14} color={tip.iconColor}/>
-                    <react_native_1.Text style={bundleStyles.tipTitle}>{tip.title}</react_native_1.Text>
+                    <BundleCategoryIcon type={e.iconType}size={14}color={e.iconColor}/>
+                    <react_native_1.Text style={bundleStyles.tipTitle}>{e.title}</react_native_1.Text>
                   </react_native_1.View>
                   <react_native_1.View style={bundleStyles.tipActionWrap}>
-                    <react_native_1.View style={[
-                    bundleStyles.impactBadge,
-                    {
-                        backgroundColor: `${tip.badgeColor}18`,
-                        borderColor: `${tip.badgeColor}40`,
-                    },
-                ]}>
-                      <react_native_1.Text style={[
-                    bundleStyles.impactBadgeText,
-                    { color: tip.badgeColor },
-                ]}>
-                        {tip.badge}
+                    <react_native_1.View style={[bundleStyles.impactBadge,{backgroundColor:`${e.badgeColor}18`,borderColor:`${e.badgeColor}40`}]}>
+                      <react_native_1.Text style={[bundleStyles.impactBadgeText,{color:e.badgeColor}]}>
+                        {e.badge}
                       </react_native_1.Text>
                     </react_native_1.View>
-                    <CopyButton_1.default value={() => tip} label={t('bundle.tipDetails')}/>
+                    <CopyButton_1.default value={()=>e}label={t("bundle.tipDetails")}/>
                   </react_native_1.View>
                 </react_native_1.View>
-                <react_native_1.Text style={bundleStyles.tipDesc}>{tip.desc}</react_native_1.Text>
-              </react_native_1.View>))}
+                <react_native_1.Text style={bundleStyles.tipDesc}>{e.desc}</react_native_1.Text>
+              </react_native_1.View>)}
           </react_native_1.View>
-        </react_native_1.ScrollView>)}
-    </react_native_1.View>);
-});
-const bundleStyles = react_native_1.StyleSheet.create({
-    topTabWrap: {
-        backgroundColor: AppColors_1.AppColors.white,
-        paddingVertical: 8,
-        borderBottomWidth: 1,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingRight: 10,
-    },
-    reloadButton: {
-        padding: 8,
-        borderRadius: 20,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        alignItems: 'center',
-        justifyContent: 'center',
-        marginLeft: 4,
-    },
-    analyzingContainer: {
-        flex: 1,
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 8,
-        padding: 24,
-    },
-    analyzingText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 13,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    analyzingHint: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    subTabsScroll: {
-        paddingHorizontal: 12,
-        gap: 8,
-        flexDirection: 'row',
-        alignItems: 'center',
-    },
-    subTabPill: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        paddingHorizontal: 12,
-        paddingVertical: 7,
-        borderRadius: 20,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    subTabPillActive: {
-        backgroundColor: AppColors_1.AppColors.brandPurple,
-        borderColor: AppColors_1.AppColors.brandPurple,
-        shadowColor: AppColors_1.AppColors.brandPurple,
-        shadowOffset: { width: 0, height: 2 },
-        shadowOpacity: 0.2,
-        shadowRadius: 3,
-        elevation: 2,
-    },
-    subTabPillText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11.5,
-        color: AppColors_1.AppColors.grayTextStrong,
-    },
-    subTabPillTextActive: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.white,
-    },
-    contentContainer: {
-        padding: 16,
-        paddingBottom: 40,
-        gap: 14,
-    },
-    heroCard: {
-        backgroundColor: AppColors_1.AppColors.white,
-        borderRadius: 14,
-        padding: 16,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        shadowColor: AppColors_1.AppColors.primaryBlack,
-        shadowOffset: { width: 0, height: 2 },
-        shadowOpacity: 0.04,
-        shadowRadius: 6,
-        elevation: 2,
-    },
-    heroTopRow: {
-        flexDirection: 'row',
-        alignItems: 'flex-start',
-        gap: 12,
-        marginBottom: 16,
-    },
-    heroIconWrap: {
-        width: 44,
-        height: 44,
-        borderRadius: 12,
-        backgroundColor: `${AppColors_1.AppColors.brandPurple}12`,
-        alignItems: 'center',
-        justifyContent: 'center',
-        borderWidth: 1,
-        borderColor: `${AppColors_1.AppColors.brandPurple}25`,
-    },
-    heroTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 16,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    heroSubtitle: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 12,
-        color: AppColors_1.AppColors.grayTextWeak,
-        marginTop: 2,
-    },
-    metricsGrid: {
-        flexDirection: 'row',
-        flexWrap: 'wrap',
-        gap: 8,
-    },
-    metricBox: {
-        flex: 1,
-        minWidth: '45%',
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderRadius: 10,
-        padding: 10,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    metricLabel: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.grayTextWeak,
-        letterSpacing: 0.5,
-    },
-    metricValue: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 14,
-        color: AppColors_1.AppColors.primaryBlack,
-        marginTop: 3,
-    },
-    metricHint: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.grayText,
-        marginTop: 2,
-    },
-    statusIndicator: {
-        width: 8,
-        height: 8,
-        borderRadius: 4,
-    },
-    prodPlatformScroll: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 8,
-        paddingBottom: 4,
-    },
-    prodPlatformBtn: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingVertical: 7,
-        paddingHorizontal: 12,
-        borderRadius: 20,
-        backgroundColor: AppColors_1.AppColors.white,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        gap: 6,
-    },
-    prodPlatformBtnActive: {
-        backgroundColor: AppColors_1.AppColors.brandPurple,
-        borderColor: AppColors_1.AppColors.brandPurple,
-        shadowColor: AppColors_1.AppColors.brandPurple,
-        shadowOffset: { width: 0, height: 2 },
-        shadowOpacity: 0.18,
-        shadowRadius: 3,
-        elevation: 2,
-    },
-    prodPlatformBtnText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 11.5,
-        color: AppColors_1.AppColors.grayTextStrong,
-    },
-    prodPlatformBtnTextActive: {
-        color: AppColors_1.AppColors.white,
-    },
-    prodPlatformBadge: {
-        paddingHorizontal: 6,
-        paddingVertical: 2,
-        borderRadius: 10,
-        backgroundColor: `${AppColors_1.AppColors.purple}14`,
-    },
-    prodPlatformBadgeActive: {
-        backgroundColor: 'rgba(255, 255, 255, 0.25)',
-    },
-    prodPlatformBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.purple,
-    },
-    prodPlatformBadgeTextActive: {
-        color: AppColors_1.AppColors.white,
-    },
-    sectionCard: {
-        backgroundColor: AppColors_1.AppColors.white,
-        borderRadius: 14,
-        padding: 14,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        overflow: 'hidden',
-    },
-    sectionHeaderRow: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        marginBottom: 10,
-        gap: 8,
-    },
-    sectionTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 13,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    sectionSub: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    treemapBar: {
-        flexDirection: 'row',
-        borderRadius: 6,
-        overflow: 'hidden',
-        height: 16,
-        marginBottom: 12,
-        backgroundColor: AppColors_1.AppColors.slate200,
-    },
-    prodTreemapBar: {
-        flexDirection: 'row',
-        borderRadius: 6,
-        overflow: 'hidden',
-        height: 16,
-        marginBottom: 12,
-        backgroundColor: AppColors_1.AppColors.slate200,
-    },
-    legendGrid: {
-        flexDirection: 'row',
-        flexWrap: 'wrap',
-        gap: 8,
-    },
-    legendItem: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        paddingHorizontal: 8,
-        paddingVertical: 5,
-        borderRadius: 8,
-        backgroundColor: `${AppColors_1.AppColors.slate200}40`,
-        borderWidth: 1,
-        borderColor: `${AppColors_1.AppColors.dividerColor}`,
-        flexShrink: 0,
-    },
-    legendText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayTextStrong,
-    },
-    legendVal: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    subsystemCard: {
-        backgroundColor: AppColors_1.AppColors.white,
-        borderRadius: 12,
-        padding: 12,
-        marginBottom: 8,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        gap: 8,
-    },
-    subsystemHeader: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        gap: 8,
-    },
-    subsystemTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12.5,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    subsystemBadge: {
-        paddingHorizontal: 6,
-        paddingVertical: 2,
-        borderRadius: 6,
-    },
-    subsystemBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10,
-    },
-    subsystemGrid: {
-        flexDirection: 'row',
-        flexWrap: 'wrap',
-        gap: 6,
-    },
-    subsystemItem: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 5,
-        paddingHorizontal: 8,
-        paddingVertical: 4,
-        borderRadius: 6,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    subsystemItemText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.grayTextStrong,
-    },
-    subsystemItemVal: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    catRowCard: {
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderRadius: 12,
-        padding: 12,
-        marginBottom: 8,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        gap: 8,
-    },
-    catRowTop: {
-        flexDirection: 'row',
-        alignItems: 'flex-start',
-        gap: 10,
-    },
-    catIconBox: {
-        width: 36,
-        height: 36,
-        borderRadius: 10,
-        borderWidth: 1,
-        alignItems: 'center',
-        justifyContent: 'center',
-        flexShrink: 0,
-    },
-    catRowTitleWrap: {
-        flex: 1,
-        minWidth: 0,
-        gap: 2,
-    },
-    catRowTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 13,
-        color: AppColors_1.AppColors.primaryBlack,
-        flex: 1,
-    },
-    catRowDesc: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.grayTextWeak,
-        lineHeight: 14.5,
-    },
-    catRowSize: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12.5,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    catRowRight: {
-        alignItems: 'flex-end',
-        justifyContent: 'center',
-        flexShrink: 0,
-        minWidth: 64,
-    },
-    catRowPct: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    catPctPill: {
-        paddingHorizontal: 5.5,
-        paddingVertical: 1.5,
-        borderRadius: 5,
-    },
-    catPctText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-    },
-    catProgressTrack: {
-        height: 5,
-        borderRadius: 2.5,
-        backgroundColor: `${AppColors_1.AppColors.slate200}`,
-        overflow: 'hidden',
-        marginTop: 2,
-    },
-    catProgressBar: {
-        height: '100%',
-        borderRadius: 2.5,
-    },
-    filterContainer: {
-        backgroundColor: AppColors_1.AppColors.white,
-        borderRadius: 12,
-        padding: 10,
-        marginHorizontal: 16,
-        marginTop: 12,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        gap: 8,
-    },
-    searchRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderRadius: 8,
-        paddingHorizontal: 10,
-        height: 36,
-        gap: 8,
-    },
-    searchInput: {
-        flex: 1,
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 12,
-        color: AppColors_1.AppColors.primaryBlack,
-        padding: 0,
-    },
-    categoryPillsScroll: {
-        gap: 6,
-        paddingVertical: 2,
-    },
-    catPill: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        paddingHorizontal: 10,
-        paddingVertical: 5,
-        borderRadius: 16,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    catPillActive: {
-        backgroundColor: AppColors_1.AppColors.brandPurple,
-        borderColor: AppColors_1.AppColors.brandPurple,
-    },
-    catPillText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayTextStrong,
-    },
-    catPillTextActive: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.white,
-    },
-    listHeaderCount: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayTextWeak,
-        paddingHorizontal: 4,
-    },
-    treeHeaderRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        paddingHorizontal: 2,
-        marginBottom: 6,
-    },
-    viewModeToggleGroup: {
-        flexDirection: 'row',
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderRadius: 8,
-        padding: 2,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    viewModeBtn: {
-        paddingHorizontal: 10,
-        paddingVertical: 5,
-        borderRadius: 6,
-    },
-    viewModeBtnActive: {
-        backgroundColor: AppColors_1.AppColors.brandPurple,
-        shadowColor: AppColors_1.AppColors.brandPurple,
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.2,
-        shadowRadius: 2,
-        elevation: 2,
-    },
-    viewModeBtnText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayTextStrong,
-    },
-    viewModeBtnTextActive: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        color: AppColors_1.AppColors.white,
-    },
-    treeActionLink: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 11.5,
-        color: AppColors_1.AppColors.purple,
-    },
-    treeRootCard: {
-        backgroundColor: AppColors_1.AppColors.white,
-        borderRadius: 12,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        overflow: 'hidden',
-        marginBottom: 16,
-    },
-    treeFolderBlock: {
-        borderBottomWidth: react_native_1.StyleSheet.hairlineWidth,
-        borderBottomColor: AppColors_1.AppColors.dividerColor,
-    },
-    treeFolderRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        paddingVertical: 8,
-        paddingRight: 10,
-        backgroundColor: `${AppColors_1.AppColors.purple}06`,
-    },
-    treeRowLeft: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        flex: 1,
-        marginRight: 6,
-    },
-    treeRowRight: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-    },
-    treeChevron: {
-        fontSize: 12,
-        color: AppColors_1.AppColors.purple,
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        width: 12,
-        textAlign: 'center',
-    },
-    treeFolderName: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12.5,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    treeCountBadge: {
-        paddingHorizontal: 5,
-        paddingVertical: 1,
-        borderRadius: 8,
-        backgroundColor: `${AppColors_1.AppColors.purple}14`,
-    },
-    treeCountBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.purple,
-    },
-    treeFolderSize: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayTextStrong,
-    },
-    treeChildrenContainer: {
-        backgroundColor: AppColors_1.AppColors.white,
-    },
-    treeFileRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        paddingVertical: 6,
-        paddingRight: 10,
-        borderBottomWidth: react_native_1.StyleSheet.hairlineWidth,
-        borderBottomColor: `${AppColors_1.AppColors.dividerColor}80`,
-        backgroundColor: AppColors_1.AppColors.white,
-    },
-    treeFileRowUnused: {
-        backgroundColor: `${AppColors_1.AppColors.red500}06`,
-    },
-    treeBranchGuide: {
-        width: 12,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    treeBranchGuideText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 11,
-        color: AppColors_1.AppColors.dividerColor,
-    },
-    treeFileName: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 12,
-        color: AppColors_1.AppColors.primaryBlack,
-        flexShrink: 1,
-    },
-    treeUnusedPill: {
-        paddingHorizontal: 5,
-        paddingVertical: 1,
-        borderRadius: 4,
-        backgroundColor: `${AppColors_1.AppColors.red500}18`,
-    },
-    treeUnusedPillText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9,
-        color: AppColors_1.AppColors.red600,
-    },
-    treeFileSizeGroup: {
-        alignItems: 'flex-end',
-    },
-    treeFileSizeText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    treeFilePctText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 9,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    fileCard: {
-        backgroundColor: AppColors_1.AppColors.white,
-        borderRadius: 12,
-        padding: 12,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        gap: 6,
-        marginBottom: 8,
-    },
-    fileCardTop: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 8,
-    },
-    sNoBadge: {
-        paddingHorizontal: 6,
-        paddingVertical: 2,
-        borderRadius: 4,
-        backgroundColor: `${AppColors_1.AppColors.purple}14`,
-        borderWidth: 1,
-        borderColor: `${AppColors_1.AppColors.purple}30`,
-        minWidth: 26,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    sNoText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10,
-        color: AppColors_1.AppColors.purple,
-    },
-    extChip: {
-        paddingHorizontal: 6,
-        paddingVertical: 3,
-        borderRadius: 5,
-        borderWidth: 1,
-    },
-    extChipText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 10,
-        letterSpacing: 0.4,
-    },
-    pkgBadge: {
-        paddingHorizontal: 6,
-        paddingVertical: 3,
-        borderRadius: 5,
-        borderWidth: 1,
-    },
-    pkgBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9,
-        letterSpacing: 0.4,
-    },
-    pkgLogoWrap: {
-        borderRadius: 7,
-        borderWidth: 1,
-        alignItems: 'center',
-        justifyContent: 'center',
-        backgroundColor: AppColors_1.AppColors.white,
-        borderColor: AppColors_1.AppColors.dividerColor,
-        overflow: 'hidden',
-    },
-    pkgLogoFallbackText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-    },
-    mediaThumbWrap: {
-        width: 32,
-        height: 32,
-        borderRadius: 6,
-        overflow: 'hidden',
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    mediaThumbImg: {
-        width: '100%',
-        height: '100%',
-    },
-    fileName: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12.5,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    versionPill: {
-        paddingHorizontal: 5,
-        paddingVertical: 1,
-        borderRadius: 4,
-        backgroundColor: `${AppColors_1.AppColors.purple}14`,
-        borderWidth: 1,
-        borderColor: `${AppColors_1.AppColors.purple}26`,
-    },
-    versionPillText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10,
-        color: AppColors_1.AppColors.purple,
-    },
-    pkgVersion: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 11,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    filePath: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.grayTextWeak,
-        marginTop: 1,
-    },
-    fileSizeBox: {
-        alignItems: 'flex-end',
-    },
-    downloadFileBtn: {
-        padding: 6,
-        borderRadius: 6,
-        backgroundColor: `${AppColors_1.AppColors.sky500}14`,
-        alignItems: 'center',
-        justifyContent: 'center',
-        borderWidth: 1,
-        borderColor: `${AppColors_1.AppColors.sky500}28`,
-    },
-    treeActionBtn: {
-        padding: 4,
-        borderRadius: 4,
-        backgroundColor: `${AppColors_1.AppColors.sky500}14`,
-        alignItems: 'center',
-        justifyContent: 'center',
-        borderWidth: 1,
-        borderColor: `${AppColors_1.AppColors.sky500}28`,
-    },
-    fileSizeKb: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    filePercent: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    fileProgressTrack: {
-        height: 4,
-        borderRadius: 2,
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        overflow: 'hidden',
-        marginVertical: 2,
-    },
-    fileProgressBar: {
-        height: '100%',
-        borderRadius: 2,
-    },
-    fileCardBottom: {
-        gap: 4,
-    },
-    fileMetaText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    typeTag: {
-        backgroundColor: AppColors_1.AppColors.grayBackground,
-        paddingHorizontal: 6,
-        paddingVertical: 2,
-        borderRadius: 4,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    typeTagText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.grayText,
-    },
-    npmLinkBtn: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 3,
-        paddingHorizontal: 7,
-        paddingVertical: 2,
-        borderRadius: 5,
-        backgroundColor: AppColors_1.AppColors.npmRedTint,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.npmRedBorder,
-    },
-    npmLinkText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.npmRed,
-    },
-    deprecatedBadge: {
-        paddingHorizontal: 6,
-        paddingVertical: 1.5,
-        borderRadius: 4,
-        backgroundColor: AppColors_1.AppColors.red100,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.errorBorder,
-    },
-    deprecatedBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9,
-        color: AppColors_1.AppColors.red600,
-        letterSpacing: 0.3,
-    },
-    updateBadge: {
-        paddingHorizontal: 6,
-        paddingVertical: 1.5,
-        borderRadius: 4,
-        backgroundColor: AppColors_1.AppColors.green100,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.greenBorder,
-    },
-    updateBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9,
-        color: AppColors_1.AppColors.emerald700,
-    },
-    lastActiveText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    deprecationBox: {
-        backgroundColor: AppColors_1.AppColors.errorCardBg,
-        borderRadius: 6,
-        paddingHorizontal: 8,
-        paddingVertical: 5,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.errorBorder,
-        marginTop: 3,
-    },
-    deprecationText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.rose700,
-        lineHeight: 14,
-    },
-    unusedBadge: {
-        paddingHorizontal: 6,
-        paddingVertical: 1.5,
-        borderRadius: 4,
-        backgroundColor: AppColors_1.AppColors.red100,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.errorBorder,
-    },
-    unusedBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.red600,
-    },
-    consumedBadge: {
-        paddingHorizontal: 6,
-        paddingVertical: 1.5,
-        borderRadius: 4,
-        backgroundColor: AppColors_1.AppColors.green100,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.greenBorder,
-    },
-    consumedBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.emerald600,
-    },
-    treeFolderChevronWrap: {
-        width: 18,
-        height: 18,
-        borderRadius: 9,
-        backgroundColor: `${AppColors_1.AppColors.purple}14`,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    treeFileCardUnused: {
-        borderColor: AppColors_1.AppColors.errorBorder,
-        backgroundColor: AppColors_1.AppColors.red50,
-    },
-    adviceUnused: {
-        backgroundColor: AppColors_1.AppColors.errorCardBg,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.errorBorder,
-    },
-    liveWarningCard: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: AppColors_1.AppColors.amber100,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.amber200,
-        borderRadius: 10,
-        padding: 12,
-        marginBottom: 12,
-    },
-    liveWarningTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12,
-        color: AppColors_1.AppColors.amber800Warm,
-        marginBottom: 2,
-    },
-    liveWarningDesc: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 10.5,
-        lineHeight: 14,
-        color: AppColors_1.AppColors.amber800Warm,
-    },
-    adviceBadge: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingHorizontal: 8,
-        paddingVertical: 5,
-        borderRadius: 6,
-        marginTop: 4,
-        gap: 6,
-    },
-    adviceWarning: {
-        backgroundColor: AppColors_1.AppColors.amber100,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.amber200,
-    },
-    adviceOptimal: {
-        backgroundColor: AppColors_1.AppColors.green100,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.greenBorder,
-    },
-    adviceText: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10.5,
-        lineHeight: 14,
-        flex: 1,
-    },
-    impactBadge: {
-        paddingHorizontal: 6,
-        paddingVertical: 2,
-        borderRadius: 4,
-        borderWidth: 1,
-    },
-    impactBadgeText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9,
-    },
-    searchHighlight: {
-        backgroundColor: AppColors_1.AppColors.yellow200,
-        color: AppColors_1.AppColors.yellow800,
-        fontFamily: AppFonts_1.AppFonts.interBold,
-    },
-    tipsCard: {
-        backgroundColor: AppColors_1.AppColors.purple50,
-        borderRadius: 14,
-        padding: 14,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.purple200,
-    },
-    tipsHeading: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 13.5,
-        color: AppColors_1.AppColors.purple800,
-    },
-    totalSummaryCard: {
-        marginTop: 10,
-        backgroundColor: `${AppColors_1.AppColors.brandPurple}0B`,
-        borderRadius: 12,
-        padding: 12,
-        borderWidth: 1,
-        borderColor: `${AppColors_1.AppColors.brandPurple}25`,
-        gap: 8,
-    },
-    totalSummaryRow: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-    },
-    totalSummaryLabelWrap: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 8,
-    },
-    totalIconBadge: {
-        width: 32,
-        height: 32,
-        borderRadius: 8,
-        backgroundColor: `${AppColors_1.AppColors.brandPurple}15`,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    totalSummaryLabel: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 11.5,
-        color: AppColors_1.AppColors.brandPurple,
-        letterSpacing: 0.6,
-    },
-    totalSummarySub: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayTextWeak,
-        marginTop: 1,
-    },
-    totalSummaryValue: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 15,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    totalSummaryKb: {
-        fontFamily: AppFonts_1.AppFonts.interMedium,
-        fontSize: 10,
-        color: AppColors_1.AppColors.grayTextWeak,
-    },
-    totalFormulaGrid: {
-        flexDirection: 'row',
-        flexWrap: 'wrap',
-        gap: 6,
-        paddingTop: 6,
-        borderTopWidth: 1,
-        borderTopColor: `${AppColors_1.AppColors.brandPurple}15`,
-    },
-    totalChip: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4,
-        backgroundColor: AppColors_1.AppColors.white,
-        borderRadius: 6,
-        paddingHorizontal: 6,
-        paddingVertical: 3,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.dividerColor,
-    },
-    totalDot: {
-        width: 6,
-        height: 6,
-        borderRadius: 3,
-    },
-    totalChipText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 9.5,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    totalSummaryFormula: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 10.5,
-        color: AppColors_1.AppColors.grayText,
-        lineHeight: 15,
-    },
-    stickyFooterBar: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        backgroundColor: AppColors_1.AppColors.white,
-        paddingHorizontal: 16,
-        paddingTop: 10,
-        paddingBottom: react_native_1.Platform.OS === 'ios' ? 24 : 12,
-        borderTopWidth: 1,
-        borderTopColor: AppColors_1.AppColors.dividerColor,
-        shadowColor: AppColors_1.AppColors.primaryBlack,
-        shadowOffset: { width: 0, height: -2 },
-        shadowOpacity: 0.05,
-        shadowRadius: 4,
-        elevation: 3,
-    },
-    footerTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    footerSizeVal: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12.5,
-        color: AppColors_1.AppColors.purple,
-    },
-    tipItem: {
-        marginBottom: 10,
-        backgroundColor: AppColors_1.AppColors.white,
-        padding: 12,
-        borderRadius: 10,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.purple200,
-        gap: 6,
-    },
-    tipItemHeader: {
-        flexDirection: 'row',
-        alignItems: 'flex-start',
-        justifyContent: 'space-between',
-        gap: 8,
-    },
-    tipTitleWrap: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        flex: 1,
-        flexShrink: 1,
-    },
-    tipActionWrap: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 6,
-        flexShrink: 0,
-    },
-    tipTitle: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12,
-        color: AppColors_1.AppColors.purple900,
-        flex: 1,
-        flexShrink: 1,
-    },
-    tipDesc: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 11,
-        color: AppColors_1.AppColors.gray500,
-        lineHeight: 16,
-    },
-});
-exports.default = BundleTab;
+        </react_native_1.ScrollView>}
+    </react_native_1.View>}),bundleStyles=react_native_1.StyleSheet.create({topTabWrap:{backgroundColor:AppColors_1.AppColors.white,paddingVertical:8,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,flexDirection:"row",alignItems:"center",paddingRight:10},reloadButton:{padding:8,borderRadius:20,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,alignItems:"center",justifyContent:"center",marginLeft:4},analyzingContainer:{flex:1,alignItems:"center",justifyContent:"center",gap:8,padding:24},analyzingText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.primaryBlack},analyzingHint:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},subTabsScroll:{paddingHorizontal:12,gap:8,flexDirection:"row",alignItems:"center"},subTabPill:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:12,paddingVertical:7,borderRadius:20,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},subTabPillActive:{backgroundColor:AppColors_1.AppColors.brandPurple,borderColor:AppColors_1.AppColors.brandPurple,shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:2},shadowOpacity:.2,shadowRadius:3,elevation:2},subTabPillText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11.5,color:AppColors_1.AppColors.grayTextStrong},subTabPillTextActive:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.white},contentContainer:{padding:16,paddingBottom:40,gap:14},heroCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:14,padding:16,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.primaryBlack,shadowOffset:{width:0,height:2},shadowOpacity:.04,shadowRadius:6,elevation:2},heroTopRow:{flexDirection:"row",alignItems:"flex-start",gap:12,marginBottom:16},heroIconWrap:{width:44,height:44,borderRadius:12,backgroundColor:`${AppColors_1.AppColors.brandPurple}12`,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:`${AppColors_1.AppColors.brandPurple}25`},heroTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:16,color:AppColors_1.AppColors.primaryBlack},heroSubtitle:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:AppColors_1.AppColors.grayTextWeak,marginTop:2},metricsGrid:{flexDirection:"row",flexWrap:"wrap",gap:8},metricBox:{flex:1,minWidth:"45%",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,padding:10,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},metricLabel:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.5},metricValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,color:AppColors_1.AppColors.primaryBlack,marginTop:3},metricHint:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.grayText,marginTop:2},statusIndicator:{width:8,height:8,borderRadius:4},prodPlatformScroll:{flexDirection:"row",alignItems:"center",gap:8,paddingBottom:4},prodPlatformBtn:{flexDirection:"row",alignItems:"center",paddingVertical:7,paddingHorizontal:12,borderRadius:20,backgroundColor:AppColors_1.AppColors.white,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,gap:6},prodPlatformBtnActive:{backgroundColor:AppColors_1.AppColors.brandPurple,borderColor:AppColors_1.AppColors.brandPurple,shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:2},shadowOpacity:.18,shadowRadius:3,elevation:2},prodPlatformBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.grayTextStrong},prodPlatformBtnTextActive:{color:AppColors_1.AppColors.white},prodPlatformBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:10,backgroundColor:`${AppColors_1.AppColors.purple}14`},prodPlatformBadgeActive:{backgroundColor:"rgba(255, 255, 255, 0.25)"},prodPlatformBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.purple},prodPlatformBadgeTextActive:{color:AppColors_1.AppColors.white},sectionCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:14,padding:14,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,overflow:"hidden"},sectionHeaderRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:10,gap:8},sectionTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.primaryBlack},sectionSub:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},treemapBar:{flexDirection:"row",borderRadius:6,overflow:"hidden",height:16,marginBottom:12,backgroundColor:AppColors_1.AppColors.slate200},prodTreemapBar:{flexDirection:"row",borderRadius:6,overflow:"hidden",height:16,marginBottom:12,backgroundColor:AppColors_1.AppColors.slate200},legendGrid:{flexDirection:"row",flexWrap:"wrap",gap:8},legendItem:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:8,paddingVertical:5,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.slate200}40`,borderWidth:1,borderColor:`${AppColors_1.AppColors.dividerColor}`,flexShrink:0},legendText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextStrong},legendVal:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.primaryBlack},subsystemCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,padding:12,marginBottom:8,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,gap:8},subsystemHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:8},subsystemTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.primaryBlack},subsystemBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:6},subsystemBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10},subsystemGrid:{flexDirection:"row",flexWrap:"wrap",gap:6},subsystemItem:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},subsystemItemText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.grayTextStrong},subsystemItemVal:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.primaryBlack},catRowCard:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:12,padding:12,marginBottom:8,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,gap:8},catRowTop:{flexDirection:"row",alignItems:"flex-start",gap:10},catIconBox:{width:36,height:36,borderRadius:10,borderWidth:1,alignItems:"center",justifyContent:"center",flexShrink:0},catRowTitleWrap:{flex:1,minWidth:0,gap:2},catRowTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.primaryBlack,flex:1},catRowDesc:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10.5,color:AppColors_1.AppColors.grayTextWeak,lineHeight:14.5},catRowSize:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.primaryBlack},catRowRight:{alignItems:"flex-end",justifyContent:"center",flexShrink:0,minWidth:64},catRowPct:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},catPctPill:{paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:5},catPctText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5},catProgressTrack:{height:5,borderRadius:2.5,backgroundColor:`${AppColors_1.AppColors.slate200}`,overflow:"hidden",marginTop:2},catProgressBar:{height:"100%",borderRadius:2.5},filterContainer:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,padding:10,marginHorizontal:16,marginTop:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,gap:8},searchRow:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,paddingHorizontal:10,height:36,gap:8},searchInput:{flex:1,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:AppColors_1.AppColors.primaryBlack,padding:0},categoryPillsScroll:{gap:6,paddingVertical:2},catPill:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:10,paddingVertical:5,borderRadius:16,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},catPillActive:{backgroundColor:AppColors_1.AppColors.brandPurple,borderColor:AppColors_1.AppColors.brandPurple},catPillText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextStrong},catPillTextActive:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.white},listHeaderCount:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,paddingHorizontal:4},treeHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:2,marginBottom:6},viewModeToggleGroup:{flexDirection:"row",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,padding:2,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},viewModeBtn:{paddingHorizontal:10,paddingVertical:5,borderRadius:6},viewModeBtnActive:{backgroundColor:AppColors_1.AppColors.brandPurple,shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:1},shadowOpacity:.2,shadowRadius:2,elevation:2},viewModeBtnText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextStrong},viewModeBtnTextActive:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.white},treeActionLink:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.purple},treeRootCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,overflow:"hidden",marginBottom:16},treeFolderBlock:{borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:AppColors_1.AppColors.dividerColor},treeFolderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:8,paddingRight:10,backgroundColor:`${AppColors_1.AppColors.purple}06`},treeRowLeft:{flexDirection:"row",alignItems:"center",gap:6,flex:1,marginRight:6},treeRowRight:{flexDirection:"row",alignItems:"center",gap:6},treeChevron:{fontSize:12,color:AppColors_1.AppColors.purple,fontFamily:AppFonts_1.AppFonts.interBold,width:12,textAlign:"center"},treeFolderName:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.primaryBlack},treeCountBadge:{paddingHorizontal:5,paddingVertical:1,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.purple}14`},treeCountBadgeText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:9.5,color:AppColors_1.AppColors.purple},treeFolderSize:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextStrong},treeChildrenContainer:{backgroundColor:AppColors_1.AppColors.white},treeFileRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:6,paddingRight:10,borderBottomWidth:react_native_1.StyleSheet.hairlineWidth,borderBottomColor:`${AppColors_1.AppColors.dividerColor}80`,backgroundColor:AppColors_1.AppColors.white},treeFileRowUnused:{backgroundColor:`${AppColors_1.AppColors.red500}06`},treeBranchGuide:{width:12,alignItems:"center",justifyContent:"center"},treeBranchGuideText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.dividerColor},treeFileName:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.primaryBlack,flexShrink:1},treeUnusedPill:{paddingHorizontal:5,paddingVertical:1,borderRadius:4,backgroundColor:`${AppColors_1.AppColors.red500}18`},treeUnusedPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.red600},treeFileSizeGroup:{alignItems:"flex-end"},treeFileSizeText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.primaryBlack},treeFilePctText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9,color:AppColors_1.AppColors.grayTextWeak},fileCard:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,padding:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,gap:6,marginBottom:8},fileCardTop:{flexDirection:"row",alignItems:"center",gap:8},sNoBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:4,backgroundColor:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}30`,minWidth:26,alignItems:"center",justifyContent:"center"},sNoText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.purple},extChip:{paddingHorizontal:6,paddingVertical:3,borderRadius:5,borderWidth:1},extChipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,letterSpacing:.4},pkgBadge:{paddingHorizontal:6,paddingVertical:3,borderRadius:5,borderWidth:1},pkgBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,letterSpacing:.4},pkgLogoWrap:{borderRadius:7,borderWidth:1,alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.white,borderColor:AppColors_1.AppColors.dividerColor,overflow:"hidden"},pkgLogoFallbackText:{fontFamily:AppFonts_1.AppFonts.interBold},mediaThumbWrap:{width:32,height:32,borderRadius:6,overflow:"hidden",backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},mediaThumbImg:{width:"100%",height:"100%"},fileName:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.primaryBlack},versionPill:{paddingHorizontal:5,paddingVertical:1,borderRadius:4,backgroundColor:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}26`},versionPillText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.purple},pkgVersion:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},filePath:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10.5,color:AppColors_1.AppColors.grayTextWeak,marginTop:1},fileSizeBox:{alignItems:"flex-end"},downloadFileBtn:{padding:6,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.sky500}14`,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:`${AppColors_1.AppColors.sky500}28`},treeActionBtn:{padding:4,borderRadius:4,backgroundColor:`${AppColors_1.AppColors.sky500}14`,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:`${AppColors_1.AppColors.sky500}28`},fileSizeKb:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.primaryBlack},filePercent:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},fileProgressTrack:{height:4,borderRadius:2,backgroundColor:AppColors_1.AppColors.grayBackground,overflow:"hidden",marginVertical:2},fileProgressBar:{height:"100%",borderRadius:2},fileCardBottom:{gap:4},fileMetaText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10.5,color:AppColors_1.AppColors.grayTextWeak},typeTag:{backgroundColor:AppColors_1.AppColors.grayBackground,paddingHorizontal:6,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},typeTagText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:9.5,color:AppColors_1.AppColors.grayText},npmLinkBtn:{flexDirection:"row",alignItems:"center",gap:3,paddingHorizontal:7,paddingVertical:2,borderRadius:5,backgroundColor:AppColors_1.AppColors.npmRedTint,borderWidth:1,borderColor:AppColors_1.AppColors.npmRedBorder},npmLinkText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.npmRed},deprecatedBadge:{paddingHorizontal:6,paddingVertical:1.5,borderRadius:4,backgroundColor:AppColors_1.AppColors.red100,borderWidth:1,borderColor:AppColors_1.AppColors.errorBorder},deprecatedBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.red600,letterSpacing:.3},updateBadge:{paddingHorizontal:6,paddingVertical:1.5,borderRadius:4,backgroundColor:AppColors_1.AppColors.green100,borderWidth:1,borderColor:AppColors_1.AppColors.greenBorder},updateBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.emerald700},lastActiveText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},deprecationBox:{backgroundColor:AppColors_1.AppColors.errorCardBg,borderRadius:6,paddingHorizontal:8,paddingVertical:5,borderWidth:1,borderColor:AppColors_1.AppColors.errorBorder,marginTop:3},deprecationText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.rose700,lineHeight:14},unusedBadge:{paddingHorizontal:6,paddingVertical:1.5,borderRadius:4,backgroundColor:AppColors_1.AppColors.red100,borderWidth:1,borderColor:AppColors_1.AppColors.errorBorder},unusedBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.red600},consumedBadge:{paddingHorizontal:6,paddingVertical:1.5,borderRadius:4,backgroundColor:AppColors_1.AppColors.green100,borderWidth:1,borderColor:AppColors_1.AppColors.greenBorder},consumedBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.emerald600},treeFolderChevronWrap:{width:18,height:18,borderRadius:9,backgroundColor:`${AppColors_1.AppColors.purple}14`,alignItems:"center",justifyContent:"center"},treeFileCardUnused:{borderColor:AppColors_1.AppColors.errorBorder,backgroundColor:AppColors_1.AppColors.red50},adviceUnused:{backgroundColor:AppColors_1.AppColors.errorCardBg,borderWidth:1,borderColor:AppColors_1.AppColors.errorBorder},liveWarningCard:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.amber100,borderWidth:1,borderColor:AppColors_1.AppColors.amber200,borderRadius:10,padding:12,marginBottom:12},liveWarningTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.amber800Warm,marginBottom:2},liveWarningDesc:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10.5,lineHeight:14,color:AppColors_1.AppColors.amber800Warm},adviceBadge:{flexDirection:"row",alignItems:"center",paddingHorizontal:8,paddingVertical:5,borderRadius:6,marginTop:4,gap:6},adviceWarning:{backgroundColor:AppColors_1.AppColors.amber100,borderWidth:1,borderColor:AppColors_1.AppColors.amber200},adviceOptimal:{backgroundColor:AppColors_1.AppColors.green100,borderWidth:1,borderColor:AppColors_1.AppColors.greenBorder},adviceText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,lineHeight:14,flex:1},impactBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:4,borderWidth:1},impactBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9},searchHighlight:{backgroundColor:AppColors_1.AppColors.yellow200,color:AppColors_1.AppColors.yellow800,fontFamily:AppFonts_1.AppFonts.interBold},tipsCard:{backgroundColor:AppColors_1.AppColors.purple50,borderRadius:14,padding:14,borderWidth:1,borderColor:AppColors_1.AppColors.purple200},tipsHeading:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,color:AppColors_1.AppColors.purple800},totalSummaryCard:{marginTop:10,backgroundColor:`${AppColors_1.AppColors.brandPurple}0B`,borderRadius:12,padding:12,borderWidth:1,borderColor:`${AppColors_1.AppColors.brandPurple}25`,gap:8},totalSummaryRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center"},totalSummaryLabelWrap:{flexDirection:"row",alignItems:"center",gap:8},totalIconBadge:{width:32,height:32,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.brandPurple}15`,alignItems:"center",justifyContent:"center"},totalSummaryLabel:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.brandPurple,letterSpacing:.6},totalSummarySub:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,marginTop:1},totalSummaryValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:15,color:AppColors_1.AppColors.primaryBlack},totalSummaryKb:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},totalFormulaGrid:{flexDirection:"row",flexWrap:"wrap",gap:6,paddingTop:6,borderTopWidth:1,borderTopColor:`${AppColors_1.AppColors.brandPurple}15`},totalChip:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.white,borderRadius:6,paddingHorizontal:6,paddingVertical:3,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},totalDot:{width:6,height:6,borderRadius:3},totalChipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.primaryBlack},totalSummaryFormula:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10.5,color:AppColors_1.AppColors.grayText,lineHeight:15},stickyFooterBar:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",backgroundColor:AppColors_1.AppColors.white,paddingHorizontal:16,paddingTop:10,paddingBottom:react_native_1.Platform.OS==="ios"?24:12,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.primaryBlack,shadowOffset:{width:0,height:-2},shadowOpacity:.05,shadowRadius:4,elevation:3},footerTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.primaryBlack},footerSizeVal:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.purple},tipItem:{marginBottom:10,backgroundColor:AppColors_1.AppColors.white,padding:12,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.purple200,gap:6},tipItemHeader:{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",gap:8},tipTitleWrap:{flexDirection:"row",alignItems:"center",gap:6,flex:1,flexShrink:1},tipActionWrap:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:0},tipTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.purple900,flex:1,flexShrink:1},tipDesc:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.gray500,lineHeight:16}});exports.default=BundleTab;