rn-backstage 1.1.0 → 1.2.1

package/lib/commonjs/components/FlagsTab.js

@@ -0,0 +1,256 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FlagsTab = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _constants = require("../constants");
+var _ThemeContext = require("../ThemeContext");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// ─── Types ───────────────────────────────────────────────────────────────────
+
+// ─── Component ───────────────────────────────────────────────────────────────
+
+const FlagsTab = ({
+  flags,
+  onToggle
+}) => {
+  const theme = (0, _ThemeContext.useBackstageTheme)();
+  const s = (0, _react.useMemo)(() => createStyles(theme), [theme]);
+  const [searchText, setSearchText] = (0, _react.useState)('');
+  const filteredFlags = (0, _react.useMemo)(() => {
+    if (!searchText.trim()) return flags;
+    const query = searchText.toLowerCase();
+    return flags.filter(f => f.label.toLowerCase().includes(query) || f.key.toLowerCase().includes(query) || f.description && f.description.toLowerCase().includes(query));
+  }, [flags, searchText]);
+  const enabledCount = flags.filter(f => f.value).length;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: s.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: s.searchContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: s.searchInputWrapper,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: s.searchIcon,
+          children: "\u2315"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+          style: s.searchInput,
+          placeholder: "Filter flags...",
+          placeholderTextColor: theme.textMuted,
+          value: searchText,
+          onChangeText: setSearchText,
+          autoCapitalize: "none",
+          autoCorrect: false,
+          clearButtonMode: "while-editing",
+          returnKeyType: "search"
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: s.statsBar,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: s.statText,
+        children: filteredFlags.length === flags.length ? `${flags.length} flag${flags.length !== 1 ? 's' : ''}` : `${filteredFlags.length} of ${flags.length}`
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: s.statText,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          style: s.statEnabled,
+          children: [enabledCount, " on"]
+        }), ' · ', /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          style: s.statDisabled,
+          children: [flags.length - enabledCount, " off"]
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      style: s.list,
+      contentContainerStyle: filteredFlags.length === 0 ? s.emptyContainer : s.listContent,
+      showsVerticalScrollIndicator: false,
+      children: filteredFlags.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: s.emptyState,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: s.emptyIcon,
+          children: "\uD83C\uDF9A"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: s.emptyTitle,
+          children: "No flags match"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: s.emptySubtitle,
+          children: "Try adjusting your search"
+        })]
+      }) : filteredFlags.map((flag, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: s.flagRow,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: s.flagInfo,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: s.flagHeader,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: s.flagLabel,
+                children: flag.label
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: [s.flagKey, flag.value && s.flagKeyActive],
+                children: flag.key
+              })]
+            }), flag.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: s.flagDescription,
+              children: flag.description
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Switch, {
+            testID: `backstage.flag.${flag.key}`,
+            value: flag.value,
+            onValueChange: newValue => onToggle?.(flag.key, newValue),
+            trackColor: {
+              false: theme.border,
+              true: theme.accent
+            },
+            thumbColor: flag.value ? '#FFFFFF' : theme.textMuted,
+            ios_backgroundColor: theme.border
+          })]
+        }), index < filteredFlags.length - 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: s.divider
+        })]
+      }, flag.key))
+    })]
+  });
+};
+
+// ─── Styles ──────────────────────────────────────────────────────────────────
+exports.FlagsTab = FlagsTab;
+const createStyles = t => _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  searchContainer: {
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    borderBottomWidth: 1,
+    borderBottomColor: t.border
+  },
+  searchInputWrapper: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: t.surfaceElevated,
+    borderRadius: 10,
+    borderWidth: 1,
+    borderColor: t.border,
+    paddingHorizontal: 12,
+    height: 38
+  },
+  searchIcon: {
+    fontSize: 16,
+    color: t.textMuted,
+    marginRight: 8
+  },
+  searchInput: {
+    flex: 1,
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 13,
+    color: t.text,
+    padding: 0
+  },
+  statsBar: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 6,
+    backgroundColor: t.surface
+  },
+  statText: {
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 11,
+    color: t.textMuted
+  },
+  statEnabled: {
+    color: t.success,
+    fontWeight: '700'
+  },
+  statDisabled: {
+    color: t.textMuted
+  },
+  list: {
+    flex: 1
+  },
+  listContent: {
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  },
+  emptyContainer: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  emptyState: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 40
+  },
+  emptyIcon: {
+    fontSize: 48,
+    marginBottom: 16,
+    opacity: 0.5
+  },
+  emptyTitle: {
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 16,
+    fontWeight: '700',
+    color: t.textSecondary,
+    marginBottom: 8
+  },
+  emptySubtitle: {
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 13,
+    color: t.textMuted,
+    textAlign: 'center'
+  },
+  flagRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingVertical: 14,
+    paddingHorizontal: 4
+  },
+  flagInfo: {
+    flex: 1,
+    marginRight: 16
+  },
+  flagHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  flagLabel: {
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 14,
+    color: t.text,
+    fontWeight: '600'
+  },
+  flagKey: {
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 10,
+    color: t.textMuted,
+    backgroundColor: t.surfaceElevated,
+    borderRadius: 4,
+    paddingHorizontal: 6,
+    paddingVertical: 1,
+    overflow: 'hidden'
+  },
+  flagKeyActive: {
+    color: t.accent,
+    backgroundColor: t.accentDim
+  },
+  flagDescription: {
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 12,
+    color: t.textMuted,
+    marginTop: 4,
+    lineHeight: 18
+  },
+  divider: {
+    height: 1,
+    backgroundColor: t.border,
+    marginHorizontal: 4
+  }
+});
+//# sourceMappingURL=FlagsTab.js.map

package/lib/commonjs/components/FlagsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_constants","_ThemeContext","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FlagsTab","flags","onToggle","theme","useBackstageTheme","s","useMemo","createStyles","searchText","setSearchText","useState","filteredFlags","trim","query","toLowerCase","filter","label","includes","key","description","enabledCount","value","length","jsxs","View","style","container","children","jsx","searchContainer","searchInputWrapper","Text","searchIcon","TextInput","searchInput","placeholder","placeholderTextColor","textMuted","onChangeText","autoCapitalize","autoCorrect","clearButtonMode","returnKeyType","statsBar","statText","statEnabled","statDisabled","ScrollView","list","contentContainerStyle","emptyContainer","listContent","showsVerticalScrollIndicator","emptyState","emptyIcon","emptyTitle","emptySubtitle","map","flag","index","flagRow","flagInfo","flagHeader","flagLabel","flagKey","flagKeyActive","flagDescription","Switch","testID","onValueChange","newValue","trackColor","false","border","true","accent","thumbColor","ios_backgroundColor","divider","exports","StyleSheet","create","flex","paddingHorizontal","paddingVertical","borderBottomWidth","borderBottomColor","flexDirection","alignItems","backgroundColor","surfaceElevated","borderRadius","borderWidth","borderColor","height","fontSize","color","marginRight","fontFamily","MonospaceFont","text","padding","justifyContent","surface","success","fontWeight","marginBottom","opacity","textSecondary","textAlign","gap","overflow","accentDim","marginTop","lineHeight","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/FlagsTab.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FloatingPill.js

@@ -7,6 +7,7 @@ exports.FloatingPill = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _constants = require("../constants");
+var _ThemeContext = require("../ThemeContext");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // ─── Types ───────────────────────────────────────────────────────────────────
@@ -99,8 +100,9 @@ const FloatingPill = ({
       }
     }
   })).current;
-  const backgroundColor = hasError ? _constants.DarkTheme.error : _constants.DarkTheme.accent;
-  const shadowColor = hasError ? _constants.DarkTheme.error : _constants.DarkTheme.accent;
+  const theme = (0, _ThemeContext.useBackstageTheme)();
+  const backgroundColor = hasError ? theme.error : theme.accent;
+  const shadowColor = hasError ? theme.error : theme.accent;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
     ...panResponder.panHandlers,
     style: [styles.pill, {

package/lib/commonjs/components/FloatingPill.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PILL_WIDTH","Metrics","pillWidth","PILL_HEIGHT","pillHeight","DRAG_THRESHOLD","clampPosition","x","y","width","height","Dimensions","Math","max","min","FloatingPill","text","hasError","onPress","initialX","initialY","styles","propStyles","screenW","screenH","defaultX","defaultY","pan","useRef","Animated","ValueXY","current","lastPosition","isDragging","dragDistance","panResponder","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_","gestureState","abs","dx","dy","onPanResponderGrant","setOffset","setValue","onPanResponderMove","sqrt","event","useNativeDriver","onPanResponderRelease","flattenOffset","newPos","spring","toValue","friction","tension","start","backgroundColor","DarkTheme","error","accent","shadowColor","jsx","View","panHandlers","style","pill","transform","getTranslateTransform","pillStyle","children","Text","pillText","pillTextStyle","numberOfLines","exports","StyleSheet","position","minWidth","borderRadius","paddingHorizontal","alignItems","justifyContent","zIndex","elevation","shadowOffset","shadowOpacity","shadowRadius","fontFamily","MonospaceFont","fontSize","fontWeight","color","letterSpacing"],"sourceRoot":"../../../src","sources":["components/FloatingPill.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_constants","_ThemeContext","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PILL_WIDTH","Metrics","pillWidth","PILL_HEIGHT","pillHeight","DRAG_THRESHOLD","clampPosition","x","y","width","height","Dimensions","Math","max","min","FloatingPill","text","hasError","onPress","initialX","initialY","styles","propStyles","screenW","screenH","defaultX","defaultY","pan","useRef","Animated","ValueXY","current","lastPosition","isDragging","dragDistance","panResponder","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_","gestureState","abs","dx","dy","onPanResponderGrant","setOffset","setValue","onPanResponderMove","sqrt","event","useNativeDriver","onPanResponderRelease","flattenOffset","newPos","spring","toValue","friction","tension","start","theme","useBackstageTheme","backgroundColor","error","accent","shadowColor","jsx","View","panHandlers","style","pill","transform","getTranslateTransform","pillStyle","children","Text","pillText","pillTextStyle","numberOfLines","exports","StyleSheet","position","minWidth","borderRadius","paddingHorizontal","alignItems","justifyContent","zIndex","elevation","shadowOffset","shadowOpacity","shadowRadius","fontFamily","MonospaceFont","fontSize","fontWeight","color","letterSpacing"],"sourceRoot":"../../../src","sources":["components/FloatingPill.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/InfoTab.js

@@ -4,74 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InfoTab = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _constants = require("../constants");
+var _ThemeContext = require("../ThemeContext");
 var _JsonTreeView = require("./JsonTreeView");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // ─── Types ───────────────────────────────────────────────────────────────────
 
-// ─── Info Row ────────────────────────────────────────────────────────────────
-
-const InfoRow = ({
-  label,
-  value,
-  labelStyle,
-  valueStyle
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-  style: styles.infoRow,
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: [styles.infoLabel, labelStyle],
-    numberOfLines: 1,
-    children: label
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: [styles.infoValue, valueStyle],
-    numberOfLines: 2,
-    selectable: true,
-    children: value
-  })]
-});
-
-// ─── Section Header ──────────────────────────────────────────────────────────
-
-const SectionHeader = ({
-  title,
-  titleStyle
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-  style: [styles.sectionTitle, titleStyle],
-  children: title
-});
-
-// ─── Action Button ───────────────────────────────────────────────────────────
-
-const ActionButton = ({
-  action,
-  onClosePanel,
-  buttonStyle,
-  buttonTitleStyle
-}) => {
-  const handlePress = () => {
-    action.onPress();
-    if (action.closeOnPress && onClosePanel) {
-      onClosePanel();
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    testID: action.testID,
-    style: [styles.actionButton, action.destructive && styles.actionButtonDestructive, buttonStyle],
-    onPress: handlePress,
-    activeOpacity: 0.7,
-    children: [action.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.actionIcon,
-      children: action.icon
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.actionButtonTitle, action.destructive && styles.actionButtonTitleDestructive, buttonTitleStyle],
-      children: action.title
-    })]
-  });
-};
-
 // ─── Main Component ──────────────────────────────────────────────────────────
 
 const InfoTab = ({
@@ -81,10 +22,14 @@ const InfoTab = ({
   deviceInfo = [],
   state,
   quickActions = [],
+  jsonMaxDepth,
   onClosePanel,
   styles: propStyles,
   children
 }) => {
+  const theme = (0, _ThemeContext.useBackstageTheme)();
+  const s = (0, _react.useMemo)(() => createStyles(theme), [theme]);
+
   // Built-in device info from Platform API
   const builtInInfo = [{
     label: 'Platform',
@@ -113,55 +58,77 @@ const InfoTab = ({
   }
   const allInfo = [...builtInInfo, ...deviceInfo];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-    style: styles.container,
-    contentContainerStyle: styles.scrollContent,
+    style: s.container,
+    contentContainerStyle: s.scrollContent,
     showsVerticalScrollIndicator: false,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.section,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SectionHeader, {
-        title: "DEVICE INFO",
-        titleStyle: propStyles?.sectionTitleStyle
+      style: s.section,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [s.sectionTitle, propStyles?.sectionTitleStyle],
+        children: "DEVICE INFO"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.card,
+        style: s.card,
         children: allInfo.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(InfoRow, {
-            label: item.label,
-            value: item.value,
-            labelStyle: propStyles?.infoLabelStyle,
-            valueStyle: propStyles?.infoValueStyle
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: s.infoRow,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [s.infoLabel, propStyles?.infoLabelStyle],
+              numberOfLines: 1,
+              children: item.label
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [s.infoValue, propStyles?.infoValueStyle],
+              selectable: true,
+              children: item.value
+            })]
           }), index < allInfo.length - 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.divider
+            style: s.divider
           })]
         }, `info_${index}`))
       })]
     }), state && Object.keys(state).length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.section,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SectionHeader, {
-        title: "STATE TREE",
-        titleStyle: propStyles?.sectionTitleStyle
+      style: s.section,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [s.sectionTitle, propStyles?.sectionTitleStyle],
+        children: "STATE TREE"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.card,
+        style: s.card,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_JsonTreeView.JsonTreeView, {
           data: state,
-          hideRoot: true
+          hideRoot: true,
+          maxDepth: jsonMaxDepth
         })
       })]
     }), quickActions.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.section,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SectionHeader, {
-        title: "QUICK ACTIONS",
-        titleStyle: propStyles?.sectionTitleStyle
+      style: s.section,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [s.sectionTitle, propStyles?.sectionTitleStyle],
+        children: "QUICK ACTIONS"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.actionsGrid,
-        children: quickActions.map((action, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionButton, {
-          action: action,
-          onClosePanel: onClosePanel,
-          buttonStyle: propStyles?.actionButtonStyle,
-          buttonTitleStyle: propStyles?.actionButtonTitleStyle
-        }, `action_${index}`))
+        style: s.actionsGrid,
+        children: quickActions.map((action, index) => {
+          const handlePress = () => {
+            action.onPress();
+            if (action.closeOnPress && onClosePanel) {
+              onClosePanel();
+            }
+          };
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+            testID: action.testID,
+            style: [s.actionButton, action.destructive && s.actionButtonDestructive, propStyles?.actionButtonStyle],
+            onPress: handlePress,
+            activeOpacity: 0.7,
+            children: [action.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: s.actionIcon,
+              children: action.icon
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [s.actionButtonTitle, action.destructive && s.actionButtonTitleDestructive, propStyles?.actionButtonTitleStyle],
+              children: action.title
+            })]
+          }, `action_${index}`);
+        })
       })]
     }), children && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.section,
+      style: s.section,
       children: children
     })]
   });
@@ -169,7 +136,7 @@ const InfoTab = ({
 
 // ─── Styles ──────────────────────────────────────────────────────────────────
 exports.InfoTab = InfoTab;
-const styles = _reactNative.StyleSheet.create({
+const createStyles = t => _reactNative.StyleSheet.create({
   container: {
     flex: 1
   },
@@ -184,16 +151,16 @@ const styles = _reactNative.StyleSheet.create({
     fontFamily: _constants.MonospaceFont,
     fontSize: 11,
     fontWeight: '700',
-    color: _constants.DarkTheme.textMuted,
+    color: t.textMuted,
     letterSpacing: 1.5,
     marginBottom: 8,
     paddingLeft: 4
   },
   card: {
-    backgroundColor: _constants.DarkTheme.surfaceElevated,
+    backgroundColor: t.surfaceElevated,
     borderRadius: 12,
     borderWidth: 1,
-    borderColor: _constants.DarkTheme.border,
+    borderColor: t.border,
     padding: 12,
     overflow: 'hidden'
   },
@@ -207,13 +174,12 @@ const styles = _reactNative.StyleSheet.create({
   infoLabel: {
     fontFamily: _constants.MonospaceFont,
     fontSize: 13,
-    color: _constants.DarkTheme.textSecondary,
-    flex: 1
+    color: t.textSecondary
   },
   infoValue: {
     fontFamily: _constants.MonospaceFont,
     fontSize: 13,
-    color: _constants.DarkTheme.text,
+    color: t.text,
     fontWeight: '600',
     textAlign: 'right',
     flex: 1,
@@ -221,7 +187,7 @@ const styles = _reactNative.StyleSheet.create({
   },
   divider: {
     height: 1,
-    backgroundColor: _constants.DarkTheme.border,
+    backgroundColor: t.border,
     marginHorizontal: 4
   },
   actionsGrid: {
@@ -230,18 +196,18 @@ const styles = _reactNative.StyleSheet.create({
     gap: 10
   },
   actionButton: {
-    backgroundColor: _constants.DarkTheme.accentDim,
+    backgroundColor: t.accentDim,
     borderRadius: 10,
     borderWidth: 1,
-    borderColor: _constants.DarkTheme.accent,
+    borderColor: t.accent,
     paddingVertical: 10,
     paddingHorizontal: 18,
     flexDirection: 'row',
     alignItems: 'center'
   },
   actionButtonDestructive: {
-    backgroundColor: _constants.DarkTheme.errorDim,
-    borderColor: _constants.DarkTheme.error
+    backgroundColor: t.errorDim,
+    borderColor: t.error
   },
   actionIcon: {
     fontSize: 14,
@@ -251,10 +217,10 @@ const styles = _reactNative.StyleSheet.create({
     fontFamily: _constants.MonospaceFont,
     fontSize: 13,
     fontWeight: '600',
-    color: _constants.DarkTheme.accent
+    color: t.accent
   },
   actionButtonTitleDestructive: {
-    color: _constants.DarkTheme.error
+    color: t.error
   }
 });
 //# sourceMappingURL=InfoTab.js.map