react-native-inapp-inspector 2.4.2 → 2.5.1

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

@@ -1,125 +1,125 @@
-import"react";import{Modal as D,View as T,Text as C,StyleSheet as V,Pressable as H,Platform as j,Linking as R,ScrollView as P}from"react-native";import S from"../TouchableScale";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as I}from"../../styles/AppFonts";import{SupportIcon as F,CloseWhite as O,ExternalLinkIcon as W,StarIcon as L,BugIcon as $,BookOpenIcon as A}from"../NetworkIcons";import{triggerNativeHaptic as N}from"../../native/NativeInspector";import{useTranslation as E}from"../../i18n";export const SupportModal=({visible:z,onClose:B})=>{const{t:f}=E();if(!z)return null;const k=async v=>{try{N("light"),await R.canOpenURL(v)&&await R.openURL(v)}catch{}};return<D visible={z}transparent={!0}animationType="fade"onRequestClose={B}>
+import"react";import{Modal as P,View as T,Text as I,StyleSheet as v,Pressable as F,Platform as O,Linking as H,ScrollView as L}from"react-native";import S from"../TouchableScale";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as W}from"../../styles/AppFonts";import{SupportIcon as $,CloseWhite as A,ExternalLinkIcon as V,StarIcon as M,BugIcon as N,BookOpenIcon as G,HeartIcon as U,MailIcon as E}from"../NetworkIcons";import{triggerNativeHaptic as J}from"../../native/NativeInspector";import{useTranslation as K}from"../../i18n";export const SupportModal=({visible:R,onClose:z})=>{const{t:C}=K();if(!R)return null;const B=async D=>{try{J("light"),await H.canOpenURL(D)&&await H.openURL(D)}catch{}};return<P visible={R}transparent={!0}animationType="fade"onRequestClose={z}>
       <T style={e.overlay}>
-        <H style={e.backdrop}onPress={B}/>
+        <F style={e.backdrop}onPress={z}/>
 
         <T style={e.card}>
           
           <T style={e.header}>
             <T style={e.headerLeft}>
               <T style={e.headerIconBadge}>
-                <F size={20}color={t.purple}/>
+                <$ size={20}color={t.purple}/>
               </T>
               <T>
-                <C style={e.title}>
-                  {f("support.title","Support & Community")}
-                </C>
-                <C style={e.subtitle}>
-                  {f("support.subtitle","React Native In-App Inspector")}
-                </C>
+                <I style={e.title}>
+                  {C("support.title","Support & Community")}
+                </I>
+                <I style={e.subtitle}>
+                  {C("support.subtitle","React Native In-App Inspector")}
+                </I>
               </T>
             </T>
 
-            <S onPress={B}hitSlop={10}style={e.closeBtn}>
-              <O size={12}color={t.grayText}/>
+            <S onPress={z}hitSlop={10}style={e.closeBtn}>
+              <A size={12}color={t.grayText}/>
             </S>
           </T>
 
           
-          <P style={e.scrollList}contentContainerStyle={e.scrollContent}showsVerticalScrollIndicator={!1}>
+          <L style={e.scrollList}contentContainerStyle={e.scrollContent}showsVerticalScrollIndicator={!1}>
             
-            <S onPress={()=>k("https://github.com/sponsors/vengatmacuser")}style={[e.itemCard,e.itemCardHighlight]}>
+            <S onPress={()=>B("https://github.com/sponsors/vengatmacuser")}style={[e.itemCard,e.itemCardHighlight]}>
               <T style={[e.itemIconWrap,e.sponsorIconWrap]}>
-                <C style={e.emojiIcon}>💖</C>
+                <U size={20}color={t.pink600}fill={t.pink600}/>
               </T>
               <T style={e.itemTextCol}>
                 <T style={e.itemTitleRow}>
-                  <C style={[e.itemTitle,e.sponsorTitle]}>
-                    {f("support.sponsor","Sponsor on GitHub")}
-                  </C>
+                  <I style={[e.itemTitle,e.sponsorTitle]}>
+                    {C("support.sponsor","Sponsor on GitHub")}
+                  </I>
                   <T style={e.heartBadge}>
-                    <C style={e.heartBadgeText}>
-                      {f("support.sponsorBadge","SPONSOR")}
-                    </C>
+                    <I style={e.heartBadgeText}>
+                      {C("support.sponsorBadge","SPONSOR")}
+                    </I>
                   </T>
                 </T>
-                <C style={e.itemDesc}>
-                  {f("support.sponsorDesc","Support ongoing maintenance, new features and release improvements.")}
-                </C>
+                <I style={e.itemDesc}>
+                  {C("support.sponsorDesc","Support ongoing maintenance, new features and release improvements.")}
+                </I>
               </T>
-              <W size={14}color={t.pink600}/>
+              <V size={14}color={t.pink600}/>
             </S>
 
             
-            <S onPress={()=>k("https://github.com/vengatmacuser/react-native-inapp-inspector")}style={e.itemCard}>
+            <S onPress={()=>B("https://github.com/vengatmacuser/react-native-inapp-inspector")}style={e.itemCard}>
               <T style={[e.itemIconWrap,e.starIconWrap]}>
-                <L size={18}color={t.amber600}/>
+                <M size={18}color={t.amber600}/>
               </T>
               <T style={e.itemTextCol}>
-                <C style={e.itemTitle}>
-                  {f("support.star","Star on GitHub")}
-                </C>
-                <C style={e.itemDesc}>
-                  {f("support.starDesc","Star our repo to help more React Native developers discover this tool.")}
-                </C>
+                <I style={e.itemTitle}>
+                  {C("support.star","Star on GitHub")}
+                </I>
+                <I style={e.itemDesc}>
+                  {C("support.starDesc","Star our repo to help more React Native developers discover this tool.")}
+                </I>
               </T>
-              <W size={14}color={t.grayTextWeak}/>
+              <V size={14}color={t.grayTextWeak}/>
             </S>
 
             
-            <S onPress={()=>k("https://github.com/vengatmacuser/react-native-inapp-inspector/issues")}style={e.itemCard}>
+            <S onPress={()=>B("https://github.com/vengatmacuser/react-native-inapp-inspector/issues")}style={e.itemCard}>
               <T style={[e.itemIconWrap,e.bugIconWrap]}>
-                <$ size={18}color={t.purple}/>
+                <N size={18}color={t.purple}/>
               </T>
               <T style={e.itemTextCol}>
-                <C style={e.itemTitle}>
-                  {f("support.issues","Report Issue / Suggestion")}
-                </C>
-                <C style={e.itemDesc}>
-                  {f("support.issuesDesc","Found a bug or have an idea? Open an issue on GitHub.")}
-                </C>
+                <I style={e.itemTitle}>
+                  {C("support.issues","Report Issue / Suggestion")}
+                </I>
+                <I style={e.itemDesc}>
+                  {C("support.issuesDesc","Found a bug or have an idea? Open an issue on GitHub.")}
+                </I>
               </T>
-              <W size={14}color={t.grayTextWeak}/>
+              <V size={14}color={t.grayTextWeak}/>
             </S>
 
             
-            <S onPress={()=>k("https://vengatmacuser.github.io/react-native-inapp-inspector/")}style={e.itemCard}>
+            <S onPress={()=>B("https://vengatmacuser.github.io/react-native-inapp-inspector/")}style={e.itemCard}>
               <T style={[e.itemIconWrap,e.docsIconWrap]}>
-                <A size={18}color={t.sky600}/>
+                <G size={18}color={t.sky600}/>
               </T>
               <T style={e.itemTextCol}>
-                <C style={e.itemTitle}>
-                  {f("support.docs","Official Documentation")}
-                </C>
-                <C style={e.itemDesc}>
-                  {f("support.docsDesc","Interactive feature tour, search syntax & configuration guides.")}
-                </C>
+                <I style={e.itemTitle}>
+                  {C("support.docs","Official Documentation")}
+                </I>
+                <I style={e.itemDesc}>
+                  {C("support.docsDesc","Interactive feature tour, search syntax & configuration guides.")}
+                </I>
               </T>
-              <W size={14}color={t.grayTextWeak}/>
+              <V size={14}color={t.grayTextWeak}/>
             </S>
 
             
-            <S onPress={()=>k("mailto:vengatmacuser@gmail.com")}style={e.itemCard}>
+            <S onPress={()=>B("mailto:vengatmacuser@gmail.com")}style={e.itemCard}>
               <T style={[e.itemIconWrap,e.contactIconWrap]}>
-                <C style={e.mailEmoji}>✉️</C>
+                <E size={18}color={t.purple}/>
               </T>
               <T style={e.itemTextCol}>
-                <C style={e.itemTitle}>
-                  {f("support.contact","Contact Author")}
-                </C>
-                <C style={e.itemDesc}>
-                  {f("support.contactDesc","vengatmacuser@gmail.com \u2022 Direct support & enterprise inquiries.")}
-                </C>
+                <I style={e.itemTitle}>
+                  {C("support.contact","Contact Author")}
+                </I>
+                <I style={e.itemDesc}>
+                  {C("support.contactDesc","vengatmacuser@gmail.com \u2022 Direct support & enterprise inquiries.")}
+                </I>
               </T>
-              <W size={14}color={t.grayTextWeak}/>
+              <V size={14}color={t.grayTextWeak}/>
             </S>
-          </P>
+          </L>
 
           
           <T style={e.footer}>
-            <S onPress={B}style={e.doneBtn}>
-              <C style={e.doneBtnText}>{f("common.close","Close")}</C>
+            <S onPress={z}style={e.doneBtn}>
+              <I style={e.doneBtnText}>{C("common.close","Close")}</I>
             </S>
           </T>
         </T>
       </T>
-    </D>};const e=V.create({overlay:{flex:1,backgroundColor:`${t.slate900}B0`,justifyContent:"center",alignItems:"center",paddingHorizontal:18},backdrop:{...V.absoluteFillObject},card:{width:"100%",maxWidth:380,maxHeight:"82%",backgroundColor:t.white,borderRadius:24,overflow:"hidden",borderWidth:1,borderColor:`${t.white}CC`,...j.select({ios:{shadowColor:t.slate900,shadowOffset:{width:0,height:16},shadowOpacity:.3,shadowRadius:28},android:{elevation:16}})},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:18,paddingTop:18,paddingBottom:14,borderBottomWidth:V.hairlineWidth,borderBottomColor:t.grayBorderSecondary},headerLeft:{flexDirection:"row",alignItems:"center",gap:12},headerIconBadge:{width:38,height:38,borderRadius:12,backgroundColor:t.purple50,borderWidth:1,borderColor:t.purple200,alignItems:"center",justifyContent:"center"},title:{fontFamily:I.interBold,fontSize:15.5,color:t.slate900},subtitle:{fontFamily:I.interRegular,fontSize:11.5,color:t.grayTextWeak,marginTop:1},closeBtn:{width:28,height:28,borderRadius:14,backgroundColor:t.graySurface,alignItems:"center",justifyContent:"center"},scrollList:{maxHeight:380},scrollContent:{padding:16,gap:10},itemCard:{flexDirection:"row",alignItems:"center",padding:12,borderRadius:14,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.grayBorderSecondary,gap:12},itemCardHighlight:{backgroundColor:`${t.pink100}55`,borderColor:`${t.pink400}66`},itemIconWrap:{width:36,height:36,borderRadius:10,borderWidth:1,alignItems:"center",justifyContent:"center"},sponsorIconWrap:{backgroundColor:t.pink100,borderColor:`${t.pink400}80`},starIconWrap:{backgroundColor:t.amber100,borderColor:t.amber200},bugIconWrap:{backgroundColor:t.purple50,borderColor:t.purple200},docsIconWrap:{backgroundColor:t.sky100,borderColor:`${t.sky600}40`},contactIconWrap:{backgroundColor:t.graySurface,borderColor:t.grayBorderSecondary},emojiIcon:{fontSize:18},mailEmoji:{fontSize:16},itemTextCol:{flex:1},itemTitleRow:{flexDirection:"row",alignItems:"center",gap:6},itemTitle:{fontFamily:I.interBold,fontSize:13,color:t.slate900},sponsorTitle:{color:t.pink600},itemDesc:{fontFamily:I.interRegular,fontSize:11,color:t.grayTextWeak,marginTop:2,lineHeight:15},heartBadge:{paddingHorizontal:6,paddingVertical:1,borderRadius:6,backgroundColor:t.pink100,borderWidth:.5,borderColor:t.pink400},heartBadgeText:{fontFamily:I.interBold,fontSize:9,color:t.pink600},footer:{paddingHorizontal:16,paddingVertical:12,borderTopWidth:V.hairlineWidth,borderTopColor:t.grayBorderSecondary,backgroundColor:t.white},doneBtn:{height:42,borderRadius:12,backgroundColor:t.purple,alignItems:"center",justifyContent:"center"},doneBtnText:{fontFamily:I.interBold,fontSize:13.5,color:t.white}});
+    </P>};const e=v.create({overlay:{flex:1,backgroundColor:`${t.slate900}B0`,justifyContent:"center",alignItems:"center",paddingHorizontal:18},backdrop:{...v.absoluteFillObject},card:{width:"100%",maxWidth:380,maxHeight:"82%",backgroundColor:t.white,borderRadius:24,overflow:"hidden",borderWidth:1,borderColor:`${t.white}CC`,...O.select({ios:{shadowColor:t.slate900,shadowOffset:{width:0,height:16},shadowOpacity:.3,shadowRadius:28},android:{elevation:16}})},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:18,paddingTop:18,paddingBottom:14,borderBottomWidth:v.hairlineWidth,borderBottomColor:t.grayBorderSecondary},headerLeft:{flexDirection:"row",alignItems:"center",gap:12},headerIconBadge:{width:38,height:38,borderRadius:12,backgroundColor:t.purple50,borderWidth:1,borderColor:t.purple200,alignItems:"center",justifyContent:"center"},title:{fontFamily:W.interBold,fontSize:15.5,color:t.slate900},subtitle:{fontFamily:W.interRegular,fontSize:11.5,color:t.grayTextWeak,marginTop:1},closeBtn:{width:28,height:28,borderRadius:14,backgroundColor:t.graySurface,alignItems:"center",justifyContent:"center"},scrollList:{maxHeight:380},scrollContent:{padding:16,gap:10},itemCard:{flexDirection:"row",alignItems:"center",padding:12,borderRadius:14,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.grayBorderSecondary,gap:12},itemCardHighlight:{backgroundColor:`${t.pink100}55`,borderColor:`${t.pink400}66`},itemIconWrap:{width:36,height:36,borderRadius:10,borderWidth:1,alignItems:"center",justifyContent:"center"},sponsorIconWrap:{backgroundColor:t.pink100,borderColor:`${t.pink400}80`},starIconWrap:{backgroundColor:t.amber100,borderColor:t.amber200},bugIconWrap:{backgroundColor:t.purple50,borderColor:t.purple200},docsIconWrap:{backgroundColor:t.sky100,borderColor:`${t.sky600}40`},contactIconWrap:{backgroundColor:t.graySurface,borderColor:t.grayBorderSecondary},emojiIcon:{fontSize:18},mailEmoji:{fontSize:16},itemTextCol:{flex:1},itemTitleRow:{flexDirection:"row",alignItems:"center",gap:6},itemTitle:{fontFamily:W.interBold,fontSize:13,color:t.slate900},sponsorTitle:{color:t.pink600},itemDesc:{fontFamily:W.interRegular,fontSize:11,color:t.grayTextWeak,marginTop:2,lineHeight:15},heartBadge:{paddingHorizontal:6,paddingVertical:1,borderRadius:6,backgroundColor:t.pink100,borderWidth:.5,borderColor:t.pink400},heartBadgeText:{fontFamily:W.interBold,fontSize:9,color:t.pink600},footer:{paddingHorizontal:16,paddingVertical:12,borderTopWidth:v.hairlineWidth,borderTopColor:t.grayBorderSecondary,backgroundColor:t.white},doneBtn:{height:42,borderRadius:12,backgroundColor:t.purple,alignItems:"center",justifyContent:"center"},doneBtnText:{fontFamily:W.interBold,fontSize:13.5,color:t.white}});

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

@@ -1,4 +1,4 @@
-import"react";import{Linking as O,Platform as V,ScrollView as $,Share as N,StyleSheet as L,Text as C,View as T}from"react-native";import{AppColors as o}from"../../styles/AppColors";import{AppFonts as R}from"../../styles/AppFonts";import B from"../TouchableScale";import{LIB_VERSION as j}from"../../constants/version";import{copyToClipboard as k,showToast as D}from"../../helpers";import{useTranslation as M}from"../../i18n";import{triggerNativeHaptic as F}from"../../native/NativeInspector";import{BookOpenIcon as U,BugIcon as G,CopyIcon as A,ExternalLinkIcon as W,GitHubIcon as Y,HeartIcon as H,NpmIcon as J,ShareIcon as Q,StarIcon as Z}from"../NetworkIcons";export const SupportPage=()=>{const{t:S}=M(),I=async P=>{try{F("light"),await O.canOpenURL(P)&&await O.openURL(P)}catch{}},E=async()=>{try{F("medium"),await N.share({title:"React Native In-App Inspector",message:`Check out react-native-inapp-inspector \u2014 the zero-config in-app debugger for React Native & Expo:
+import"react";import{Linking as O,Platform as V,ScrollView as $,Share as N,StyleSheet as L,Text as C,View as T}from"react-native";import{AppColors as o}from"../../styles/AppColors";import{AppFonts as R}from"../../styles/AppFonts";import B from"../TouchableScale";import{LIB_VERSION as j}from"../../constants/version";import{copyToClipboard as k,showToast as D}from"../../helpers";import{useTranslation as M}from"../../i18n";import{triggerNativeHaptic as F}from"../../native/NativeInspector";import{BookOpenIcon as U,BugIcon as G,CopyIcon as A,ExternalLinkIcon as W,GitHubIcon as Y,HeartIcon as H,MailIcon as J,NpmIcon as Q,ShareIcon as Z,StarIcon as _}from"../NetworkIcons";export const SupportPage=()=>{const{t:S}=M(),I=async P=>{try{F("light"),await O.canOpenURL(P)&&await O.openURL(P)}catch{}},E=async()=>{try{F("medium"),await N.share({title:"React Native In-App Inspector",message:`Check out react-native-inapp-inspector \u2014 the zero-config in-app debugger for React Native & Expo:
 https://github.com/vengatmacuser/react-native-inapp-inspector`,url:"https://github.com/vengatmacuser/react-native-inapp-inspector"})}catch{}};return<T style={e.container}>
       <$ style={e.scrollView}contentContainerStyle={e.scrollContent}showsVerticalScrollIndicator={!1}>
         
@@ -91,7 +91,7 @@ https://github.com/vengatmacuser/react-native-inapp-inspector`,url:"https://gith
             
             <B onPress={()=>I("https://github.com/vengatmacuser/react-native-inapp-inspector")}style={e.itemCard}>
               <T style={[e.itemIconWrap,e.starIconWrap]}>
-                <Z size={18}color={o.amber600}/>
+                <_ size={18}color={o.amber600}/>
               </T>
               <T style={e.itemTextCol}>
                 <T style={e.itemTitleRow}>
@@ -144,7 +144,7 @@ https://github.com/vengatmacuser/react-native-inapp-inspector`,url:"https://gith
             
             <B onPress={()=>I("https://www.npmjs.com/package/react-native-inapp-inspector")}style={e.itemCard}>
               <T style={[e.itemIconWrap,e.npmIconWrap]}>
-                <J size={18}color={o.red500}/>
+                <Q size={18}color={o.red500}/>
               </T>
               <T style={e.itemTextCol}>
                 <C style={e.itemTitle}>
@@ -169,7 +169,7 @@ https://github.com/vengatmacuser/react-native-inapp-inspector`,url:"https://gith
           </C>
           <T style={e.shareButtonsRow}>
             <B onPress={E}style={e.sharePrimaryBtn}>
-              <Q size={15}color={o.white}/>
+              <Z size={15}color={o.white}/>
               <C style={e.sharePrimaryBtnText}>
                 {S("support.shareWithTeam","Share with Teammates")}
               </C>
@@ -204,7 +204,7 @@ https://github.com/vengatmacuser/react-native-inapp-inspector`,url:"https://gith
 
           <T style={e.authorActionsRow}>
             <B onPress={()=>I("mailto:vengatmacuser@gmail.com")}style={e.authorActionBtn}>
-              <C style={e.authorActionEmoji}>✉️</C>
+              <J size={14}color={o.purple}/>
               <C style={e.authorActionText}>
                 {S("support.sendEmail","Send Email")}
               </C>

package/dist/esm/components/JsonViewer.js

@@ -1,16 +1,16 @@
-import Q,{useState as L,useEffect as le,useMemo as G,useCallback as Ie}from"react";import{ScrollView as O,View as T,Text as V,StyleSheet as We,TouchableOpacity as Te,Platform as Fe}from"react-native";import{useTranslation as Ae}from"../i18n";import Pe from"./TreeNode";import X from"./HighlightText";import D from"./TouchableScale";import{PrettyIcon as Ne,RawIcon as Oe,TableIcon as Le,ChevronIcon as De,CopyIcon as Ee,CheckIcon as Ke}from"./NetworkIcons";import{AppColors as t}from"../styles/AppColors";import{AppFonts as N}from"../styles/AppFonts";import{getSize as Me,copyToClipboard as ve}from"../helpers";import{triggerNativeHaptic as Je}from"../native/NativeInspector";const W=Fe.select({ios:"Menlo",android:"monospace",default:"monospace"}),$e=o=>o===null?{label:"null",color:t.errorColor,bg:t.errorCardBg,border:t.errorBorder}:o===void 0?{label:"undef",color:t.errorColor,bg:t.errorCardBg,border:t.errorBorder}:Array.isArray(o)?{label:`arr[${o.length}]`,color:t.blue600,bg:t.blueBg,border:t.sky100}:typeof o=="object"?{label:`obj{${Object.keys(o).length}}`,color:t.violet600,bg:t.purple50,border:t.purple200}:typeof o=="number"?{label:"num",color:t.amber600,bg:t.amber100,border:t.amber200}:typeof o=="boolean"?{label:"bool",color:t.pink600,bg:t.roseBg,border:t.roseBorder}:{label:"str",color:t.emerald600,bg:t.emeraldBg,border:t.emeraldBorder},Se=Q.memo(({text:o,search:S,detectLinks:A})=>{const B=o.trim();let z=e.rawMonospaceText;return B.startsWith('"')?z=e.syntaxString:B==="null"||B.startsWith("null,")||B==="undefined"?z=e.syntaxNull:B==="true"||B.startsWith("true,")||B==="false"||B.startsWith("false,")?z=e.syntaxBoolean:/^-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?,?$/.test(B)&&(z=e.syntaxNumber),<X text={o}search={S}detectLinks={A}style={z}selectable={!0}highlightStyle={e.highlight}/>}),Ge=Q.memo(({line:o,search:S,detectLinks:A})=>{const B=o.match(/^(\s+)(.*)$/),z=B?B[1]:"",P=B?B[2]:o,j=z?z.replace(/  /g,"\xB7 ").replace(/ /g,"\xB7"):"",R=P.match(/^("(?:[^"\\]|\\.)*")(\s*:\s*)(.*)$/);if(R){const H=R[1],K=R[2],I=R[3];return<T style={e.rawLineContentRow}>
-          {j.length>0&&<V style={e.indentDots}>{j}</V>}
-          <X text={H}search={S}style={e.syntaxKey}selectable={!0}highlightStyle={e.highlight}/>
+import Q,{useState as L,useEffect as ne,useMemo as G,useCallback as Ie}from"react";import{ScrollView as O,View as T,Text as V,StyleSheet as We,TouchableOpacity as Te,Platform as Fe}from"react-native";import{useTranslation as je}from"../i18n";import Pe from"./TreeNode";import X from"./HighlightText";import D from"./TouchableScale";import{PrettyIcon as Ae,RawIcon as Ne,TableIcon as Oe,ChevronIcon as Le,CopyIcon as De,CheckIcon as Ee}from"./NetworkIcons";import{AppColors as t}from"../styles/AppColors";import{AppFonts as N}from"../styles/AppFonts";import{getSize as Ke,copyToClipboard as Me}from"../helpers";import{triggerNativeHaptic as ve}from"../native/NativeInspector";const W=Fe.select({ios:"Menlo",android:"monospace",default:"monospace"}),Je=o=>o===null?{label:"null",color:t.errorColor,bg:t.errorCardBg,border:t.errorBorder}:o===void 0?{label:"undef",color:t.errorColor,bg:t.errorCardBg,border:t.errorBorder}:Array.isArray(o)?{label:`arr[${o.length}]`,color:t.blue600,bg:t.blueBg,border:t.sky100}:typeof o=="object"?{label:`obj{${Object.keys(o).length}}`,color:t.violet600,bg:t.purple50,border:t.purple200}:typeof o=="number"?{label:"num",color:t.amber600,bg:t.amber100,border:t.amber200}:typeof o=="boolean"?{label:"bool",color:t.pink600,bg:t.roseBg,border:t.roseBorder}:{label:"str",color:t.emerald600,bg:t.emeraldBg,border:t.emeraldBorder},Se=Q.memo(({text:o,search:S,detectLinks:j})=>{const B=o.trim();let k=e.rawMonospaceText;return B.startsWith('"')?k=e.syntaxString:B==="null"||B.startsWith("null,")||B==="undefined"?k=e.syntaxNull:B==="true"||B.startsWith("true,")||B==="false"||B.startsWith("false,")?k=e.syntaxBoolean:/^-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?,?$/.test(B)&&(k=e.syntaxNumber),<X text={o}search={S}detectLinks={j}style={k}selectable={!0}highlightStyle={e.highlight}/>}),$e=Q.memo(({line:o,search:S,detectLinks:j})=>{const B=o.match(/^(\s+)(.*)$/),k=B?B[1]:"",P=B?B[2]:o,A=k?k.replace(/  /g,"\xB7 ").replace(/ /g,"\xB7"):"",R=P.match(/^("(?:[^"\\]|\\.)*")(\s*:\s*)(.*)$/);if(R){const I=R[1],K=R[2],z=R[3];return<T style={e.rawLineContentRow}>
+          {A.length>0&&<V style={e.indentDots}>{A}</V>}
+          <X text={I}search={S}style={e.syntaxKey}selectable={!0}highlightStyle={e.highlight}/>
           <V style={e.syntaxColon}>{K}</V>
-          <Se text={I}search={S}detectLinks={A}/>
+          <Se text={z}search={S}detectLinks={j}/>
         </T>}return<T style={e.rawLineContentRow}>
-        {j.length>0&&<V style={e.indentDots}>{j}</V>}
-        <Se text={P}search={S}detectLinks={A}/>
-      </T>}),Ye=Q.memo(({itemKey:o,val:S,search:A,index:B})=>{const[z,P]=L(!1),j=S!==null&&typeof S=="object",R=$e(S);let H="";if(S===null)H="null";else if(S===void 0)H="undefined";else if(j)try{H=JSON.stringify(S,null,2)}catch{H=String(S)}else H=String(S);const K=H.includes(`
-`)||H.length>80;return<T style={[e.tableRow,B%2===1&&e.tableRowAlt]}>
+        {A.length>0&&<V style={e.indentDots}>{A}</V>}
+        <Se text={P}search={S}detectLinks={j}/>
+      </T>}),Ge=Q.memo(({itemKey:o,val:S,search:j,index:B})=>{const[k,P]=L(!1),A=S!==null&&typeof S=="object",R=Je(S);let I="";if(S===null)I="null";else if(S===void 0)I="undefined";else if(A)try{I=JSON.stringify(S,null,2)}catch{I=String(S)}else I=String(S);const K=I.includes(`
+`)||I.length>80;return<T style={[e.tableRow,B%2===1&&e.tableRowAlt]}>
         
         <T style={e.tableColKey}>
-          <X text={o}search={A}style={e.tableCellKey}highlightStyle={e.highlight}/>
+          <X text={o}search={j}style={e.tableCellKey}highlightStyle={e.highlight}/>
           <T style={[e.typePill,{backgroundColor:R.bg,borderColor:R.border}]}>
             <V style={[e.typePillText,{color:R.color}]}>
               {R.label}
@@ -20,22 +20,22 @@ import Q,{useState as L,useEffect as le,useMemo as G,useCallback as Ie}from"reac
 
         
         <T style={e.tableColVal}>
-          <T style={j?e.tableCodeBox:void 0}>
-            <X text={H}search={A}style={[e.tableCellValue,S==null?e.syntaxNull:void 0,typeof S=="number"?e.syntaxNumber:void 0,typeof S=="boolean"?e.syntaxBoolean:void 0,typeof S=="string"?e.syntaxString:void 0]}highlightStyle={e.highlight}numberOfLines={z?void 0:3}selectable={!0}/>
+          <T style={A?e.tableCodeBox:void 0}>
+            <X text={I}search={j}style={[e.tableCellValue,S==null?e.syntaxNull:void 0,typeof S=="number"?e.syntaxNumber:void 0,typeof S=="boolean"?e.syntaxBoolean:void 0,typeof S=="string"?e.syntaxString:void 0]}highlightStyle={e.highlight}numberOfLines={k?void 0:3}selectable={!0}/>
           </T>
-          {K&&<Te onPress={()=>P(I=>!I)}hitSlop={6}style={e.showMoreBtn}>
+          {K&&<Te onPress={()=>P(z=>!z)}hitSlop={6}style={e.showMoreBtn}>
               <V style={e.showMoreText}>
-                {z?"Collapse":"Expand"}
+                {k?"Collapse":"Expand"}
               </V>
-              <De direction={z?"up":"down"}size={9}color="#4F46E5"/>
+              <Le direction={k?"up":"down"}size={9}color={t.purple}/>
             </Te>}
         </T>
-      </T>}),qe=Q.memo(({data:o,search:S,forceOpen:A,defaultExpandDepth:B=1,wrap:z,fullHeight:P=!1,maxHeight:j,mode:R,onModeChange:H,hideTabs:K=!1})=>{const{t:I}=Ae(),[Ce,ne]=L(R??"raw"),[ie,ae]=L(!1),[M,se]=L(z??!0),[v,Ve]=L("compact"),[J,ce]=L(A),[Be,ze]=L(!1),k=H&&R?R:Ce,Z=C=>{ne(C),H&&H(C)};le(()=>{z!==void 0&&se(z)},[z]),le(()=>{A!==void 0&&ce(A)},[A]),le(()=>{R&&ne(R)},[R]);const E=G(()=>{if(o==null)return"";if(typeof o=="string"){const C=o.trim();try{const F=JSON.parse(C);return JSON.stringify(F,null,2)}catch{return o}}try{return JSON.stringify(o,null,2)??""}catch{return String(o)||""}},[o]),ee=G(()=>{if(typeof o=="string"){const C=o.trim();try{const F=JSON.parse(C);return JSON.stringify(F)}catch{return o}}try{return JSON.stringify(o)??""}catch{return String(o)||""}},[o]),de=v==="formatted"?E:ee,ge=5e4,$=typeof de=="string"?de:"",ye=$.length>ge&&!Be,te=ye?$.slice(0,ge):$,oe=G(()=>te?te.split(`
-`):[""],[te]),Ue=G(()=>k==="raw"?oe.length:E?E.split(`
-`).length:1,[k,oe.length,E]),_e=G(()=>Me(o),[o]),Re=Ie(()=>{Je("success"),ve(v==="compact"?ee:E,"JSON"),ae(!0),setTimeout(()=>ae(!1),1200)},[v,ee,E]),re=typeof o=="object"&&o!==null,ke=o==null||re&&Object.keys(o).length===0,pe=()=>{if(!re)return<T style={e.tableRow}>
+      </T>}),Ye=Q.memo(({data:o,search:S,forceOpen:j,defaultExpandDepth:B=1,wrap:k,fullHeight:P=!1,maxHeight:A,mode:R,onModeChange:I,hideTabs:K=!1})=>{const{t:z}=je(),[Ce,le]=L(R??"raw"),[ie,ae]=L(!1),[M,se]=L(k??!0),[v,Ve]=L("compact"),[J,ce]=L(j),[Be,ke]=L(!1),H=I&&R?R:Ce,Z=C=>{le(C),I&&I(C)};ne(()=>{k!==void 0&&se(k)},[k]),ne(()=>{j!==void 0&&ce(j)},[j]),ne(()=>{R&&le(R)},[R]);const E=G(()=>{if(o==null)return"";if(typeof o=="string"){const C=o.trim();try{const F=JSON.parse(C);return JSON.stringify(F,null,2)}catch{return o}}try{return JSON.stringify(o,null,2)??""}catch{return String(o)||""}},[o]),ee=G(()=>{if(typeof o=="string"){const C=o.trim();try{const F=JSON.parse(C);return JSON.stringify(F)}catch{return o}}try{return JSON.stringify(o)??""}catch{return String(o)||""}},[o]),de=v==="formatted"?E:ee,ge=5e4,$=typeof de=="string"?de:"",ye=$.length>ge&&!Be,te=ye?$.slice(0,ge):$,oe=G(()=>te?te.split(`
+`):[""],[te]),qe=G(()=>H==="raw"?oe.length:E?E.split(`
+`).length:1,[H,oe.length,E]),Ue=G(()=>Ke(o),[o]),ze=Ie(()=>{ve("success"),Me(v==="compact"?ee:E,"JSON"),ae(!0),setTimeout(()=>ae(!1),1200)},[v,ee,E]),re=typeof o=="object"&&o!==null,Re=o==null||re&&Object.keys(o).length===0,pe=()=>{if(!re)return<T style={e.tableRow}>
             <T style={e.tableColKey}>
               <V style={e.tableCellKey}>
-                {I("network.jsonViewer.value")}
+                {z("network.jsonViewer.value")}
               </V>
             </T>
             <T style={e.tableColVal}>
@@ -43,17 +43,19 @@ import Q,{useState as L,useEffect as le,useMemo as G,useCallback as Ie}from"reac
             </T>
           </T>;let C=Object.keys(o);if(S&&S.trim().length>0){const F=S.trim().toLowerCase();C=C.filter(U=>{const _=o[U],He=typeof _=="object"&&_!==null?JSON.stringify(_):String(_);return U.toLowerCase().includes(F)||He.toLowerCase().includes(F)})}return C.length===0?<T style={e.emptyContainer}>
             <V style={e.emptyText}>
-              {S&&S.trim().length>0?"No matching keys or values found":I("network.jsonViewer.emptyTable")}
+              {S&&S.trim().length>0?z("network.jsonViewer.noMatchingKeys","No matching keys or values found"):z("network.jsonViewer.emptyTable")}
             </V>
           </T>:<T style={e.tableView}>
           
           <T style={e.tableHeaderRow}>
             <V style={[e.tableHeaderCell,{flex:2}]}>
-              KEY / PROPERTY
+              {z("network.jsonViewer.keyProperty","KEY / PROPERTY")}
+            </V>
+            <V style={[e.tableHeaderCell,{flex:3}]}>
+              {z("network.jsonViewer.value","VALUE")}
             </V>
-            <V style={[e.tableHeaderCell,{flex:3}]}>VALUE</V>
           </T>
-          {C.map((F,U)=><Ye key={F}index={U}itemKey={F}val={o[F]}search={S}/>)}
+          {C.map((F,U)=><Ge key={F}index={U}itemKey={F}val={o[F]}search={S}/>)}
         </T>},Y=<Pe data={o}search={S}forceOpen={J}defaultExpandDepth={J?99:B}/>,q=()=><T style={e.rawLinesWrapper}>
           {oe.map((C,F)=><T key={F}style={e.rawCodeLineRow}>
               
@@ -65,10 +67,10 @@ import Q,{useState as L,useEffect as le,useMemo as G,useCallback as Ie}from"reac
 
               
               <T style={e.rawTextCell}>
-                <Ge line={C}search={S}detectLinks={$.length<2e4}/>
+                <$e line={C}search={S}detectLinks={$.length<2e4}/>
               </T>
             </T>)}
-        </T>,ue=()=>ye?<Te onPress={()=>ze(!0)}activeOpacity={.8}style={e.truncationBanner}>
+        </T>,ue=()=>ye?<Te onPress={()=>ke(!0)}activeOpacity={.8}style={e.truncationBanner}>
           <V style={e.truncationText}>
             Showing first 50 KB ({Math.round($.length/1024)} KB
             total) · Tap to load full payload
@@ -78,24 +80,24 @@ import Q,{useState as L,useEffect as le,useMemo as G,useCallback as Ie}from"reac
         <T style={e.snippetHeader}>
           
           {!K&&<T style={e.snippetTabs}>
-              <D onPress={()=>Z("raw")}style={[e.snippetTabBtn,k==="raw"&&e.snippetTabBtnActive]}>
-                <Oe color={k==="raw"?t.white:t.grayText}size={11.5}/>
-                <V style={[e.snippetTabText,k==="raw"&&e.snippetTabTextActive]}>
-                  {I("network.jsonViewer.raw","Raw")}
+              <D onPress={()=>Z("raw")}style={[e.snippetTabBtn,H==="raw"&&e.snippetTabBtnActive]}>
+                <Ne color={H==="raw"?t.white:t.grayText}size={11.5}/>
+                <V style={[e.snippetTabText,H==="raw"&&e.snippetTabTextActive]}>
+                  {z("network.jsonViewer.raw","Raw")}
                 </V>
               </D>
 
-              <D onPress={()=>Z("pretty")}style={[e.snippetTabBtn,k==="pretty"&&e.snippetTabBtnActive]}>
-                <Ne color={k==="pretty"?t.white:t.grayText}size={11.5}/>
-                <V style={[e.snippetTabText,k==="pretty"&&e.snippetTabTextActive]}>
-                  {I("network.jsonViewer.pretty","Pretty")}
+              <D onPress={()=>Z("pretty")}style={[e.snippetTabBtn,H==="pretty"&&e.snippetTabBtnActive]}>
+                <Ae color={H==="pretty"?t.white:t.grayText}size={11.5}/>
+                <V style={[e.snippetTabText,H==="pretty"&&e.snippetTabTextActive]}>
+                  {z("network.jsonViewer.pretty","Pretty")}
                 </V>
               </D>
 
-              <D onPress={()=>Z("table")}style={[e.snippetTabBtn,k==="table"&&e.snippetTabBtnActive]}>
-                <Le color={k==="table"?t.white:t.grayText}size={11.5}/>
-                <V style={[e.snippetTabText,k==="table"&&e.snippetTabTextActive]}>
-                  {I("network.jsonViewer.table","Table")}
+              <D onPress={()=>Z("table")}style={[e.snippetTabBtn,H==="table"&&e.snippetTabBtnActive]}>
+                <Oe color={H==="table"?t.white:t.grayText}size={11.5}/>
+                <V style={[e.snippetTabText,H==="table"&&e.snippetTabTextActive]}>
+                  {z("network.jsonViewer.table","Table")}
                 </V>
               </D>
             </T>}
@@ -103,40 +105,40 @@ import Q,{useState as L,useEffect as le,useMemo as G,useCallback as Ie}from"reac
           
           <T style={e.headerRight}>
             
-            {k==="raw"&&<>
+            {H==="raw"&&<>
                 <D onPress={()=>Ve(C=>C==="compact"?"formatted":"compact")}style={[e.toolToggleBtn,v==="compact"&&e.toolToggleBtnActive]}>
                   <V style={[e.toolToggleText,v==="compact"&&e.toolToggleTextActive]}>
-                    {I("jsonViewer.min","Min")}
+                    {z("jsonViewer.min","Min")}
                   </V>
                 </D>
 
                 <D onPress={()=>se(C=>!C)}style={[e.toolToggleBtn,M&&e.toolToggleBtnActive]}>
                   <V style={[e.toolToggleText,M&&e.toolToggleTextActive]}>
-                    {I("jsonViewer.wrap","Wrap")}
+                    {z("jsonViewer.wrap","Wrap")}
                   </V>
                 </D>
               </>}
 
             
-            {k==="pretty"&&re&&<D onPress={()=>ce(C=>!C)}style={[e.toolToggleBtn,J&&e.toolToggleBtnActive]}>
+            {H==="pretty"&&re&&<D onPress={()=>ce(C=>!C)}style={[e.toolToggleBtn,J&&e.toolToggleBtnActive]}>
                 <V style={[e.toolToggleText,J&&e.toolToggleTextActive]}>
-                  {J?I("jsonViewer.fold","Fold"):I("jsonViewer.expand","Expand")}
+                  {J?z("jsonViewer.fold","Fold"):z("jsonViewer.expand","Expand")}
                 </V>
               </D>}
 
             
-            <D onPress={Re}hitSlop={6}style={[e.copyBtn,ie&&e.copyBtnSuccess]}>
-              {ie?<Ke color={t.emerald500}size={13}/>:<Ee color={t.grayText}size={13}/>}
+            <D onPress={ze}hitSlop={6}style={[e.copyBtn,ie&&e.copyBtnSuccess]}>
+              {ie?<Ee color={t.emerald500}size={13}/>:<De color={t.grayText}size={13}/>}
             </D>
           </T>
         </T>
 
         
-        <T style={[e.editorBody,P&&{flex:1,maxHeight:void 0},!P&&j!=null&&{maxHeight:j}]}>
+        <T style={[e.editorBody,P&&{flex:1,maxHeight:void 0},!P&&A!=null&&{maxHeight:A}]}>
           
-          {k==="pretty"&&(ke?<T style={e.emptyContainer}>
+          {H==="pretty"&&(Re?<T style={e.emptyContainer}>
                 <V style={e.emptyText}>
-                  {I("network.jsonViewer.emptyPayload")}
+                  {z("network.jsonViewer.emptyPayload")}
                 </V>
               </T>:M?P?<O style={{flex:1}}contentContainerStyle={e.prettyContainer}showsVerticalScrollIndicator={!0}>
                   {Y}
@@ -149,7 +151,7 @@ import Q,{useState as L,useEffect as le,useMemo as G,useCallback as Ie}from"reac
               </O>)}
 
           
-          {k==="raw"&&(P?<O style={e.fullHeightScrollView}contentContainerStyle={e.fullHeightScrollContent}showsVerticalScrollIndicator={!0}showsHorizontalScrollIndicator={!1}>
+          {H==="raw"&&(P?<O style={e.fullHeightScrollView}contentContainerStyle={e.fullHeightScrollContent}showsVerticalScrollIndicator={!0}showsHorizontalScrollIndicator={!1}>
                 {M?<T style={e.rawEditorFullWidth}>
                     {q()}
                   </T>:<O horizontal showsHorizontalScrollIndicator={!0}contentContainerStyle={e.rawHorizontalContent}>
@@ -170,8 +172,8 @@ import Q,{useState as L,useEffect as le,useMemo as G,useCallback as Ie}from"reac
               </T>)}
 
           
-          {k==="table"&&(P?<O style={{flex:1}}contentContainerStyle={{flexGrow:1}}showsVerticalScrollIndicator={!0}>
+          {H==="table"&&(P?<O style={{flex:1}}contentContainerStyle={{flexGrow:1}}showsVerticalScrollIndicator={!0}>
                 {pe()}
               </O>:<T style={e.tableView}>{pe()}</T>)}
         </T>
-      </T>}),e=We.create({container:{backgroundColor:t.white,borderRadius:12,borderWidth:1,borderColor:t.grayBorderSecondary,overflow:"hidden",shadowColor:t.brandPurple,shadowOpacity:.04,shadowRadius:6,shadowOffset:{width:0,height:2},elevation:2,width:"100%"},snippetHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:t.grayBackground,borderBottomWidth:1,borderBottomColor:t.grayBorderSecondary,paddingHorizontal:8,paddingVertical:5,gap:6,minHeight:38},headerLeft:{flexDirection:"row",alignItems:"center",gap:5,flexShrink:1,minWidth:0},langBadge:{flexDirection:"row",alignItems:"center",backgroundColor:t.white,borderRadius:6,borderWidth:1,borderColor:t.grayBorderSecondary,paddingHorizontal:6,paddingVertical:2.5,gap:4.5},langDot:{width:5,height:5,borderRadius:2.5,backgroundColor:t.emerald500},langBadgeText:{fontFamily:W,fontSize:9.5,color:t.primaryBlack,fontWeight:"700",letterSpacing:.3},metaBadge:{backgroundColor:t.white,borderRadius:6,borderWidth:1,borderColor:t.grayBorderSecondary,paddingHorizontal:6,paddingVertical:2.5,flexShrink:1},metaBadgeText:{fontFamily:W,fontSize:9.5,color:t.grayTextWeak,fontWeight:"600"},headerRight:{flexDirection:"row",alignItems:"center",gap:4.5,flexShrink:0},snippetTabs:{flexDirection:"row",alignItems:"center",backgroundColor:`${t.slate200}80`,borderRadius:8,padding:2.5,borderWidth:1,borderColor:t.dividerColor,gap:2},snippetTabBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingVertical:3.5,paddingHorizontal:8,borderRadius:6},snippetTabBtnActive:{backgroundColor:t.brandPurple,shadowColor:t.brandPurple,shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:2,elevation:1},snippetTabText:{fontFamily:N.interSemiBold,fontSize:10.5,color:t.grayText},snippetTabTextActive:{color:t.white,fontFamily:N.interBold},toolToggleBtn:{paddingHorizontal:8,paddingVertical:3.5,borderRadius:6,backgroundColor:t.white,borderWidth:1,borderColor:t.grayBorderSecondary,alignItems:"center",justifyContent:"center"},toolToggleBtnActive:{backgroundColor:t.purpleShade50,borderColor:`${t.brandPurple}60`},toolToggleText:{fontFamily:N.interSemiBold,fontSize:10.5,color:t.grayText},toolToggleTextActive:{color:t.brandPurple,fontFamily:N.interBold},copyBtn:{width:27,height:27,borderRadius:6,backgroundColor:t.white,borderWidth:1,borderColor:t.grayBorderSecondary,alignItems:"center",justifyContent:"center"},copyBtnSuccess:{borderColor:t.greenMintBorder,backgroundColor:t.greenMintBg},editorBody:{backgroundColor:t.white,minHeight:80},prettyContainer:{padding:10,minWidth:"100%",backgroundColor:t.white},fullHeightScrollView:{flex:1},fullHeightScrollContent:{flexGrow:1},rawEditorAutoHeight:{width:"100%"},rawEditorFullWidth:{width:"100%"},rawHorizontalContent:{minWidth:"100%"},rawLinesWrapper:{paddingVertical:6,backgroundColor:t.white,width:"100%"},rawCodeLineRow:{flexDirection:"row",alignItems:"flex-start",minHeight:20,width:"100%"},gutterCell:{width:38,paddingRight:8,paddingTop:1,alignItems:"flex-end",justifyContent:"flex-start",borderRightWidth:1,borderRightColor:t.grayBorderSecondary,backgroundColor:t.grayBackground,userSelect:"none"},gutterNumber:{fontFamily:W,fontSize:11,lineHeight:18,color:t.slate400,textAlign:"right"},rawTextCell:{flex:1,paddingLeft:8,paddingRight:8,paddingTop:1,alignItems:"flex-start"},rawLineContentRow:{flexDirection:"row",alignItems:"flex-start",flexWrap:"wrap",minHeight:18},indentDots:{fontFamily:W,fontSize:11.5,lineHeight:18,color:t.gray300,letterSpacing:.5},rawMonospaceText:{fontFamily:W,fontSize:11.5,lineHeight:18,color:t.slate900},syntaxKey:{fontFamily:W,fontSize:11.5,lineHeight:18,color:t.syntaxKey,fontWeight:"700"},syntaxColon:{fontFamily:W,fontSize:11.5,lineHeight:18,color:t.syntaxColon,marginRight:4},syntaxString:{fontFamily:W,fontSize:11.5,lineHeight:18,color:t.syntaxString},syntaxNumber:{fontFamily:W,fontSize:11.5,lineHeight:18,color:t.syntaxNumber},syntaxBoolean:{fontFamily:W,fontSize:11.5,lineHeight:18,color:t.syntaxBoolean},syntaxNull:{fontFamily:W,fontSize:11.5,lineHeight:18,color:t.syntaxNull,fontStyle:"italic"},truncationBanner:{margin:10,backgroundColor:t.purple50,paddingVertical:8,paddingHorizontal:12,borderRadius:6,alignItems:"center",borderWidth:1,borderColor:t.purple200},truncationText:{fontFamily:N.interSemiBold,fontSize:11,color:t.brandPurple},tableView:{flex:1,width:"100%"},tableHeaderRow:{flexDirection:"row",backgroundColor:t.slate100,borderBottomWidth:1,borderBottomColor:t.slate200,paddingVertical:7,paddingHorizontal:12},tableHeaderCell:{fontFamily:N.interBold,fontSize:10.5,color:t.slate600,letterSpacing:.5,textTransform:"uppercase"},tableRow:{flexDirection:"row",borderBottomWidth:1,borderBottomColor:t.slate100,paddingVertical:8,paddingHorizontal:12,alignItems:"flex-start",backgroundColor:t.white},tableRowAlt:{backgroundColor:t.slate50},tableColKey:{flex:2,paddingRight:8},tableColVal:{flex:3},tableCellKey:{fontFamily:W,fontSize:11.5,fontWeight:"700",color:t.brandPurple},typePill:{alignSelf:"flex-start",borderRadius:4,borderWidth:1,paddingHorizontal:4,paddingVertical:1,marginTop:3},typePillText:{fontFamily:N.interBold,fontSize:9},tableCellValue:{fontFamily:W,fontSize:11.5,color:t.slate900,lineHeight:17},tableCodeBox:{backgroundColor:t.slate100,borderRadius:6,borderWidth:1,borderColor:t.slate200,padding:6},showMoreBtn:{flexDirection:"row",alignItems:"center",gap:4,alignSelf:"flex-start",marginTop:4,paddingVertical:2,paddingHorizontal:4},showMoreText:{fontFamily:N.interSemiBold,fontSize:10.5,color:t.brandPurple},emptyContainer:{padding:24,alignItems:"center",justifyContent:"center"},emptyText:{fontFamily:N.interMedium,fontSize:12,color:t.slate500},highlight:{backgroundColor:t.yellow200,color:t.yellow800,fontFamily:W,fontWeight:"700",borderRadius:2,paddingHorizontal:2}});export default qe;
+      </T>}),e=We.create({container:{backgroundColor:t.white,borderRadius:12,borderWidth:1,borderColor:t.grayBorderSecondary,overflow:"hidden",shadowColor:t.brandPurple,shadowOpacity:.04,shadowRadius:6,shadowOffset:{width:0,height:2},elevation:2,width:"100%"},snippetHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:t.grayBackground,borderBottomWidth:1,borderBottomColor:t.grayBorderSecondary,paddingHorizontal:8,paddingVertical:5,gap:6,minHeight:38},headerLeft:{flexDirection:"row",alignItems:"center",gap:5,flexShrink:1,minWidth:0},langBadge:{flexDirection:"row",alignItems:"center",backgroundColor:t.white,borderRadius:6,borderWidth:1,borderColor:t.grayBorderSecondary,paddingHorizontal:6,paddingVertical:2.5,gap:4.5},langDot:{width:5,height:5,borderRadius:2.5,backgroundColor:t.emerald500},langBadgeText:{fontFamily:W,fontSize:9.5,color:t.primaryBlack,fontWeight:"700",letterSpacing:.3},metaBadge:{backgroundColor:t.white,borderRadius:6,borderWidth:1,borderColor:t.grayBorderSecondary,paddingHorizontal:6,paddingVertical:2.5,flexShrink:1},metaBadgeText:{fontFamily:W,fontSize:9.5,color:t.grayTextWeak,fontWeight:"600"},headerRight:{flexDirection:"row",alignItems:"center",gap:4.5,flexShrink:0},snippetTabs:{flexDirection:"row",alignItems:"center",backgroundColor:`${t.slate200}80`,borderRadius:8,padding:2.5,borderWidth:1,borderColor:t.dividerColor,gap:2},snippetTabBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingVertical:3.5,paddingHorizontal:8,borderRadius:6},snippetTabBtnActive:{backgroundColor:t.brandPurple,shadowColor:t.brandPurple,shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:2,elevation:1},snippetTabText:{fontFamily:N.interSemiBold,fontSize:10.5,color:t.grayText},snippetTabTextActive:{color:t.white,fontFamily:N.interBold},toolToggleBtn:{paddingHorizontal:8,paddingVertical:3.5,borderRadius:6,backgroundColor:t.white,borderWidth:1,borderColor:t.grayBorderSecondary,alignItems:"center",justifyContent:"center"},toolToggleBtnActive:{backgroundColor:t.purpleShade50,borderColor:`${t.brandPurple}60`},toolToggleText:{fontFamily:N.interSemiBold,fontSize:10.5,color:t.grayText},toolToggleTextActive:{color:t.brandPurple,fontFamily:N.interBold},copyBtn:{width:27,height:27,borderRadius:6,backgroundColor:t.white,borderWidth:1,borderColor:t.grayBorderSecondary,alignItems:"center",justifyContent:"center"},copyBtnSuccess:{borderColor:t.greenMintBorder,backgroundColor:t.greenMintBg},editorBody:{backgroundColor:t.white,minHeight:80},prettyContainer:{padding:10,minWidth:"100%",backgroundColor:t.white},fullHeightScrollView:{flex:1},fullHeightScrollContent:{flexGrow:1},rawEditorAutoHeight:{width:"100%"},rawEditorFullWidth:{width:"100%"},rawHorizontalContent:{minWidth:"100%"},rawLinesWrapper:{paddingVertical:6,backgroundColor:t.white,width:"100%"},rawCodeLineRow:{flexDirection:"row",alignItems:"flex-start",minHeight:20,width:"100%"},gutterCell:{width:38,paddingRight:8,paddingTop:1,alignItems:"flex-end",justifyContent:"flex-start",borderRightWidth:1,borderRightColor:t.grayBorderSecondary,backgroundColor:t.grayBackground,userSelect:"none"},gutterNumber:{fontFamily:W,fontSize:11,lineHeight:18,color:t.slate400,textAlign:"right"},rawTextCell:{flex:1,paddingLeft:8,paddingRight:8,paddingTop:1,alignItems:"flex-start"},rawLineContentRow:{flexDirection:"row",alignItems:"flex-start",flexWrap:"wrap",minHeight:18},indentDots:{fontFamily:W,fontSize:11.5,lineHeight:18,color:t.gray300,letterSpacing:.5},rawMonospaceText:{fontFamily:W,fontSize:11.5,lineHeight:18,color:t.slate900},syntaxKey:{fontFamily:W,fontSize:11.5,lineHeight:18,color:t.syntaxKey,fontWeight:"700"},syntaxColon:{fontFamily:W,fontSize:11.5,lineHeight:18,color:t.syntaxColon,marginRight:4},syntaxString:{fontFamily:W,fontSize:11.5,lineHeight:18,color:t.syntaxString},syntaxNumber:{fontFamily:W,fontSize:11.5,lineHeight:18,color:t.syntaxNumber},syntaxBoolean:{fontFamily:W,fontSize:11.5,lineHeight:18,color:t.syntaxBoolean},syntaxNull:{fontFamily:W,fontSize:11.5,lineHeight:18,color:t.syntaxNull,fontStyle:"italic"},truncationBanner:{margin:10,backgroundColor:t.purple50,paddingVertical:8,paddingHorizontal:12,borderRadius:6,alignItems:"center",borderWidth:1,borderColor:t.purple200},truncationText:{fontFamily:N.interSemiBold,fontSize:11,color:t.brandPurple},tableView:{flex:1,width:"100%"},tableHeaderRow:{flexDirection:"row",backgroundColor:t.slate100,borderBottomWidth:1,borderBottomColor:t.slate200,paddingVertical:7,paddingHorizontal:12},tableHeaderCell:{fontFamily:N.interBold,fontSize:10.5,color:t.slate600,letterSpacing:.5,textTransform:"uppercase"},tableRow:{flexDirection:"row",borderBottomWidth:1,borderBottomColor:t.slate100,paddingVertical:8,paddingHorizontal:12,alignItems:"flex-start",backgroundColor:t.white},tableRowAlt:{backgroundColor:t.slate50},tableColKey:{flex:2,paddingRight:8},tableColVal:{flex:3},tableCellKey:{fontFamily:W,fontSize:11.5,fontWeight:"700",color:t.brandPurple},typePill:{alignSelf:"flex-start",borderRadius:4,borderWidth:1,paddingHorizontal:4,paddingVertical:1,marginTop:3},typePillText:{fontFamily:N.interBold,fontSize:9},tableCellValue:{fontFamily:W,fontSize:11.5,color:t.slate900,lineHeight:17},tableCodeBox:{backgroundColor:t.slate100,borderRadius:6,borderWidth:1,borderColor:t.slate200,padding:6},showMoreBtn:{flexDirection:"row",alignItems:"center",gap:4,alignSelf:"flex-start",marginTop:4,paddingVertical:2,paddingHorizontal:4},showMoreText:{fontFamily:N.interSemiBold,fontSize:10.5,color:t.brandPurple},emptyContainer:{padding:24,alignItems:"center",justifyContent:"center"},emptyText:{fontFamily:N.interMedium,fontSize:12,color:t.slate500},highlight:{backgroundColor:t.yellow200,color:t.yellow800,fontFamily:W,fontWeight:"700",borderRadius:2,paddingHorizontal:2}});export default Ye;