react-native-inapp-inspector 2.4.1 → 2.5.0

package/dist/commonjs/components/JsonViewer.js

@@ -1,19 +1,19 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,l,o){o===void 0&&(o=l);var r=Object.getOwnPropertyDescriptor(t,l);(!r||("get"in r?!t.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,o,r)}):(function(e,t,l,o){o===void 0&&(o=l),e[o]=t[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(l){var o=[];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(o[o.length]=r);return o},e(t)};return function(t){if(t&&t.__esModule)return t;var l={};if(t!=null)for(var o=e(t),r=0;r<o.length;r++)o[r]!=="default"&&__createBinding(l,t,o[r]);return __setModuleDefault(l,t),l}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),i18n_1=require("../i18n"),TreeNode_1=__importDefault(require("./TreeNode")),HighlightText_1=__importDefault(require("./HighlightText")),TouchableScale_1=__importDefault(require("./TouchableScale")),NetworkIcons_1=require("./NetworkIcons"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),helpers_1=require("../helpers"),NativeInspector_1=require("../native/NativeInspector"),monoFont=react_native_1.Platform.select({ios:"Menlo",android:"monospace",default:"monospace"}),getTypeDetails=e=>e===null?{label:"null",color:AppColors_1.AppColors.errorColor,bg:AppColors_1.AppColors.errorCardBg,border:AppColors_1.AppColors.errorBorder}:e===void 0?{label:"undef",color:AppColors_1.AppColors.errorColor,bg:AppColors_1.AppColors.errorCardBg,border:AppColors_1.AppColors.errorBorder}:Array.isArray(e)?{label:`arr[${e.length}]`,color:AppColors_1.AppColors.blue600,bg:AppColors_1.AppColors.blueBg,border:AppColors_1.AppColors.sky100}:typeof e=="object"?{label:`obj{${Object.keys(e).length}}`,color:AppColors_1.AppColors.violet600,bg:AppColors_1.AppColors.purple50,border:AppColors_1.AppColors.purple200}:typeof e=="number"?{label:"num",color:AppColors_1.AppColors.amber600,bg:AppColors_1.AppColors.amber100,border:AppColors_1.AppColors.amber200}:typeof e=="boolean"?{label:"bool",color:AppColors_1.AppColors.pink600,bg:AppColors_1.AppColors.roseBg,border:AppColors_1.AppColors.roseBorder}:{label:"str",color:AppColors_1.AppColors.emerald600,bg:AppColors_1.AppColors.emeraldBg,border:AppColors_1.AppColors.emeraldBorder},RawValueText=react_1.default.memo(({text:e,search:t,detectLinks:l})=>{const o=e.trim();let r=localStyles.rawMonospaceText;return o.startsWith('"')?r=localStyles.syntaxString:o==="null"||o.startsWith("null,")||o==="undefined"?r=localStyles.syntaxNull:o==="true"||o.startsWith("true,")||o==="false"||o.startsWith("false,")?r=localStyles.syntaxBoolean:/^-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?,?$/.test(o)&&(r=localStyles.syntaxNumber),<HighlightText_1.default text={e}search={t}detectLinks={l}style={r}selectable={!0}highlightStyle={localStyles.highlight}/>}),RawJsonLine=react_1.default.memo(({line:e,search:t,detectLinks:l})=>{const o=e.match(/^(\s+)(.*)$/),r=o?o[1]:"",d=o?o[2]:e,u=r?r.replace(/  /g,"\xB7 ").replace(/ /g,"\xB7"):"",i=d.match(/^("(?:[^"\\]|\\.)*")(\s*:\s*)(.*)$/);if(i){const s=i[1],y=i[2],c=i[3];return<react_native_1.View style={localStyles.rawLineContentRow}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,l,o){o===void 0&&(o=l);var r=Object.getOwnPropertyDescriptor(t,l);(!r||("get"in r?!t.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,o,r)}):(function(e,t,l,o){o===void 0&&(o=l),e[o]=t[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(l){var o=[];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(o[o.length]=r);return o},e(t)};return function(t){if(t&&t.__esModule)return t;var l={};if(t!=null)for(var o=e(t),r=0;r<o.length;r++)o[r]!=="default"&&__createBinding(l,t,o[r]);return __setModuleDefault(l,t),l}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),i18n_1=require("../i18n"),TreeNode_1=__importDefault(require("./TreeNode")),HighlightText_1=__importDefault(require("./HighlightText")),TouchableScale_1=__importDefault(require("./TouchableScale")),NetworkIcons_1=require("./NetworkIcons"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),helpers_1=require("../helpers"),NativeInspector_1=require("../native/NativeInspector"),monoFont=react_native_1.Platform.select({ios:"Menlo",android:"monospace",default:"monospace"}),getTypeDetails=e=>e===null?{label:"null",color:AppColors_1.AppColors.errorColor,bg:AppColors_1.AppColors.errorCardBg,border:AppColors_1.AppColors.errorBorder}:e===void 0?{label:"undef",color:AppColors_1.AppColors.errorColor,bg:AppColors_1.AppColors.errorCardBg,border:AppColors_1.AppColors.errorBorder}:Array.isArray(e)?{label:`arr[${e.length}]`,color:AppColors_1.AppColors.blue600,bg:AppColors_1.AppColors.blueBg,border:AppColors_1.AppColors.sky100}:typeof e=="object"?{label:`obj{${Object.keys(e).length}}`,color:AppColors_1.AppColors.violet600,bg:AppColors_1.AppColors.purple50,border:AppColors_1.AppColors.purple200}:typeof e=="number"?{label:"num",color:AppColors_1.AppColors.amber600,bg:AppColors_1.AppColors.amber100,border:AppColors_1.AppColors.amber200}:typeof e=="boolean"?{label:"bool",color:AppColors_1.AppColors.pink600,bg:AppColors_1.AppColors.roseBg,border:AppColors_1.AppColors.roseBorder}:{label:"str",color:AppColors_1.AppColors.emerald600,bg:AppColors_1.AppColors.emeraldBg,border:AppColors_1.AppColors.emeraldBorder},RawValueText=react_1.default.memo(({text:e,search:t,detectLinks:l})=>{const o=e.trim();let r=localStyles.rawMonospaceText;return o.startsWith('"')?r=localStyles.syntaxString:o==="null"||o.startsWith("null,")||o==="undefined"?r=localStyles.syntaxNull:o==="true"||o.startsWith("true,")||o==="false"||o.startsWith("false,")?r=localStyles.syntaxBoolean:/^-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?,?$/.test(o)&&(r=localStyles.syntaxNumber),<HighlightText_1.default text={e}search={t}detectLinks={l}style={r}selectable={!0}highlightStyle={localStyles.highlight}/>}),RawJsonLine=react_1.default.memo(({line:e,search:t,detectLinks:l})=>{const o=e.match(/^(\s+)(.*)$/),r=o?o[1]:"",d=o?o[2]:e,u=r?r.replace(/  /g,"\xB7 ").replace(/ /g,"\xB7"):"",a=d.match(/^("(?:[^"\\]|\\.)*")(\s*:\s*)(.*)$/);if(a){const c=a[1],y=a[2],i=a[3];return<react_native_1.View style={localStyles.rawLineContentRow}>
           {u.length>0&&<react_native_1.Text style={localStyles.indentDots}>{u}</react_native_1.Text>}
-          <HighlightText_1.default text={s}search={t}style={localStyles.syntaxKey}selectable={!0}highlightStyle={localStyles.highlight}/>
+          <HighlightText_1.default text={c}search={t}style={localStyles.syntaxKey}selectable={!0}highlightStyle={localStyles.highlight}/>
           <react_native_1.Text style={localStyles.syntaxColon}>{y}</react_native_1.Text>
-          <RawValueText text={c}search={t}detectLinks={l}/>
+          <RawValueText text={i}search={t}detectLinks={l}/>
         </react_native_1.View>}return<react_native_1.View style={localStyles.rawLineContentRow}>
         {u.length>0&&<react_native_1.Text style={localStyles.indentDots}>{u}</react_native_1.Text>}
         <RawValueText text={d}search={t}detectLinks={l}/>
-      </react_native_1.View>}),JsonTableRow=react_1.default.memo(({itemKey:e,val:t,search:l,index:o})=>{const[r,d]=(0,react_1.useState)(!1),u=t!==null&&typeof t=="object",i=getTypeDetails(t);let s="";if(t===null)s="null";else if(t===void 0)s="undefined";else if(u)try{s=JSON.stringify(t,null,2)}catch{s=String(t)}else s=String(t);const y=s.includes(`
-`)||s.length>80;return<react_native_1.View style={[localStyles.tableRow,o%2===1&&localStyles.tableRowAlt]}>
+      </react_native_1.View>}),JsonTableRow=react_1.default.memo(({itemKey:e,val:t,search:l,index:o})=>{const[r,d]=(0,react_1.useState)(!1),u=t!==null&&typeof t=="object",a=getTypeDetails(t);let c="";if(t===null)c="null";else if(t===void 0)c="undefined";else if(u)try{c=JSON.stringify(t,null,2)}catch{c=String(t)}else c=String(t);const y=c.includes(`
+`)||c.length>80;return<react_native_1.View style={[localStyles.tableRow,o%2===1&&localStyles.tableRowAlt]}>
         
         <react_native_1.View style={localStyles.tableColKey}>
           <HighlightText_1.default text={e}search={l}style={localStyles.tableCellKey}highlightStyle={localStyles.highlight}/>
-          <react_native_1.View style={[localStyles.typePill,{backgroundColor:i.bg,borderColor:i.border}]}>
-            <react_native_1.Text style={[localStyles.typePillText,{color:i.color}]}>
-              {i.label}
+          <react_native_1.View style={[localStyles.typePill,{backgroundColor:a.bg,borderColor:a.border}]}>
+            <react_native_1.Text style={[localStyles.typePillText,{color:a.color}]}>
+              {a.label}
             </react_native_1.Text>
           </react_native_1.View>
         </react_native_1.View>
@@ -21,21 +21,21 @@
         
         <react_native_1.View style={localStyles.tableColVal}>
           <react_native_1.View style={u?localStyles.tableCodeBox:void 0}>
-            <HighlightText_1.default text={s}search={l}style={[localStyles.tableCellValue,t==null?localStyles.syntaxNull:void 0,typeof t=="number"?localStyles.syntaxNumber:void 0,typeof t=="boolean"?localStyles.syntaxBoolean:void 0,typeof t=="string"?localStyles.syntaxString:void 0]}highlightStyle={localStyles.highlight}numberOfLines={r?void 0:3}selectable={!0}/>
+            <HighlightText_1.default text={c}search={l}style={[localStyles.tableCellValue,t==null?localStyles.syntaxNull:void 0,typeof t=="number"?localStyles.syntaxNumber:void 0,typeof t=="boolean"?localStyles.syntaxBoolean:void 0,typeof t=="string"?localStyles.syntaxString:void 0]}highlightStyle={localStyles.highlight}numberOfLines={r?void 0:3}selectable={!0}/>
           </react_native_1.View>
-          {y&&<react_native_1.TouchableOpacity onPress={()=>d(c=>!c)}hitSlop={6}style={localStyles.showMoreBtn}>
+          {y&&<react_native_1.TouchableOpacity onPress={()=>d(i=>!i)}hitSlop={6}style={localStyles.showMoreBtn}>
               <react_native_1.Text style={localStyles.showMoreText}>
                 {r?"Collapse":"Expand"}
               </react_native_1.Text>
-              <NetworkIcons_1.ChevronIcon direction={r?"up":"down"}size={9}color="#4F46E5"/>
+              <NetworkIcons_1.ChevronIcon direction={r?"up":"down"}size={9}color={AppColors_1.AppColors.purple}/>
             </react_native_1.TouchableOpacity>}
         </react_native_1.View>
-      </react_native_1.View>}),JsonViewer=react_1.default.memo(({data:e,search:t,forceOpen:l,defaultExpandDepth:o=1,wrap:r,fullHeight:d=!1,maxHeight:u,mode:i,onModeChange:s,hideTabs:y=!1})=>{const{t:c}=(0,i18n_1.useTranslation)(),[P,B]=(0,react_1.useState)(i??"raw"),[F,z]=(0,react_1.useState)(!1),[f,R]=(0,react_1.useState)(r??!0),[w,N]=(0,react_1.useState)("compact"),[b,H]=(0,react_1.useState)(l),[D,M]=(0,react_1.useState)(!1),a=s&&i?i:P,m=n=>{B(n),s&&s(n)};(0,react_1.useEffect)(()=>{r!==void 0&&R(r)},[r]),(0,react_1.useEffect)(()=>{l!==void 0&&H(l)},[l]),(0,react_1.useEffect)(()=>{i&&B(i)},[i]);const g=(0,react_1.useMemo)(()=>{if(e==null)return"";if(typeof e=="string"){const n=e.trim();try{const p=JSON.parse(n);return JSON.stringify(p,null,2)}catch{return e}}try{return JSON.stringify(e,null,2)??""}catch{return String(e)||""}},[e]),S=(0,react_1.useMemo)(()=>{if(typeof e=="string"){const n=e.trim();try{const p=JSON.parse(n);return JSON.stringify(p)}catch{return e}}try{return JSON.stringify(e)??""}catch{return String(e)||""}},[e]),I=w==="formatted"?g:S,k=5e4,h=typeof I=="string"?I:"",W=h.length>k&&!D,A=W?h.slice(0,k):h,V=(0,react_1.useMemo)(()=>A?A.split(`
-`):[""],[A]),q=(0,react_1.useMemo)(()=>a==="raw"?V.length:g?g.split(`
-`).length:1,[a,V.length,g]),J=(0,react_1.useMemo)(()=>(0,helpers_1.getSize)(e),[e]),E=(0,react_1.useCallback)(()=>{(0,NativeInspector_1.triggerNativeHaptic)("success"),(0,helpers_1.copyToClipboard)(w==="compact"?S:g,"JSON"),z(!0),setTimeout(()=>z(!1),1200)},[w,S,g]),v=typeof e=="object"&&e!==null,L=e==null||v&&Object.keys(e).length===0,j=()=>{if(!v)return<react_native_1.View style={localStyles.tableRow}>
+      </react_native_1.View>}),JsonViewer=react_1.default.memo(({data:e,search:t,forceOpen:l,defaultExpandDepth:o=1,wrap:r,fullHeight:d=!1,maxHeight:u,mode:a,onModeChange:c,hideTabs:y=!1})=>{const{t:i}=(0,i18n_1.useTranslation)(),[O,B]=(0,react_1.useState)(a??"raw"),[z,R]=(0,react_1.useState)(!1),[f,k]=(0,react_1.useState)(r??!0),[w,N]=(0,react_1.useState)("compact"),[b,F]=(0,react_1.useState)(l),[D,M]=(0,react_1.useState)(!1),s=c&&a?a:O,m=n=>{B(n),c&&c(n)};(0,react_1.useEffect)(()=>{r!==void 0&&k(r)},[r]),(0,react_1.useEffect)(()=>{l!==void 0&&F(l)},[l]),(0,react_1.useEffect)(()=>{a&&B(a)},[a]);const g=(0,react_1.useMemo)(()=>{if(e==null)return"";if(typeof e=="string"){const n=e.trim();try{const p=JSON.parse(n);return JSON.stringify(p,null,2)}catch{return e}}try{return JSON.stringify(e,null,2)??""}catch{return String(e)||""}},[e]),S=(0,react_1.useMemo)(()=>{if(typeof e=="string"){const n=e.trim();try{const p=JSON.parse(n);return JSON.stringify(p)}catch{return e}}try{return JSON.stringify(e)??""}catch{return String(e)||""}},[e]),H=w==="formatted"?g:S,I=5e4,h=typeof H=="string"?H:"",j=h.length>I&&!D,A=j?h.slice(0,I):h,V=(0,react_1.useMemo)(()=>A?A.split(`
+`):[""],[A]),q=(0,react_1.useMemo)(()=>s==="raw"?V.length:g?g.split(`
+`).length:1,[s,V.length,g]),J=(0,react_1.useMemo)(()=>(0,helpers_1.getSize)(e),[e]),L=(0,react_1.useCallback)(()=>{(0,NativeInspector_1.triggerNativeHaptic)("success"),(0,helpers_1.copyToClipboard)(w==="compact"?S:g,"JSON"),R(!0),setTimeout(()=>R(!1),1200)},[w,S,g]),v=typeof e=="object"&&e!==null,E=e==null||v&&Object.keys(e).length===0,W=()=>{if(!v)return<react_native_1.View style={localStyles.tableRow}>
             <react_native_1.View style={localStyles.tableColKey}>
               <react_native_1.Text style={localStyles.tableCellKey}>
-                {c("network.jsonViewer.value")}
+                {i("network.jsonViewer.value")}
               </react_native_1.Text>
             </react_native_1.View>
             <react_native_1.View style={localStyles.tableColVal}>
@@ -43,15 +43,17 @@
             </react_native_1.View>
           </react_native_1.View>;let n=Object.keys(e);if(t&&t.trim().length>0){const p=t.trim().toLowerCase();n=n.filter(x=>{const T=e[x],K=typeof T=="object"&&T!==null?JSON.stringify(T):String(T);return x.toLowerCase().includes(p)||K.toLowerCase().includes(p)})}return n.length===0?<react_native_1.View style={localStyles.emptyContainer}>
             <react_native_1.Text style={localStyles.emptyText}>
-              {t&&t.trim().length>0?"No matching keys or values found":c("network.jsonViewer.emptyTable")}
+              {t&&t.trim().length>0?i("network.jsonViewer.noMatchingKeys","No matching keys or values found"):i("network.jsonViewer.emptyTable")}
             </react_native_1.Text>
           </react_native_1.View>:<react_native_1.View style={localStyles.tableView}>
           
           <react_native_1.View style={localStyles.tableHeaderRow}>
             <react_native_1.Text style={[localStyles.tableHeaderCell,{flex:2}]}>
-              KEY / PROPERTY
+              {i("network.jsonViewer.keyProperty","KEY / PROPERTY")}
+            </react_native_1.Text>
+            <react_native_1.Text style={[localStyles.tableHeaderCell,{flex:3}]}>
+              {i("network.jsonViewer.value","VALUE")}
             </react_native_1.Text>
-            <react_native_1.Text style={[localStyles.tableHeaderCell,{flex:3}]}>VALUE</react_native_1.Text>
           </react_native_1.View>
           {n.map((p,x)=><JsonTableRow key={p}index={x}itemKey={p}val={e[p]}search={t}/>)}
         </react_native_1.View>},C=<TreeNode_1.default data={e}search={t}forceOpen={b}defaultExpandDepth={b?99:o}/>,_=()=><react_native_1.View style={localStyles.rawLinesWrapper}>
@@ -68,7 +70,7 @@
                 <RawJsonLine line={n}search={t}detectLinks={h.length<2e4}/>
               </react_native_1.View>
             </react_native_1.View>)}
-        </react_native_1.View>,O=()=>W?<react_native_1.TouchableOpacity onPress={()=>M(!0)}activeOpacity={.8}style={localStyles.truncationBanner}>
+        </react_native_1.View>,P=()=>j?<react_native_1.TouchableOpacity onPress={()=>M(!0)}activeOpacity={.8}style={localStyles.truncationBanner}>
           <react_native_1.Text style={localStyles.truncationText}>
             Showing first 50 KB ({Math.round(h.length/1024)} KB
             total) · Tap to load full payload
@@ -78,24 +80,24 @@
         <react_native_1.View style={localStyles.snippetHeader}>
           
           {!y&&<react_native_1.View style={localStyles.snippetTabs}>
-              <TouchableScale_1.default onPress={()=>m("raw")}style={[localStyles.snippetTabBtn,a==="raw"&&localStyles.snippetTabBtnActive]}>
-                <NetworkIcons_1.RawIcon color={a==="raw"?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={11.5}/>
-                <react_native_1.Text style={[localStyles.snippetTabText,a==="raw"&&localStyles.snippetTabTextActive]}>
-                  {c("network.jsonViewer.raw","Raw")}
+              <TouchableScale_1.default onPress={()=>m("raw")}style={[localStyles.snippetTabBtn,s==="raw"&&localStyles.snippetTabBtnActive]}>
+                <NetworkIcons_1.RawIcon color={s==="raw"?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={11.5}/>
+                <react_native_1.Text style={[localStyles.snippetTabText,s==="raw"&&localStyles.snippetTabTextActive]}>
+                  {i("network.jsonViewer.raw","Raw")}
                 </react_native_1.Text>
               </TouchableScale_1.default>
 
-              <TouchableScale_1.default onPress={()=>m("pretty")}style={[localStyles.snippetTabBtn,a==="pretty"&&localStyles.snippetTabBtnActive]}>
-                <NetworkIcons_1.PrettyIcon color={a==="pretty"?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={11.5}/>
-                <react_native_1.Text style={[localStyles.snippetTabText,a==="pretty"&&localStyles.snippetTabTextActive]}>
-                  {c("network.jsonViewer.pretty","Pretty")}
+              <TouchableScale_1.default onPress={()=>m("pretty")}style={[localStyles.snippetTabBtn,s==="pretty"&&localStyles.snippetTabBtnActive]}>
+                <NetworkIcons_1.PrettyIcon color={s==="pretty"?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={11.5}/>
+                <react_native_1.Text style={[localStyles.snippetTabText,s==="pretty"&&localStyles.snippetTabTextActive]}>
+                  {i("network.jsonViewer.pretty","Pretty")}
                 </react_native_1.Text>
               </TouchableScale_1.default>
 
-              <TouchableScale_1.default onPress={()=>m("table")}style={[localStyles.snippetTabBtn,a==="table"&&localStyles.snippetTabBtnActive]}>
-                <NetworkIcons_1.TableIcon color={a==="table"?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={11.5}/>
-                <react_native_1.Text style={[localStyles.snippetTabText,a==="table"&&localStyles.snippetTabTextActive]}>
-                  {c("network.jsonViewer.table","Table")}
+              <TouchableScale_1.default onPress={()=>m("table")}style={[localStyles.snippetTabBtn,s==="table"&&localStyles.snippetTabBtnActive]}>
+                <NetworkIcons_1.TableIcon color={s==="table"?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={11.5}/>
+                <react_native_1.Text style={[localStyles.snippetTabText,s==="table"&&localStyles.snippetTabTextActive]}>
+                  {i("network.jsonViewer.table","Table")}
                 </react_native_1.Text>
               </TouchableScale_1.default>
             </react_native_1.View>}
@@ -103,30 +105,30 @@
           
           <react_native_1.View style={localStyles.headerRight}>
             
-            {a==="raw"&&<>
+            {s==="raw"&&<>
                 <TouchableScale_1.default onPress={()=>N(n=>n==="compact"?"formatted":"compact")}style={[localStyles.toolToggleBtn,w==="compact"&&localStyles.toolToggleBtnActive]}>
                   <react_native_1.Text style={[localStyles.toolToggleText,w==="compact"&&localStyles.toolToggleTextActive]}>
-                    {c("jsonViewer.min","Min")}
+                    {i("jsonViewer.min","Min")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default onPress={()=>R(n=>!n)}style={[localStyles.toolToggleBtn,f&&localStyles.toolToggleBtnActive]}>
+                <TouchableScale_1.default onPress={()=>k(n=>!n)}style={[localStyles.toolToggleBtn,f&&localStyles.toolToggleBtnActive]}>
                   <react_native_1.Text style={[localStyles.toolToggleText,f&&localStyles.toolToggleTextActive]}>
-                    {c("jsonViewer.wrap","Wrap")}
+                    {i("jsonViewer.wrap","Wrap")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
               </>}
 
             
-            {a==="pretty"&&v&&<TouchableScale_1.default onPress={()=>H(n=>!n)}style={[localStyles.toolToggleBtn,b&&localStyles.toolToggleBtnActive]}>
+            {s==="pretty"&&v&&<TouchableScale_1.default onPress={()=>F(n=>!n)}style={[localStyles.toolToggleBtn,b&&localStyles.toolToggleBtnActive]}>
                 <react_native_1.Text style={[localStyles.toolToggleText,b&&localStyles.toolToggleTextActive]}>
-                  {b?c("jsonViewer.fold","Fold"):c("jsonViewer.expand","Expand")}
+                  {b?i("jsonViewer.fold","Fold"):i("jsonViewer.expand","Expand")}
                 </react_native_1.Text>
               </TouchableScale_1.default>}
 
             
-            <TouchableScale_1.default onPress={E}hitSlop={6}style={[localStyles.copyBtn,F&&localStyles.copyBtnSuccess]}>
-              {F?<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.emerald500}size={13}/>:<NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.grayText}size={13}/>}
+            <TouchableScale_1.default onPress={L}hitSlop={6}style={[localStyles.copyBtn,z&&localStyles.copyBtnSuccess]}>
+              {z?<NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.emerald500}size={13}/>:<NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.grayText}size={13}/>}
             </TouchableScale_1.default>
           </react_native_1.View>
         </react_native_1.View>
@@ -134,9 +136,9 @@
         
         <react_native_1.View style={[localStyles.editorBody,d&&{flex:1,maxHeight:void 0},!d&&u!=null&&{maxHeight:u}]}>
           
-          {a==="pretty"&&(L?<react_native_1.View style={localStyles.emptyContainer}>
+          {s==="pretty"&&(E?<react_native_1.View style={localStyles.emptyContainer}>
                 <react_native_1.Text style={localStyles.emptyText}>
-                  {c("network.jsonViewer.emptyPayload")}
+                  {i("network.jsonViewer.emptyPayload")}
                 </react_native_1.Text>
               </react_native_1.View>:f?d?<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={localStyles.prettyContainer}showsVerticalScrollIndicator={!0}>
                   {C}
@@ -149,7 +151,7 @@
               </react_native_1.ScrollView>)}
 
           
-          {a==="raw"&&(d?<react_native_1.ScrollView style={localStyles.fullHeightScrollView}contentContainerStyle={localStyles.fullHeightScrollContent}showsVerticalScrollIndicator={!0}showsHorizontalScrollIndicator={!1}>
+          {s==="raw"&&(d?<react_native_1.ScrollView style={localStyles.fullHeightScrollView}contentContainerStyle={localStyles.fullHeightScrollContent}showsVerticalScrollIndicator={!0}showsHorizontalScrollIndicator={!1}>
                 {f?<react_native_1.View style={localStyles.rawEditorFullWidth}>
                     {_()}
                   </react_native_1.View>:<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!0}contentContainerStyle={localStyles.rawHorizontalContent}>
@@ -157,7 +159,7 @@
                       {_()}
                     </react_native_1.View>
                   </react_native_1.ScrollView>}
-                {O()}
+                {P()}
               </react_native_1.ScrollView>:<react_native_1.View style={localStyles.rawEditorAutoHeight}>
                 {f?<react_native_1.View style={localStyles.rawEditorFullWidth}>
                     {_()}
@@ -166,12 +168,12 @@
                       {_()}
                     </react_native_1.View>
                   </react_native_1.ScrollView>}
-                {O()}
+                {P()}
               </react_native_1.View>)}
 
           
-          {a==="table"&&(d?<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{flexGrow:1}}showsVerticalScrollIndicator={!0}>
-                {j()}
-              </react_native_1.ScrollView>:<react_native_1.View style={localStyles.tableView}>{j()}</react_native_1.View>)}
+          {s==="table"&&(d?<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{flexGrow:1}}showsVerticalScrollIndicator={!0}>
+                {W()}
+              </react_native_1.ScrollView>:<react_native_1.View style={localStyles.tableView}>{W()}</react_native_1.View>)}
         </react_native_1.View>
-      </react_native_1.View>}),localStyles=react_native_1.StyleSheet.create({container:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",shadowColor:AppColors_1.AppColors.brandPurple,shadowOpacity:.04,shadowRadius:6,shadowOffset:{width:0,height:2},elevation:2,width:"100%"},snippetHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.grayBackground,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.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:AppColors_1.AppColors.white,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:6,paddingVertical:2.5,gap:4.5},langDot:{width:5,height:5,borderRadius:2.5,backgroundColor:AppColors_1.AppColors.emerald500},langBadgeText:{fontFamily:monoFont,fontSize:9.5,color:AppColors_1.AppColors.primaryBlack,fontWeight:"700",letterSpacing:.3},metaBadge:{backgroundColor:AppColors_1.AppColors.white,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:6,paddingVertical:2.5,flexShrink:1},metaBadgeText:{fontFamily:monoFont,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,fontWeight:"600"},headerRight:{flexDirection:"row",alignItems:"center",gap:4.5,flexShrink:0},snippetTabs:{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.slate200}80`,borderRadius:8,padding:2.5,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,gap:2},snippetTabBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingVertical:3.5,paddingHorizontal:8,borderRadius:6},snippetTabBtnActive:{backgroundColor:AppColors_1.AppColors.brandPurple,shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:2,elevation:1},snippetTabText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.grayText},snippetTabTextActive:{color:AppColors_1.AppColors.white,fontFamily:AppFonts_1.AppFonts.interBold},toolToggleBtn:{paddingHorizontal:8,paddingVertical:3.5,borderRadius:6,backgroundColor:AppColors_1.AppColors.white,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"},toolToggleBtnActive:{backgroundColor:AppColors_1.AppColors.purpleShade50,borderColor:`${AppColors_1.AppColors.brandPurple}60`},toolToggleText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.grayText},toolToggleTextActive:{color:AppColors_1.AppColors.brandPurple,fontFamily:AppFonts_1.AppFonts.interBold},copyBtn:{width:27,height:27,borderRadius:6,backgroundColor:AppColors_1.AppColors.white,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"},copyBtnSuccess:{borderColor:AppColors_1.AppColors.greenMintBorder,backgroundColor:AppColors_1.AppColors.greenMintBg},editorBody:{backgroundColor:"#FFFFFF",minHeight:80},prettyContainer:{padding:10,minWidth:"100%",backgroundColor:"#FFFFFF"},fullHeightScrollView:{flex:1},fullHeightScrollContent:{flexGrow:1},rawEditorAutoHeight:{width:"100%"},rawEditorFullWidth:{width:"100%"},rawHorizontalContent:{minWidth:"100%"},rawLinesWrapper:{paddingVertical:6,backgroundColor:"#FFFFFF",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:"#E2E8F0",backgroundColor:"#F8FAFC",userSelect:"none"},gutterNumber:{fontFamily:monoFont,fontSize:11,lineHeight:18,color:"#94A3B8",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:monoFont,fontSize:11.5,lineHeight:18,color:"#CBD5E1",letterSpacing:.5},rawMonospaceText:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.slate900},syntaxKey:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxKey,fontWeight:"700"},syntaxColon:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxColon,marginRight:4},syntaxString:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxString},syntaxNumber:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxNumber},syntaxBoolean:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxBoolean},syntaxNull:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxNull,fontStyle:"italic"},truncationBanner:{margin:10,backgroundColor:AppColors_1.AppColors.purple50,paddingVertical:8,paddingHorizontal:12,borderRadius:6,alignItems:"center",borderWidth:1,borderColor:AppColors_1.AppColors.purple200},truncationText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:AppColors_1.AppColors.brandPurple},tableView:{flex:1,width:"100%"},tableHeaderRow:{flexDirection:"row",backgroundColor:AppColors_1.AppColors.slate100,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.slate200,paddingVertical:7,paddingHorizontal:12},tableHeaderCell:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.slate600,letterSpacing:.5,textTransform:"uppercase"},tableRow:{flexDirection:"row",borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.slate100,paddingVertical:8,paddingHorizontal:12,alignItems:"flex-start",backgroundColor:AppColors_1.AppColors.white},tableRowAlt:{backgroundColor:AppColors_1.AppColors.slate50},tableColKey:{flex:2,paddingRight:8},tableColVal:{flex:3},tableCellKey:{fontFamily:monoFont,fontSize:11.5,fontWeight:"700",color:AppColors_1.AppColors.brandPurple},typePill:{alignSelf:"flex-start",borderRadius:4,borderWidth:1,paddingHorizontal:4,paddingVertical:1,marginTop:3},typePillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9},tableCellValue:{fontFamily:monoFont,fontSize:11.5,color:AppColors_1.AppColors.slate900,lineHeight:17},tableCodeBox:{backgroundColor:AppColors_1.AppColors.slate100,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.slate200,padding:6},showMoreBtn:{flexDirection:"row",alignItems:"center",gap:4,alignSelf:"flex-start",marginTop:4,paddingVertical:2,paddingHorizontal:4},showMoreText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.brandPurple},emptyContainer:{padding:24,alignItems:"center",justifyContent:"center"},emptyText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.slate500},highlight:{backgroundColor:AppColors_1.AppColors.yellow200,color:AppColors_1.AppColors.yellow800,fontFamily:monoFont,fontWeight:"700",borderRadius:2,paddingHorizontal:2}});exports.default=JsonViewer;
+      </react_native_1.View>}),localStyles=react_native_1.StyleSheet.create({container:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",shadowColor:AppColors_1.AppColors.brandPurple,shadowOpacity:.04,shadowRadius:6,shadowOffset:{width:0,height:2},elevation:2,width:"100%"},snippetHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.grayBackground,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.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:AppColors_1.AppColors.white,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:6,paddingVertical:2.5,gap:4.5},langDot:{width:5,height:5,borderRadius:2.5,backgroundColor:AppColors_1.AppColors.emerald500},langBadgeText:{fontFamily:monoFont,fontSize:9.5,color:AppColors_1.AppColors.primaryBlack,fontWeight:"700",letterSpacing:.3},metaBadge:{backgroundColor:AppColors_1.AppColors.white,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:6,paddingVertical:2.5,flexShrink:1},metaBadgeText:{fontFamily:monoFont,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,fontWeight:"600"},headerRight:{flexDirection:"row",alignItems:"center",gap:4.5,flexShrink:0},snippetTabs:{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.slate200}80`,borderRadius:8,padding:2.5,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,gap:2},snippetTabBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingVertical:3.5,paddingHorizontal:8,borderRadius:6},snippetTabBtnActive:{backgroundColor:AppColors_1.AppColors.brandPurple,shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:2,elevation:1},snippetTabText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.grayText},snippetTabTextActive:{color:AppColors_1.AppColors.white,fontFamily:AppFonts_1.AppFonts.interBold},toolToggleBtn:{paddingHorizontal:8,paddingVertical:3.5,borderRadius:6,backgroundColor:AppColors_1.AppColors.white,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"},toolToggleBtnActive:{backgroundColor:AppColors_1.AppColors.purpleShade50,borderColor:`${AppColors_1.AppColors.brandPurple}60`},toolToggleText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.grayText},toolToggleTextActive:{color:AppColors_1.AppColors.brandPurple,fontFamily:AppFonts_1.AppFonts.interBold},copyBtn:{width:27,height:27,borderRadius:6,backgroundColor:AppColors_1.AppColors.white,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"},copyBtnSuccess:{borderColor:AppColors_1.AppColors.greenMintBorder,backgroundColor:AppColors_1.AppColors.greenMintBg},editorBody:{backgroundColor:AppColors_1.AppColors.white,minHeight:80},prettyContainer:{padding:10,minWidth:"100%",backgroundColor:AppColors_1.AppColors.white},fullHeightScrollView:{flex:1},fullHeightScrollContent:{flexGrow:1},rawEditorAutoHeight:{width:"100%"},rawEditorFullWidth:{width:"100%"},rawHorizontalContent:{minWidth:"100%"},rawLinesWrapper:{paddingVertical:6,backgroundColor:AppColors_1.AppColors.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:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:AppColors_1.AppColors.grayBackground,userSelect:"none"},gutterNumber:{fontFamily:monoFont,fontSize:11,lineHeight:18,color:AppColors_1.AppColors.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:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.gray300,letterSpacing:.5},rawMonospaceText:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.slate900},syntaxKey:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxKey,fontWeight:"700"},syntaxColon:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxColon,marginRight:4},syntaxString:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxString},syntaxNumber:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxNumber},syntaxBoolean:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxBoolean},syntaxNull:{fontFamily:monoFont,fontSize:11.5,lineHeight:18,color:AppColors_1.AppColors.syntaxNull,fontStyle:"italic"},truncationBanner:{margin:10,backgroundColor:AppColors_1.AppColors.purple50,paddingVertical:8,paddingHorizontal:12,borderRadius:6,alignItems:"center",borderWidth:1,borderColor:AppColors_1.AppColors.purple200},truncationText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:AppColors_1.AppColors.brandPurple},tableView:{flex:1,width:"100%"},tableHeaderRow:{flexDirection:"row",backgroundColor:AppColors_1.AppColors.slate100,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.slate200,paddingVertical:7,paddingHorizontal:12},tableHeaderCell:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.slate600,letterSpacing:.5,textTransform:"uppercase"},tableRow:{flexDirection:"row",borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.slate100,paddingVertical:8,paddingHorizontal:12,alignItems:"flex-start",backgroundColor:AppColors_1.AppColors.white},tableRowAlt:{backgroundColor:AppColors_1.AppColors.slate50},tableColKey:{flex:2,paddingRight:8},tableColVal:{flex:3},tableCellKey:{fontFamily:monoFont,fontSize:11.5,fontWeight:"700",color:AppColors_1.AppColors.brandPurple},typePill:{alignSelf:"flex-start",borderRadius:4,borderWidth:1,paddingHorizontal:4,paddingVertical:1,marginTop:3},typePillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9},tableCellValue:{fontFamily:monoFont,fontSize:11.5,color:AppColors_1.AppColors.slate900,lineHeight:17},tableCodeBox:{backgroundColor:AppColors_1.AppColors.slate100,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.slate200,padding:6},showMoreBtn:{flexDirection:"row",alignItems:"center",gap:4,alignSelf:"flex-start",marginTop:4,paddingVertical:2,paddingHorizontal:4},showMoreText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.brandPurple},emptyContainer:{padding:24,alignItems:"center",justifyContent:"center"},emptyText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.slate500},highlight:{backgroundColor:AppColors_1.AppColors.yellow200,color:AppColors_1.AppColors.yellow800,fontFamily:monoFont,fontWeight:"700",borderRadius:2,paddingHorizontal:2}});exports.default=JsonViewer;

package/dist/commonjs/components/LogCard.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { LogCardProps } from '../types';
-declare const LogCard: React.NamedExoticComponent<LogCardProps>;
-export default LogCard;
+declare function LogCard({ item, onPress, timelineMinStart, timelineTotalRange, isNew, isSelected, onToggleSelect, searchStr, }: LogCardProps): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof LogCard>;
+export default _default;

package/dist/commonjs/components/LogCard.js

@@ -1,12 +1,12 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,e,n,o){o===void 0&&(o=n);var a=Object.getOwnPropertyDescriptor(e,n);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(r,o,a)}):(function(r,e,n,o){o===void 0&&(o=n),r[o]=e[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,e){Object.defineProperty(r,"default",{enumerable:!0,value:e})}):function(r,e){r.default=e}),__importStar=this&&this.__importStar||(function(){var r=function(e){return r=Object.getOwnPropertyNames||function(n){var o=[];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(o[o.length]=a);return o},r(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var o=r(e),a=0;a<o.length;a++)o[a]!=="default"&&__createBinding(n,e,o[a]);return __setModuleDefault(n,e),n}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),AppColors_1=require("../styles/AppColors"),constants_1=require("../constants"),helpers_1=require("../helpers"),NetworkIcons_1=require("./NetworkIcons"),AppFonts_1=require("../styles/AppFonts"),HighlightText_1=__importDefault(require("./HighlightText")),TouchableScale_1=__importDefault(require("./TouchableScale")),i18n_1=require("../i18n"),LogCard=react_1.default.memo(function({item:e,onPress:n,timelineMinStart:o,timelineTotalRange:a,isNew:u,isSelected:h,onToggleSelect:w,searchStr:b}){const{t:p}=(0,i18n_1.useTranslation)(),C=constants_1.METHOD_COLORS[e.method]??constants_1.METHOD_COLORS.ALL,i=(0,react_1.useMemo)(()=>{try{const t=new URL(e.url),d=t.host,_=t.pathname+(t.search?t.search:""),k=t.protocol==="https:";return{host:d,path:_||"/",isHttps:k}}catch{const t=e.url.toLowerCase().startsWith("https:"),d=(0,helpers_1.getPath)(e.url);return{host:(0,helpers_1.getBaseUrl)(e.url).replace(/^https?:\/\//,""),path:d||e.url,isHttps:t}}},[e.url]),y=t=>{t?.stopPropagation?.(),react_native_1.Alert.alert(p("common.openInBrowser")||"Open in Browser",`${p("common.openInBrowserPrompt")||"Are you sure you want to open this URL in your external browser?"}
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,a,n){n===void 0&&(n=a);var o=Object.getOwnPropertyDescriptor(t,a);(!o||("get"in o?!t.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,n,o)}):(function(e,t,a,n){n===void 0&&(n=a),e[n]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(a){var n=[];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(n[n.length]=o);return n},e(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var n=e(t),o=0;o<n.length;o++)n[o]!=="default"&&__createBinding(a,t,n[o]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),AppColors_1=require("../styles/AppColors"),constants_1=require("../constants"),helpers_1=require("../helpers"),NetworkIcons_1=require("./NetworkIcons"),AppFonts_1=require("../styles/AppFonts"),HighlightText_1=__importDefault(require("./HighlightText")),TouchableScale_1=__importDefault(require("./TouchableScale")),i18n_1=require("../i18n");function LogCard({item:e,onPress:t,timelineMinStart:a,timelineTotalRange:n,isNew:o,isSelected:h,onToggleSelect:_,searchStr:C}){const{t:p}=(0,i18n_1.useTranslation)(),f=constants_1.METHOD_COLORS[e.method]??constants_1.METHOD_COLORS.ALL,l=(0,react_1.useMemo)(()=>{try{const r=new URL(e.url),d=r.host,w=r.pathname+(r.search?r.search:""),V=r.protocol==="https:";return{host:d,path:w||"/",isHttps:V}}catch{const r=e.url.toLowerCase().startsWith("https:"),d=(0,helpers_1.getPath)(e.url);return{host:(0,helpers_1.getBaseUrl)(e.url).replace(/^https?:\/\//,""),path:d||e.url,isHttps:r}}},[e.url]),b=r=>{r?.stopPropagation?.(),react_native_1.Alert.alert(p("common.openInBrowser")||"Open in Browser",`${p("common.openInBrowserPrompt")||"Are you sure you want to open this URL in your external browser?"}
 
-${e.url}`,[{text:p("common.cancel")||"Cancel",style:"cancel"},{text:p("common.open")||"Open",onPress:()=>{react_native_1.Linking.canOpenURL(e.url).then(d=>{d?react_native_1.Linking.openURL(e.url):react_native_1.Linking.openURL(e.url).catch(()=>{})}).catch(()=>{})}}])},l=e.status===0||e.status!=null&&e.status>=400,s=e.status==null,g=(0,helpers_1.getStatusColor)(e.status),c=(0,helpers_1.getDurationColor)(e.duration),x=s?AppColors_1.AppColors.darkOrange:l?AppColors_1.AppColors.errorColor:AppColors_1.AppColors.greenColor,f=(0,react_1.useRef)(new react_native_1.Animated.Value(u?.35:0)).current;(0,react_1.useEffect)(()=>{u&&react_native_1.Animated.timing(f,{toValue:0,duration:1200,useNativeDriver:!1}).start()},[u]);const A=()=>{if(s)return"...";if(e.status===0||e.status==null)return p("network.statusFailed")||"FAILED";const t=typeof e.status=="number"?e.status:parseInt(String(e.status||0),10);return t===200?"200 OK":t===201?"201 Created":t===204?"204 No Content":t===304?"304 Not Modified":t===400?"400 Bad Req":t===401?"401 Unauth":t===403?"403 Forbidden":t===404?"404 Not Found":t===500?"500 Error":String(e.status)},v=()=>{if(s)return<NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.darkOrange}size={10}/>;const t=typeof e.status=="number"?e.status:parseInt(String(e.status||0),10);return t>=200&&t<300?<NetworkIcons_1.CircleCheckIcon color={AppColors_1.AppColors.greenColor}size={10}/>:t>=300&&t<400?<NetworkIcons_1.RepeatIcon color={AppColors_1.AppColors.amber700}size={10}/>:t>=400&&t<500?<NetworkIcons_1.CircleAlertIcon color={AppColors_1.AppColors.darkOrange}size={10}/>:<NetworkIcons_1.CircleXIcon color={AppColors_1.AppColors.errorColor}size={10}/>},T=(0,helpers_1.formatDateTime)(e.startTime),V=e.url.split("?")[0].toLowerCase().endsWith(".json");return<react_native_1.View style={styles.container}>
-      <TouchableScale_1.default onPress={n}style={[styles.card,{borderLeftWidth:3.5,borderLeftColor:x,backgroundColor:l?AppColors_1.AppColors.errorCardBg:AppColors_1.AppColors.white}]}>
+${e.url}`,[{text:p("common.cancel")||"Cancel",style:"cancel"},{text:p("common.open")||"Open",onPress:()=>{react_native_1.Linking.canOpenURL(e.url).then(d=>{d?react_native_1.Linking.openURL(e.url):react_native_1.Linking.openURL(e.url).catch(()=>{})}).catch(()=>{})}}])},i=e.status===0||e.status!=null&&e.status>=400,s=e.status==null,u=(0,helpers_1.getStatusColor)(e.status),c=(0,helpers_1.getDurationColor)(e.duration),y=s?AppColors_1.AppColors.darkOrange:i?AppColors_1.AppColors.errorColor:AppColors_1.AppColors.greenColor,g=(0,react_1.useRef)(new react_native_1.Animated.Value(o?.35:0)).current;(0,react_1.useEffect)(()=>{o&&react_native_1.Animated.timing(g,{toValue:0,duration:1200,useNativeDriver:!0}).start()},[o,g]);const x=()=>{if(s)return"...";if(e.status===0||e.status==null)return p("network.statusFailed")||"FAILED";const r=typeof e.status=="number"?e.status:parseInt(String(e.status||0),10);return r===200?"200 OK":r===201?"201 Created":r===204?"204 No Content":r===304?"304 Not Modified":r===400?"400 Bad Req":r===401?"401 Unauth":r===403?"403 Forbidden":r===404?"404 Not Found":r===500?"500 Error":String(e.status)},A=()=>{if(s)return<NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.darkOrange}size={10}/>;const r=typeof e.status=="number"?e.status:parseInt(String(e.status||0),10);return r>=200&&r<300?<NetworkIcons_1.CircleCheckIcon color={AppColors_1.AppColors.greenColor}size={10}/>:r>=300&&r<400?<NetworkIcons_1.RepeatIcon color={AppColors_1.AppColors.amber700}size={10}/>:r>=400&&r<500?<NetworkIcons_1.CircleAlertIcon color={AppColors_1.AppColors.darkOrange}size={10}/>:<NetworkIcons_1.CircleXIcon color={AppColors_1.AppColors.errorColor}size={10}/>},T=(0,helpers_1.formatDateTime)(e.startTime),v=e.url.split("?")[0].toLowerCase().endsWith(".json");return<react_native_1.View style={styles.container}>
+      <TouchableScale_1.default onPress={t}style={[styles.card,{borderLeftWidth:3.5,borderLeftColor:y,backgroundColor:i?AppColors_1.AppColors.errorCardBg:AppColors_1.AppColors.white}]}>
         <react_native_1.View style={styles.cardBody}>
           
           <react_native_1.View style={styles.cardHeaderRow}>
             <react_native_1.View style={styles.cardHeaderLeft}>
-              <react_native_1.Pressable onPress={()=>w(e.id)}hitSlop={12}style={[styles.smallCheckbox,h&&styles.smallCheckboxChecked]}>
+              <react_native_1.Pressable onPress={()=>_(e.id)}hitSlop={12}style={[styles.smallCheckbox,h&&styles.smallCheckboxChecked]}>
                 {h&&<react_native_svg_1.default width={9}height={9}viewBox="0 0 24 24"fill="none">
                     <react_native_svg_1.Path d="M20 6L9 17l-5-5"stroke={AppColors_1.AppColors.white}strokeWidth="4"strokeLinecap="round"strokeLinejoin="round"/>
                   </react_native_svg_1.default>}
@@ -14,7 +14,7 @@ ${e.url}`,[{text:p("common.cancel")||"Cancel",style:"cancel"},{text:p("common.op
 
               <react_native_1.Text style={styles.serialNumber}>#{e.id+1}</react_native_1.Text>
 
-              <react_native_1.View style={[styles.methodBadge,{backgroundColor:C}]}>
+              <react_native_1.View style={[styles.methodBadge,{backgroundColor:f}]}>
                 <react_native_1.Text style={styles.methodBadgeText}>
                   {e.method}
                 </react_native_1.Text>
@@ -35,13 +35,13 @@ ${e.url}`,[{text:p("common.cancel")||"Cancel",style:"cancel"},{text:p("common.op
             </react_native_1.View>
 
             <react_native_1.View style={styles.cardHeaderRight}>
-              <react_native_1.View style={[styles.statusPill,{backgroundColor:l?`${AppColors_1.AppColors.errorColor}14`:s?`${AppColors_1.AppColors.darkOrange}14`:`${g}14`,borderColor:l?`${AppColors_1.AppColors.errorColor}33`:s?`${AppColors_1.AppColors.darkOrange}33`:`${g}33`}]}>
-                {v()}
-                <react_native_1.Text style={[styles.statusPillText,{color:l?AppColors_1.AppColors.errorColor:s?AppColors_1.AppColors.darkOrange:g}]}>
-                  {A()}
+              <react_native_1.View style={[styles.statusPill,{backgroundColor:i?`${AppColors_1.AppColors.errorColor}14`:s?`${AppColors_1.AppColors.darkOrange}14`:`${u}14`,borderColor:i?`${AppColors_1.AppColors.errorColor}33`:s?`${AppColors_1.AppColors.darkOrange}33`:`${u}33`}]}>
+                {A()}
+                <react_native_1.Text style={[styles.statusPillText,{color:i?AppColors_1.AppColors.errorColor:s?AppColors_1.AppColors.darkOrange:u}]}>
+                  {x()}
                 </react_native_1.Text>
               </react_native_1.View>
-              <react_native_1.Pressable onPress={y}hitSlop={8}style={styles.globeBtn}accessibilityRole="button"accessibilityLabel="Open in Browser">
+              <react_native_1.Pressable onPress={b}hitSlop={8}style={styles.globeBtn}accessibilityRole="button"accessibilityLabel="Open in Browser">
                 <NetworkIcons_1.GlobeIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
               </react_native_1.Pressable>
               <NetworkIcons_1.ForwardChevronIcon color={AppColors_1.AppColors.grayTextWeak}size={13}/>
@@ -50,10 +50,18 @@ ${e.url}`,[{text:p("common.cancel")||"Cancel",style:"cancel"},{text:p("common.op
 
           
           <react_native_1.View style={styles.urlBox}>
+            
             <react_native_1.View style={styles.urlMainRow}>
-              <HighlightText_1.default text={i.path}search={b}style={styles.pathText}highlightStyle={styles.highlight}numberOfLines={1}ellipsizeMode="middle"/>
+              <react_native_1.View style={styles.hostRow}>
+                <react_native_1.View style={[styles.protoBadge,{backgroundColor:l.isHttps?`${AppColors_1.AppColors.emerald600}12`:`${AppColors_1.AppColors.amber600}12`,borderColor:l.isHttps?`${AppColors_1.AppColors.emerald600}2B`:`${AppColors_1.AppColors.amber600}2B`}]}>
+                  <react_native_1.Text style={[styles.protoBadgeText,{color:l.isHttps?AppColors_1.AppColors.emerald600:AppColors_1.AppColors.amber700}]}>
+                    {l.isHttps?"HTTPS":"HTTP"}
+                  </react_native_1.Text>
+                </react_native_1.View>
+                <HighlightText_1.default text={l.host||e.url}search={C}style={styles.hostText}highlightStyle={styles.highlight}numberOfLines={1}ellipsizeMode="tail"/>
+              </react_native_1.View>
               <react_native_1.View style={styles.urlBadgeRow}>
-                {V&&<react_native_1.View style={styles.jsonBadge}>
+                {v&&<react_native_1.View style={styles.jsonBadge}>
                     <react_native_1.Text style={styles.jsonBadgeText}>.json</react_native_1.Text>
                   </react_native_1.View>}
                 {e.duplicateCount!=null&&e.duplicateCount>1&&<react_native_1.View style={styles.dupBadge}>
@@ -62,15 +70,9 @@ ${e.url}`,[{text:p("common.cancel")||"Cancel",style:"cancel"},{text:p("common.op
               </react_native_1.View>
             </react_native_1.View>
 
-            <react_native_1.View style={styles.hostRow}>
-              <react_native_1.View style={[styles.protoBadge,{backgroundColor:i.isHttps?`${AppColors_1.AppColors.emerald600}12`:`${AppColors_1.AppColors.amber600}12`,borderColor:i.isHttps?`${AppColors_1.AppColors.emerald600}2B`:`${AppColors_1.AppColors.amber600}2B`}]}>
-                <react_native_1.Text style={[styles.protoBadgeText,{color:i.isHttps?AppColors_1.AppColors.emerald600:AppColors_1.AppColors.amber700}]}>
-                  {i.isHttps?"HTTPS":"HTTP"}
-                </react_native_1.Text>
-              </react_native_1.View>
-              <react_native_1.Text style={styles.hostText}numberOfLines={1}ellipsizeMode="tail">
-                {i.host||e.url}
-              </react_native_1.Text>
+            
+            <react_native_1.View style={styles.slugRow}>
+              <HighlightText_1.default text={l.path}search={C}style={styles.pathText}highlightStyle={styles.highlight}numberOfLines={1}ellipsizeMode="middle"/>
             </react_native_1.View>
           </react_native_1.View>
 
@@ -91,7 +93,7 @@ ${e.url}`,[{text:p("common.cancel")||"Cancel",style:"cancel"},{text:p("common.op
                   </react_native_1.Text>
                 </react_native_1.View>}
 
-              {e.duration!=null&&!l&&<react_native_1.View style={[styles.metaStatChip,{backgroundColor:`${c}12`,borderColor:`${c}2E`}]}>
+              {e.duration!=null&&!i&&<react_native_1.View style={[styles.metaStatChip,{backgroundColor:`${c}12`,borderColor:`${c}2E`}]}>
                   <NetworkIcons_1.ClockIcon color={c}size={9}/>
                   <react_native_1.Text style={[styles.metaStatText,{color:c}]}>
                     {e.duration}ms
@@ -102,10 +104,10 @@ ${e.url}`,[{text:p("common.cancel")||"Cancel",style:"cancel"},{text:p("common.op
 
           
           <react_native_1.View style={styles.waterfallContainer}>
-            {typeof e.duration=="number"&&e.duration>0&&!l&&<react_native_1.View style={[styles.waterfallBar,{width:`${Math.min(100,Math.max(6,e.duration/1200*100))}%`,backgroundColor:c}]}/>}
+            {typeof e.duration=="number"&&e.duration>0&&!i&&<react_native_1.View style={[styles.waterfallBar,{width:`${Math.min(100,Math.max(6,e.duration/1200*100))}%`,backgroundColor:c}]}/>}
           </react_native_1.View>
         </react_native_1.View>
 
-        {u&&<react_native_1.Animated.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:C,opacity:f}]}/>}
+        {o&&<react_native_1.Animated.View pointerEvents="none"style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:f,opacity:g}]}/>}
       </TouchableScale_1.default>
-    </react_native_1.View>}),styles=react_native_1.StyleSheet.create({container:{paddingHorizontal:8,paddingVertical:4,height:126,justifyContent:"center"},card:{height:118,alignSelf:"stretch",borderRadius:10,overflow:"hidden",borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.shadowColorString},cardBody:{height:"100%",paddingHorizontal:12,paddingTop:9,paddingBottom:7,justifyContent:"space-between"},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:22,minHeight:22,maxHeight:22},cardHeaderLeft:{flexDirection:"row",alignItems:"center",flex:1,marginRight:8,gap:6,minWidth:0,overflow:"hidden"},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:0},smallCheckbox:{width:15,height:15,borderRadius:4,borderWidth:1.5,borderColor:AppColors_1.AppColors.grayTextWeak,alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.white},smallCheckboxChecked:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple},serialNumber:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.grayTextWeak,fontSize:10},methodBadge:{paddingHorizontal:7,paddingVertical:2.5,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,letterSpacing:.5,color:AppColors_1.AppColors.white},chip:{paddingHorizontal:6,paddingVertical:2,borderRadius:4,borderWidth:1},chipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,lineHeight:12},statusPill:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:2.5,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13},globeBtn:{padding:3,borderRadius:4,backgroundColor:`${AppColors_1.AppColors.grayTextWeak}12`,alignItems:"center",justifyContent:"center"},urlBox:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:7,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:9,paddingVertical:5,height:48,minHeight:48,maxHeight:48,justifyContent:"center",gap:3,overflow:"hidden"},urlMainRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:6},pathText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,lineHeight:16,color:AppColors_1.AppColors.primaryBlack,flex:1},urlBadgeRow:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},jsonBadge:{backgroundColor:`${AppColors_1.AppColors.darkOrange}14`,borderColor:`${AppColors_1.AppColors.darkOrange}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},jsonBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.darkOrange},dupBadge:{backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},dupBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.purple},hostRow:{flexDirection:"row",alignItems:"center",gap:5,minHeight:15},protoBadge:{paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5,borderWidth:1},protoBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:10},hostText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.grayTextWeak,flex:1},highlight:{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack,borderRadius:2},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:18,minHeight:18,maxHeight:18,gap:6},footerLeft:{flexDirection:"row",alignItems:"center",gap:6,flex:1,minWidth:0,overflow:"hidden"},footerRight:{flexDirection:"row",alignItems:"center",gap:5,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3.5},cardDateText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.slate400},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.violetSoftBg,borderColor:AppColors_1.AppColors.violetSoftBorder,borderWidth:1,paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4},metaStatText:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.violetSoftText,fontSize:9,lineHeight:12},waterfallContainer:{height:2.5,width:"100%",backgroundColor:AppColors_1.AppColors.graySurface,borderRadius:1.5,overflow:"hidden",marginTop:2},waterfallBar:{height:"100%",borderRadius:1.5}});exports.default=LogCard;
+    </react_native_1.View>}const styles=react_native_1.StyleSheet.create({container:{paddingHorizontal:8,paddingVertical:4,height:126,justifyContent:"center"},card:{height:118,alignSelf:"stretch",borderRadius:10,overflow:"hidden",borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.shadowColorString},cardBody:{height:"100%",paddingHorizontal:8,paddingTop:8,paddingBottom:6,justifyContent:"space-between"},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:22,minHeight:22,maxHeight:22},cardHeaderLeft:{flexDirection:"row",alignItems:"center",flex:1,marginRight:4,gap:4.5,minWidth:0,overflow:"hidden"},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},smallCheckbox:{width:15,height:15,borderRadius:4,borderWidth:1.5,borderColor:AppColors_1.AppColors.grayTextWeak,alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.white},smallCheckboxChecked:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple},serialNumber:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.grayTextWeak,fontSize:10},methodBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,letterSpacing:.5,color:AppColors_1.AppColors.white},chip:{paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,lineHeight:12},statusPill:{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12},globeBtn:{padding:3,borderRadius:4,backgroundColor:`${AppColors_1.AppColors.grayTextWeak}12`,alignItems:"center",justifyContent:"center"},urlBox:{backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:7,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:7,paddingVertical:4.5,height:48,minHeight:48,maxHeight:48,justifyContent:"center",gap:2.5,overflow:"hidden"},urlMainRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:4,minHeight:16},hostRow:{flexDirection:"row",alignItems:"center",gap:5,flex:1,minWidth:0},protoBadge:{paddingHorizontal:4,paddingVertical:1,borderRadius:3.5,borderWidth:1},protoBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:10},hostText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,lineHeight:15,color:AppColors_1.AppColors.primaryBlack,flex:1},urlBadgeRow:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},jsonBadge:{backgroundColor:`${AppColors_1.AppColors.darkOrange}14`,borderColor:`${AppColors_1.AppColors.darkOrange}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},jsonBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.darkOrange},dupBadge:{backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},dupBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.purple},slugRow:{flexDirection:"row",alignItems:"center",minHeight:15},pathText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,lineHeight:14,color:AppColors_1.AppColors.slate600||AppColors_1.AppColors.grayText,flex:1},highlight:{backgroundColor:AppColors_1.AppColors.yellowHighlight,color:AppColors_1.AppColors.primaryBlack,borderRadius:2},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:18,minHeight:18,maxHeight:18,gap:4},footerLeft:{flexDirection:"row",alignItems:"center",gap:4.5,flex:1,minWidth:0,overflow:"hidden"},footerRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3.5},cardDateText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.slate400},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.violetSoftBg,borderColor:AppColors_1.AppColors.violetSoftBorder,borderWidth:1,paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4},metaStatText:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.violetSoftText,fontSize:9,lineHeight:12},waterfallContainer:{height:2.5,width:"100%",backgroundColor:AppColors_1.AppColors.graySurface,borderRadius:1.5,overflow:"hidden",marginTop:2},waterfallBar:{height:"100%",borderRadius:1.5}});function areLogCardPropsEqual(e,t){return e.item===t.item&&e.isSelected===t.isSelected&&e.isNew===t.isNew&&e.searchStr===t.searchStr&&e.timelineMinStart===t.timelineMinStart&&e.timelineTotalRange===t.timelineTotalRange&&e.onPress===t.onPress&&e.onToggleSelect===t.onToggleSelect}exports.default=react_1.default.memo(LogCard,areLogCardPropsEqual);

package/dist/commonjs/components/LogSyntaxHighlighter.js

@@ -1,11 +1,11 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LogSyntaxHighlighter=exports.tokenizeText=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),helpers_1=require("../helpers"),TOKEN_REGEX=/("(?:\\.|[^"\\])*"(?=\s*:))|("(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*')|(\b-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?\b)|(\b(?:true|false)\b)|(\b(?:null|undefined|NaN)\b)|(https?:\/\/[^\s"',]+)|(\[[\w\s_-]+\])|([{}[\],:])|([^"'\d\s{}[\],:]+|[ \t\r\n]+)/g,tokenizeText=r=>{if(!r)return[];const t=[];let e;for(TOKEN_REGEX.lastIndex=0;(e=TOKEN_REGEX.exec(r))!==null;)e[1]?t.push({type:"key",value:e[1]}):e[2]?t.push({type:"string",value:e[2]}):e[3]?t.push({type:"number",value:e[3]}):e[4]?t.push({type:"boolean",value:e[4]}):e[5]?t.push({type:"null",value:e[5]}):e[6]?t.push({type:"url",value:e[6]}):e[7]?t.push({type:"tag",value:e[7]}):e[8]?t.push({type:"bracket",value:e[8]}):e[9]&&t.push({type:"plain",value:e[9]});return t};exports.tokenizeText=tokenizeText;const getTokenColor=r=>{switch(r){case"key":return AppColors_1.AppColors.sky600;case"string":return AppColors_1.AppColors.emerald600;case"number":return AppColors_1.AppColors.amber600;case"boolean":return AppColors_1.AppColors.purple;case"null":return AppColors_1.AppColors.red600;case"url":return AppColors_1.AppColors.sky600;case"tag":return AppColors_1.AppColors.violet600;case"bracket":return AppColors_1.AppColors.slate500;default:return AppColors_1.AppColors.primaryBlack}};exports.LogSyntaxHighlighter=react_1.default.memo(({text:r,search:t,numberOfLines:e,style:u,detectLinks:a=!0})=>{if(!r)return null;const c=react_1.default.useMemo(()=>(0,exports.tokenizeText)(r),[r]),y=(s,i)=>{const h=getTokenColor(s.type),l=s.type==="url",f=s.type==="key",n={color:h,fontFamily:f?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interRegular,textDecorationLine:l?"underline":"none"};if(!t||t.trim().length===0)return<react_native_1.Text key={i}style={n}onPress={l&&a?()=>(0,helpers_1.handleOpenExternalLink)(s.value):void 0}>
+"use strict";var __importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LogSyntaxHighlighter=exports.tokenizeText=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),helpers_1=require("../helpers"),TOKEN_REGEX=/("(?:\\.|[^"\\])*"(?=\s*:))|("(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*')|(\b-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?\b)|(\b(?:true|false)\b)|(\b(?:null|undefined|NaN)\b)|(https?:\/\/[^\s"',]+)|(\[[\w\s_-]+\])|([{}[\],:])|([^"'\d\s{}[\],:]+|[ \t\r\n]+)/g,tokenizeText=r=>{if(!r)return[];const t=[];let e;for(TOKEN_REGEX.lastIndex=0;(e=TOKEN_REGEX.exec(r))!==null;)e[1]?t.push({type:"key",value:e[1]}):e[2]?t.push({type:"string",value:e[2]}):e[3]?t.push({type:"number",value:e[3]}):e[4]?t.push({type:"boolean",value:e[4]}):e[5]?t.push({type:"null",value:e[5]}):e[6]?t.push({type:"url",value:e[6]}):e[7]?t.push({type:"tag",value:e[7]}):e[8]?t.push({type:"bracket",value:e[8]}):e[9]&&t.push({type:"plain",value:e[9]});return t};exports.tokenizeText=tokenizeText;const getTokenColor=r=>{switch(r){case"key":return AppColors_1.AppColors.sky600;case"string":return AppColors_1.AppColors.emerald600;case"number":return AppColors_1.AppColors.amber600;case"boolean":return AppColors_1.AppColors.purple;case"null":return AppColors_1.AppColors.red600;case"url":return AppColors_1.AppColors.sky600;case"tag":return AppColors_1.AppColors.violet600;case"bracket":return AppColors_1.AppColors.slate500;default:return AppColors_1.AppColors.primaryBlack}};exports.LogSyntaxHighlighter=react_1.default.memo(({text:r,search:t,numberOfLines:e,style:u,detectLinks:a=!0})=>{if(!r)return null;const c=react_1.default.useMemo(()=>(0,exports.tokenizeText)(r),[r]),y=(s,p)=>{const h=getTokenColor(s.type),n=s.type==="url",x=s.type==="key",l={color:h,fontFamily:x?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interRegular,textDecorationLine:n?"underline":"none"};if(!t||t.trim().length===0)return<react_native_1.Text key={p}style={l}onPress={n&&a?()=>(0,helpers_1.handleOpenExternalLink)(s.value):void 0}>
             {s.value}
-          </react_native_1.Text>;const x=new RegExp(`(${(0,helpers_1.escapeRegex)(t.trim())})`,"gi"),g=s.value.split(x);return<react_native_1.Text key={i}style={n}>
-          {g.map((o,p)=>o.toLowerCase()===t.trim().toLowerCase()?<react_native_1.Text key={p}style={[n,styles.searchHighlight]}>
+          </react_native_1.Text>;const f=new RegExp(`(${(0,helpers_1.escapeRegex)(t.trim())})`,"gi"),g=s.value.split(f);return<react_native_1.Text key={p}style={l}>
+          {g.map((o,i)=>o.toLowerCase()===t.trim().toLowerCase()?<react_native_1.Text key={i}style={[l,styles.searchHighlight]}>
                 {o}
-              </react_native_1.Text>:<react_native_1.Text key={p}style={n}onPress={l&&a?()=>(0,helpers_1.handleOpenExternalLink)(s.value):void 0}>
+              </react_native_1.Text>:<react_native_1.Text key={i}style={l}onPress={n&&a?()=>(0,helpers_1.handleOpenExternalLink)(s.value):void 0}>
                 {o}
               </react_native_1.Text>)}
         </react_native_1.Text>};return<react_native_1.Text style={[styles.containerText,u]}numberOfLines={e}>
         {c.map(y)}
-      </react_native_1.Text>});const styles=react_native_1.StyleSheet.create({containerText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,lineHeight:18,color:AppColors_1.AppColors.primaryBlack},searchHighlight:{backgroundColor:"#fef08a",color:"#854d0e",fontFamily:AppFonts_1.AppFonts.interBold,borderRadius:2}});exports.default=exports.LogSyntaxHighlighter;
+      </react_native_1.Text>});const styles=react_native_1.StyleSheet.create({containerText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,lineHeight:18,color:AppColors_1.AppColors.primaryBlack},searchHighlight:{backgroundColor:AppColors_1.AppColors.yellow200,color:AppColors_1.AppColors.yellow800,fontFamily:AppFonts_1.AppFonts.interBold,borderRadius:2}});exports.default=exports.LogSyntaxHighlighter;

package/dist/commonjs/components/ModuleErrorBoundary.js

@@ -1,9 +1,9 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(n,e,t,r){r===void 0&&(r=t);var o=Object.getOwnPropertyDescriptor(e,t);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,r,o)}):(function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}):function(n,e){n.default=e}),__importStar=this&&this.__importStar||(function(){var n=function(e){return n=Object.getOwnPropertyNames||function(t){var r=[];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(r[r.length]=o);return r},n(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=n(e),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(t,e,r[o]);return __setModuleDefault(t,e),t}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ModuleErrorBoundary=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppFonts_1=require("../styles/AppFonts"),helpers_1=require("../helpers"),NetworkIcons_1=require("./NetworkIcons"),crashHandler_1=require("../customHooks/crashHandler"),enums_1=require("../types/enums");class ModuleErrorBoundary extends react_1.Component{constructor(){super(...arguments),this.state={hasError:!1,error:null,copied:!1},this.handleRetry=()=>{this.setState({hasError:!1,error:null,copied:!1}),this.props.onRetry&&this.props.onRetry()},this.handleCopy=()=>{if(!this.state.error)return;const e=`[Module Error: ${this.props.moduleName||"Micro-Feature"}]
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,e,t,r){r===void 0&&(r=t);var o=Object.getOwnPropertyDescriptor(e,t);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(i,r,o)}):(function(i,e,t,r){r===void 0&&(r=t),i[r]=e[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}):function(i,e){i.default=e}),__importStar=this&&this.__importStar||(function(){var i=function(e){return i=Object.getOwnPropertyNames||function(t){var r=[];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(r[r.length]=o);return r},i(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=i(e),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(t,e,r[o]);return __setModuleDefault(t,e),t}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ModuleErrorBoundary=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppFonts_1=require("../styles/AppFonts"),AppColors_1=require("../styles/AppColors"),helpers_1=require("../helpers"),NetworkIcons_1=require("./NetworkIcons"),crashHandler_1=require("../customHooks/crashHandler"),enums_1=require("../types/enums");class ModuleErrorBoundary extends react_1.Component{constructor(){super(...arguments),this.state={hasError:!1,error:null,copied:!1},this.handleRetry=()=>{this.setState({hasError:!1,error:null,copied:!1}),this.props.onRetry&&this.props.onRetry()},this.handleCopy=()=>{if(!this.state.error)return;const e=`[Module Error: ${this.props.moduleName||"Micro-Feature"}]
 Message: ${this.state.error.message}
 Stack: ${this.state.error.stack||"N/A"}`;(0,helpers_1.copyToClipboard)(e),this.setState({copied:!0}),setTimeout(()=>{this.setState({copied:!1})},2e3)}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){try{(0,crashHandler_1.handleInterceptedCrash)(e,e?.stack,!1,enums_1.CrashType.Js,t.componentStack||void 0)}catch{}this.props.onError&&this.props.onError(e,t)}render(){if(this.state.hasError&&this.state.error){const{fallback:e,moduleName:t="UI Module",containerStyle:r}=this.props;return typeof e=="function"?e(this.state.error,this.handleRetry):e||<react_native_1.View style={[styles.card,r]}>
           <react_native_1.View style={styles.headerRow}>
             <react_native_1.View style={styles.titleRow}>
-              <NetworkIcons_1.WarningTriangleIcon color="#DC2626"size={16}/>
+              <NetworkIcons_1.WarningTriangleIcon color={AppColors_1.AppColors.red600}size={16}/>
               <react_native_1.Text style={styles.moduleName}numberOfLines={1}>
                 {t}
               </react_native_1.Text>
@@ -19,15 +19,15 @@ Stack: ${this.state.error.stack||"N/A"}`;(0,helpers_1.copyToClipboard)(e),this.s
 
           <react_native_1.View style={styles.actionsRow}>
             <react_native_1.TouchableOpacity style={styles.retryButton}onPress={this.handleRetry}activeOpacity={.7}>
-              <NetworkIcons_1.RefreshCcwIcon color="#FFFFFF"size={12}/>
+              <NetworkIcons_1.RefreshCcwIcon color={AppColors_1.AppColors.white}size={12}/>
               <react_native_1.Text style={styles.retryText}>Retry Module</react_native_1.Text>
             </react_native_1.TouchableOpacity>
 
             <react_native_1.TouchableOpacity style={styles.copyButton}onPress={this.handleCopy}activeOpacity={.7}>
-              <NetworkIcons_1.CopyIcon color="#475569"size={12}/>
+              <NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.slate600}size={12}/>
               <react_native_1.Text style={styles.copyText}>
                 {this.state.copied?"Copied":"Copy Error"}
               </react_native_1.Text>
             </react_native_1.TouchableOpacity>
           </react_native_1.View>
-        </react_native_1.View>}return this.props.children}}exports.ModuleErrorBoundary=ModuleErrorBoundary,exports.default=ModuleErrorBoundary;const styles=react_native_1.StyleSheet.create({card:{backgroundColor:"#FEF2F2",borderColor:"#FECDD3",borderWidth:1.2,borderRadius:16,padding:14,marginVertical:6,gap:10,...react_native_1.Platform.select({ios:{shadowColor:"#DC2626",shadowOffset:{width:0,height:2},shadowOpacity:.06,shadowRadius:6},android:{elevation:2}})},headerRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:6},titleRow:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:1},moduleName:{fontSize:12.5,fontWeight:"800",color:"#991B1B",fontFamily:AppFonts_1.AppFonts.interBold,flexShrink:1},badge:{backgroundColor:"#FEE2E2",paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,borderColor:"#FCA5A5"},badgeText:{fontSize:8.5,fontWeight:"800",color:"#B91C1C",letterSpacing:.4},message:{fontSize:11.5,color:"#7F1D1D",lineHeight:16,fontFamily:AppFonts_1.AppFonts.interRegular},actionsRow:{flexDirection:"row",alignItems:"center",gap:8,marginTop:2},retryButton:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,backgroundColor:"#DC2626",paddingVertical:7,paddingHorizontal:12,borderRadius:9},retryText:{fontSize:11,fontWeight:"700",color:"#FFFFFF",fontFamily:AppFonts_1.AppFonts.interBold},copyButton:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:4,backgroundColor:"#F1F5F9",paddingVertical:7,paddingHorizontal:12,borderRadius:9,borderWidth:1,borderColor:"#E2E8F0"},copyText:{fontSize:11,fontWeight:"600",color:"#475569",fontFamily:AppFonts_1.AppFonts.interMedium}});
+        </react_native_1.View>}return this.props.children}}exports.ModuleErrorBoundary=ModuleErrorBoundary,exports.default=ModuleErrorBoundary;const styles=react_native_1.StyleSheet.create({card:{backgroundColor:AppColors_1.AppColors.red50,borderColor:`${AppColors_1.AppColors.red500}33`,borderWidth:1.2,borderRadius:16,padding:14,marginVertical:6,gap:10,...react_native_1.Platform?.select?react_native_1.Platform.select({ios:{shadowColor:AppColors_1.AppColors.red600,shadowOffset:{width:0,height:2},shadowOpacity:.06,shadowRadius:6},android:{elevation:2}}):{elevation:2}},headerRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:6},titleRow:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:1},moduleName:{fontSize:12.5,fontWeight:"800",color:AppColors_1.AppColors.redErrorText,fontFamily:AppFonts_1.AppFonts.interBold,flexShrink:1},badge:{backgroundColor:AppColors_1.AppColors.red100,paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}4D`},badgeText:{fontSize:8.5,fontWeight:"800",color:AppColors_1.AppColors.rose700,letterSpacing:.4},message:{fontSize:11.5,color:AppColors_1.AppColors.redErrorText,lineHeight:16,fontFamily:AppFonts_1.AppFonts.interRegular},actionsRow:{flexDirection:"row",alignItems:"center",gap:8,marginTop:2},retryButton:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,backgroundColor:AppColors_1.AppColors.red600,paddingVertical:7,paddingHorizontal:12,borderRadius:9},retryText:{fontSize:11,fontWeight:"700",color:AppColors_1.AppColors.white,fontFamily:AppFonts_1.AppFonts.interBold},copyButton:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:4,backgroundColor:AppColors_1.AppColors.graySurface,paddingVertical:7,paddingHorizontal:12,borderRadius:9,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},copyText:{fontSize:11,fontWeight:"600",color:AppColors_1.AppColors.grayText,fontFamily:AppFonts_1.AppFonts.interMedium}});

package/dist/commonjs/components/NetworkIcons.d.ts

@@ -47,6 +47,7 @@ export declare const DebugIcon: ({ color, size }: IconProps) => React.JSX.Elemen
 export declare const SunIcon: ({ color, size }: IconProps) => React.JSX.Element;
 export declare const MoonIcon: ({ color, size }: IconProps) => React.JSX.Element;
 export { BrandCircleIcon } from './BrandCircleIcon';
+export { BrandSquareIcon } from './BrandSquareIcon';
 export declare const HtmlIcon: ({ color, size }: IconProps) => React.JSX.Element;
 export declare const CssIcon: ({ color, size }: IconProps) => React.JSX.Element;
 export declare const JsIcon: ({ color, size }: IconProps) => React.JSX.Element;
@@ -144,6 +145,9 @@ export declare const HelpCircleIcon: ({ color, size, }: IconProps) => React.JSX.
 export declare const SendIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const LifeBuoyIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const CameraIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const ScreenshotCaptureIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const CameraLensIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const ScreenRecordIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const VideoCameraIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const MicrophoneIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const GifIcon: ({ color, size, }: IconProps) => React.JSX.Element;
@@ -168,3 +172,41 @@ export declare const HeartFaceIcon: ({ color, size, }: IconProps) => React.JSX.E
 export declare const BellIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const NotificationIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const CloudPushIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const SocketIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const WebsocketIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const SendFrameIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const ReceiveFrameIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const PingIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const BroadcastIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const VolumeIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const BuildingIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const ArrowUpIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const ArrowDownIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const SupportIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const HeartIcon: ({ color, size, fill, }: IconProps & {
+    fill?: string;
+}) => React.JSX.Element;
+export declare const CropIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const RotateIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const RedactIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const AnnotateIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const ScissorsIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const VolumeXIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const MailIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const ActivityIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const SpeedIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const BatteryChargingIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const BatteryFullIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const PenIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const ShapesIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const RectangleIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const CircleIconOutline: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const EllipseIconOutline: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const TypeIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const BlurIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const ZoomInIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const ZoomOutIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const UndoIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const ResizeIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const AspectRatioIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const GripVerticalIcon: ({ color, size }: IconProps) => React.JSX.Element;