react-native-inapp-inspector 2.3.23 → 2.3.25

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

@@ -1,1297 +0,0 @@
-"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>: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>: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>: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>: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>: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>
-          </react_native_svg_1.Defs>
-          <react_native_svg_1.Rect width="100"height="100"rx="18"fill="url(#pkgGrad)"/>
-        </react_native_svg_1.default>
-      </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>:<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>},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>
-          </react_native_svg_1.Defs>
-          <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.default>
-      </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(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(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")},
-};
-`);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={a?"right":"down"}size={12}color={AppColors_1.AppColors.grayTextWeak}/>
-            </react_native_1.View>
-            {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}>
-                {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}>
-              {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: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>
-
-        {!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}>
-            {y?"\u2514":"\u251C"}
-          </react_native_1.Text>
-        </react_native_1.View>
-
-        <MediaPreviewThumbnail file={b}/>
-
-        <HighlightText_1.default text={b.name}search={n}style={bundleStyles.treeFileName}highlightStyle={bundleStyles.searchHighlight}/>
-
-        {k&&<react_native_1.View style={bundleStyles.treeUnusedPill}>
-            <react_native_1.Text style={bundleStyles.treeUnusedPillText}>
-              {(0,i18n_1.t)("bundle.notConsumed")}
-            </react_native_1.Text>
-          </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,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}>{h}%</react_native_1.Text>
-        </react_native_1.View>
-
-        <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={()=>b}label={(0,i18n_1.t)("bundle.fileDetailsJson")}/>
-        </react_native_1.View>
-      </react_native_1.View>
-    </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={!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>})}
-        </react_native_1.ScrollView>
-        <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>
-
-      <FeatureUnderDevNotice_1.default featureName="Metro Bundle Analyzer"/>
-
-      
-      
-      
-      {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}/>
-              </react_native_1.View>
-              <react_native_1.View style={{flex:1}}>
-                <react_native_1.Text style={bundleStyles.heroTitle}>
-                  {t("bundle.heroTitle")}
-                </react_native_1.Text>
-                {a?.isLive&&a.scriptURL?<react_native_1.View style={{marginTop:4,gap:4}}>
-                    <react_native_1.Text style={bundleStyles.heroSubtitle}>
-                      {t("bundle.heroSubtitle")}
-                    </react_native_1.Text>
-                    <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}}>
-                          {a.scriptURL.length} chars
-                        </react_native_1.Text>
-                      </react_native_1.View>
-                      <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>
-              <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")}
-                </react_native_1.Text>
-                <react_native_1.Text style={bundleStyles.metricValue}>
-                  {t("bundle.mbValue",{size:a?a.totalDevMb:i.totalMb})}
-                </react_native_1.Text>
-                <react_native_1.Text style={bundleStyles.metricHint}>
-                  {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")}
-                </react_native_1.Text>
-                <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: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")}
-                </react_native_1.Text>
-                <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:(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")}
-                </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:w?AppColors_1.AppColors.greenColor:AppColors_1.AppColors.darkOrange}]}/>
-                  <react_native_1.Text style={bundleStyles.metricValue}>
-                    {w?"Hermes":"JSC"}
-                  </react_native_1.Text>
-                </react_native_1.View>
-                <react_native_1.Text style={bundleStyles.metricHint}>
-                  {t(w?"bundle.bytecodeAot":"bundle.standard")}
-                </react_native_1.Text>
-              </react_native_1.View>
-            </react_native_1.View>
-          </react_native_1.View>
-
-          
-          {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")}
-                  </react_native_1.Text>
-                  <react_native_1.Text style={bundleStyles.liveWarningDesc}>
-                    {t("bundle.liveAnalysisUnavailableSub")}
-                  </react_native_1.Text>
-                </react_native_1.View>
-                <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 style={bundleStyles.sectionCard}>
-            <react_native_1.View style={bundleStyles.sectionHeaderRow}>
-              <react_native_1.View style={{flex:1,paddingRight:4}}>
-                <react_native_1.Text style={bundleStyles.sectionTitle}>
-                  {t("bundle.treemapTitle")}
-                </react_native_1.Text>
-                <react_native_1.Text style={bundleStyles.sectionSub}>
-                  {t("bundle.treemapSub",{mb:i.totalMb})}
-                </react_native_1.Text>
-              </react_native_1.View>
-              <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: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}/>
-                <react_native_1.Text style={bundleStyles.legendText}>
-                  Node Modules{" "}
-                  <react_native_1.Text style={bundleStyles.legendVal}>
-                    {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}/>
-                <react_native_1.Text style={bundleStyles.legendText}>
-                  Metro Runtime{" "}
-                  <react_native_1.Text style={bundleStyles.legendVal}>
-                    {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}/>
-                <react_native_1.Text style={bundleStyles.legendText}>
-                  App Source{" "}
-                  <react_native_1.Text style={bundleStyles.legendVal}>
-                    {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}/>
-                <react_native_1.Text style={bundleStyles.legendText}>
-                  Assets & Media{" "}
-                  <react_native_1.Text style={bundleStyles.legendVal}>
-                    {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>
-            </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.Text style={bundleStyles.sectionTitle}>
-                {t("bundle.categoryBreakdown")}
-              </react_native_1.Text>
-              <CopyButton_1.default value={()=>i}label={t("bundle.categoriesJson")}/>
-            </react_native_1.View>
-
-            {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:`${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}>
-                        {e.title}
-                      </react_native_1.Text>
-                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                        <react_native_1.Text style={bundleStyles.catRowSize}>
-                          {e.sizeKb>=1024?`${e.sizeMb} MB`:`${e.sizeKb} KB`}
-                        </react_native_1.Text>
-                        <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}>
-                      {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:`${e.pct}%`,backgroundColor:e.color}]}/>
-                </react_native_1.View>
-              </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}/>
-                  </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}>
-                      {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.Text style={bundleStyles.totalSummaryValue}>
-                    {i.totalMb} MB
-                  </react_native_1.Text>
-                  <react_native_1.Text style={bundleStyles.totalSummaryKb}>
-                    {i.totalKb.toLocaleString()} KB
-                  </react_native_1.Text>
-                </react_native_1.View>
-              </react_native_1.View>
-
-              
-              <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.Text style={bundleStyles.totalChipText}>
-                    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.Text style={bundleStyles.totalChipText}>
-                    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.Text style={bundleStyles.totalChipText}>
-                    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.Text style={bundleStyles.totalChipText}>
-                    Media: {i.assetsMediaKb}K ({i.assetsMediaPct}%)
-                  </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={bundleStyles.sectionCard}>
-            <react_native_1.View style={bundleStyles.sectionHeaderRow}>
-              <react_native_1.View style={{flex:1,paddingRight:4}}>
-                <react_native_1.Text style={bundleStyles.sectionTitle}>
-                  Bundle Subsystem Breakdown
-                </react_native_1.Text>
-                <react_native_1.Text style={bundleStyles.sectionSub}>
-                  Granular analysis of packages, application source, engine
-                  runtime & assets
-                </react_native_1.Text>
-              </react_native_1.View>
-              <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.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}]}>
-                    {(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:{" "}
-                    <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {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:{" "}
-                    <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {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:{" "}
-                    <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {x[0]?.name||"react-native"} (
-                      {x[0]?.sizeKb||1240} KB)
-                    </react_native_1.Text>
-                  </react_native_1.Text>
-                </react_native_1.View>
-              </react_native_1.View>
-            </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="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}]}>
-                    {(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:{" "}
-                    <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {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:{" "}
-                    <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {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:{" "}
-                    <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {d.length||18} files
-                    </react_native_1.Text>
-                  </react_native_1.Text>
-                </react_native_1.View>
-              </react_native_1.View>
-            </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="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}]}>
-                    ~62% AOT Compression
-                  </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}>
-                    Dev JS Size:{" "}
-                    <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {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:{" "}
-                    <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {(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:{" "}
-                    <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {w?"Hermes JSI Direct":"JSC Standard"}
-                    </react_native_1.Text>
-                  </react_native_1.Text>
-                </react_native_1.View>
-              </react_native_1.View>
-            </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="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}]}>
-                    {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:{" "}
-                    <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {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:{" "}
-                    <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {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:{" "}
-                    <react_native_1.Text style={bundleStyles.subsystemItemVal}>
-                      {d.filter(e=>e.category==="font").length||0}{" "}
-                      fonts
-                    </react_native_1.Text>
-                  </react_native_1.Text>
-                </react_native_1.View>
-              </react_native_1.View>
-            </react_native_1.View>
-          </react_native_1.View>
-        </react_native_1.ScrollView>}
-
-      
-      
-      
-      {r==="production"&&<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={bundleStyles.contentContainer}keyboardShouldPersistTaps="handled">
-          
-          <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,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>})}
-          </react_native_1.ScrollView>
-
-          
-          {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}/>
-                </react_native_1.View>
-                <react_native_1.View style={{flex:1}}>
-                  <react_native_1.Text style={bundleStyles.heroTitle}>
-                    {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}>
-                    {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={()=>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}]}>
-                    {a.production[o].totalInstallMb} MB
-                  </react_native_1.Text>
-                  <react_native_1.Text style={bundleStyles.metricHint}>
-                    On-device uncompressed footprint
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <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}]}>
-                    ~{a.production[o].totalDownloadMb} MB
-                  </react_native_1.Text>
-                  <react_native_1.Text style={bundleStyles.metricHint}>
-                    Store network transfer payload
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <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}]}>
-                    {a.production[o].compressionRatioPct}%
-                  </react_native_1.Text>
-                  <react_native_1.Text style={bundleStyles.metricHint}>
-                    Bytecode & asset ratio
-                  </react_native_1.Text>
-                </react_native_1.View>
-
-                <react_native_1.View style={bundleStyles.metricBox}>
-                  <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}]}>
-                    {o==="ios"?"Mach-O 64-bit":o==="androidAab"?"Split APKs":"FAT Multi-ABI"}
-                  </react_native_1.Text>
-                  <react_native_1.Text style={bundleStyles.metricHint}>
-                    {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>}
-
-          
-          {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.Text style={bundleStyles.sectionTitle}>
-                    Binary Component Architecture
-                  </react_native_1.Text>
-                  <react_native_1.Text style={bundleStyles.sectionSub}>
-                    Compiled native libraries, runtime bytecodes, assets, and
-                    signature blocks
-                  </react_native_1.Text>
-                </react_native_1.View>
-                <CopyButton_1.default value={()=>a.production[o].components}label="Components JSON"/>
-              </react_native_1.View>
-
-              
-              <react_native_1.View style={bundleStyles.prodTreemapBar}>
-                {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}]}>
-                {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}>
-                          {e.sizeMb} MB ({e.pct}%)
-                        </react_native_1.Text>
-                      </react_native_1.Text>
-                    </react_native_1.View>)}
-              </react_native_1.View>
-
-              {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:`${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}>
-                          {e.name}
-                        </react_native_1.Text>
-                        <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                          <react_native_1.Text style={bundleStyles.catRowSize}>
-                            {e.sizeMb} MB
-                          </react_native_1.Text>
-                          <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}>
-                        {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:`${e.pct}%`,backgroundColor:e.color}]}/>
-                  </react_native_1.View>
-
-                  {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 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}/>
-                    </react_native_1.View>
-                    <react_native_1.View>
-                      <react_native_1.Text style={bundleStyles.totalSummaryLabel}>
-                        {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}>
-                        {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>
-                </react_native_1.View>
-
-                
-                <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.Text style={bundleStyles.totalChipText}>
-                      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.Text style={bundleStyles.totalChipText}>
-                      Download: ~
-                      {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.Text style={bundleStyles.totalChipText}>
-                      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>}
-
-      
-      
-      
-      {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={!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={!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>})}
-            </react_native_1.ScrollView>
-          </react_native_1.View>
-
-          
-          <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={!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={!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>
-
-              {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")}
-                    </react_native_1.Text>
-                  </TouchableScale_1.default>
-                  <react_native_1.Text style={{color:AppColors_1.AppColors.grayTextWeak,fontSize:11}}>
-                    •
-                  </react_native_1.Text>
-                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Collapse all folders"onPress={O}>
-                    <react_native_1.Text style={bundleStyles.treeActionLink}>
-                      {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:T.length,total:d.length})}
-                </react_native_1.Text>}
-            </react_native_1.View>
-
-            
-            {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}>#{l+1}</react_native_1.Text>
-                      </react_native_1.View>
-
-                      <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")}
-                              </react_native_1.Text>
-                            </react_native_1.View>:<react_native_1.View style={bundleStyles.consumedBadge}>
-                              <react_native_1.Text style={bundleStyles.consumedBadgeText}>
-                                {t("bundle.consumed")}
-                              </react_native_1.Text>
-                            </react_native_1.View>}
-                        </react_native_1.View>
-                        <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={bundleStyles.fileSizeBox}>
-                          <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}>
-                            {g}%
-                          </react_native_1.Text>
-                        </react_native_1.View>
-                        <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={()=>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(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}>{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.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.Text style={bundleStyles.footerTitle}>
-                {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:R,mb:(R/1024).toFixed(2)})}
-            </react_native_1.Text>
-          </react_native_1.View>
-        </react_native_1.View>}
-
-      
-      
-      
-      {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={!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:S.length})}
-            </react_native_1.Text>
-
-            {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}>#{l+1}</react_native_1.Text>
-                    </react_native_1.View>
-
-                    <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={e.name}search={s}style={bundleStyles.fileName}highlightStyle={bundleStyles.searchHighlight}/>
-                        <react_native_1.View style={bundleStyles.versionPill}>
-                          <react_native_1.Text style={bundleStyles.versionPillText}>
-                            {p?t("bundle.versionPrefix",{version:p}):t("bundle.bundled")}
-                          </react_native_1.Text>
-                        </react_native_1.View>
-
-                        {e.isDeprecated?<react_native_1.View style={bundleStyles.deprecatedBadge}>
-                            <react_native_1.Text style={bundleStyles.deprecatedBadgeText}>
-                              {t("bundle.deprecated")}
-                            </react_native_1.Text>
-                          </react_native_1.View>:g?<react_native_1.View style={bundleStyles.updateBadge}>
-                            <react_native_1.Text style={bundleStyles.updateBadgeText}>
-                              {t("bundle.updateAvailable",{version:e.latestVersion})}
-                            </react_native_1.Text>
-                          </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.Text>
-                          </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={bundleStyles.fileSizeBox}>
-                        <react_native_1.Text style={bundleStyles.fileSizeKb}>
-                          {t("bundle.fileSizeKb",{size:e.sizeKb})}
-                        </react_native_1.Text>
-                        <react_native_1.Text style={bundleStyles.filePercent}>
-                          {e.percentage}%
-                        </react_native_1.Text>
-                      </react_native_1.View>
-                      <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:`${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}>
-                      {e.description}
-                    </react_native_1.Text>
-                  </react_native_1.View>
-
-                  
-                  {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}>
-                          {e.deprecationReason}
-                        </react_native_1.Text>
-                      </react_native_1.View>
-                    </react_native_1.View>}
-
-                  <react_native_1.View style={bundleStyles.fileProgressTrack}>
-                    <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={bundleStyles.typeTag}>
-                        <react_native_1.Text style={bundleStyles.typeTagText}>
-                          {e.type==="direct"?t("bundle.direct"):t("bundle.transitive")}
-                        </react_native_1.Text>
-                      </react_native_1.View>
-                      {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}>
-                            {e.lastActive}
-                          </react_native_1.Text>
-                        </react_native_1.View>}
-                    </react_native_1.View>
-
-                    <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
-                      <react_native_1.Text style={bundleStyles.fileMetaText}>
-                        {t("bundle.minified",{size:e.sizeKb})}
-                      </react_native_1.Text>
-                      <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")}
-                        </react_native_1.Text>
-                      </TouchableScale_1.default>
-                    </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.Text style={bundleStyles.footerTitle}>
-                {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:W,mb:(W/1024).toFixed(2)})}
-            </react_native_1.Text>
-          </react_native_1.View>
-        </react_native_1.View>}
-
-      
-      
-      
-      {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.Text style={bundleStyles.tipsHeading}>
-                    {t("bundle.mediaAuditorTitle")}
-                  </react_native_1.Text>
-                </react_native_1.View>
-                <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}}>
-                  {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:V.length})}
-            </react_native_1.Text>
-
-            {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}>#{l+1}</react_native_1.Text>
-                  </react_native_1.View>
-
-                  <MediaPreviewThumbnail file={e}/>
-
-                  <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={bundleStyles.fileSizeBox}>
-                      <react_native_1.Text style={bundleStyles.fileSizeKb}>
-                        {t("bundle.fileSizeKb",{size:e.sizeKb})}
-                      </react_native_1.Text>
-                    </react_native_1.View>
-                    <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={()=>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}>{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.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.Text style={bundleStyles.footerTitle}>
-                {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:H,mb:(H/1024).toFixed(2)})}
-            </react_native_1.Text>
-          </react_native_1.View>
-        </react_native_1.View>}
-
-      
-      
-      
-      {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.Text style={bundleStyles.tipsHeading}>
-                  {t("bundle.optimizerTitle")}
-                </react_native_1.Text>
-              </react_native_1.View>
-              <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: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}>#{l+1}</react_native_1.Text>
-                    </react_native_1.View>
-                    <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:`${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={()=>e}label={t("bundle.tipDetails")}/>
-                  </react_native_1.View>
-                </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>}),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;