rn-backstage 1.2.1 → 1.4.0

package/README.md

@@ -1,18 +1,22 @@
 # rn-backstage
 
+[![npm version](https://img.shields.io/npm/v/rn-backstage.svg)](https://www.npmjs.com/package/rn-backstage)
+[![npm downloads](https://img.shields.io/npm/dm/rn-backstage.svg)](https://www.npmjs.com/package/rn-backstage)
+
 A zero-dependency developer/QA debug panel for React Native apps. Inspect device info, view state trees, monitor console logs, inspect network requests, and trigger custom actions — all from a sleek in-app panel.
 
 ## Features
 
-- 🎯 **Draggable floating pill** — always accessible, repositionable trigger
+- 🎯 **Draggable floating pill** — always accessible, repositionable trigger with safe area bounds
 - 📱 **Device & build info** — OS version, app version, build number, and custom data
 - 🌳 **State tree inspector** — visualize Redux, Zustand, or any store state
 - 📋 **Console log viewer** — intercepts all console methods with search & filtering
 - 🌐 **Network inspector** — intercepts fetch & XMLHttpRequest with request/response details, headers, body, timing, and copy-as-cURL
 - 🎚 **Feature flag toggle** — render switches to toggle flags in real-time without restarting
+- 🗄 **Storage viewer** — inspect, edit, and delete AsyncStorage/MMKV entries via a pluggable adapter
 - ⚡ **Quick actions** — add custom buttons (logout, clear cache, etc.)
 - 🔌 **Extensible tabs** — add custom tabs for app-specific debugging tools
-- 🎨 **Dark glassmorphism UI** — beautiful, professional developer tool aesthetic
+- 🎨 **Light & dark theme** — auto-follows device setting, or override manually
 - 📦 **Zero dependencies** — only peer deps are `react` and `react-native`
 
 ## Installation
@@ -55,6 +59,7 @@ export default function App() {
 The Network tab automatically intercepts all `fetch()` and `XMLHttpRequest` traffic — including libraries built on top of them like **Axios**, **Apisauce**, **ky**, and **Apollo Client**.
 
 Each request shows:
+
 - Method, URL, status code, and duration
 - Request & response headers
 - Request & response body (auto-parsed JSON with tree view)
@@ -74,6 +79,7 @@ Each request shows:
   autoFilterNetworkLogs={true}
 />
 ```
+
 ## Feature Flag Toggle
 
 Pass feature flags to render a dedicated **Flags** tab with toggle switches. The tab only appears when at least one flag is provided. Toggling calls your callback in real-time — no app restart needed.
@@ -92,6 +98,59 @@ const [flags, setFlags] = useState([
 />
 ```
 
+## Storage Viewer
+
+Pass a `storageAdapter` to render a **Storage** tab that lets you browse, edit, add, and delete key-value entries. The tab only appears when an adapter is provided. Works with any storage backend — zero dependencies.
+
+```tsx
+import AsyncStorage from '@react-native-async-storage/async-storage'
+
+;<Backstage
+  storageAdapter={{
+    getAllKeys: () => AsyncStorage.getAllKeys(),
+    getItem: key => AsyncStorage.getItem(key),
+    setItem: (key, value) => AsyncStorage.setItem(key, value),
+    removeItem: key => AsyncStorage.removeItem(key),
+  }}
+/>
+```
+
+MMKV example:
+
+```tsx
+import { storage } from './mmkv'
+
+;<Backstage
+  storageAdapter={{
+    getAllKeys: () => Promise.resolve(storage.getAllKeys()),
+    getItem: key => Promise.resolve(storage.getString(key) ?? null),
+    setItem: (key, value) => Promise.resolve(storage.set(key, value)),
+    removeItem: key => Promise.resolve(storage.delete(key)),
+  }}
+/>
+```
+
+## Bug Report
+
+Add a `bugReport` config to enable one-tap bug reporting. Tapping the 🐛 button in the panel header opens a composer that auto-attaches device info, logs, network activity, and state. Reports can be shared via the system share sheet or submitted to a webhook.
+
+```tsx
+<Backstage
+  bugReport={{
+    onSubmit: report => {
+      // Full BugReport object with all context
+      console.log(report.title, report.severity, report.logs.length)
+    },
+    // Optional: POST to a webhook
+    webhookUrl: 'https://your-api.com/bugs',
+    // Optional: capture screenshot (requires a library like react-native-view-shot)
+    captureScreenshot: () => viewShotRef.current.capture(),
+    maxLogsInReport: 50,
+    maxNetworkEntriesInReport: 20,
+  }}
+/>
+```
+
 ## Props
 
 | Prop                     | Type                          | Default     | Description                                     |
@@ -106,6 +165,7 @@ const [flags, setFlags] = useState([
 | `quickActions`           | `QuickAction[]`               | `[]`        | Custom action buttons                           |
 | `featureFlags`           | `FeatureFlag[]`               | `[]`        | Feature flags with toggle switches              |
 | `onToggleFeatureFlag`    | `(key, val: boolean) => void` | `undefined` | Callback when a flag is toggled                 |
+| `storageAdapter`         | `StorageAdapter`              | `undefined` | Storage adapter for the Storage Viewer tab      |
 | `maxLogs`                | `number`                      | `500`       | Maximum logs to retain                          |
 | `logFilters`             | `string[]`                    | `[]`        | Messages to exclude from logs                   |
 | `onCopyLogs`             | `(logs: string) => void`      | `undefined` | Callback when copying logs                      |
@@ -115,7 +175,14 @@ const [flags, setFlags] = useState([
 | `networkFilters`         | `string[]`                    | `[]`        | URL substrings to exclude from capture          |
 | `autoFilterNetworkLogs`  | `boolean`                     | `true`      | Auto-filter network callback logs from Logs tab |
 | `jsonMaxDepth`           | `number`                      | `10`        | Max nesting depth for all JSON tree views       |
+| `initialX`               | `number`                      | `undefined` | Initial X position for the floating pill        |
+| `initialY`               | `number`                      | `undefined` | Initial Y position for the floating pill        |
+| `pillText`               | `string`                      | `undefined` | Text on the pill (defaults to version or "DEV") |
+| `pillWidth`              | `number`                      | `60`        | Width of the floating pill                      |
+| `pillHeight`             | `number`                      | `32`        | Height of the floating pill                     |
 | `extraTabs`              | `BackstageTab[]`              | `[]`        | Additional custom tabs                          |
+| `bugReport`              | `BugReportConfig`             | `undefined` | Bug report config (shows 🐛 button in header)    |
+| `styles`                 | `BackstageStyleOverrides`     | `undefined` | Custom style overrides                          |
 | `children`               | `ReactNode`                   | `undefined` | Extra content in InfoTab                        |
 
 ## Ref Methods
@@ -126,6 +193,46 @@ const ref = useRef<BackstageRef>(null)
 ref.current?.open() // Open the panel
 ref.current?.close() // Close the panel
 ref.current?.clearLogs() // Clear all captured logs
+ref.current?.submitBugReport() // Open bug report composer
+```
+
+## Individual Components
+
+All internal components are exported for advanced use cases — compose your own custom debug UI:
+
+```tsx
+import {
+  BackstagePanel,
+  FloatingPill,
+  TabBar,
+  InfoTab,
+  LogsTab,
+  LogItem,
+  NetworkTab,
+  NetworkItem,
+  FlagsTab,
+  StorageTab,
+  BugReportComposer,
+  JsonTreeView, // useful standalone for any JSON data
+} from 'rn-backstage'
+```
+
+## TestIDs
+
+All interactive elements have consistent `testID` attributes for E2E testing. Import the `TestIDs` object to reference them:
+
+```tsx
+import { TestIDs } from 'rn-backstage'
+
+// Static IDs
+TestIDs.floatingPill // 'backstage.floating-pill'
+TestIDs.panel // 'backstage.panel'
+TestIDs.header.closeButton // 'backstage.header.close'
+
+// Dynamic IDs (for items in lists)
+TestIDs.logItem.container(id) // 'backstage.log-item.{id}'
+TestIDs.flagsTab.flagSwitch(key) // 'backstage.flag.{key}'
+TestIDs.storageTab.entryRow(key) // 'backstage.storage.entry.{key}'
 ```
 
 ## License

package/lib/commonjs/Backstage.js

@@ -27,6 +27,7 @@ const Backstage = exports.Backstage = /*#__PURE__*/(0, _react.forwardRef)(({
   quickActions,
   featureFlags,
   onToggleFeatureFlag,
+  storageAdapter,
   maxLogs = _constants.DEFAULT_MAX_LOGS,
   logFilters,
   onCopyLogs,
@@ -36,12 +37,15 @@ const Backstage = exports.Backstage = /*#__PURE__*/(0, _react.forwardRef)(({
   initialX,
   initialY,
   pillText,
+  pillWidth,
+  pillHeight,
   enableNetworkInspector = true,
   maxNetworkEntries = _constants.DEFAULT_MAX_NETWORK_ENTRIES,
   maxNetworkBodySize,
   networkFilters,
   autoFilterNetworkLogs = true,
-  jsonMaxDepth
+  jsonMaxDepth,
+  bugReport: bugReportConfig
 }, ref) => {
   const [panelVisible, setPanelVisible] = (0, _react.useState)(false);
   const [hasError, setHasError] = (0, _react.useState)(false);
@@ -125,10 +129,18 @@ const Backstage = exports.Backstage = /*#__PURE__*/(0, _react.forwardRef)(({
 
   // ── Expose ref methods ────────────────────────────────────
 
+  const openBugReportRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, () => ({
     open: openPanel,
     close: closePanel,
-    clearLogs
+    clearLogs,
+    submitBugReport: () => {
+      if (bugReportConfig) {
+        openPanel();
+        // Small delay to let panel mount first
+        setTimeout(() => openBugReportRef.current?.(), 100);
+      }
+    }
   }));
 
   // ── Render ────────────────────────────────────────────────
@@ -146,6 +158,8 @@ const Backstage = exports.Backstage = /*#__PURE__*/(0, _react.forwardRef)(({
         onPress: openPanel,
         initialX: initialX,
         initialY: initialY,
+        pillWidth: pillWidth,
+        pillHeight: pillHeight,
         styles: propStyles
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackstagePanel.BackstagePanel, {
         visible: panelVisible,
@@ -167,6 +181,9 @@ const Backstage = exports.Backstage = /*#__PURE__*/(0, _react.forwardRef)(({
         onCopyNetwork: onCopyLogs,
         extraTabs: extraTabs,
         jsonMaxDepth: jsonMaxDepth,
+        storageAdapter: storageAdapter,
+        bugReportConfig: bugReportConfig,
+        bugReportOpenerRef: openBugReportRef,
         styles: propStyles,
         children: children
       })]

package/lib/commonjs/Backstage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_constants","_logInterceptor","_networkInterceptor","_FloatingPill","_BackstagePanel","_ThemeContext","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Backstage","exports","forwardRef","visible","theme","themePreference","appVersion","buildNumber","bundleId","deviceInfo","state","quickActions","featureFlags","onToggleFeatureFlag","maxLogs","DEFAULT_MAX_LOGS","logFilters","onCopyLogs","extraTabs","children","styles","propStyles","initialX","initialY","pillText","enableNetworkInspector","maxNetworkEntries","DEFAULT_MAX_NETWORK_ENTRIES","maxNetworkBodySize","networkFilters","autoFilterNetworkLogs","jsonMaxDepth","ref","panelVisible","setPanelVisible","useState","hasError","setHasError","logs","setLogs","networkEntries","setNetworkEntries","logBuffer","useRef","LogBuffer","networkBuffer","NetworkBuffer","openPanel","useCallback","current","getAll","closePanel","clearLogs","clear","refreshLogs","refreshNetwork","clearNetwork","useEffect","handleLogEntry","entry","push","level","installInterceptor","uninstallInterceptor","handleNetworkEntry","upsert","installNetworkInterceptor","filters","maxBodySize","uninstallNetworkInterceptor","useImperativeHandle","open","close","displayText","jsx","BackstageThemeProvider","preference","jsxs","View","style","container","pointerEvents","FloatingPill","text","onPress","BackstagePanel","onClose","onRefreshLogs","onRefreshNetwork","onClearNetwork","onCopyNetwork","displayName","StyleSheet","create","absoluteFillObject","zIndex","elevation"],"sourceRoot":"../../src","sources":["Backstage.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_constants","_logInterceptor","_networkInterceptor","_FloatingPill","_BackstagePanel","_ThemeContext","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Backstage","exports","forwardRef","visible","theme","themePreference","appVersion","buildNumber","bundleId","deviceInfo","state","quickActions","featureFlags","onToggleFeatureFlag","storageAdapter","maxLogs","DEFAULT_MAX_LOGS","logFilters","onCopyLogs","extraTabs","children","styles","propStyles","initialX","initialY","pillText","pillWidth","pillHeight","enableNetworkInspector","maxNetworkEntries","DEFAULT_MAX_NETWORK_ENTRIES","maxNetworkBodySize","networkFilters","autoFilterNetworkLogs","jsonMaxDepth","bugReport","bugReportConfig","ref","panelVisible","setPanelVisible","useState","hasError","setHasError","logs","setLogs","networkEntries","setNetworkEntries","logBuffer","useRef","LogBuffer","networkBuffer","NetworkBuffer","openPanel","useCallback","current","getAll","closePanel","clearLogs","clear","refreshLogs","refreshNetwork","clearNetwork","useEffect","handleLogEntry","entry","push","level","installInterceptor","uninstallInterceptor","handleNetworkEntry","upsert","installNetworkInterceptor","filters","maxBodySize","uninstallNetworkInterceptor","openBugReportRef","useImperativeHandle","open","close","submitBugReport","setTimeout","displayText","jsx","BackstageThemeProvider","preference","jsxs","View","style","container","pointerEvents","FloatingPill","text","onPress","BackstagePanel","onClose","onRefreshLogs","onRefreshNetwork","onClearNetwork","onCopyNetwork","bugReportOpenerRef","displayName","StyleSheet","create","absoluteFillObject","zIndex","elevation"],"sourceRoot":"../../src","sources":["Backstage.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/bug-report.js

@@ -0,0 +1,173 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildDeviceInfo = buildDeviceInfo;
+exports.composeBugReport = composeBugReport;
+exports.formatDeviceInfoForReport = formatDeviceInfoForReport;
+exports.formatLogsForReport = formatLogsForReport;
+exports.formatNetworkForReport = formatNetworkForReport;
+exports.formatStateForReport = formatStateForReport;
+exports.submitToWebhook = submitToWebhook;
+var _reactNative = require("react-native");
+var _types = require("./types");
+// ─── Report Composition ──────────────────────────────────────────────────────
+
+const SEVERITY_LABELS = {
+  low: '🟢 Low',
+  medium: '🟡 Medium',
+  high: '🟠 High',
+  critical: '🔴 Critical'
+};
+function formatTimestamp(ts) {
+  const d = new Date(ts);
+  return d.toISOString().replace('T', ' ').substring(0, 19);
+}
+function formatLogLevel(level) {
+  switch (level) {
+    case _types.LogLevel.error:
+      return '❌ ERROR';
+    case _types.LogLevel.warn:
+      return '⚠️ WARN';
+    case _types.LogLevel.info:
+      return 'ℹ️ INFO';
+    case _types.LogLevel.debug:
+      return '🔍 DEBUG';
+    default:
+      return '📝 LOG';
+  }
+}
+function formatDeviceInfoForReport(items) {
+  if (items.length === 0) return '';
+  const lines = items.map(i => `- **${i.label}**: ${i.value}`);
+  return `## 📱 Device Info\n\n${lines.join('\n')}\n`;
+}
+function formatLogsForReport(logs) {
+  if (logs.length === 0) return '';
+  const lines = logs.map(l => `\`${formatTimestamp(l.timestamp)}\` ${formatLogLevel(l.level)} ${l.message}`);
+  return `## 📋 Console Logs (${logs.length})\n\n\`\`\`\n${lines.join('\n')}\n\`\`\`\n`;
+}
+function formatNetworkForReport(entries) {
+  if (entries.length === 0) return '';
+  const lines = entries.map(e => {
+    const status = e.status ?? '⏳';
+    const duration = e.duration ? `${e.duration}ms` : '...';
+    return `- \`${e.method}\` ${e.url} → ${status} (${duration})`;
+  });
+  return `## 🌐 Network Activity (${entries.length})\n\n${lines.join('\n')}\n`;
+}
+function formatStateForReport(state) {
+  try {
+    const json = JSON.stringify(state, null, 2);
+    // Truncate if too large
+    const truncated = json.length > 5000 ? json.substring(0, 5000) + '\n... (truncated)' : json;
+    return `## 🌳 State Snapshot\n\n\`\`\`json\n${truncated}\n\`\`\`\n`;
+  } catch {
+    return `## 🌳 State Snapshot\n\n\`[Could not serialize state]\`\n`;
+  }
+}
+function composeBugReport(report) {
+  const sections = [];
+  sections.push(`# 🐛 Bug Report: ${report.title}\n`);
+  sections.push(`**Severity**: ${SEVERITY_LABELS[report.severity]}`);
+  sections.push(`**Reported**: ${formatTimestamp(report.timestamp)}`);
+  sections.push(`**Platform**: ${_reactNative.Platform.OS} ${_reactNative.Platform.Version}\n`);
+  if (report.description) {
+    sections.push(`## Description\n\n${report.description}\n`);
+  }
+  if (report.deviceInfo.length > 0) {
+    sections.push(formatDeviceInfoForReport(report.deviceInfo));
+  }
+  if (report.logs.length > 0) {
+    sections.push(formatLogsForReport(report.logs));
+  }
+  if (report.networkEntries.length > 0) {
+    sections.push(formatNetworkForReport(report.networkEntries));
+  }
+  if (report.state && Object.keys(report.state).length > 0) {
+    sections.push(formatStateForReport(report.state));
+  }
+  if (report.screenshotUri) {
+    sections.push(`## 📸 Screenshot\n\nAttached: ${report.screenshotUri}\n`);
+  }
+  sections.push('---\n*Generated by rn-backstage*');
+  return sections.join('\n');
+}
+
+// ─── Webhook Submission ──────────────────────────────────────────────────────
+
+async function submitToWebhook(webhookUrl, report) {
+  try {
+    const body = {
+      title: report.title,
+      description: report.description,
+      severity: report.severity,
+      platform: _reactNative.Platform.OS,
+      platformVersion: String(_reactNative.Platform.Version),
+      timestamp: report.timestamp,
+      deviceInfo: report.deviceInfo,
+      logs: report.logs.map(l => ({
+        level: l.level,
+        message: l.message,
+        timestamp: l.timestamp
+      })),
+      networkEntries: report.networkEntries.map(e => ({
+        method: e.method,
+        url: e.url,
+        status: e.status,
+        duration: e.duration
+      }))
+    };
+    if (report.state) {
+      body.state = report.state;
+    }
+    if (report.screenshotUri) {
+      body.screenshotUri = report.screenshotUri;
+    }
+    const response = await fetch(webhookUrl, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(body)
+    });
+    if (!response.ok) {
+      return {
+        success: false,
+        error: `HTTP ${response.status}`
+      };
+    }
+    return {
+      success: true
+    };
+  } catch (err) {
+    return {
+      success: false,
+      error: err instanceof Error ? err.message : 'Unknown error'
+    };
+  }
+}
+
+// ─── Device Info Builder ─────────────────────────────────────────────────────
+
+function buildDeviceInfo(appVersion, buildNumber, bundleId, extraInfo = []) {
+  const info = [{
+    label: 'Platform',
+    value: `${_reactNative.Platform.OS} ${_reactNative.Platform.Version}`
+  }];
+  if (appVersion) info.push({
+    label: 'App Version',
+    value: appVersion
+  });
+  if (buildNumber) info.push({
+    label: 'Build Number',
+    value: buildNumber
+  });
+  if (bundleId) info.push({
+    label: 'Bundle ID',
+    value: bundleId
+  });
+  return [...info, ...extraInfo];
+}
+//# sourceMappingURL=bug-report.js.map

package/lib/commonjs/bug-report.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_types","SEVERITY_LABELS","low","medium","high","critical","formatTimestamp","ts","d","Date","toISOString","replace","substring","formatLogLevel","level","LogLevel","error","warn","info","debug","formatDeviceInfoForReport","items","length","lines","map","i","label","value","join","formatLogsForReport","logs","l","timestamp","message","formatNetworkForReport","entries","e","status","duration","method","url","formatStateForReport","state","json","JSON","stringify","truncated","composeBugReport","report","sections","push","title","severity","Platform","OS","Version","description","deviceInfo","networkEntries","Object","keys","screenshotUri","submitToWebhook","webhookUrl","body","platform","platformVersion","String","response","fetch","headers","ok","success","err","Error","buildDeviceInfo","appVersion","buildNumber","bundleId","extraInfo"],"sourceRoot":"../../src","sources":["bug-report.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/BackstagePanel.js

@@ -13,6 +13,8 @@ var _InfoTab = require("./InfoTab");
 var _LogsTab = require("./LogsTab");
 var _NetworkTab = require("./NetworkTab");
 var _FlagsTab = require("./FlagsTab");
+var _StorageTab = require("./StorageTab");
+var _BugReportComposer = require("./BugReportComposer");
 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 ───────────────────────────────────────────────────────────────────
@@ -33,6 +35,11 @@ const FLAGS_TAB = {
   title: 'Flags',
   icon: '🎚'
 };
+const STORAGE_TAB = {
+  key: 'storage',
+  title: 'Storage',
+  icon: '🗄'
+};
 const LOGS_TAB = {
   key: 'logs',
   title: 'Logs',
@@ -61,16 +68,37 @@ const BackstagePanel = ({
   onCopyNetwork,
   extraTabs = [],
   jsonMaxDepth,
+  storageAdapter,
+  bugReportConfig,
+  bugReportOpenerRef,
   styles: propStyles,
   children
 }) => {
   const [activeTab, setActiveTab] = (0, _react.useState)('info');
+  const [bugReportVisible, setBugReportVisible] = (0, _react.useState)(false);
   const theme = (0, _ThemeContext.useBackstageTheme)();
   const styles = (0, _react.useMemo)(() => createStyles(theme), [theme]);
 
+  // Reset to Info tab when panel closes so indicator and content stay in sync
+  (0, _react.useEffect)(() => {
+    if (!visible) {
+      setActiveTab('info');
+    }
+  }, [visible]);
+
+  // Register opener callback for the parent ref
+  (0, _react.useEffect)(() => {
+    if (!bugReportOpenerRef) return;
+    bugReportOpenerRef.current = () => setBugReportVisible(true);
+    return () => {
+      bugReportOpenerRef.current = null;
+    };
+  }, [bugReportOpenerRef]);
+
   // Compose all tabs: built-in (conditionally including Flags) + extra
   const hasFlags = featureFlags && featureFlags.length > 0;
-  const allTabs = [...ALWAYS_ON_TABS, ...(hasFlags ? [FLAGS_TAB] : []), LOGS_TAB, ...extraTabs.map(t => ({
+  const hasStorage = !!storageAdapter;
+  const allTabs = [...ALWAYS_ON_TABS, ...(hasFlags ? [FLAGS_TAB] : []), ...(hasStorage ? [STORAGE_TAB] : []), LOGS_TAB, ...extraTabs.map(t => ({
     key: t.key,
     title: t.title,
     icon: t.icon
@@ -97,6 +125,11 @@ const BackstagePanel = ({
           flags: featureFlags ?? [],
           onToggle: onToggleFeatureFlag
         });
+      case 'storage':
+        return storageAdapter ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_StorageTab.StorageTab, {
+          adapter: storageAdapter,
+          jsonMaxDepth: jsonMaxDepth
+        }) : null;
       case 'network':
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkTab.NetworkTab, {
           entries: networkEntries,
@@ -127,7 +160,7 @@ const BackstagePanel = ({
     }
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Modal, {
-    testID: _constants.TestIDs.panel,
+    testID: _constants.TestIDs.panelModal,
     animationType: "slide",
     transparent: false,
     visible: visible,
@@ -137,8 +170,10 @@ const BackstagePanel = ({
       barStyle: theme.background < '#888' ? 'light-content' : 'dark-content',
       backgroundColor: theme.background
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.SafeAreaView, {
+      testID: _constants.TestIDs.panel,
       style: [styles.safeArea, propStyles?.panelStyle],
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        testID: _constants.TestIDs.header.container,
         style: styles.header,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: styles.headerLeft,
@@ -146,24 +181,43 @@ const BackstagePanel = ({
             style: styles.headerBrand,
             children: "\u2699"
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            testID: _constants.TestIDs.header.title,
             style: [styles.headerTitle, propStyles?.headerTitleStyle],
             children: "Backstage"
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          testID: _constants.TestIDs.header.closeButton,
-          style: styles.closeButton,
-          onPress: onClose,
-          activeOpacity: 0.7,
-          hitSlop: {
-            top: 8,
-            bottom: 8,
-            left: 8,
-            right: 8
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.closeButtonText,
-            children: "\u2715"
-          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.headerRight,
+          children: [bugReportConfig && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            testID: _constants.TestIDs.bugReport.triggerButton,
+            style: styles.headerButton,
+            onPress: () => setBugReportVisible(true),
+            activeOpacity: 0.7,
+            hitSlop: {
+              top: 8,
+              bottom: 8,
+              left: 8,
+              right: 8
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.headerButtonText,
+              children: "\uD83D\uDC1B"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            testID: _constants.TestIDs.header.closeButton,
+            style: styles.closeButton,
+            onPress: onClose,
+            activeOpacity: 0.7,
+            hitSlop: {
+              top: 8,
+              bottom: 8,
+              left: 8,
+              right: 8
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.closeButtonText,
+              children: "\u2715"
+            })
+          })]
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabBar.TabBar, {
         tabs: allTabs,
@@ -173,6 +227,17 @@ const BackstagePanel = ({
         style: styles.content,
         children: renderTabContent()
       })]
+    }), bugReportConfig && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BugReportComposer.BugReportComposer, {
+      visible: bugReportVisible,
+      onClose: () => setBugReportVisible(false),
+      config: bugReportConfig,
+      logs: logs,
+      networkEntries: networkEntries,
+      state: state,
+      appVersion: appVersion,
+      buildNumber: buildNumber,
+      bundleId: bundleId,
+      deviceInfo: deviceInfo
     })]
   });
 };
@@ -223,6 +288,24 @@ const createStyles = t => _reactNative.StyleSheet.create({
     color: t.textSecondary,
     fontWeight: '700'
   },
+  headerRight: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  headerButton: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    backgroundColor: t.surfaceElevated,
+    borderWidth: 1,
+    borderColor: t.border,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  headerButtonText: {
+    fontSize: 16
+  },
   content: {
     flex: 1
   }