react-native-inapp-inspector 2.3.24 → 2.4.0

package/dist/esm/components/Inspector/ConsoleTab.js

@@ -1,129 +1,71 @@
-import D,{useCallback as $,useMemo as N,useRef as J}from"react";import{FlatList as Z,Platform as ee,Pressable as Se,ScrollView as U,Text as T,TextInput as Ce,View as S}from"react-native";import{useInspector as Te}from"./InspectorContext";import{useTranslation as xe}from"../../i18n";import I from"../TouchableScale";import Ie from"../AnimatedEntrance";import{ConsoleLogCard as Ve}from"../ConsoleLogCard";import Fe from"../EmptyState";import Ae from"../EndOfListFooter";import b from"../../styles";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as V}from"../../styles/AppFonts";import{SearchIcon as Oe,ClearIcon as Re,SortArrowIcon as Pe,TrashIcon as Be,LayersIcon as Le,UserIcon as He,InfoCircleIcon as Ee,WarningTriangleIcon as We,ErrorCircleIcon as De,AnalyticsIcon as $e,HeaderPauseIcon as Ne}from"../NetworkIcons";const Ue=D.memo(()=>{const{t:A}=xe(),{logSearch:F,setLogSearch:B,logSortOrder:G,setLogSortOrder:M,handleDelete:Q,logFilters:C,setLogFilters:O,logCounts:R,filteredConsoleLogs:k,visibleConsoleLogs:E,isConsolePaused:L,setIsConsolePaused:Y}=Te(),X=J(null),_=$(({item:o,index:r})=><Ie index={r}distance={8}>
-        <Ve item={o}searchStr={F}/>
-      </Ie>,[F]),j=$((o,r)=>o?.id?.toString()??r.toString(),[]),K=N(()=>{const o=E.length,r=k.length;if(C.has("all")||!Array.from(C).some(v=>v!=="all"))return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
-          <T style={{fontFamily:V.interMedium,fontSize:11,color:e.grayTextWeak,letterSpacing:.2}}>
-            {r===o?`Showing ${o} logs`:`Showing ${r} of ${o} logs`}
-          </T>
-        </S>;{const v=Array.from(C).filter(P=>P!=="all").map(P=>P==="user-log"?"Log":P==="analytics"?"Analytics":P.charAt(0).toUpperCase()+P.slice(1));return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
-          <T style={{fontFamily:V.interMedium,fontSize:11,color:e.grayTextWeak,letterSpacing:.2}}>
-            Filtered by {v.join(", ")} ({r} of {o} logs)
-          </T>
-        </S>}},[E.length,k.length,C]),[H,W]=D.useState(!1),q=N(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]","[WARN]","[ERROR]","[SUCCESS]"],[]);return<S style={{flex:1}}>
+import W,{useCallback as $,useMemo as k,useRef as oo}from"react";import{FlatList as So,Platform as fo,Pressable as Co,ScrollView as D,Text as L,TextInput as Io,View as S}from"react-native";import{useInspector as To}from"./InspectorContext";import{useTranslation as xo}from"../../i18n";import E from"../TouchableScale";import Ao from"../AnimatedEntrance";import{ConsoleLogCard as Lo}from"../ConsoleLogCard";import Vo from"../EmptyState";import Bo from"../EndOfListFooter";import T from"../../styles";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as z}from"../../styles/AppFonts";import{LogFilter as V}from"../../types";import{SearchIcon as Fo,ClearIcon as Eo,SortArrowIcon as Ho,TrashIcon as Po,LayersIcon as Ro,UserIcon as Wo,InfoCircleIcon as $o,WarningTriangleIcon as No,ErrorCircleIcon as Oo,AnalyticsIcon as Uo}from"../NetworkIcons";const Do=W.memo(()=>{const{t:w}=xo(),{logSearch:f,setLogSearch:B,logSortOrder:G,setLogSortOrder:v,handleDelete:M,logFilters:b,setLogFilters:H,logCounts:x,filteredConsoleLogs:C,visibleConsoleLogs:N}=To(),_=oo(null),[O,Q]=W.useState(100),P=k(()=>C.slice(0,O),[C,O]),Y=$(({item:o,index:t})=><Ao index={t}distance={8}>
+        <Lo item={o}searchStr={f}/>
+      </Ao>,[f]),K=$((o,t)=>({length:148,offset:148*t,index:t}),[]),X=$((o,t)=>o?.id?.toString()??t.toString(),[]),j=k(()=>{const o=N.length,t=C.length;if(b.has("all")||!Array.from(b).some(F=>F!=="all"))return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
+          <L style={{fontFamily:z.interMedium,fontSize:11,color:e.grayTextWeak,letterSpacing:.2}}>
+            {t===o?`Showing ${o} logs`:`Showing ${t} of ${o} logs`}
+          </L>
+        </S>;{const F=Array.from(b).filter(I=>I!=="all").map(I=>I==="user-log"?"Log":I==="analytics"?"Analytics":I.charAt(0).toUpperCase()+I.slice(1));return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
+          <L style={{fontFamily:z.interMedium,fontSize:11,color:e.grayTextWeak,letterSpacing:.2}}>
+            Filtered by {F.join(", ")} ({t} of {o} logs)
+          </L>
+        </S>}},[N.length,C.length,b]),[R,U]=W.useState(!1),q=k(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),J=k(()=>[{id:V.All,label:w("common.all","All"),count:x.all?.split("/")?.[0]??"0",color:e.purple,Icon:Ro},{id:V.UserLog,label:w("console.log","Log"),count:x["user-log"]?.split("/")?.[0]??"0",color:e.teal600,Icon:Wo},{id:V.Info,label:w("console.info","Info"),count:x.info?.split("/")?.[0]??"0",color:e.sky600,Icon:$o},{id:V.Warn,label:w("console.warning","Warn"),count:x.warn?.split("/")?.[0]??"0",color:e.amber600,Icon:No},{id:V.Error,label:w("console.error","Error"),count:x.error?.split("/")?.[0]??"0",color:e.errorColor,Icon:Oo},{id:V.Analytics,label:w("console.analytics","Analytics"),count:x.analytics?.split("/")?.[0]??"0",color:e.violet600,Icon:Uo}],[x,w]);return<S style={{flex:1}}>
       <S style={{backgroundColor:e.white,borderBottomWidth:1,borderBottomColor:e.dividerColor,paddingBottom:6}}>
-        <S style={[b.toolbarRow,{marginTop:12,marginBottom:8}]}>
-          <S style={[b.searchContainer,H&&{borderColor:e.purple,borderWidth:1.5}]}>
-            <Oe color={H?e.purple:e.grayTextWeak}size={16}/>
-            <Ce placeholder={A("console.searchPlaceholder")}placeholderTextColor={e.grayTextWeak}value={F}onChangeText={B}onFocus={()=>W(!0)}onBlur={()=>W(!1)}style={b.searchInput}autoCorrect={!1}autoCapitalize="none"/>
-            {F.length>0&&<S style={{flexDirection:"row",alignItems:"center",gap:4}}>
+        <S style={[T.toolbarRow,{marginTop:12,marginBottom:8}]}>
+          <S style={[T.searchContainer,R&&{borderColor:e.purple,borderWidth:1.5}]}>
+            <Fo color={R?e.purple:e.grayTextWeak}size={16}/>
+            <Io placeholder={w("console.searchPlaceholder")}placeholderTextColor={e.grayTextWeak}value={f}onChangeText={B}onFocus={()=>U(!0)}onBlur={()=>U(!1)}style={T.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+            {f.length>0&&<S style={{flexDirection:"row",alignItems:"center",gap:4}}>
                 <S style={{backgroundColor:`${e.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:2}}>
-                  <T style={{color:e.purple,fontSize:10,fontFamily:V.interBold}}>
-                    {k.length}
-                  </T>
+                  <L style={{color:e.purple,fontSize:10,fontFamily:z.interBold}}>
+                    {C.length}
+                  </L>
                 </S>
-                <Se onPress={()=>B("")}hitSlop={10}style={b.clearBtn}>
-                  <Re color={e.grayTextWeak}size={14}/>
-                </Se>
+                <Co onPress={()=>B("")}hitSlop={10}style={T.clearBtn}>
+                  <Eo color={e.grayTextWeak}size={14}/>
+                </Co>
               </S>}
           </S>
 
-          <S style={b.toolbarRight}>
-            <I style={[b.toolbarBtn,L&&{borderColor:`${e.darkOrange}50`,backgroundColor:`${e.darkOrange}18`}]}onPress={()=>Y(o=>!o)}hitSlop={6}>
-              <Ne isPaused={L}color={L?e.darkOrange:e.grayTextStrong}size={16}/>
-            </I>
-            <I style={b.toolbarBtn}onPress={()=>M(o=>o==="newest"?"oldest":"newest")}hitSlop={10}>
-              <Pe color={e.grayTextStrong}size={18}direction={G==="newest"?"down":"up"}/>
-            </I>
-            <I style={[b.toolbarBtn,{borderColor:`${e.errorColor}38`,backgroundColor:`${e.errorColor}0F`}]}onPress={Q}hitSlop={6}>
-              <Be color={e.errorColor}size={15}/>
-            </I>
+          <S style={T.toolbarRight}>
+            <E style={T.toolbarBtn}onPress={()=>v(o=>o==="newest"?"oldest":"newest")}hitSlop={10}>
+              <Ho color={e.grayTextStrong}size={18}direction={G==="newest"?"down":"up"}/>
+            </E>
+            <E style={[T.toolbarBtn,{borderColor:`${e.errorColor}38`,backgroundColor:`${e.errorColor}0F`}]}onPress={M}hitSlop={6}>
+              <Po color={e.errorColor}size={15}/>
+            </E>
           </S>
         </S>
 
         
-        {(H||F.length>0)&&<U horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:16,flexDirection:"row",alignItems:"center",gap:6}}>
-            {q.map(o=>{const r=F.includes(o);return<I key={o}onPress={()=>{B(r?t=>t.replace(o,"").trim():t=>t?`${t} ${o}`.trim():o)}}>
-                  <S style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:r?e.purple:`${e.purple}14`,borderWidth:1,borderColor:r?e.purple:`${e.purple}30`}}>
-                    <T style={{fontFamily:V.interBold,fontSize:10,color:r?e.white:e.purple}}>
+        {(R||f.length>0)&&<D horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:16,flexDirection:"row",alignItems:"center",gap:6}}>
+            {q.map(o=>{const t=f.includes(o);return<E key={o}onPress={()=>{B(t?r=>r.replace(o,"").trim():r=>r?`${r} ${o}`.trim():o)}}>
+                  <S style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:t?e.purple:`${e.purple}14`,borderWidth:1,borderColor:t?e.purple:`${e.purple}30`}}>
+                    <L style={{fontFamily:z.interBold,fontSize:10,color:t?e.white:e.purple}}>
                       {o}
-                    </T>
+                    </L>
                   </S>
-                </I>})}
-          </U>}
+                </E>})}
+          </D>}
 
-        <U horizontal showsHorizontalScrollIndicator={!1}style={{marginVertical:4,maxHeight:46}}contentContainerStyle={{paddingHorizontal:16,paddingBottom:4,flexDirection:"row",alignItems:"center",gap:8}}>
-          
-          {(()=>{const o=C.has("all");return<I onPress={()=>{O(new Set(["all"]))}}>
-                <S style={[b.statusFilterChip,{backgroundColor:o?e.indigo600Alt:e.indigo50,borderColor:o?e.indigo600:e.indigo400,borderRadius:8,paddingHorizontal:10,paddingVertical:6},o&&{shadowColor:e.indigo600Alt,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2.5,elevation:2}]}>
-                  <S style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <Le size={13}color={o?e.white:e.indigo600Alt}/>
-                    <T numberOfLines={1}style={[b.statusFilterText,{color:o?e.white:e.indigo600Alt,fontFamily:V.interBold}]}>
-                      {A("common.all","All")} ({R.all})
-                    </T>
-                  </S>
-                </S>
-              </I>})()}
-
-          
-          {(()=>{const o=C.has("user-log");return<I onPress={()=>{O(r=>{const t=new Set(r);return t.delete("all"),t.has("user-log")?t.delete("user-log"):t.add("user-log"),t.size===0&&t.add("all"),t})}}>
-                <S style={[b.statusFilterChip,{backgroundColor:o?e.teal600:e.teal100,borderColor:o?e.teal600:e.teal400,borderRadius:8,paddingHorizontal:10,paddingVertical:6},o&&{shadowColor:e.teal600,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2.5,elevation:2}]}>
-                  <S style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <He size={13}color={o?e.white:e.teal600}/>
-                    <T numberOfLines={1}style={[b.statusFilterText,{color:o?e.white:e.teal600,fontFamily:V.interBold}]}>
-                      {A("console.log","Log")} ({R["user-log"]})
-                    </T>
-                  </S>
-                </S>
-              </I>})()}
-
-          
-          {(()=>{const o=C.has("info");return<I onPress={()=>{O(r=>{const t=new Set(r);return t.delete("all"),t.has("info")?t.delete("info"):t.add("info"),t.size===0&&t.add("all"),t})}}>
-                <S style={[b.statusFilterChip,{backgroundColor:o?e.sky600:e.sky100,borderColor:o?e.blue700:e.sky400,borderRadius:8,paddingHorizontal:10,paddingVertical:6},o&&{shadowColor:e.sky600,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2.5,elevation:2}]}>
-                  <S style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <Ee size={13}color={o?e.white:e.sky600}/>
-                    <T numberOfLines={1}style={[b.statusFilterText,{color:o?e.white:e.sky600,fontFamily:V.interBold}]}>
-                      {A("console.info","Info")} ({R.info})
-                    </T>
-                  </S>
-                </S>
-              </I>})()}
-
-          
-          {(()=>{const o=C.has("warn");return<I onPress={()=>{O(r=>{const t=new Set(r);return t.delete("all"),t.has("warn")?t.delete("warn"):t.add("warn"),t.size===0&&t.add("all"),t})}}>
-                <S style={[b.statusFilterChip,{backgroundColor:o?e.amber600:e.amber100,borderColor:o?e.amber700:e.amber200,borderRadius:8,paddingHorizontal:10,paddingVertical:6},o&&{shadowColor:e.amber600,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2.5,elevation:2}]}>
-                  <S style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <We size={13}color={o?e.white:e.amber700}/>
-                    <T numberOfLines={1}style={[b.statusFilterText,{color:o?e.white:e.amber800Warm,fontFamily:V.interBold}]}>
-                      {A("console.warning","Warn")} ({R.warn})
-                    </T>
-                  </S>
-                </S>
-              </I>})()}
-
-          
-          {(()=>{const o=C.has("error");return<I onPress={()=>{O(r=>{const t=new Set(r);return t.delete("all"),t.has("error")?t.delete("error"):t.add("error"),t.size===0&&t.add("all"),t})}}>
-                <S style={[b.statusFilterChip,{backgroundColor:o?e.red500:e.red100,borderColor:o?e.red600:e.errorBorder,borderRadius:8,paddingHorizontal:10,paddingVertical:6},o&&{shadowColor:e.red500,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2.5,elevation:2}]}>
-                  <S style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <De size={13}color={o?e.white:e.red500}/>
-                    <T numberOfLines={1}style={[b.statusFilterText,{color:o?e.white:e.redErrorText,fontFamily:V.interBold}]}>
-                      {A("console.error","Error")} ({R.error})
-                    </T>
-                  </S>
-                </S>
-              </I>})()}
-
-          
-          {(()=>{const o=C.has("analytics");return<I onPress={()=>{O(r=>{const t=new Set(r);return t.delete("all"),t.has("analytics")?t.delete("analytics"):t.add("analytics"),t.size===0&&t.add("all"),t})}}>
-                <S style={[b.statusFilterChip,{backgroundColor:o?e.violet600:e.purple100,borderColor:o?e.purple700:e.purple200,borderRadius:8,paddingHorizontal:10,paddingVertical:6},o&&{shadowColor:e.violet600,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2.5,elevation:2}]}>
-                  <S style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <$e size={13}color={o?e.white:e.violet600}/>
-                    <T numberOfLines={1}style={[b.statusFilterText,{color:o?e.white:e.purpleText,fontFamily:V.interBold}]}>
-                      {A("console.analytics","Analytics")} ({R.analytics})
-                    </T>
+        
+        <S style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
+          <D horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
+            {J.map(o=>{const t=o.id==="all"?b.has("all"):b.has(o.id)&&!b.has("all"),r=o.color||e.purple,F=t?e.white:r,I=o.Icon;return<E key={o.id}onPress={()=>{o.id==="all"?H(new Set(["all"])):H(Z=>{const A=new Set(Z);return A.delete("all"),A.has(o.id)?A.delete(o.id):A.add(o.id),A.size===0&&A.add("all"),A})}}>
+                  <S style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:t?r:`${r}12`,borderWidth:1,borderColor:t?r:`${r}30`,gap:5}}>
+                    <I size={11}color={F}/>
+                    <L style={{fontFamily:z.interBold,fontSize:10.5,color:t?e.white:e.primaryBlack}}>
+                      {o.label}
+                    </L>
+                    <S style={{backgroundColor:t?"rgba(255,255,255,0.25)":`${r}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8}}>
+                      <L style={{fontFamily:z.interBold,fontSize:9,color:t?e.white:r}}>
+                        {o.count}
+                      </L>
+                    </S>
                   </S>
-                </S>
-              </I>})()}
-        </U>
+                </E>})}
+          </D>
+        </S>
       </S>
 
-      <Z ref={X}data={k}keyExtractor={j}ListHeaderComponent={K}renderItem={_}initialNumToRender={12}maxToRenderPerBatch={8}windowSize={5}removeClippedSubviews={ee.OS==="android"}renderToHardwareTextureAndroid={!0}ListEmptyComponent={<Fe isSearch={F.length>0||!C.has("all")}searchQuery={F}customTitle={F.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{B(""),O(new Set(["all"]))}}/>}ListFooterComponent={k.length>0?<Ae count={k.length}label="logs"/>:null}contentContainerStyle={[b.listContent,k.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
-    </S>});export default Ue;
+      <So ref={_}data={P}keyExtractor={X}ListHeaderComponent={j}renderItem={Y}getItemLayout={K}initialNumToRender={15}maxToRenderPerBatch={10}windowSize={9}removeClippedSubviews={fo.OS==="android"}renderToHardwareTextureAndroid={!0}ListEmptyComponent={<Vo isSearch={f.length>0||!b.has("all")}searchQuery={f}customTitle={f.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{B(""),H(new Set(["all"]))}}/>}ListFooterComponent={C.length>0?<Bo count={P.length}totalCount={C.length}label="logs"hasMore={P.length<C.length}onLoadMore={()=>Q(o=>o+10)}/>:null}contentContainerStyle={[T.listContent,C.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
+    </S>});export default Do;

package/dist/esm/components/Inspector/CrashDetail.js

@@ -1,4 +1,4 @@
-import ae,{useMemo as L,useState as D}from"react";import{Platform as W,ScrollView as U,StyleSheet as ie,Text as S,TextInput as Ce,View as C}from"react-native";import{useTranslation as Te}from"../../i18n";import{useInspector as xe}from"./InspectorContext";import H from"../TouchableScale";import Se from"../SegmentedTabs";import Q from"../HighlightText";import _ from"../JsonViewer";import $ from"../CopyButton";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as B}from"../../styles/AppFonts";import{exportCrashReport as Ve,parseCrashStackTrace as Be}from"../../customHooks/crashHandler";import{copyToClipboard as q}from"../../helpers";import{SearchIcon as Ie,ClearIcon as Fe,CopyIcon as K,TerminalIcon as Re,LayersIcon as X,ClockIcon as Le,CircleCheckIcon as Y,GlobeIcon as De,AppleIcon as He,AndroidIcon as Ae,StackTraceIcon as We,DiagnosticsIcon as $e,TrailIcon as Oe,RawJsonIcon as Me,AppFramesIcon as Ee,AllFramesIcon as Ge}from"../NetworkIcons";const je=ae.memo(()=>{const{t:V}=Te(),{selectedCrash:T}=xe(),[F,Z]=D("stack"),[R,E]=D(""),[I,G]=D("app"),[A,j]=D(!1),[J,N]=D(null);if(!T)return null;const z=L(()=>T.parsedStack&&T.parsedStack.length>0?T.parsedStack:T.stack?Be(T.stack):[],[T]),ee=L(()=>{try{return JSON.parse(JSON.stringify(T))}catch{return T}},[T]),v=L(()=>z.filter(x=>x.isAppCode),[z]),P=L(()=>I==="app"&&v.length>0?v:z,[I,v,z]),O=L(()=>v[0]||z[0]||null,[v,z]),re=()=>{const x=Ve(T);q(x,"Crash Report"),j(!0),setTimeout(()=>j(!1),2e3)},te=(x,k)=>{const M=x.raw||`${x.method}@${x.file}:${x.lineNumber}:${x.column}`;q(M,"Stack Frame"),N(k),setTimeout(()=>N(null),1500)},oe=[{key:"stack",label:V("crash.tabStack",{count:z.length}),icon:x=><We size={12}color={x?e.white:e.grayText}/>},{key:"diagnostics",label:V("crash.tabDiagnostics"),icon:x=><$e size={12}color={x?e.white:e.grayText}/>},{key:"breadcrumbs",label:V("crash.tabTrail",{count:T.breadcrumbs?.length||0}),icon:x=><Oe size={12}color={x?e.white:e.grayText}/>},{key:"raw",label:V("crash.tabRawJson"),icon:x=><Me size={12}color={x?e.white:e.grayText}/>}];return<C style={{flex:1,backgroundColor:e.grayBackground}}>
+import ae,{useMemo as L,useState as H}from"react";import{Platform as W,ScrollView as E,StyleSheet as ie,Text as S,TextInput as Ce,View as C}from"react-native";import{useTranslation as Te}from"../../i18n";import{useInspector as xe}from"./InspectorContext";import D from"../TouchableScale";import Se from"../SegmentedTabs";import Q from"../HighlightText";import _ from"../JsonViewer";import $ from"../CopyButton";import Be from"../ShareButton";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as V}from"../../styles/AppFonts";import{exportCrashReport as Ve,parseCrashStackTrace as ke}from"../../customHooks/crashHandler";import{copyToClipboard as q}from"../../helpers";import{shareCrashReport as Ie}from"../../helpers/shareFormatter";import{SearchIcon as Fe,ClearIcon as Re,CopyIcon as K,TerminalIcon as Le,LayersIcon as X,ClockIcon as He,CircleCheckIcon as Y,GlobeIcon as De,AppleIcon as Ae,AndroidIcon as We,StackTraceIcon as $e,DiagnosticsIcon as Me,TrailIcon as Oe,RawJsonIcon as Ge,AppFramesIcon as Je,AllFramesIcon as Ne}from"../NetworkIcons";const Pe=ae.memo(()=>{const{t:B}=Te(),{selectedCrash:T}=xe(),[F,Z]=H("stack"),[R,G]=H(""),[I,j]=H("app"),[A,J]=H(!1),[N,P]=H(null);if(!T)return null;const z=L(()=>T.parsedStack&&T.parsedStack.length>0?T.parsedStack:T.stack?ke(T.stack):[],[T]),ee=L(()=>{try{return JSON.parse(JSON.stringify(T))}catch{return T}},[T]),v=L(()=>z.filter(x=>x.isAppCode),[z]),U=L(()=>I==="app"&&v.length>0?v:z,[I,v,z]),M=L(()=>v[0]||z[0]||null,[v,z]),re=()=>{const x=Ve(T);q(x,"Crash Report"),J(!0),setTimeout(()=>J(!1),2e3)},te=(x,k)=>{const O=x.raw||`${x.method}@${x.file}:${x.lineNumber}:${x.column}`;q(O,"Stack Frame"),P(k),setTimeout(()=>P(null),1500)},oe=[{key:"stack",label:B("crash.tabStack",{count:z.length}),icon:x=><$e size={12}color={x?e.white:e.grayText}/>},{key:"diagnostics",label:B("crash.tabDiagnostics"),icon:x=><Me size={12}color={x?e.white:e.grayText}/>},{key:"breadcrumbs",label:B("crash.tabTrail",{count:T.breadcrumbs?.length||0}),icon:x=><Oe size={12}color={x?e.white:e.grayText}/>},{key:"raw",label:B("crash.tabRawJson"),icon:x=><Ge size={12}color={x?e.white:e.grayText}/>}];return<C style={{flex:1,backgroundColor:e.grayBackground}}>
       
       <C style={{paddingHorizontal:8,paddingTop:6}}>
         <C style={r.infoBar}>
@@ -8,7 +8,7 @@ import ae,{useMemo as L,useState as D}from"react";import{Platform as W,ScrollVie
             <C style={[r.pillBadge,{backgroundColor:T.isFatal?e.errorCardBg:e.amberBg,borderColor:T.isFatal?e.errorBorder:e.amberWarmBorder}]}>
               <C style={[r.statusDot,{backgroundColor:T.isFatal?e.red600:e.amber600}]}/>
               <S style={[r.pillBadgeText,{color:T.isFatal?e.redErrorText:e.amberWarmText}]}>
-                {T.isFatal?V("crash.fatalCrash"):V("crash.handledException")}
+                {T.isFatal?B("crash.fatalCrash"):B("crash.handledException")}
               </S>
             </C>
 
@@ -22,12 +22,13 @@ import ae,{useMemo as L,useState as D}from"react";import{Platform as W,ScrollVie
             <C style={{flex:1}}/>
 
             
-            <H onPress={re}hitSlop={10}style={[r.actionButton,A&&{backgroundColor:e.mintGreenBg,borderColor:e.mintGreenBorder}]}>
+            <Be onShare={()=>Ie(T)}/>
+            <D onPress={re}hitSlop={10}style={[r.actionButton,A&&{backgroundColor:e.mintGreenBg,borderColor:e.mintGreenBorder}]}>
               {A?<Y color={e.mintGreenText}size={12}/>:<K color={e.purple}size={12}/>}
               <S style={[r.actionButtonText,A&&{color:e.mintGreenText}]}>
-                {V(A?"crash.copied":"crash.copyReport")}
+                {B(A?"crash.copied":"crash.copyReport")}
               </S>
-            </H>
+            </D>
           </C>
 
           
@@ -36,28 +37,28 @@ import ae,{useMemo as L,useState as D}from"react";import{Platform as W,ScrollVie
           </S>
 
           
-          <U horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={r.metaRow}>
-            {O&&<C style={r.metaChip}>
-                <Re color={e.grayText}size={11}/>
+          <E horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={r.metaRow}>
+            {M&&<C style={r.metaChip}>
+                <Le color={e.grayText}size={11}/>
                 <S style={r.metaChipText}numberOfLines={2}>
-                  {O.file}:{O.lineNumber}
+                  {M.file}:{M.lineNumber}
                 </S>
               </C>}
 
             <C style={r.metaChip}>
-              <Le color={e.grayText}size={11}/>
+              <He color={e.grayText}size={11}/>
               <S style={r.metaChipText}>
                 {T.timeStr||new Date(T.timestamp).toLocaleTimeString()}
               </S>
             </C>
 
             {T.deviceInfo?.platform&&<C style={r.metaChip}>
-                {T.deviceInfo.platform==="ios"?<He color={e.grayText}size={11}/>:<Ae color={e.grayText}size={11}/>}
+                {T.deviceInfo.platform==="ios"?<Ae color={e.grayText}size={11}/>:<We color={e.grayText}size={11}/>}
                 <S style={r.metaChipText}>
                   {T.deviceInfo.platform.toUpperCase()} {T.deviceInfo.osVersion}
                 </S>
               </C>}
-          </U>
+          </E>
         </C>
       </C>
 
@@ -69,59 +70,59 @@ import ae,{useMemo as L,useState as D}from"react";import{Platform as W,ScrollVie
       
       {(F==="stack"||F==="raw")&&<C style={{paddingHorizontal:12,paddingBottom:6}}>
           <C style={r.searchContainer}>
-            <Ie color={e.grayText}size={14}/>
-            <Ce style={r.searchInput}placeholder={V("crash.searchDetailPlaceholder")}placeholderTextColor={e.grayTextWeak}value={R}onChangeText={E}autoCapitalize="none"autoCorrect={!1}/>
-            {R.length>0&&<H onPress={()=>E("")}hitSlop={10}>
-                <Fe color={e.grayText}size={13}/>
-              </H>}
+            <Fe color={e.grayText}size={14}/>
+            <Ce style={r.searchInput}placeholder={B("crash.searchDetailPlaceholder")}placeholderTextColor={e.grayTextWeak}value={R}onChangeText={G}autoCapitalize="none"autoCorrect={!1}/>
+            {R.length>0&&<D onPress={()=>G("")}hitSlop={10}>
+                <Re color={e.grayText}size={13}/>
+              </D>}
           </C>
         </C>}
 
       
-      <U style={{flex:1}}contentContainerStyle={{padding:12,paddingBottom:40,gap:12}}>
+      <E style={{flex:1}}contentContainerStyle={{padding:12,paddingBottom:40,gap:12}}>
         
         {F==="stack"&&<C style={{gap:10}}>
             
             <C style={r.filterChipsRow}>
-              <H onPress={()=>G("app")}style={[r.filterChip,I==="app"&&r.filterChipActive]}>
-                <Ee size={12}color={I==="app"?e.white:e.purple}/>
+              <D onPress={()=>j("app")}style={[r.filterChip,I==="app"&&r.filterChipActive]}>
+                <Je size={12}color={I==="app"?e.white:e.purple}/>
                 <S style={[r.filterChipText,I==="app"&&r.filterChipTextActive]}>
-                  {V("crash.appFrames",{count:v.length})}
+                  {B("crash.appFrames",{count:v.length})}
                 </S>
-              </H>
+              </D>
 
-              <H onPress={()=>G("all")}style={[r.filterChip,I==="all"&&r.filterChipActive]}>
-                <Ge size={12}color={I==="all"?e.white:e.purple}/>
+              <D onPress={()=>j("all")}style={[r.filterChip,I==="all"&&r.filterChipActive]}>
+                <Ne size={12}color={I==="all"?e.white:e.purple}/>
                 <S style={[r.filterChipText,I==="all"&&r.filterChipTextActive]}>
-                  {V("crash.allFrames",{count:z.length})}
+                  {B("crash.allFrames",{count:z.length})}
                 </S>
-              </H>
+              </D>
             </C>
 
             
-            {P.length>0?P.filter(x=>{if(!R.trim())return!0;const k=R.toLowerCase();return x.method.toLowerCase().includes(k)||x.file.toLowerCase().includes(k)}).map((x,k)=>{const M=k===0&&x.isAppCode;return<C key={`frame_${k}`}style={[r.frameCard,M&&r.originFrameCard]}>
+            {U.length>0?U.filter(x=>{if(!R.trim())return!0;const k=R.toLowerCase();return x.method.toLowerCase().includes(k)||x.file.toLowerCase().includes(k)}).map((x,k)=>{const O=k===0&&x.isAppCode;return<C key={`frame_${k}`}style={[r.frameCard,O&&r.originFrameCard]}>
                       <C style={r.frameCardHeader}>
                         <C style={r.frameIndexBadge}>
                           <S style={r.frameIndexBadgeText}>
                             #{k+1}
                           </S>
                         </C>
-                        <C style={[r.frameTypeBadge,x.isAppCode?{backgroundColor:"#ECFDF5",borderColor:"#A7F3D0"}:{backgroundColor:"#F1F5F9",borderColor:"#E2E8F0"}]}>
-                          <S style={[r.frameTypeBadgeText,x.isAppCode?{color:"#059669"}:{color:"#64748B"}]}>
-                            {x.isAppCode?V("crash.frameApp"):V("crash.frameLib")}
+                        <C style={[r.frameTypeBadge,x.isAppCode?{backgroundColor:e.greenSuccessBg,borderColor:e.greenSuccessBorder}:{backgroundColor:e.slate100,borderColor:e.slate200}]}>
+                          <S style={[r.frameTypeBadgeText,x.isAppCode?{color:e.emerald600}:{color:e.slate500}]}>
+                            {x.isAppCode?B("crash.frameApp"):B("crash.frameLib")}
                           </S>
                         </C>
 
                         <S style={r.frameMethodText}numberOfLines={1}>
-                          <Q text={x.method||V("crash.anonymous")}highlight={R}/>
+                          <Q text={x.method||B("crash.anonymous")}highlight={R}/>
                         </S>
 
-                        <H onPress={()=>te(x,k)}hitSlop={8}style={r.frameCopyBtn}>
-                          {J===k?<Y color={e.greenColor}size={12}/>:<K color={e.grayText}size={12}/>}
+                        <D onPress={()=>te(x,k)}hitSlop={8}style={r.frameCopyBtn}>
+                          {N===k?<Y color={e.greenColor}size={12}/>:<K color={e.grayText}size={12}/>}
                           <S style={r.frameCopyBtnText}>
-                            {V(J===k?"crash.frameCopied":"crash.frameCopy")}
+                            {B(N===k?"crash.frameCopied":"crash.frameCopy")}
                           </S>
-                        </H>
+                        </D>
                       </C>
 
                       <C style={r.frameLocationRow}>
@@ -139,7 +140,7 @@ import ae,{useMemo as L,useState as D}from"react";import{Platform as W,ScrollVie
                         </S>}
                     </C>}):<C style={r.emptyContainer}>
                 <S style={r.emptyText}>
-                  {T.stack?T.stack:V("crash.noStackTrace")}
+                  {T.stack?T.stack:B("crash.noStackTrace")}
                 </S>
               </C>}
 
@@ -147,7 +148,7 @@ import ae,{useMemo as L,useState as D}from"react";import{Platform as W,ScrollVie
                 <C style={r.sectionCardHeader}>
                   <X color={e.purple}size={14}/>
                   <S style={r.sectionCardTitle}>
-                    {V("crash.componentHierarchy")}
+                    {B("crash.componentHierarchy")}
                   </S>
                 </C>
                 <S style={r.componentStackText}>
@@ -164,7 +165,7 @@ import ae,{useMemo as L,useState as D}from"react";import{Platform as W,ScrollVie
                 <C style={{flexDirection:"row",alignItems:"center",gap:6}}>
                   <De color={e.purple}size={14}/>
                   <S style={r.sectionCardTitle}>
-                    {V("crash.deviceEnvironment")}
+                    {B("crash.deviceEnvironment")}
                   </S>
                 </C>
                 <$ value={T.deviceInfo||{platform:W.OS,osVersion:String(W.Version)}}label="Diagnostics"/>
@@ -172,42 +173,42 @@ import ae,{useMemo as L,useState as D}from"react";import{Platform as W,ScrollVie
 
               <C style={r.diagGrid}>
                 <C style={r.diagItem}>
-                  <S style={r.diagLabel}>{V("crash.platform")}</S>
+                  <S style={r.diagLabel}>{B("crash.platform")}</S>
                   <S style={r.diagValue}>
                     {T.deviceInfo?.platform?.toUpperCase()||W.OS.toUpperCase()}
                   </S>
                 </C>
 
                 <C style={r.diagItem}>
-                  <S style={r.diagLabel}>{V("crash.osVersion")}</S>
+                  <S style={r.diagLabel}>{B("crash.osVersion")}</S>
                   <S style={r.diagValue}>
                     {T.deviceInfo?.osVersion||String(W.Version)}
                   </S>
                 </C>
 
                 <C style={r.diagItem}>
-                  <S style={r.diagLabel}>{V("crash.reactNative")}</S>
+                  <S style={r.diagLabel}>{B("crash.reactNative")}</S>
                   <S style={r.diagValue}>
                     {T.deviceInfo?.rnVersion||"0.74+"}
                   </S>
                 </C>
 
                 <C style={r.diagItem}>
-                  <S style={r.diagLabel}>{V("crash.jsEngine")}</S>
+                  <S style={r.diagLabel}>{B("crash.jsEngine")}</S>
                   <S style={r.diagValue}>
-                    {T.deviceInfo?.isHermes?V("crash.hermesEngine"):V("crash.jsc")}
+                    {T.deviceInfo?.isHermes?B("crash.hermesEngine"):B("crash.jsc")}
                   </S>
                 </C>
 
                 <C style={r.diagItem}>
-                  <S style={r.diagLabel}>{V("crash.architecture")}</S>
+                  <S style={r.diagLabel}>{B("crash.architecture")}</S>
                   <S style={r.diagValue}>
-                    {T.deviceInfo?.isFabric?V("crash.fabricNewArch"):V("crash.paperLegacy")}
+                    {T.deviceInfo?.isFabric?B("crash.fabricNewArch"):B("crash.paperLegacy")}
                   </S>
                 </C>
 
                 <C style={r.diagItem}>
-                  <S style={r.diagLabel}>{V("crash.appState")}</S>
+                  <S style={r.diagLabel}>{B("crash.appState")}</S>
                   <S style={r.diagValue}>
                     {T.deviceInfo?.appState||"active"}
                   </S>
@@ -221,7 +222,7 @@ import ae,{useMemo as L,useState as D}from"react";import{Platform as W,ScrollVie
                   <C style={{flexDirection:"row",alignItems:"center",gap:6}}>
                     <X color={e.purple}size={14}/>
                     <S style={r.sectionCardTitle}>
-                      {V("crash.jsHeapMemory")}
+                      {B("crash.jsHeapMemory")}
                     </S>
                   </C>
                   <$ value={T.memoryInfo}label="Memory Info"/>
@@ -229,14 +230,14 @@ import ae,{useMemo as L,useState as D}from"react";import{Platform as W,ScrollVie
 
                 <C style={r.diagGrid}>
                   <C style={r.diagItem}>
-                    <S style={r.diagLabel}>{V("crash.usedHeap")}</S>
+                    <S style={r.diagLabel}>{B("crash.usedHeap")}</S>
                     <S style={r.diagValue}>
                       {T.memoryInfo.usedJSHeapSize} MB
                     </S>
                   </C>
 
                   <C style={r.diagItem}>
-                    <S style={r.diagLabel}>{V("crash.totalHeap")}</S>
+                    <S style={r.diagLabel}>{B("crash.totalHeap")}</S>
                     <S style={r.diagValue}>
                       {T.memoryInfo.totalJSHeapSize} MB
                     </S>
@@ -270,7 +271,7 @@ import ae,{useMemo as L,useState as D}from"react";import{Platform as W,ScrollVie
                     </C>}
                 </C>):<C style={r.emptyContainer}>
                 <S style={r.emptyText}>
-                  {V("crash.noBreadcrumbs")}
+                  {B("crash.noBreadcrumbs")}
                 </S>
               </C>}
           </C>}
@@ -279,5 +280,5 @@ import ae,{useMemo as L,useState as D}from"react";import{Platform as W,ScrollVie
         {F==="raw"&&<C style={r.rawContainer}>
             <_ data={ee}search={R}wrap/>
           </C>}
-      </U>
-    </C>});export default je;const r=ie.create({infoBar:{backgroundColor:e.primaryLight,borderRadius:12,padding:12,borderWidth:1,borderColor:e.grayBorderSecondary,shadowColor:e.black,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:3,elevation:2,gap:8},badgeRow:{flexDirection:"row",alignItems:"center",gap:8},pillBadge:{flexDirection:"row",alignItems:"center",paddingHorizontal:8,paddingVertical:3,borderRadius:12,borderWidth:1,gap:5},statusDot:{width:6,height:6,borderRadius:3},pillBadgeText:{fontFamily:B.interBold,fontSize:9.5,letterSpacing:.4},actionButton:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${e.purple}14`,borderColor:`${e.purple}33`,borderWidth:1,paddingHorizontal:8,paddingVertical:4,borderRadius:8},actionButtonText:{fontFamily:B.interBold,fontSize:10.5,color:e.purple},titleText:{fontFamily:B.interBold,fontSize:14,color:e.primaryBlack,lineHeight:19},metaRow:{flexDirection:"row",alignItems:"center",gap:6,paddingVertical:2},metaChip:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.grayBackground,paddingHorizontal:7,paddingVertical:3,borderRadius:6,borderWidth:1,borderColor:e.dividerColor},metaChipText:{fontFamily:B.interMedium,fontSize:10,color:e.grayText},searchContainer:{flexDirection:"row",alignItems:"center",backgroundColor:e.primaryLight,borderWidth:1,borderColor:e.grayBorderSecondary,borderRadius:8,paddingHorizontal:10,height:36,gap:8},searchInput:{flex:1,fontFamily:B.interRegular,fontSize:12,color:e.primaryBlack,paddingVertical:0},filterChipsRow:{flexDirection:"row",alignItems:"center",gap:8},filterChip:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:e.primaryLight,borderWidth:1,borderColor:e.grayBorderSecondary},filterChipActive:{backgroundColor:e.purple,borderColor:e.purple},filterChipText:{fontFamily:B.interMedium,fontSize:11,color:e.grayText},filterChipTextActive:{fontFamily:B.interBold,color:e.white},frameCard:{backgroundColor:e.primaryLight,borderRadius:8,padding:10,borderWidth:1,borderColor:e.grayBorderSecondary,gap:4},originFrameCard:{borderColor:"#6EE7B7",backgroundColor:"#F0FDF4"},frameCardHeader:{flexDirection:"row",alignItems:"center",gap:8},frameIndexBadge:{minWidth:24,height:18,paddingHorizontal:4,borderRadius:4,backgroundColor:`${e.purple}14`,alignItems:"center",justifyContent:"center"},frameIndexBadgeText:{fontFamily:B.interBold,fontSize:9,color:e.purple},frameTypeBadge:{paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1},frameTypeBadgeText:{fontFamily:B.interBold,fontSize:8.5},frameMethodText:{fontFamily:B.interBold,fontSize:12,color:e.primaryBlack,flex:1},frameLocationRow:{flexDirection:"row",alignItems:"center"},frameFileText:{fontFamily:B.interRegular,fontSize:11,color:e.grayText,flex:1},frameLineText:{fontFamily:B.interBold,fontSize:11,color:e.purple},frameCopyBtn:{flexDirection:"row",alignItems:"center",gap:3,paddingHorizontal:6,paddingVertical:3,borderRadius:5,backgroundColor:e.grayBackground,borderWidth:1,borderColor:e.dividerColor},frameCopyBtnText:{fontFamily:B.interBold,fontSize:9,color:e.grayText},frameRawText:{fontFamily:B.interRegular,fontSize:9.5,color:e.grayTextWeak,backgroundColor:`${e.primaryBlack}06`,borderRadius:5,paddingHorizontal:7,paddingVertical:4,overflow:"hidden"},componentStackText:{fontFamily:B.interRegular,fontSize:11,lineHeight:16,color:e.grayText,backgroundColor:`${e.primaryBlack}06`,borderRadius:6,padding:10},sectionCard:{backgroundColor:e.primaryLight,borderRadius:10,padding:12,borderWidth:1,borderColor:e.grayBorderSecondary,gap:10},sectionCardHeader:{flexDirection:"row",alignItems:"center",gap:6,paddingBottom:6,borderBottomWidth:1,borderBottomColor:e.dividerColor},sectionCardTitle:{fontFamily:B.interBold,fontSize:12.5,color:e.primaryBlack},diagGrid:{flexDirection:"row",flexWrap:"wrap",rowGap:8,columnGap:12},diagItem:{width:"47%",gap:2},diagLabel:{fontFamily:B.interRegular,fontSize:10,color:e.grayTextWeak},diagValue:{fontFamily:B.interBold,fontSize:11.5,color:e.primaryBlack},breadcrumbCard:{backgroundColor:e.primaryLight,borderRadius:8,padding:10,borderWidth:1,borderColor:e.grayBorderSecondary,gap:4},breadcrumbHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},breadcrumbTag:{backgroundColor:`${e.purple}14`,paddingHorizontal:6,paddingVertical:2,borderRadius:4},breadcrumbTagText:{fontFamily:B.interBold,fontSize:9,color:e.purple},breadcrumbTime:{fontFamily:B.interRegular,fontSize:10,color:e.grayTextWeak},breadcrumbMessage:{fontFamily:B.interRegular,fontSize:11.5,color:e.primaryBlack,marginTop:2},rawContainer:{backgroundColor:e.primaryLight,borderRadius:10,padding:10,borderWidth:1,borderColor:e.grayBorderSecondary},emptyContainer:{padding:16,alignItems:"center",justifyContent:"center",backgroundColor:e.primaryLight,borderRadius:8,borderWidth:1,borderColor:e.grayBorderSecondary},emptyText:{fontFamily:B.interRegular,fontSize:11,color:e.grayText,textAlign:"center"}});
+      </E>
+    </C>});export default Pe;const r=ie.create({infoBar:{backgroundColor:e.primaryLight,borderRadius:12,padding:12,borderWidth:1,borderColor:e.grayBorderSecondary,shadowColor:e.black,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:3,elevation:2,gap:8},badgeRow:{flexDirection:"row",alignItems:"center",gap:8},pillBadge:{flexDirection:"row",alignItems:"center",paddingHorizontal:8,paddingVertical:3,borderRadius:12,borderWidth:1,gap:5},statusDot:{width:6,height:6,borderRadius:3},pillBadgeText:{fontFamily:V.interBold,fontSize:9.5,letterSpacing:.4},actionButton:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${e.purple}14`,borderColor:`${e.purple}33`,borderWidth:1,paddingHorizontal:8,paddingVertical:4,borderRadius:8},actionButtonText:{fontFamily:V.interBold,fontSize:10.5,color:e.purple},titleText:{fontFamily:V.interBold,fontSize:14,color:e.primaryBlack,lineHeight:19},metaRow:{flexDirection:"row",alignItems:"center",gap:6,paddingVertical:2},metaChip:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.grayBackground,paddingHorizontal:7,paddingVertical:3,borderRadius:6,borderWidth:1,borderColor:e.dividerColor},metaChipText:{fontFamily:V.interMedium,fontSize:10,color:e.grayText},searchContainer:{flexDirection:"row",alignItems:"center",backgroundColor:e.primaryLight,borderWidth:1,borderColor:e.grayBorderSecondary,borderRadius:8,paddingHorizontal:10,height:36,gap:8},searchInput:{flex:1,fontFamily:V.interRegular,fontSize:12,color:e.primaryBlack,paddingVertical:0},filterChipsRow:{flexDirection:"row",alignItems:"center",gap:8},filterChip:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:e.primaryLight,borderWidth:1,borderColor:e.grayBorderSecondary},filterChipActive:{backgroundColor:e.purple,borderColor:e.purple},filterChipText:{fontFamily:V.interMedium,fontSize:11,color:e.grayText},filterChipTextActive:{fontFamily:V.interBold,color:e.white},frameCard:{backgroundColor:e.primaryLight,borderRadius:8,padding:10,borderWidth:1,borderColor:e.grayBorderSecondary,gap:4},originFrameCard:{borderColor:e.greenMintBorder,backgroundColor:e.greenMintBg},frameCardHeader:{flexDirection:"row",alignItems:"center",gap:8},frameIndexBadge:{minWidth:24,height:18,paddingHorizontal:4,borderRadius:4,backgroundColor:`${e.purple}14`,alignItems:"center",justifyContent:"center"},frameIndexBadgeText:{fontFamily:V.interBold,fontSize:9,color:e.purple},frameTypeBadge:{paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1},frameTypeBadgeText:{fontFamily:V.interBold,fontSize:8.5},frameMethodText:{fontFamily:V.interBold,fontSize:12,color:e.primaryBlack,flex:1},frameLocationRow:{flexDirection:"row",alignItems:"center"},frameFileText:{fontFamily:V.interRegular,fontSize:11,color:e.grayText,flex:1},frameLineText:{fontFamily:V.interBold,fontSize:11,color:e.purple},frameCopyBtn:{flexDirection:"row",alignItems:"center",gap:3,paddingHorizontal:6,paddingVertical:3,borderRadius:5,backgroundColor:e.grayBackground,borderWidth:1,borderColor:e.dividerColor},frameCopyBtnText:{fontFamily:V.interBold,fontSize:9,color:e.grayText},frameRawText:{fontFamily:V.interRegular,fontSize:9.5,color:e.grayTextWeak,backgroundColor:`${e.primaryBlack}06`,borderRadius:5,paddingHorizontal:7,paddingVertical:4,overflow:"hidden"},componentStackText:{fontFamily:V.interRegular,fontSize:11,lineHeight:16,color:e.grayText,backgroundColor:`${e.primaryBlack}06`,borderRadius:6,padding:10},sectionCard:{backgroundColor:e.primaryLight,borderRadius:10,padding:12,borderWidth:1,borderColor:e.grayBorderSecondary,gap:10},sectionCardHeader:{flexDirection:"row",alignItems:"center",gap:6,paddingBottom:6,borderBottomWidth:1,borderBottomColor:e.dividerColor},sectionCardTitle:{fontFamily:V.interBold,fontSize:12.5,color:e.primaryBlack},diagGrid:{flexDirection:"row",flexWrap:"wrap",rowGap:8,columnGap:12},diagItem:{width:"47%",gap:2},diagLabel:{fontFamily:V.interRegular,fontSize:10,color:e.grayTextWeak},diagValue:{fontFamily:V.interBold,fontSize:11.5,color:e.primaryBlack},breadcrumbCard:{backgroundColor:e.primaryLight,borderRadius:8,padding:10,borderWidth:1,borderColor:e.grayBorderSecondary,gap:4},breadcrumbHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},breadcrumbTag:{backgroundColor:`${e.purple}14`,paddingHorizontal:6,paddingVertical:2,borderRadius:4},breadcrumbTagText:{fontFamily:V.interBold,fontSize:9,color:e.purple},breadcrumbTime:{fontFamily:V.interRegular,fontSize:10,color:e.grayTextWeak},breadcrumbMessage:{fontFamily:V.interRegular,fontSize:11.5,color:e.primaryBlack,marginTop:2},rawContainer:{backgroundColor:e.primaryLight,borderRadius:10,padding:10,borderWidth:1,borderColor:e.grayBorderSecondary},emptyContainer:{padding:16,alignItems:"center",justifyContent:"center",backgroundColor:e.primaryLight,borderRadius:8,borderWidth:1,borderColor:e.grayBorderSecondary},emptyText:{fontFamily:V.interRegular,fontSize:11,color:e.grayText,textAlign:"center"}});