rn-backstage 1.0.0

package/lib/module/components/JsonTreeView.js

@@ -0,0 +1,241 @@
+"use strict";
+
+import React, { useCallback, useState } from 'react';
+import { LayoutAnimation, Platform, StyleSheet, Text, TouchableOpacity, UIManager, View } from 'react-native';
+import { DarkTheme, MonospaceFont } from '../constants';
+
+// Enable LayoutAnimation on Android
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental) {
+  UIManager.setLayoutAnimationEnabledExperimental(true);
+}
+
+// ─── Types ───────────────────────────────────────────────────────────────────
+
+// ─── Color Mapping ───────────────────────────────────────────────────────────
+
+function getValueColor(value) {
+  if (value === null || value === undefined) return DarkTheme.textMuted;
+  if (typeof value === 'string') return '#98C379'; // green
+  if (typeof value === 'number') return '#61AFEF'; // cyan
+  if (typeof value === 'boolean') return '#C678DD'; // purple
+  return DarkTheme.text;
+}
+function getPreview(value) {
+  if (Array.isArray(value)) {
+    return `[ ${value.length} item${value.length !== 1 ? 's' : ''} ]`;
+  }
+  if (typeof value === 'object' && value !== null) {
+    const keys = Object.keys(value);
+    return `{ ${keys.length} key${keys.length !== 1 ? 's' : ''} }`;
+  }
+  return '';
+}
+function formatValue(value) {
+  if (value === null) return 'null';
+  if (value === undefined) return 'undefined';
+  if (typeof value === 'string') return `"${value}"`;
+  if (typeof value === 'boolean') return value ? 'true' : 'false';
+  if (typeof value === 'number') return String(value);
+  if (typeof value === 'function') return `[Function: ${value.name || 'anonymous'}]`;
+  if (typeof value === 'symbol') return value.toString();
+  return String(value);
+}
+function isExpandable(value) {
+  return typeof value === 'object' && value !== null || Array.isArray(value);
+}
+
+// ─── JsonNode Component ──────────────────────────────────────────────────────
+
+const JsonNode = ({
+  keyName,
+  value,
+  depth,
+  maxDepth,
+  isLast,
+  hideKey = false
+}) => {
+  const [expanded, setExpanded] = useState(depth < 1);
+  const expandable = isExpandable(value);
+  const reachedMaxDepth = depth >= maxDepth;
+  const toggleExpand = useCallback(() => {
+    LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
+    setExpanded(prev => !prev);
+  }, []);
+  const indent = depth * 16;
+
+  // Primitive value
+  if (!expandable || reachedMaxDepth) {
+    const displayValue = reachedMaxDepth && expandable ? getPreview(value) : formatValue(value);
+    return /*#__PURE__*/_jsxs(View, {
+      style: [styles.row, {
+        paddingLeft: indent
+      }],
+      children: [!hideKey && keyName !== null && /*#__PURE__*/_jsx(Text, {
+        style: styles.key,
+        children: `${keyName}: `
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.value, {
+          color: reachedMaxDepth ? DarkTheme.textMuted : getValueColor(value)
+        }],
+        numberOfLines: 3,
+        children: displayValue
+      }), !isLast && /*#__PURE__*/_jsx(Text, {
+        style: styles.comma,
+        children: ","
+      })]
+    });
+  }
+
+  // Expandable object/array
+  const entries = Array.isArray(value) ? value.map((v, i) => [String(i), v]) : Object.entries(value);
+  const bracketOpen = Array.isArray(value) ? '[' : '{';
+  const bracketClose = Array.isArray(value) ? ']' : '}';
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+      onPress: toggleExpand,
+      activeOpacity: 0.7,
+      style: [styles.row, {
+        paddingLeft: indent
+      }],
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.chevron,
+        children: expanded ? '▼' : '▶'
+      }), !hideKey && keyName !== null && /*#__PURE__*/_jsx(Text, {
+        style: styles.key,
+        children: `${keyName}: `
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.bracket,
+        children: bracketOpen
+      }), !expanded && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.preview,
+          children: ` ${getPreview(value)} `
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.bracket,
+          children: bracketClose
+        }), !isLast && /*#__PURE__*/_jsx(Text, {
+          style: styles.comma,
+          children: ","
+        })]
+      })]
+    }), expanded && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [entries.map(([k, v], i) => /*#__PURE__*/_jsx(JsonNode, {
+        keyName: Array.isArray(value) ? String(i) : k,
+        value: v,
+        depth: depth + 1,
+        maxDepth: maxDepth,
+        isLast: i === entries.length - 1
+      }, `${k}_${i}`)), /*#__PURE__*/_jsxs(View, {
+        style: [styles.row, {
+          paddingLeft: indent
+        }],
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.bracket,
+          children: bracketClose
+        }), !isLast && /*#__PURE__*/_jsx(Text, {
+          style: styles.comma,
+          children: ","
+        })]
+      })]
+    })]
+  });
+};
+
+// ─── Main Component ──────────────────────────────────────────────────────────
+
+export const JsonTreeView = ({
+  data,
+  hideRoot = false,
+  maxDepth = 10
+}) => {
+  if (data === null || data === undefined) {
+    return /*#__PURE__*/_jsx(Text, {
+      style: [styles.value, {
+        color: DarkTheme.textMuted
+      }],
+      children: String(data)
+    });
+  }
+  if (!isExpandable(data)) {
+    return /*#__PURE__*/_jsx(Text, {
+      style: [styles.value, {
+        color: getValueColor(data)
+      }],
+      children: formatValue(data)
+    });
+  }
+  if (hideRoot) {
+    const entries = Array.isArray(data) ? data.map((v, i) => [String(i), v]) : Object.entries(data);
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.container,
+      children: entries.map(([k, v], i) => /*#__PURE__*/_jsx(JsonNode, {
+        keyName: k,
+        value: v,
+        depth: 0,
+        maxDepth: maxDepth,
+        isLast: i === entries.length - 1
+      }, `${k}_${i}`))
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsx(JsonNode, {
+      keyName: null,
+      value: data,
+      depth: 0,
+      maxDepth: maxDepth,
+      isLast: true,
+      hideKey: true
+    })
+  });
+};
+
+// ─── Styles ──────────────────────────────────────────────────────────────────
+
+const styles = StyleSheet.create({
+  container: {
+    paddingVertical: 4
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    paddingVertical: 2,
+    flexWrap: 'wrap'
+  },
+  chevron: {
+    fontFamily: MonospaceFont,
+    fontSize: 10,
+    color: DarkTheme.textMuted,
+    marginRight: 6,
+    marginTop: 2,
+    width: 12
+  },
+  key: {
+    fontFamily: MonospaceFont,
+    fontSize: 13,
+    color: '#E06C75' // red-ish for keys
+  },
+  value: {
+    fontFamily: MonospaceFont,
+    fontSize: 13,
+    flexShrink: 1
+  },
+  bracket: {
+    fontFamily: MonospaceFont,
+    fontSize: 13,
+    color: DarkTheme.textSecondary
+  },
+  preview: {
+    fontFamily: MonospaceFont,
+    fontSize: 13,
+    color: DarkTheme.textMuted,
+    fontStyle: 'italic'
+  },
+  comma: {
+    fontFamily: MonospaceFont,
+    fontSize: 13,
+    color: DarkTheme.textMuted
+  }
+});
+//# sourceMappingURL=JsonTreeView.js.map

package/lib/module/components/JsonTreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","LayoutAnimation","Platform","StyleSheet","Text","TouchableOpacity","UIManager","View","DarkTheme","MonospaceFont","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","OS","setLayoutAnimationEnabledExperimental","getValueColor","value","undefined","textMuted","text","getPreview","Array","isArray","length","keys","Object","formatValue","String","name","toString","isExpandable","JsonNode","keyName","depth","maxDepth","isLast","hideKey","expanded","setExpanded","expandable","reachedMaxDepth","toggleExpand","configureNext","Presets","easeInEaseOut","prev","indent","displayValue","style","styles","row","paddingLeft","children","key","color","numberOfLines","comma","entries","map","v","i","bracketOpen","bracketClose","onPress","activeOpacity","chevron","bracket","preview","k","JsonTreeView","data","hideRoot","container","create","paddingVertical","flexDirection","alignItems","flexWrap","fontFamily","fontSize","marginRight","marginTop","width","flexShrink","textSecondary","fontStyle"],"sourceRoot":"../../../src","sources":["components/JsonTreeView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/LogItem.js

@@ -0,0 +1,186 @@
+"use strict";
+
+import React, { useCallback, useState } from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { DarkTheme, MonospaceFont } from '../constants';
+import { LogLevel } from '../types';
+import { formatTimestamp } from '../utils/formatTimestamp';
+import { JsonTreeView } from './JsonTreeView';
+
+// ─── Types ───────────────────────────────────────────────────────────────────
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ─── Badge Colors ────────────────────────────────────────────────────────────
+
+function getBadgeConfig(level) {
+  switch (level) {
+    case LogLevel.error:
+      return {
+        label: 'ERROR',
+        color: DarkTheme.error,
+        bgColor: DarkTheme.errorDim,
+        rowBg: 'rgba(255, 77, 106, 0.06)'
+      };
+    case LogLevel.warn:
+      return {
+        label: 'WARN',
+        color: DarkTheme.warning,
+        bgColor: DarkTheme.warningDim,
+        rowBg: 'rgba(255, 178, 36, 0.06)'
+      };
+    case LogLevel.info:
+      return {
+        label: 'INFO',
+        color: DarkTheme.info,
+        bgColor: DarkTheme.infoDim,
+        rowBg: 'transparent'
+      };
+    case LogLevel.debug:
+      return {
+        label: 'DEBUG',
+        color: DarkTheme.debugColor,
+        bgColor: DarkTheme.debugDim,
+        rowBg: 'transparent'
+      };
+    default:
+      return {
+        label: 'LOG',
+        color: DarkTheme.textSecondary,
+        bgColor: 'rgba(160, 160, 176, 0.1)',
+        rowBg: 'transparent'
+      };
+  }
+}
+
+// ─── Component ───────────────────────────────────────────────────────────────
+
+export const LogItem = /*#__PURE__*/React.memo(({
+  item,
+  onCopy,
+  styles: propStyles
+}) => {
+  const [expanded, setExpanded] = useState(false);
+  const badge = getBadgeConfig(item.level);
+  const hasData = item.data !== undefined;
+  const toggleExpand = useCallback(() => {
+    setExpanded(prev => !prev);
+  }, []);
+  const handleCopy = useCallback(() => {
+    if (onCopy) {
+      const text = `[${badge.label}] ${formatTimestamp(item.timestamp)} ${item.message}`;
+      onCopy(text);
+    }
+  }, [item, badge.label, onCopy]);
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    style: [styles.container, {
+      backgroundColor: badge.rowBg
+    }],
+    onPress: hasData ? toggleExpand : undefined,
+    onLongPress: handleCopy,
+    activeOpacity: hasData ? 0.7 : 1,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.headerRow,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.badge, {
+          backgroundColor: badge.bgColor
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.badgeText, {
+            color: badge.color
+          }],
+          children: badge.label
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.timestamp, propStyles?.logTimestampStyle],
+        children: formatTimestamp(item.timestamp)
+      }), onCopy && /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.copyButton,
+        onPress: handleCopy,
+        hitSlop: {
+          top: 8,
+          bottom: 8,
+          left: 8,
+          right: 8
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.copyButtonText,
+          children: "\u29C9"
+        })
+      })]
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.message, propStyles?.logMessageStyle],
+      numberOfLines: expanded ? undefined : 3,
+      children: item.message
+    }), expanded && hasData && /*#__PURE__*/_jsx(View, {
+      style: styles.dataContainer,
+      children: /*#__PURE__*/_jsx(JsonTreeView, {
+        data: item.data,
+        hideRoot: true,
+        maxDepth: 5
+      })
+    }), hasData && !expanded && /*#__PURE__*/_jsx(Text, {
+      style: styles.expandHint,
+      children: "tap to expand \u25BE"
+    })]
+  });
+});
+
+// ─── Styles ──────────────────────────────────────────────────────────────────
+
+const styles = StyleSheet.create({
+  container: {
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    borderBottomWidth: 1,
+    borderBottomColor: DarkTheme.border
+  },
+  headerRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 4
+  },
+  badge: {
+    borderRadius: 4,
+    paddingHorizontal: 6,
+    paddingVertical: 2,
+    marginRight: 8
+  },
+  badgeText: {
+    fontFamily: MonospaceFont,
+    fontSize: 10,
+    fontWeight: '800',
+    letterSpacing: 0.5
+  },
+  timestamp: {
+    fontFamily: MonospaceFont,
+    fontSize: 11,
+    color: DarkTheme.textMuted,
+    flex: 1
+  },
+  copyButton: {
+    padding: 4
+  },
+  copyButtonText: {
+    fontSize: 16,
+    color: DarkTheme.textMuted
+  },
+  message: {
+    fontFamily: MonospaceFont,
+    fontSize: 12,
+    color: DarkTheme.text,
+    lineHeight: 18
+  },
+  dataContainer: {
+    marginTop: 8,
+    paddingTop: 8,
+    borderTopWidth: 1,
+    borderTopColor: DarkTheme.border
+  },
+  expandHint: {
+    fontFamily: MonospaceFont,
+    fontSize: 10,
+    color: DarkTheme.textMuted,
+    marginTop: 4,
+    fontStyle: 'italic'
+  }
+});
+//# sourceMappingURL=LogItem.js.map

package/lib/module/components/LogItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","StyleSheet","Text","TouchableOpacity","View","DarkTheme","MonospaceFont","LogLevel","formatTimestamp","JsonTreeView","jsx","_jsx","jsxs","_jsxs","getBadgeConfig","level","error","label","color","bgColor","errorDim","rowBg","warn","warning","warningDim","info","infoDim","debug","debugColor","debugDim","textSecondary","LogItem","memo","item","onCopy","styles","propStyles","expanded","setExpanded","badge","hasData","data","undefined","toggleExpand","prev","handleCopy","text","timestamp","message","style","container","backgroundColor","onPress","onLongPress","activeOpacity","children","headerRow","badgeText","logTimestampStyle","copyButton","hitSlop","top","bottom","left","right","copyButtonText","logMessageStyle","numberOfLines","dataContainer","hideRoot","maxDepth","expandHint","create","paddingHorizontal","paddingVertical","borderBottomWidth","borderBottomColor","border","flexDirection","alignItems","marginBottom","borderRadius","marginRight","fontFamily","fontSize","fontWeight","letterSpacing","textMuted","flex","padding","lineHeight","marginTop","paddingTop","borderTopWidth","borderTopColor","fontStyle"],"sourceRoot":"../../../src","sources":["components/LogItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/LogsTab.js

@@ -0,0 +1,230 @@
+"use strict";
+
+import React, { useCallback, useMemo, useState } from 'react';
+import { FlatList, StyleSheet, Text, TextInput, TouchableOpacity, View } from 'react-native';
+import { DarkTheme, MonospaceFont, TestIDs } from '../constants';
+import { LogItem } from './LogItem';
+import { formatTimestamp } from '../utils/formatTimestamp';
+
+// ─── Types ───────────────────────────────────────────────────────────────────
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ─── Component ───────────────────────────────────────────────────────────────
+
+export const LogsTab = ({
+  logs,
+  onRefresh,
+  onCopyLogs,
+  styles: propStyles
+}) => {
+  const [searchText, setSearchText] = useState('');
+
+  // Filter logs based on search text
+  const filteredLogs = useMemo(() => {
+    if (!searchText.trim()) return logs;
+    const query = searchText.toLowerCase();
+    return logs.filter(log => {
+      return log.message.toLowerCase().includes(query) || log.level.toLowerCase().includes(query);
+    });
+  }, [logs, searchText]);
+
+  // Copy all visible logs to text
+  const handleCopyAll = useCallback(() => {
+    if (!onCopyLogs) return;
+    const text = filteredLogs.map(log => `[${log.level.toUpperCase()}] ${formatTimestamp(log.timestamp)} ${log.message}`).join('\n');
+    onCopyLogs(text);
+  }, [filteredLogs, onCopyLogs]);
+
+  // Copy individual log
+  const handleCopyItem = useCallback(text => {
+    if (onCopyLogs) {
+      onCopyLogs(text);
+    }
+  }, [onCopyLogs]);
+
+  // Render log item
+  const renderItem = useCallback(({
+    item
+  }) => /*#__PURE__*/_jsx(LogItem, {
+    item: item,
+    onCopy: onCopyLogs ? handleCopyItem : undefined,
+    styles: propStyles
+  }), [handleCopyItem, onCopyLogs, propStyles]);
+  const keyExtractor = useCallback(item => item.id, []);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.searchContainer,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.searchInputWrapper,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.searchIcon,
+          children: "\u2315"
+        }), /*#__PURE__*/_jsx(TextInput, {
+          testID: TestIDs.logsTab.searchInput,
+          style: styles.searchInput,
+          placeholder: "Filter logs...",
+          placeholderTextColor: DarkTheme.textMuted,
+          value: searchText,
+          onChangeText: setSearchText,
+          autoCapitalize: "none",
+          autoCorrect: false,
+          clearButtonMode: "while-editing",
+          returnKeyType: "search"
+        })]
+      }), onCopyLogs && /*#__PURE__*/_jsx(TouchableOpacity, {
+        testID: TestIDs.logsTab.copyButton,
+        style: styles.copyAllButton,
+        onPress: handleCopyAll,
+        activeOpacity: 0.7,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.copyAllText,
+          children: "Copy All"
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.countBar,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.countText,
+        children: filteredLogs.length === logs.length ? `${logs.length} log${logs.length !== 1 ? 's' : ''}` : `${filteredLogs.length} of ${logs.length} logs`
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.pullHint,
+        children: "\u2193 pull to refresh"
+      })]
+    }), /*#__PURE__*/_jsx(FlatList, {
+      testID: TestIDs.logsTab.list,
+      data: filteredLogs,
+      renderItem: renderItem,
+      keyExtractor: keyExtractor,
+      refreshing: false,
+      onRefresh: onRefresh,
+      style: styles.list,
+      contentContainerStyle: filteredLogs.length === 0 ? styles.emptyContainer : undefined,
+      ListEmptyComponent: /*#__PURE__*/_jsxs(View, {
+        style: styles.emptyState,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.emptyIcon,
+          children: "\uD83D\uDCCB"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.emptyTitle,
+          children: "No logs yet"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.emptySubtitle,
+          children: "Console output will appear here"
+        })]
+      })
+      // Perf optimizations
+      ,
+      maxToRenderPerBatch: 20,
+      windowSize: 10,
+      initialNumToRender: 20,
+      removeClippedSubviews: true,
+      getItemLayout: undefined
+    })]
+  });
+};
+
+// ─── Styles ──────────────────────────────────────────────────────────────────
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  searchContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    gap: 10,
+    borderBottomWidth: 1,
+    borderBottomColor: DarkTheme.border
+  },
+  searchInputWrapper: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: DarkTheme.surfaceElevated,
+    borderRadius: 10,
+    borderWidth: 1,
+    borderColor: DarkTheme.border,
+    paddingHorizontal: 12,
+    height: 38
+  },
+  searchIcon: {
+    fontSize: 16,
+    color: DarkTheme.textMuted,
+    marginRight: 8
+  },
+  searchInput: {
+    flex: 1,
+    fontFamily: MonospaceFont,
+    fontSize: 13,
+    color: DarkTheme.text,
+    padding: 0
+  },
+  copyAllButton: {
+    backgroundColor: DarkTheme.accentDim,
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: DarkTheme.accent,
+    paddingHorizontal: 14,
+    height: 38,
+    justifyContent: 'center'
+  },
+  copyAllText: {
+    fontFamily: MonospaceFont,
+    fontSize: 12,
+    fontWeight: '700',
+    color: DarkTheme.accent,
+    letterSpacing: 0.5
+  },
+  countBar: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 6,
+    backgroundColor: DarkTheme.surface
+  },
+  countText: {
+    fontFamily: MonospaceFont,
+    fontSize: 11,
+    color: DarkTheme.textMuted
+  },
+  pullHint: {
+    fontFamily: MonospaceFont,
+    fontSize: 10,
+    color: DarkTheme.textMuted,
+    fontStyle: 'italic'
+  },
+  list: {
+    flex: 1
+  },
+  emptyContainer: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  emptyState: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 40
+  },
+  emptyIcon: {
+    fontSize: 48,
+    marginBottom: 16,
+    opacity: 0.5
+  },
+  emptyTitle: {
+    fontFamily: MonospaceFont,
+    fontSize: 16,
+    fontWeight: '700',
+    color: DarkTheme.textSecondary,
+    marginBottom: 8
+  },
+  emptySubtitle: {
+    fontFamily: MonospaceFont,
+    fontSize: 13,
+    color: DarkTheme.textMuted,
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=LogsTab.js.map