rn-backstage 1.2.1 → 1.3.0

package/lib/module/constants.js

@@ -82,35 +82,101 @@ export const MonospaceFont = Platform.select({
 // ─── Test IDs ────────────────────────────────────────────────────────────────
 
 export const TestIDs = {
+  // ── Floating Pill ──────────────────────────────
   floatingPill: 'backstage.floating-pill',
+  floatingPillText: 'backstage.floating-pill.text',
+  // ── Panel ──────────────────────────────────────
   panel: 'backstage.panel',
+  panelModal: 'backstage.panel.modal',
+  // ── Header ─────────────────────────────────────
   header: {
     container: 'backstage.header',
     title: 'backstage.header.title',
     closeButton: 'backstage.header.close'
   },
+  // ── Tab Bar ────────────────────────────────────
   tabBar: 'backstage.tab-bar',
   tabs: {
     info: 'backstage.tab.info',
+    network: 'backstage.tab.network',
+    flags: 'backstage.tab.flags',
+    storage: 'backstage.tab.storage',
     logs: 'backstage.tab.logs'
   },
+  // ── Info Tab ───────────────────────────────────
   infoTab: {
-    section: 'backstage.info',
+    container: 'backstage.info',
     deviceInfo: 'backstage.info.device',
     stateTree: 'backstage.info.state-tree',
-    quickActions: 'backstage.info.quick-actions'
+    quickActions: 'backstage.info.quick-actions',
+    /** Dynamic: backstage.info.action.{index} */
+    actionButton: index => `backstage.info.action.${index}`
   },
+  // ── Logs Tab ───────────────────────────────────
   logsTab: {
-    section: 'backstage.logs',
+    container: 'backstage.logs',
     searchInput: 'backstage.logs.search',
     copyButton: 'backstage.logs.copy',
-    list: 'backstage.logs.list'
+    list: 'backstage.logs.list',
+    statsBar: 'backstage.logs.stats'
   },
+  // ── Log Item ───────────────────────────────────
+  logItem: {
+    /** Dynamic: backstage.log-item.{id} */
+    container: id => `backstage.log-item.${id}`,
+    badge: id => `backstage.log-item.${id}.badge`,
+    message: id => `backstage.log-item.${id}.message`,
+    timestamp: id => `backstage.log-item.${id}.timestamp`,
+    dataContainer: id => `backstage.log-item.${id}.data`,
+    copyButton: id => `backstage.log-item.${id}.copy`
+  },
+  // ── Network Tab ────────────────────────────────
   networkTab: {
-    section: 'backstage.network',
+    container: 'backstage.network',
     searchInput: 'backstage.network.search',
+    clearButton: 'backstage.network.clear',
     list: 'backstage.network.list',
-    clearButton: 'backstage.network.clear'
+    statsBar: 'backstage.network.stats'
+  },
+  // ── Network Item ───────────────────────────────
+  networkItem: {
+    /** Dynamic: backstage.network-item.{id} */
+    container: id => `backstage.network-item.${id}`,
+    methodBadge: id => `backstage.network-item.${id}.method`,
+    statusBadge: id => `backstage.network-item.${id}.status`,
+    url: id => `backstage.network-item.${id}.url`,
+    sectionTab: (id, section) => `backstage.network-item.${id}.section.${section}`,
+    curlButton: id => `backstage.network-item.${id}.curl`
+  },
+  // ── Flags Tab ──────────────────────────────────
+  flagsTab: {
+    container: 'backstage.flags',
+    searchInput: 'backstage.flags.search',
+    statsBar: 'backstage.flags.stats',
+    list: 'backstage.flags.list',
+    /** Dynamic: backstage.flag.{key} — applied to the Switch */
+    flagSwitch: key => `backstage.flag.${key}`,
+    flagLabel: key => `backstage.flag.${key}.label`,
+    flagRow: key => `backstage.flag.${key}.row`
+  },
+  // ── Storage Tab ────────────────────────────────
+  storageTab: {
+    container: 'backstage.storage',
+    searchInput: 'backstage.storage.search',
+    addButton: 'backstage.storage.add-button',
+    addForm: 'backstage.storage.add-form',
+    addKeyInput: 'backstage.storage.add-form.key',
+    addValueInput: 'backstage.storage.add-form.value',
+    addSubmitButton: 'backstage.storage.add-form.submit',
+    statsBar: 'backstage.storage.stats',
+    list: 'backstage.storage.list',
+    /** Dynamic: backstage.storage.entry.{key} */
+    entryRow: key => `backstage.storage.entry.${key}`,
+    entryEditButton: key => `backstage.storage.entry.${key}.edit`,
+    entryDeleteButton: key => `backstage.storage.entry.${key}.delete`,
+    entryEditInput: key => `backstage.storage.entry.${key}.edit-input`,
+    entrySaveButton: key => `backstage.storage.entry.${key}.save`,
+    entryCancelButton: key => `backstage.storage.entry.${key}.cancel`
   }
 };
 //# sourceMappingURL=constants.js.map

package/lib/module/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["Dimensions","Platform","width","screenWidth","height","screenHeight","get","Metrics","isIOS","OS","pillWidth","pillHeight","panelBorderRadius","tabBarHeight","headerHeight","sectionSpacing","contentPadding","DarkTheme","background","surface","surfaceElevated","border","text","textSecondary","textMuted","accent","accentDim","error","errorDim","warning","warningDim","success","info","infoDim","debugColor","debugDim","LightTheme","DEFAULT_MAX_LOGS","DEFAULT_MAX_NETWORK_ENTRIES","DEFAULT_MAX_NETWORK_BODY_SIZE","MonospaceFont","select","ios","default","TestIDs","floatingPill","panel","header","container","title","closeButton","tabBar","tabs","logs","infoTab","section","deviceInfo","stateTree","quickActions","logsTab","searchInput","copyButton","list","networkTab","clearButton"],"sourceRoot":"../../src","sources":["constants.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Dimensions","Platform","width","screenWidth","height","screenHeight","get","Metrics","isIOS","OS","pillWidth","pillHeight","panelBorderRadius","tabBarHeight","headerHeight","sectionSpacing","contentPadding","DarkTheme","background","surface","surfaceElevated","border","text","textSecondary","textMuted","accent","accentDim","error","errorDim","warning","warningDim","success","info","infoDim","debugColor","debugDim","LightTheme","DEFAULT_MAX_LOGS","DEFAULT_MAX_NETWORK_ENTRIES","DEFAULT_MAX_NETWORK_BODY_SIZE","MonospaceFont","select","ios","default","TestIDs","floatingPill","floatingPillText","panel","panelModal","header","container","title","closeButton","tabBar","tabs","network","flags","storage","logs","infoTab","deviceInfo","stateTree","quickActions","actionButton","index","logsTab","searchInput","copyButton","list","statsBar","logItem","id","badge","message","timestamp","dataContainer","networkTab","clearButton","networkItem","methodBadge","statusBadge","url","sectionTab","section","curlButton","flagsTab","flagSwitch","key","flagLabel","flagRow","storageTab","addButton","addForm","addKeyInput","addValueInput","addSubmitButton","entryRow","entryEditButton","entryDeleteButton","entryEditInput","entrySaveButton","entryCancelButton"],"sourceRoot":"../../src","sources":["constants.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -3,4 +3,17 @@
 export { Backstage } from './Backstage';
 export { LogLevel, NetworkState } from './types';
 export { TestIDs, DarkTheme, LightTheme } from './constants';
+// ─── Individual Components ───────────────────────────────────────────────────
+
+export { BackstagePanel } from './components/BackstagePanel';
+export { FloatingPill } from './components/FloatingPill';
+export { TabBar } from './components/TabBar';
+export { InfoTab } from './components/InfoTab';
+export { LogsTab } from './components/LogsTab';
+export { LogItem } from './components/LogItem';
+export { NetworkTab } from './components/NetworkTab';
+export { NetworkItem } from './components/NetworkItem';
+export { FlagsTab } from './components/FlagsTab';
+export { StorageTab } from './components/StorageTab';
+export { JsonTreeView } from './components/JsonTreeView';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Backstage","LogLevel","NetworkState","TestIDs","DarkTheme","LightTheme"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,aAAa;AAevC,SAASC,QAAQ,EAAEC,YAAY,QAAQ,SAAS;AAChD,SAASC,OAAO,EAAEC,SAAS,EAAEC,UAAU,QAAQ,aAAa","ignoreList":[]}
+{"version":3,"names":["Backstage","LogLevel","NetworkState","TestIDs","DarkTheme","LightTheme","BackstagePanel","FloatingPill","TabBar","InfoTab","LogsTab","LogItem","NetworkTab","NetworkItem","FlagsTab","StorageTab","JsonTreeView"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,aAAa;AAgBvC,SAASC,QAAQ,EAAEC,YAAY,QAAQ,SAAS;AAChD,SAASC,OAAO,EAAEC,SAAS,EAAEC,UAAU,QAAQ,aAAa;AAG5D;;AAEA,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,YAAY,QAAQ,2BAA2B","ignoreList":[]}

package/lib/module/types.js

@@ -25,6 +25,8 @@ export let NetworkState = /*#__PURE__*/function (NetworkState) {
 
 // ─── Feature Flags ─────────────────────────────────────────────────────────
 
+// ─── Storage Adapter ─────────────────────────────────────────────────────────
+
 // ─── Extensible Tabs ─────────────────────────────────────────────────────────
 
 // ─── Theme ───────────────────────────────────────────────────────────────────

package/lib/module/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["LogLevel","NetworkState"],"sourceRoot":"../../src","sources":["types.ts"],"mappings":";;AAGA;;AAEA,WAAYA,QAAQ,0BAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAAA,OAARA,QAAQ;AAAA;AAgBpB;;AAEA,WAAYC,YAAY,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA;;AAwBxB;;AAOA;;AAWA;;AAaA;;AASA;;AAuBA;;AA6FA","ignoreList":[]}
+{"version":3,"names":["LogLevel","NetworkState"],"sourceRoot":"../../src","sources":["types.ts"],"mappings":";;AAGA;;AAEA,WAAYA,QAAQ,0BAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAAA,OAARA,QAAQ;AAAA;AAgBpB;;AAEA,WAAYC,YAAY,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA;;AAwBxB;;AAOA;;AAWA;;AAaA;;AAaA;;AASA;;AAuBA;;AAsGA","ignoreList":[]}

package/lib/typescript/Backstage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Backstage.d.ts","sourceRoot":"","sources":["../../src/Backstage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAYd,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAA0B,MAAM,SAAS,CAAA;AAInF,eAAO,MAAM,SAAS,qFA6KrB,CAAA"}
+{"version":3,"file":"Backstage.d.ts","sourceRoot":"","sources":["../../src/Backstage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAYd,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAA0B,MAAM,SAAS,CAAA;AAInF,eAAO,MAAM,SAAS,qFAmLrB,CAAA"}

package/lib/typescript/components/BackstagePanel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { AppInfoItem, BackstageStyleOverrides, BackstageTab, FeatureFlag, LogEntry, NetworkEntry, QuickAction } from '../types';
+import type { AppInfoItem, BackstageStyleOverrides, BackstageTab, FeatureFlag, LogEntry, NetworkEntry, QuickAction, StorageAdapter } from '../types';
 interface BackstagePanelProps {
     visible: boolean;
     onClose: () => void;
@@ -20,6 +20,7 @@ interface BackstagePanelProps {
     onCopyNetwork?: (text: string) => void;
     extraTabs?: BackstageTab[];
     jsonMaxDepth?: number;
+    storageAdapter?: StorageAdapter;
     styles?: BackstageStyleOverrides;
     children?: React.ReactNode;
 }

package/lib/typescript/components/BackstagePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BackstagePanel.d.ts","sourceRoot":"","sources":["../../../src/components/BackstagePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAiBhD,OAAO,KAAK,EACV,WAAW,EACX,uBAAuB,EACvB,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,WAAW,EACZ,MAAM,UAAU,CAAA;AAIjB,UAAU,mBAAmB;IAC3B,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IAGnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,WAAW,EAAE,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAG3D,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAGnC,cAAc,EAAE,YAAY,EAAE,CAAA;IAC9B,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAGtC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAA;IAG1B,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,MAAM,CAAC,EAAE,uBAAuB,CAAA;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAeD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+HxD,CAAA"}
+{"version":3,"file":"BackstagePanel.d.ts","sourceRoot":"","sources":["../../../src/components/BackstagePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAkBhD,OAAO,KAAK,EACV,WAAW,EACX,uBAAuB,EACvB,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,cAAc,EACf,MAAM,UAAU,CAAA;AAIjB,UAAU,mBAAmB;IAC3B,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IAGnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,WAAW,EAAE,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAG3D,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAGnC,cAAc,EAAE,YAAY,EAAE,CAAA;IAC9B,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAGtC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAA;IAG1B,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,cAAc,CAAC,EAAE,cAAc,CAAA;IAG/B,MAAM,CAAC,EAAE,uBAAuB,CAAA;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAiBD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2IxD,CAAA"}

package/lib/typescript/components/FloatingPill.d.ts

@@ -6,6 +6,8 @@ interface FloatingPillProps {
     onPress: () => void;
     initialX?: number;
     initialY?: number;
+    pillWidth?: number;
+    pillHeight?: number;
     styles?: BackstageStyleOverrides;
 }
 export declare const FloatingPill: React.FC<FloatingPillProps>;

package/lib/typescript/components/FloatingPill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPill.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingPill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAIrC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAIvD,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,uBAAuB,CAAA;CACjC;AAkBD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6FpD,CAAA"}
+{"version":3,"file":"FloatingPill.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingPill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAa5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAIvD,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,uBAAuB,CAAA;CACjC;AAsCD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuJpD,CAAA"}

package/lib/typescript/components/InfoTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoTab.d.ts","sourceRoot":"","sources":["../../../src/components/InfoTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAKtC,OAAO,KAAK,EAAE,WAAW,EAAE,uBAAuB,EAAkB,WAAW,EAAE,MAAM,UAAU,CAAA;AAIjG,UAAU,YAAY;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,WAAW,EAAE,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,MAAM,CAAC,EAAE,uBAAuB,CAAA;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAID,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAkH1C,CAAA"}
+{"version":3,"file":"InfoTab.d.ts","sourceRoot":"","sources":["../../../src/components/InfoTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAKtC,OAAO,KAAK,EAAE,WAAW,EAAE,uBAAuB,EAAkB,WAAW,EAAE,MAAM,UAAU,CAAA;AAIjG,UAAU,YAAY;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,WAAW,EAAE,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,MAAM,CAAC,EAAE,uBAAuB,CAAA;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAID,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmH1C,CAAA"}

package/lib/typescript/components/LogItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogItem.d.ts","sourceRoot":"","sources":["../../../src/components/LogItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAK7D,OAAO,KAAK,EAAE,QAAQ,EAAE,uBAAuB,EAAkB,MAAM,UAAU,CAAA;AAMjF,UAAU,YAAY;IACpB,IAAI,EAAE,QAAQ,CAAA;IACd,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,uBAAuB,CAAA;CACjC;AAuCD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6D1C,CAAA"}
+{"version":3,"file":"LogItem.d.ts","sourceRoot":"","sources":["../../../src/components/LogItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAK7D,OAAO,KAAK,EAAE,QAAQ,EAAE,uBAAuB,EAAkB,MAAM,UAAU,CAAA;AAMjF,UAAU,YAAY;IACpB,IAAI,EAAE,QAAQ,CAAA;IACd,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,uBAAuB,CAAA;CACjC;AAuCD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAsE1C,CAAA"}

package/lib/typescript/components/StorageTab.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StorageAdapter } from '../types';
+interface StorageTabProps {
+    adapter: StorageAdapter;
+    jsonMaxDepth?: number;
+}
+export declare const StorageTab: React.FC<StorageTabProps>;
+export {};
+//# sourceMappingURL=StorageTab.d.ts.map

package/lib/typescript/components/StorageTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorageTab.d.ts","sourceRoot":"","sources":["../../../src/components/StorageTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAKxE,OAAO,KAAK,EAAE,cAAc,EAAkB,MAAM,UAAU,CAAA;AAI9D,UAAU,eAAe;IACvB,OAAO,EAAE,cAAc,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAyBD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4UhD,CAAA"}

package/lib/typescript/constants.d.ts

@@ -19,7 +19,9 @@ export declare const DEFAULT_MAX_NETWORK_BODY_SIZE = 65536;
 export declare const MonospaceFont: string;
 export declare const TestIDs: {
     floatingPill: string;
+    floatingPillText: string;
     panel: string;
+    panelModal: string;
     header: {
         container: string;
         title: string;
@@ -28,25 +30,78 @@ export declare const TestIDs: {
     tabBar: string;
     tabs: {
         info: string;
+        network: string;
+        flags: string;
+        storage: string;
         logs: string;
     };
     infoTab: {
-        section: string;
+        container: string;
         deviceInfo: string;
         stateTree: string;
         quickActions: string;
+        /** Dynamic: backstage.info.action.{index} */
+        actionButton: (index: number) => string;
     };
     logsTab: {
-        section: string;
+        container: string;
         searchInput: string;
         copyButton: string;
         list: string;
+        statsBar: string;
+    };
+    logItem: {
+        /** Dynamic: backstage.log-item.{id} */
+        container: (id: string) => string;
+        badge: (id: string) => string;
+        message: (id: string) => string;
+        timestamp: (id: string) => string;
+        dataContainer: (id: string) => string;
+        copyButton: (id: string) => string;
     };
     networkTab: {
-        section: string;
+        container: string;
         searchInput: string;
-        list: string;
         clearButton: string;
+        list: string;
+        statsBar: string;
+    };
+    networkItem: {
+        /** Dynamic: backstage.network-item.{id} */
+        container: (id: string) => string;
+        methodBadge: (id: string) => string;
+        statusBadge: (id: string) => string;
+        url: (id: string) => string;
+        sectionTab: (id: string, section: string) => string;
+        curlButton: (id: string) => string;
+    };
+    flagsTab: {
+        container: string;
+        searchInput: string;
+        statsBar: string;
+        list: string;
+        /** Dynamic: backstage.flag.{key} — applied to the Switch */
+        flagSwitch: (key: string) => string;
+        flagLabel: (key: string) => string;
+        flagRow: (key: string) => string;
+    };
+    storageTab: {
+        container: string;
+        searchInput: string;
+        addButton: string;
+        addForm: string;
+        addKeyInput: string;
+        addValueInput: string;
+        addSubmitButton: string;
+        statsBar: string;
+        list: string;
+        /** Dynamic: backstage.storage.entry.{key} */
+        entryRow: (key: string) => string;
+        entryEditButton: (key: string) => string;
+        entryDeleteButton: (key: string) => string;
+        entryEditInput: (key: string) => string;
+        entrySaveButton: (key: string) => string;
+        entryCancelButton: (key: string) => string;
     };
 };
 //# sourceMappingURL=constants.d.ts.map

package/lib/typescript/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAM7C,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAA;AAID,eAAO,MAAM,SAAS,EAAE,cAmBvB,CAAA;AAID,eAAO,MAAM,UAAU,EAAE,cAmBxB,CAAA;AAED,eAAO,MAAM,gBAAgB,MAAM,CAAA;AAInC,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,6BAA6B,QAAQ,CAAA;AAIlD,eAAO,MAAM,aAAa,QAGxB,CAAA;AAIF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BnB,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAM7C,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAA;AAID,eAAO,MAAM,SAAS,EAAE,cAmBvB,CAAA;AAID,eAAO,MAAM,UAAU,EAAE,cAmBxB,CAAA;AAED,eAAO,MAAM,gBAAgB,MAAM,CAAA;AAInC,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,6BAA6B,QAAQ,CAAA;AAIlD,eAAO,MAAM,aAAa,QAGxB,CAAA;AAIF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;QAgChB,6CAA6C;8BACvB,MAAM;;;;;;;;;;QAc5B,uCAAuC;wBACvB,MAAM;oBACV,MAAM;sBACJ,MAAM;wBACJ,MAAM;4BACF,MAAM;yBACT,MAAM;;;;;;;;;;QAcvB,2CAA2C;wBAC3B,MAAM;0BACJ,MAAM;0BACN,MAAM;kBACd,MAAM;yBACC,MAAM,WAAW,MAAM;yBACvB,MAAM;;;;;;;QASvB,4DAA4D;0BAC1C,MAAM;yBACP,MAAM;uBACR,MAAM;;;;;;;;;;;;QAcrB,6CAA6C;wBAC7B,MAAM;+BACC,MAAM;iCACJ,MAAM;8BACT,MAAM;+BACL,MAAM;iCACJ,MAAM;;CAElC,CAAA"}

package/lib/typescript/index.d.ts

@@ -1,6 +1,17 @@
 export { Backstage } from './Backstage';
-export type { BackstageProps, BackstageRef, BackstageTab, BackstageStyleOverrides, BackstageTheme, QuickAction, FeatureFlag, AppInfoItem, LogEntry, NetworkEntry, } from './types';
+export type { BackstageProps, BackstageRef, BackstageTab, BackstageStyleOverrides, BackstageTheme, QuickAction, FeatureFlag, StorageAdapter, AppInfoItem, LogEntry, NetworkEntry, } from './types';
 export { LogLevel, NetworkState } from './types';
 export { TestIDs, DarkTheme, LightTheme } from './constants';
 export type { ThemePreference } from './ThemeContext';
+export { BackstagePanel } from './components/BackstagePanel';
+export { FloatingPill } from './components/FloatingPill';
+export { TabBar } from './components/TabBar';
+export { InfoTab } from './components/InfoTab';
+export { LogsTab } from './components/LogsTab';
+export { LogItem } from './components/LogItem';
+export { NetworkTab } from './components/NetworkTab';
+export { NetworkItem } from './components/NetworkItem';
+export { FlagsTab } from './components/FlagsTab';
+export { StorageTab } from './components/StorageTab';
+export { JsonTreeView } from './components/JsonTreeView';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,YAAY,EACV,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,uBAAuB,EACvB,cAAc,EACd,WAAW,EACX,WAAW,EACX,WAAW,EACX,QAAQ,EACR,YAAY,GACb,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC5D,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,YAAY,EACV,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,uBAAuB,EACvB,cAAc,EACd,WAAW,EACX,WAAW,EACX,cAAc,EACd,WAAW,EACX,QAAQ,EACR,YAAY,GACb,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC5D,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAIrD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA"}

package/lib/typescript/types.d.ts

@@ -58,6 +58,16 @@ export interface FeatureFlag {
     /** Optional description shown below the label */
     description?: string;
 }
+export interface StorageAdapter {
+    /** Return all stored keys */
+    getAllKeys: () => Promise<string[]>;
+    /** Get value for a key. Return null if not found */
+    getItem: (key: string) => Promise<string | null>;
+    /** Set a value for a key */
+    setItem: (key: string, value: string) => Promise<void>;
+    /** Remove an entry by key */
+    removeItem: (key: string) => Promise<void>;
+}
 export interface BackstageTab {
     key: string;
     title: string;
@@ -105,6 +115,8 @@ export interface BackstageProps {
     featureFlags?: FeatureFlag[];
     /** Callback when a feature flag is toggled */
     onToggleFeatureFlag?: (key: string, value: boolean) => void;
+    /** Storage adapter for the Storage Viewer tab (AsyncStorage, MMKV, etc.) */
+    storageAdapter?: StorageAdapter;
     /** Maximum number of logs to retain in memory. Default: 500 */
     maxLogs?: number;
     /** Log messages containing these strings will be excluded */
@@ -123,6 +135,10 @@ export interface BackstageProps {
     initialY?: number;
     /** Text displayed on the floating pill. Defaults to appVersion or "DEV" */
     pillText?: string;
+    /** Width of the floating pill. Default: 60 */
+    pillWidth?: number;
+    /** Height of the floating pill. Default: 32 */
+    pillHeight?: number;
     /** Whether to enable network request interception. Default: true */
     enableNetworkInspector?: boolean;
     /** Maximum number of network entries to retain in memory. Default: 500 */

package/lib/typescript/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAInE,oBAAY,QAAQ;IAClB,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,QAAQ,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;CAClB;AAID,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,YAAY,CAAA;CACpB;AAID,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAID,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAID,MAAM,WAAW,WAAW;IAC1B,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,oBAAoB;IACpB,KAAK,EAAE,OAAO,CAAA;IACd,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAID,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,SAAS,CAAA;CACxB;AAID,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,CAAA;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAID,MAAM,WAAW,cAAc;IAC7B,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,6FAA6F;IAC7F,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAEjC,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,WAAW,EAAE,CAAA;IAE1B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAE/B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAE5B,oDAAoD;IACpD,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAE5B,8CAA8C;IAC9C,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAE3D,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IAErB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC,kDAAkD;IAClD,SAAS,CAAC,EAAE,YAAY,EAAE,CAAA;IAE1B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,uBAAuB,CAAA;IAEhC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAEhC,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B,uFAAuF;IACvF,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IAEzB,oHAAoH;IACpH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B,gGAAgG;IAChG,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACjC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACvC,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACxC,sBAAsB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC7C,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACxC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACvC;AAID,MAAM,WAAW,YAAY;IAC3B,+BAA+B;IAC/B,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,gCAAgC;IAChC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,8BAA8B;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-backstage",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "A zero-dependency developer/QA debug panel for React Native apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -16,6 +16,8 @@
     "!**/.*"
   ],
   "scripts": {
+    "example:ios": "cd example && npx expo run:ios",
+    "example:android": "cd example && npx expo run:android",
     "typecheck": "tsc --noEmit",
     "lint": "prettier --write \"**/*.{js,ts,tsx}\" && eslint \"**/*.{js,ts,tsx}\"",
     "prepack": "bob build",
@@ -44,12 +46,12 @@
     "access": "public"
   },
   "devDependencies": {
-    "@types/react": "~18.3.0",
+    "@types/react": "~19.2.10",
     "del-cli": "^6.0.0",
     "eslint": "^9.0.0",
     "prettier": "^3.0.0",
-    "react": "18.3.1",
-    "react-native": "^0.78.0",
+    "react": "19.2.0",
+    "react-native": "0.83.4",
     "react-native-builder-bob": "^0.35.0",
     "release-it": "^18.0.0",
     "typescript": "^5.0.0",

package/src/Backstage.tsx

@@ -34,6 +34,7 @@ export const Backstage = forwardRef<BackstageRef, BackstageProps>(
       quickActions,
       featureFlags,
       onToggleFeatureFlag,
+      storageAdapter,
       maxLogs = DEFAULT_MAX_LOGS,
       logFilters,
       onCopyLogs,
@@ -43,6 +44,8 @@ export const Backstage = forwardRef<BackstageRef, BackstageProps>(
       initialX,
       initialY,
       pillText,
+      pillWidth,
+      pillHeight,
       enableNetworkInspector = true,
       maxNetworkEntries = DEFAULT_MAX_NETWORK_ENTRIES,
       maxNetworkBodySize,
@@ -164,6 +167,8 @@ export const Backstage = forwardRef<BackstageRef, BackstageProps>(
             onPress={openPanel}
             initialX={initialX}
             initialY={initialY}
+            pillWidth={pillWidth}
+            pillHeight={pillHeight}
             styles={propStyles}
           />
           <BackstagePanel
@@ -186,6 +191,7 @@ export const Backstage = forwardRef<BackstageRef, BackstageProps>(
             onCopyNetwork={onCopyLogs}
             extraTabs={extraTabs}
             jsonMaxDepth={jsonMaxDepth}
+            storageAdapter={storageAdapter}
             styles={propStyles}
           >
             {children}

package/src/components/BackstagePanel.tsx

@@ -15,6 +15,7 @@ import { InfoTab } from './InfoTab'
 import { LogsTab } from './LogsTab'
 import { NetworkTab } from './NetworkTab'
 import { FlagsTab } from './FlagsTab'
+import { StorageTab } from './StorageTab'
 import type {
   AppInfoItem,
   BackstageStyleOverrides,
@@ -23,6 +24,7 @@ import type {
   LogEntry,
   NetworkEntry,
   QuickAction,
+  StorageAdapter,
 } from '../types'
 
 // ─── Types ───────────────────────────────────────────────────────────────────
@@ -58,6 +60,9 @@ interface BackstagePanelProps {
   // JSON tree
   jsonMaxDepth?: number
 
+  // Storage
+  storageAdapter?: StorageAdapter
+
   // Styling
   styles?: BackstageStyleOverrides
   children?: React.ReactNode
@@ -72,6 +77,8 @@ const ALWAYS_ON_TABS = [
 
 const FLAGS_TAB = { key: 'flags', title: 'Flags', icon: '🎚' }
 
+const STORAGE_TAB = { key: 'storage', title: 'Storage', icon: '🗄' }
+
 const LOGS_TAB = { key: 'logs', title: 'Logs', icon: '📋' }
 
 // ─── Component ───────────────────────────────────────────────────────────────
@@ -96,6 +103,7 @@ export const BackstagePanel: React.FC<BackstagePanelProps> = ({
   onCopyNetwork,
   extraTabs = [],
   jsonMaxDepth,
+  storageAdapter,
   styles: propStyles,
   children,
 }) => {
@@ -105,9 +113,11 @@ export const BackstagePanel: React.FC<BackstagePanelProps> = ({
 
   // Compose all tabs: built-in (conditionally including Flags) + extra
   const hasFlags = featureFlags && featureFlags.length > 0
+  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 })),
   ]
@@ -133,6 +143,10 @@ export const BackstagePanel: React.FC<BackstagePanelProps> = ({
         )
       case 'flags':
         return <FlagsTab flags={featureFlags ?? []} onToggle={onToggleFeatureFlag} />
+      case 'storage':
+        return storageAdapter ? (
+          <StorageTab adapter={storageAdapter} jsonMaxDepth={jsonMaxDepth} />
+        ) : null
       case 'network':
         return (
           <NetworkTab
@@ -166,7 +180,7 @@ export const BackstagePanel: React.FC<BackstagePanelProps> = ({
 
   return (
     <Modal
-      testID={TestIDs.panel}
+      testID={TestIDs.panelModal}
       animationType="slide"
       transparent={false}
       visible={visible}
@@ -177,12 +191,17 @@ export const BackstagePanel: React.FC<BackstagePanelProps> = ({
         barStyle={theme.background < '#888' ? 'light-content' : 'dark-content'}
         backgroundColor={theme.background}
       />
-      <SafeAreaView style={[styles.safeArea, propStyles?.panelStyle]}>
+      <SafeAreaView testID={TestIDs.panel} style={[styles.safeArea, propStyles?.panelStyle]}>
         {/* ── Header ──────────────────────────────────────────── */}
-        <View style={styles.header}>
+        <View testID={TestIDs.header.container} style={styles.header}>
           <View style={styles.headerLeft}>
             <Text style={styles.headerBrand}>⚙</Text>
-            <Text style={[styles.headerTitle, propStyles?.headerTitleStyle]}>Backstage</Text>
+            <Text
+              testID={TestIDs.header.title}
+              style={[styles.headerTitle, propStyles?.headerTitleStyle]}
+            >
+              Backstage
+            </Text>
           </View>
           <TouchableOpacity
             testID={TestIDs.header.closeButton}

package/src/components/FlagsTab.tsx

@@ -79,10 +79,10 @@ export const FlagsTab: React.FC<FlagsTabProps> = ({ flags, onToggle }) => {
             <View key={flag.key}>
               <View style={s.flagRow}>
                 <View style={s.flagInfo}>
-                  <View style={s.flagHeader}>
-                    <Text style={s.flagLabel}>{flag.label}</Text>
-                    <Text style={[s.flagKey, flag.value && s.flagKeyActive]}>{flag.key}</Text>
+                <View style={s.flagHeader}>
+                    <Text style={s.flagLabel} numberOfLines={2}>{flag.label}</Text>
                   </View>
+                  <Text style={[s.flagKey, flag.value && s.flagKeyActive]}>{flag.key}</Text>
                   {flag.description && <Text style={s.flagDescription}>{flag.description}</Text>}
                 </View>
                 <Switch
@@ -169,7 +169,7 @@ const createStyles = (t: BackstageTheme) =>
       paddingHorizontal: 4,
     },
     flagInfo: { flex: 1, marginRight: 16 },
-    flagHeader: { flexDirection: 'row', alignItems: 'center', gap: 8 },
+    flagHeader: { flexDirection: 'row', alignItems: 'center' },
     flagLabel: {
       fontFamily: MonospaceFont,
       fontSize: 14,
@@ -185,6 +185,8 @@ const createStyles = (t: BackstageTheme) =>
       paddingHorizontal: 6,
       paddingVertical: 1,
       overflow: 'hidden',
+      alignSelf: 'flex-start',
+      marginTop: 4,
     },
     flagKeyActive: { color: t.accent, backgroundColor: t.accentDim },
     flagDescription: {