@buoy-gg/network 7.0.33 → 7.0.34

package/lib/commonjs/network/components/NetworkCopySettingsView.js

@@ -546,62 +546,16 @@ function NetworkCopySettingsView({
   const generatePreviewContent = (0, _react.useCallback)(() => {
     const dataSource = hasLiveData ? events : [mockRequestData];
     const requestCount = dataSource.length;
-
-    // Collapsed state - show summary with expand button
-    if (!isPreviewExpanded) {
-      const warningColor = sizeWarningLevel === 'danger' ? _sharedUi.macOSColors.semantic.error : sizeWarningLevel === 'warning' ? _sharedUi.macOSColors.semantic.warning : _sharedUi.macOSColors.text.secondary;
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.collapsedPreview,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          style: styles.expandButton,
-          onPress: () => setIsPreviewExpanded(true),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.expandButtonContent,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Eye, {
-              size: 16,
-              color: _sharedUi.macOSColors.semantic.info
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: styles.expandButtonTextContainer,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.expandButtonTitle,
-                children: "Show Preview"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-                style: styles.expandButtonSubtitle,
-                children: [requestCount, " request", requestCount !== 1 ? 's' : '', " \u2022 ~", formatBytes(estimatedSize)]
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronDown, {
-              size: 16,
-              color: _sharedUi.macOSColors.text.muted
-            })]
-          })
-        }), sizeWarningLevel !== 'none' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: [styles.sizeWarning, sizeWarningLevel === 'danger' && styles.sizeWarningDanger],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
-            size: 12,
-            color: warningColor
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.sizeWarningText, {
-              color: warningColor
-            }],
-            children: sizeWarningLevel === 'danger' ? 'Very large payload - may cause performance issues' : 'Large payload - preview may be slow'
-          })]
-        })]
-      });
-    }
-
-    // Expanded state - show collapse button + actual content
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: styles.collapseButton,
-        onPress: () => setIsPreviewExpanded(false),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.collapseButtonText,
-          children: "Hide Preview"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronUp, {
-          size: 14,
-          color: _sharedUi.macOSColors.text.secondary
-        })]
-      }), generateExpandedPreviewContent()]
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ExportPreview, {
+      expanded: isPreviewExpanded,
+      onExpandedChange: setIsPreviewExpanded,
+      summary: `${requestCount} request${requestCount !== 1 ? "s" : ""} • ~${formatBytes(estimatedSize)}`,
+      warningLevel: sizeWarningLevel,
+      warningText: {
+        warning: "Large payload - preview may be slow",
+        danger: "Very large payload - may cause performance issues"
+      },
+      renderBody: generateExpandedPreviewContent
     });
   }, [settings, hasLiveData, events, mockRequestData, isPreviewExpanded, estimatedSize, sizeWarningLevel, generateExpandedPreviewContent]);
 
@@ -790,71 +744,6 @@ const styles = _reactNative.StyleSheet.create({
     marginRight: 8
   },
   // Collapsible preview styles
-  collapsedPreview: {
-    gap: 8
-  },
-  expandButton: {
-    backgroundColor: _sharedUi.macOSColors.background.input,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.default,
-    padding: 12
-  },
-  expandButtonContent: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 10
-  },
-  expandButtonTextContainer: {
-    flex: 1
-  },
-  expandButtonTitle: {
-    fontSize: 13,
-    fontWeight: '600',
-    color: _sharedUi.macOSColors.text.primary
-  },
-  expandButtonSubtitle: {
-    fontSize: 11,
-    color: _sharedUi.macOSColors.text.secondary,
-    marginTop: 2
-  },
-  collapseButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: 6,
-    paddingVertical: 8,
-    marginBottom: 8,
-    backgroundColor: _sharedUi.macOSColors.background.hover,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.default
-  },
-  collapseButtonText: {
-    fontSize: 12,
-    fontWeight: '500',
-    color: _sharedUi.macOSColors.text.secondary
-  },
-  sizeWarning: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 6,
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    backgroundColor: _sharedUi.macOSColors.semantic.warningBackground,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.semantic.warning + '30'
-  },
-  sizeWarningDanger: {
-    backgroundColor: _sharedUi.macOSColors.semantic.errorBackground,
-    borderColor: _sharedUi.macOSColors.semantic.error + '30'
-  },
-  sizeWarningText: {
-    fontSize: 11,
-    fontWeight: '500',
-    flex: 1
-  },
   // Gated container styles for free users
   gatedContainer: {
     flex: 1,

package/lib/commonjs/network/components/NetworkListScreen.js

@@ -282,10 +282,8 @@ function NetworkListScreen({
       showsVerticalScrollIndicator: true
       // Clipped cells falsely fail Detox's hittability check (known
       // RN+Detox issue), so e2e bundles (Metro started with
-      // EXPO_PUBLIC_E2E=1) turn clipping off. Inlined at bundle time;
-      // guarded so a non-inlining bundler keeps the prod behavior.
+      // EXPO_PUBLIC_E2E=1) turn clipping off — see EVENT_LIST_PRESET.
       ,
-      removeClippedSubviews: !(typeof process !== "undefined" && process.env?.EXPO_PUBLIC_E2E),
       onEndReachedThreshold: 0.8
       // The list OWNS scrolling (NetworkModal passes
       // disableScrollWrapper while this screen is visible) so FlatList
@@ -294,18 +292,14 @@ function NetworkListScreen({
       // rows: at the store's 500-event cap that measured 17 JS FPS /
       // 133% CPU / 1.4GB vs ~53 JS FPS / 52% / 360MB virtualized
       // (buoy-optimize batch 2026-07-06, batch-1783396983529-6l7w).
-      // Window/batch values are the batch's "tuned" winner.
+      // Window/batch values are the batch's "tuned" winner (EVENT_LIST_PRESET).
       ,
       scrollEnabled: true,
-      initialNumToRender: 12,
-      maxToRenderPerBatch: 8,
-      windowSize: 5,
-      updateCellsBatchingPeriod: 50
+      ..._sharedUi.EVENT_LIST_PRESET,
       // Saving a request from the detail view changes a row's glyph
       // without changing `data`. VirtualizedList is a PureComponent, so
       // the Set has to be declared as a re-render marker rather than
       // relying on `renderItem` getting a fresh identity.
-      ,
       extraData: savedLiveIds,
       "sentry-label": "ignore network events list",
       ListFooterComponent: renderListFooter

package/lib/commonjs/network/components/NetworkModal.js

@@ -452,53 +452,24 @@ function NetworkModalInner({
         onBack: onBack
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
         title: "",
-        children: isSearchActive ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.headerSearchContainer,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
-            size: 14,
-            color: _sharedUi.night.color.textSecondary
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-            ref: searchInputRef,
-            style: styles.headerSearchInput,
-            placeholder: "Search URL, method, operation, error...",
-            placeholderTextColor: _sharedUi.night.color.placeholder,
-            value: searchText,
-            onChangeText: handleSearch,
-            onSubmitEditing: () => setIsSearchActive(false),
-            onBlur: () => {
-              if (!clearPressRef.current) setIsSearchActive(false);
-            },
-            "sentry-label": "ignore network search header",
-            accessibilityLabel: "Search network requests",
-            testID: "buoy-network-search-input",
-            autoCapitalize: "none",
-            autoCorrect: false,
-            returnKeyType: "search"
-          }), searchText.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity
-          // react-native-web delays press-in ~50ms by default (native
-          // fires it immediately), which would put it AFTER the blur.
-          , {
-            delayPressIn: 0,
-            onPressIn: () => {
-              clearPressRef.current = true;
-            },
-            onPressOut: () => {
-              clearPressRef.current = false;
-            },
-            onPress: () => {
-              handleSearch("");
-              setIsSearchActive(false);
-            },
-            "sentry-label": "ignore clear search header",
-            style: styles.headerSearchClear,
-            accessibilityRole: "button",
-            accessibilityLabel: "Clear search",
-            testID: "buoy-network-search-clear",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-              size: 14,
-              color: _sharedUi.night.color.textSecondary
-            })
-          }) : null]
+        children: isSearchActive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Search, {
+          value: searchText,
+          onChangeText: handleSearch,
+          onCancel: () => {
+            handleSearch("");
+            setIsSearchActive(false);
+          },
+          onDismiss: () => setIsSearchActive(false),
+          dismissOnBlur: true,
+          clearOnlyWhenText: true,
+          placeholder: "Search URL, method, operation, error...",
+          accessibilityLabel: "Search network requests",
+          iconSize: 14,
+          testID: "buoy-network-search-input",
+          clearTestID: "buoy-network-search-clear",
+          inputProps: {
+            "sentry-label": "ignore network search header"
+          }
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkHeaderLive.NetworkHeaderBadges, {
           activeStatus: filter.status,
           onToggleStatus: toggleStatusFilter,
@@ -743,27 +714,6 @@ const styles = _reactNative.StyleSheet.create({
   },
   // Night chrome — the header is glass over the star field, so the search
   // field and action chips sit on the Everlights dark-glass fill.
-  headerSearchContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderRadius: _sharedUi.night.radius.row,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    paddingHorizontal: 12,
-    paddingVertical: 5
-  },
-  headerSearchInput: {
-    flex: 1,
-    color: _sharedUi.night.color.text,
-    fontSize: 13,
-    marginLeft: 6,
-    paddingVertical: 2
-  },
-  headerSearchClear: {
-    marginLeft: 6,
-    padding: 4
-  },
   menuCopyRow: {
     paddingHorizontal: 6
   },

package/lib/commonjs/network/components/NetworkSavedScreen.js

@@ -154,11 +154,8 @@ function NetworkSavedScreen({
       keyExtractor: keyExtractor,
       contentContainerStyle: styles.listContent,
       showsVerticalScrollIndicator: true,
-      removeClippedSubviews: true,
       scrollEnabled: true,
-      initialNumToRender: 12,
-      maxToRenderPerBatch: 8,
-      windowSize: 5,
+      ..._sharedUi.EVENT_LIST_PRESET,
       extraData: pinnedLiveIds,
       "sentry-label": "ignore saved requests list",
       ListFooterComponent: renderListFooter

package/lib/commonjs/preset.js

@@ -3,8 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createNetworkTool = createNetworkTool;
-exports.networkToolPreset = void 0;
+exports.networkToolPreset = exports.createNetworkTool = void 0;
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _NetworkModal = require("./network/components/NetworkModal");
 var _overrideRulesStore = require("./network/overrides/overrideRulesStore");
@@ -66,7 +65,7 @@ if (isReactNativeRuntime && typeof __DEV__ !== "undefined" && __DEV__) {
  * - Filter by status, method, URL
  * - Timing information
  */
-const networkToolPreset = exports.networkToolPreset = {
+const networkToolPreset = exports.networkToolPreset = (0, _sharedUi.defineToolPreset)({
   id: "network",
   name: "NET",
   description: "Network request logger",
@@ -80,7 +79,7 @@ const networkToolPreset = exports.networkToolPreset = {
   props: {
     enableSharedModalDimensions: false
   }
-};
+});
 
 /**
  * Create a custom network monitoring tool configuration.
@@ -97,20 +96,6 @@ const networkToolPreset = exports.networkToolPreset = {
  * });
  * ```
  */
-function createNetworkTool(options) {
-  return {
-    id: options?.id || "network",
-    name: options?.name || "NET",
-    description: options?.description || "Network request logger",
-    slot: "both",
-    icon: ({
-      size
-    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NetworkIcon, {
-      size: size
-    }),
-    component: _NetworkModal.NetworkModal,
-    props: {
-      enableSharedModalDimensions: options?.enableSharedModalDimensions !== undefined ? options.enableSharedModalDimensions : false
-    }
-  };
-}
+const createNetworkTool = exports.createNetworkTool = (0, _sharedUi.createToolFactory)(networkToolPreset, options => ({
+  enableSharedModalDimensions: options.enableSharedModalDimensions ?? false
+}));

package/lib/module/network/components/NetworkCopySettingsView.js

@@ -1,11 +1,11 @@
 "use strict";
 
-import { DynamicFilterView, macOSColors, FileText, FileCode, Link, Zap, Settings, Hash, Eye, ChevronDown, ChevronUp, AlertTriangle, ToolbarCopyButton, formatRelativeTime, useFeatureGate, ProFeatureBanner } from "@buoy-gg/shared-ui";
+import { DynamicFilterView, macOSColors, FileText, FileCode, Link, Zap, Settings, Hash, Eye, ToolbarCopyButton, formatRelativeTime, useFeatureGate, ProFeatureBanner, ExportPreview } from "@buoy-gg/shared-ui";
 import { DataViewer } from "@buoy-gg/shared-ui/dataViewer";
 import { useCallback, useMemo, useState } from "react";
-import { Text, StyleSheet, ScrollView, View, TouchableOpacity } from "react-native";
+import { Text, StyleSheet, ScrollView, View } from "react-native";
 import { useTickEveryMinute } from "../hooks/useTickEveryMinute";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export const DEFAULT_COPY_SETTINGS = {
   includeMethod: true,
   includeStatus: true,
@@ -541,62 +541,16 @@ export function NetworkCopySettingsView({
   const generatePreviewContent = useCallback(() => {
     const dataSource = hasLiveData ? events : [mockRequestData];
     const requestCount = dataSource.length;
-
-    // Collapsed state - show summary with expand button
-    if (!isPreviewExpanded) {
-      const warningColor = sizeWarningLevel === 'danger' ? macOSColors.semantic.error : sizeWarningLevel === 'warning' ? macOSColors.semantic.warning : macOSColors.text.secondary;
-      return /*#__PURE__*/_jsxs(View, {
-        style: styles.collapsedPreview,
-        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-          style: styles.expandButton,
-          onPress: () => setIsPreviewExpanded(true),
-          children: /*#__PURE__*/_jsxs(View, {
-            style: styles.expandButtonContent,
-            children: [/*#__PURE__*/_jsx(Eye, {
-              size: 16,
-              color: macOSColors.semantic.info
-            }), /*#__PURE__*/_jsxs(View, {
-              style: styles.expandButtonTextContainer,
-              children: [/*#__PURE__*/_jsx(Text, {
-                style: styles.expandButtonTitle,
-                children: "Show Preview"
-              }), /*#__PURE__*/_jsxs(Text, {
-                style: styles.expandButtonSubtitle,
-                children: [requestCount, " request", requestCount !== 1 ? 's' : '', " \u2022 ~", formatBytes(estimatedSize)]
-              })]
-            }), /*#__PURE__*/_jsx(ChevronDown, {
-              size: 16,
-              color: macOSColors.text.muted
-            })]
-          })
-        }), sizeWarningLevel !== 'none' && /*#__PURE__*/_jsxs(View, {
-          style: [styles.sizeWarning, sizeWarningLevel === 'danger' && styles.sizeWarningDanger],
-          children: [/*#__PURE__*/_jsx(AlertTriangle, {
-            size: 12,
-            color: warningColor
-          }), /*#__PURE__*/_jsx(Text, {
-            style: [styles.sizeWarningText, {
-              color: warningColor
-            }],
-            children: sizeWarningLevel === 'danger' ? 'Very large payload - may cause performance issues' : 'Large payload - preview may be slow'
-          })]
-        })]
-      });
-    }
-
-    // Expanded state - show collapse button + actual content
-    return /*#__PURE__*/_jsxs(View, {
-      children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
-        style: styles.collapseButton,
-        onPress: () => setIsPreviewExpanded(false),
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.collapseButtonText,
-          children: "Hide Preview"
-        }), /*#__PURE__*/_jsx(ChevronUp, {
-          size: 14,
-          color: macOSColors.text.secondary
-        })]
-      }), generateExpandedPreviewContent()]
+    return /*#__PURE__*/_jsx(ExportPreview, {
+      expanded: isPreviewExpanded,
+      onExpandedChange: setIsPreviewExpanded,
+      summary: `${requestCount} request${requestCount !== 1 ? "s" : ""} • ~${formatBytes(estimatedSize)}`,
+      warningLevel: sizeWarningLevel,
+      warningText: {
+        warning: "Large payload - preview may be slow",
+        danger: "Very large payload - may cause performance issues"
+      },
+      renderBody: generateExpandedPreviewContent
     });
   }, [settings, hasLiveData, events, mockRequestData, isPreviewExpanded, estimatedSize, sizeWarningLevel, generateExpandedPreviewContent]);
 
@@ -785,71 +739,6 @@ const styles = StyleSheet.create({
     marginRight: 8
   },
   // Collapsible preview styles
-  collapsedPreview: {
-    gap: 8
-  },
-  expandButton: {
-    backgroundColor: macOSColors.background.input,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: macOSColors.border.default,
-    padding: 12
-  },
-  expandButtonContent: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 10
-  },
-  expandButtonTextContainer: {
-    flex: 1
-  },
-  expandButtonTitle: {
-    fontSize: 13,
-    fontWeight: '600',
-    color: macOSColors.text.primary
-  },
-  expandButtonSubtitle: {
-    fontSize: 11,
-    color: macOSColors.text.secondary,
-    marginTop: 2
-  },
-  collapseButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: 6,
-    paddingVertical: 8,
-    marginBottom: 8,
-    backgroundColor: macOSColors.background.hover,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: macOSColors.border.default
-  },
-  collapseButtonText: {
-    fontSize: 12,
-    fontWeight: '500',
-    color: macOSColors.text.secondary
-  },
-  sizeWarning: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 6,
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    backgroundColor: macOSColors.semantic.warningBackground,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: macOSColors.semantic.warning + '30'
-  },
-  sizeWarningDanger: {
-    backgroundColor: macOSColors.semantic.errorBackground,
-    borderColor: macOSColors.semantic.error + '30'
-  },
-  sizeWarningText: {
-    fontSize: 11,
-    fontWeight: '500',
-    flex: 1
-  },
   // Gated container styles for free users
   gatedContainer: {
     flex: 1,

package/lib/module/network/components/NetworkListScreen.js

@@ -14,7 +14,7 @@
 
 import { useCallback } from "react";
 import { FlatList, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { FlaskConical, Pin, Power, macOSColors, ToolEmptyState, resolveListEmptyState } from "@buoy-gg/shared-ui";
+import { FlaskConical, Pin, Power, macOSColors, ToolEmptyState, resolveListEmptyState, EVENT_LIST_PRESET } from "@buoy-gg/shared-ui";
 import { NetworkEventItemCompact } from "./NetworkEventItemCompact";
 import { NetworkUpgradeBanner } from "./NetworkUpgradeBanner";
 import { useNetworkEventList } from "../hooks/useNetworkEventList";
@@ -278,10 +278,8 @@ export function NetworkListScreen({
       showsVerticalScrollIndicator: true
       // Clipped cells falsely fail Detox's hittability check (known
       // RN+Detox issue), so e2e bundles (Metro started with
-      // EXPO_PUBLIC_E2E=1) turn clipping off. Inlined at bundle time;
-      // guarded so a non-inlining bundler keeps the prod behavior.
+      // EXPO_PUBLIC_E2E=1) turn clipping off — see EVENT_LIST_PRESET.
       ,
-      removeClippedSubviews: !(typeof process !== "undefined" && process.env?.EXPO_PUBLIC_E2E),
       onEndReachedThreshold: 0.8
       // The list OWNS scrolling (NetworkModal passes
       // disableScrollWrapper while this screen is visible) so FlatList
@@ -290,18 +288,14 @@ export function NetworkListScreen({
       // rows: at the store's 500-event cap that measured 17 JS FPS /
       // 133% CPU / 1.4GB vs ~53 JS FPS / 52% / 360MB virtualized
       // (buoy-optimize batch 2026-07-06, batch-1783396983529-6l7w).
-      // Window/batch values are the batch's "tuned" winner.
+      // Window/batch values are the batch's "tuned" winner (EVENT_LIST_PRESET).
       ,
       scrollEnabled: true,
-      initialNumToRender: 12,
-      maxToRenderPerBatch: 8,
-      windowSize: 5,
-      updateCellsBatchingPeriod: 50
+      ...EVENT_LIST_PRESET,
       // Saving a request from the detail view changes a row's glyph
       // without changing `data`. VirtualizedList is a PureComponent, so
       // the Set has to be declared as a re-render marker rather than
       // relying on `renderItem` getting a fresh identity.
-      ,
       extraData: savedLiveIds,
       "sentry-label": "ignore network events list",
       ListFooterComponent: renderListFooter

package/lib/module/network/components/NetworkModal.js

@@ -1,8 +1,8 @@
 "use strict";
 
 import { useState, useRef, useEffect, useCallback } from "react";
-import { View, StyleSheet, TouchableOpacity, TextInput } from "react-native";
-import { Search, Filter, Bookmark, X, JsModal, ModalHeader, devToolsStorageKeys, macOSColors, night, persistentStorage, NightSegmented, useFeatureGate, UpgradeModal, PowerToggleButton, useIgnoredPatterns, windowDragProps } from "@buoy-gg/shared-ui";
+import { View, StyleSheet, TouchableOpacity } from "react-native";
+import { Search, Filter, Bookmark, JsModal, ModalHeader, devToolsStorageKeys, macOSColors, night, persistentStorage, NightSegmented, useFeatureGate, UpgradeModal, PowerToggleButton, useIgnoredPatterns, windowDragProps } from "@buoy-gg/shared-ui";
 import { NetworkFilterViewV3 } from "./NetworkFilterViewV3";
 import { TickProvider } from "../hooks/useTickEveryMinute";
 import { NetworkEventDetailView } from "./NetworkEventDetailView";
@@ -447,53 +447,24 @@ function NetworkModalInner({
         onBack: onBack
       }), /*#__PURE__*/_jsx(ModalHeader.Content, {
         title: "",
-        children: isSearchActive ? /*#__PURE__*/_jsxs(View, {
-          style: styles.headerSearchContainer,
-          children: [/*#__PURE__*/_jsx(Search, {
-            size: 14,
-            color: night.color.textSecondary
-          }), /*#__PURE__*/_jsx(TextInput, {
-            ref: searchInputRef,
-            style: styles.headerSearchInput,
-            placeholder: "Search URL, method, operation, error...",
-            placeholderTextColor: night.color.placeholder,
-            value: searchText,
-            onChangeText: handleSearch,
-            onSubmitEditing: () => setIsSearchActive(false),
-            onBlur: () => {
-              if (!clearPressRef.current) setIsSearchActive(false);
-            },
-            "sentry-label": "ignore network search header",
-            accessibilityLabel: "Search network requests",
-            testID: "buoy-network-search-input",
-            autoCapitalize: "none",
-            autoCorrect: false,
-            returnKeyType: "search"
-          }), searchText.length > 0 ? /*#__PURE__*/_jsx(TouchableOpacity
-          // react-native-web delays press-in ~50ms by default (native
-          // fires it immediately), which would put it AFTER the blur.
-          , {
-            delayPressIn: 0,
-            onPressIn: () => {
-              clearPressRef.current = true;
-            },
-            onPressOut: () => {
-              clearPressRef.current = false;
-            },
-            onPress: () => {
-              handleSearch("");
-              setIsSearchActive(false);
-            },
-            "sentry-label": "ignore clear search header",
-            style: styles.headerSearchClear,
-            accessibilityRole: "button",
-            accessibilityLabel: "Clear search",
-            testID: "buoy-network-search-clear",
-            children: /*#__PURE__*/_jsx(X, {
-              size: 14,
-              color: night.color.textSecondary
-            })
-          }) : null]
+        children: isSearchActive ? /*#__PURE__*/_jsx(ModalHeader.Search, {
+          value: searchText,
+          onChangeText: handleSearch,
+          onCancel: () => {
+            handleSearch("");
+            setIsSearchActive(false);
+          },
+          onDismiss: () => setIsSearchActive(false),
+          dismissOnBlur: true,
+          clearOnlyWhenText: true,
+          placeholder: "Search URL, method, operation, error...",
+          accessibilityLabel: "Search network requests",
+          iconSize: 14,
+          testID: "buoy-network-search-input",
+          clearTestID: "buoy-network-search-clear",
+          inputProps: {
+            "sentry-label": "ignore network search header"
+          }
         }) : /*#__PURE__*/_jsx(NetworkHeaderBadges, {
           activeStatus: filter.status,
           onToggleStatus: toggleStatusFilter,
@@ -738,27 +709,6 @@ const styles = StyleSheet.create({
   },
   // Night chrome — the header is glass over the star field, so the search
   // field and action chips sit on the Everlights dark-glass fill.
-  headerSearchContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    backgroundColor: night.color.surfaceElevated,
-    borderRadius: night.radius.row,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    paddingHorizontal: 12,
-    paddingVertical: 5
-  },
-  headerSearchInput: {
-    flex: 1,
-    color: night.color.text,
-    fontSize: 13,
-    marginLeft: 6,
-    paddingVertical: 2
-  },
-  headerSearchClear: {
-    marginLeft: 6,
-    padding: 4
-  },
   menuCopyRow: {
     paddingHorizontal: 6
   },

package/lib/module/network/components/NetworkSavedScreen.js

@@ -19,7 +19,7 @@
 
 import { useState } from "react";
 import { FlatList, StyleSheet, Text, TextInput, View, TouchableOpacity } from "react-native";
-import { Bookmark, CopyButton, Search, macOSColors, useLimit, ToolEmptyState, resolveListEmptyState } from "@buoy-gg/shared-ui";
+import { Bookmark, CopyButton, Search, macOSColors, useLimit, ToolEmptyState, resolveListEmptyState, EVENT_LIST_PRESET } from "@buoy-gg/shared-ui";
 import { NetworkEventItemCompact } from "./NetworkEventItemCompact";
 import { NetworkUpgradeBanner } from "./NetworkUpgradeBanner";
 import { generateNetworkCopyText } from "../utils/generateNetworkCopyText";
@@ -150,11 +150,8 @@ export function NetworkSavedScreen({
       keyExtractor: keyExtractor,
       contentContainerStyle: styles.listContent,
       showsVerticalScrollIndicator: true,
-      removeClippedSubviews: true,
       scrollEnabled: true,
-      initialNumToRender: 12,
-      maxToRenderPerBatch: 8,
-      windowSize: 5,
+      ...EVENT_LIST_PRESET,
       extraData: pinnedLiveIds,
       "sentry-label": "ignore saved requests list",
       ListFooterComponent: renderListFooter

package/lib/module/preset.js

@@ -17,7 +17,7 @@
  * ```
  */
 
-import { NetworkIcon } from "@buoy-gg/shared-ui";
+import { NetworkIcon, createToolFactory, defineToolPreset } from "@buoy-gg/shared-ui";
 import { NetworkModal } from "./network/components/NetworkModal";
 import { overrideRulesStore } from "./network/overrides/overrideRulesStore";
 import { networkEventStore } from "./network/utils/networkEventStore";
@@ -63,7 +63,7 @@ if (isReactNativeRuntime && typeof __DEV__ !== "undefined" && __DEV__) {
  * - Filter by status, method, URL
  * - Timing information
  */
-export const networkToolPreset = {
+export const networkToolPreset = defineToolPreset({
   id: "network",
   name: "NET",
   description: "Network request logger",
@@ -77,7 +77,7 @@ export const networkToolPreset = {
   props: {
     enableSharedModalDimensions: false
   }
-};
+});
 
 /**
  * Create a custom network monitoring tool configuration.
@@ -94,20 +94,6 @@ export const networkToolPreset = {
  * });
  * ```
  */
-export function createNetworkTool(options) {
-  return {
-    id: options?.id || "network",
-    name: options?.name || "NET",
-    description: options?.description || "Network request logger",
-    slot: "both",
-    icon: ({
-      size
-    }) => /*#__PURE__*/_jsx(NetworkIcon, {
-      size: size
-    }),
-    component: NetworkModal,
-    props: {
-      enableSharedModalDimensions: options?.enableSharedModalDimensions !== undefined ? options.enableSharedModalDimensions : false
-    }
-  };
-}
+export const createNetworkTool = createToolFactory(networkToolPreset, options => ({
+  enableSharedModalDimensions: options.enableSharedModalDimensions ?? false
+}));

package/lib/typescript/network/components/NetworkCopySettingsView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkCopySettingsView.d.ts","sourceRoot":"","sources":["../../../../src/network/components/NetworkCopySettingsView.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,MAAM,WAAW,YAAY;IAE3B,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IAGvB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,sBAAsB,EAAE,OAAO,CAAC;IAGhC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,iBAAiB,EAAE,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;IAGtC,MAAM,EAAE,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IAG1C,UAAU,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC1C;AAED,eAAO,MAAM,qBAAqB,EAAE,YAenC,CAAC;AAsEF,UAAU,4BAA4B;IACpC,QAAQ,EAAE,YAAY,CAAC;IACvB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;CACzB;AAwBD,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,gBAAgB,EAChB,MAAW,GACZ,EAAE,4BAA4B,+BAssB9B"}
+{"version":3,"file":"NetworkCopySettingsView.d.ts","sourceRoot":"","sources":["../../../../src/network/components/NetworkCopySettingsView.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,MAAM,WAAW,YAAY;IAE3B,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IAGvB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,sBAAsB,EAAE,OAAO,CAAC;IAGhC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,iBAAiB,EAAE,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;IAGtC,MAAM,EAAE,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IAG1C,UAAU,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC1C;AAED,eAAO,MAAM,qBAAqB,EAAE,YAenC,CAAC;AAsEF,UAAU,4BAA4B;IACpC,QAAQ,EAAE,YAAY,CAAC;IACvB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;CACzB;AAwBD,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,gBAAgB,EAChB,MAAW,GACZ,EAAE,4BAA4B,+BAypB9B"}

package/lib/typescript/network/components/NetworkListScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkListScreen.d.ts","sourceRoot":"","sources":["../../../../src/network/components/NetworkListScreen.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EAML,KAAK,cAAc,EAGpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA6I5D,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,aAAa,CAAC;IACtB,eAAe,EAAE,SAAS,cAAc,EAAE,CAAC;IAC3C,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,YAAY,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,MAAM,EACN,MAAM,EACN,eAAe,EACf,KAAK,EACL,UAAU,EACV,YAAY,EACZ,cAAc,GACf,EAAE,sBAAsB,sCA6LxB"}
+{"version":3,"file":"NetworkListScreen.d.ts","sourceRoot":"","sources":["../../../../src/network/components/NetworkListScreen.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EAML,KAAK,cAAc,EAIpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA6I5D,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,aAAa,CAAC;IACtB,eAAe,EAAE,SAAS,cAAc,EAAE,CAAC;IAC3C,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,YAAY,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,MAAM,EACN,MAAM,EACN,eAAe,EACf,KAAK,EACL,UAAU,EACV,YAAY,EACZ,cAAc,GACf,EAAE,sBAAsB,sCAsLxB"}

package/lib/typescript/network/components/NetworkModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkModal.d.ts","sourceRoot":"","sources":["../../../../src/network/components/NetworkModal.tsx"],"names":[],"mappings":"AAwEA,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AA+4BD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAMpD;AAED,MAAM,WAAW,oBAAoB;IACnC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,KAAK,GAAE,oBAAyB,+BAa/D"}
+{"version":3,"file":"NetworkModal.d.ts","sourceRoot":"","sources":["../../../../src/network/components/NetworkModal.tsx"],"names":[],"mappings":"AAwEA,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AA81BD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAMpD;AAED,MAAM,WAAW,oBAAoB;IACnC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,KAAK,GAAE,oBAAyB,+BAa/D"}

package/lib/typescript/network/components/NetworkSavedScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkSavedScreen.d.ts","sourceRoot":"","sources":["../../../../src/network/components/NetworkSavedScreen.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAcH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAQ9D,UAAU,uBAAuB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,wEAAwE;IACxE,YAAY,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,KAAK,EACL,YAAY,EACZ,MAAM,EAAE,UAAU,EAClB,cAAc,EACd,YAAY,EACZ,cAAc,GACf,EAAE,uBAAuB,sCAgJzB"}
+{"version":3,"file":"NetworkSavedScreen.d.ts","sourceRoot":"","sources":["../../../../src/network/components/NetworkSavedScreen.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAeH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAQ9D,UAAU,uBAAuB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,wEAAwE;IACxE,YAAY,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,KAAK,EACL,YAAY,EACZ,MAAM,EAAE,UAAU,EAClB,cAAc,EACd,YAAY,EACZ,cAAc,GACf,EAAE,uBAAuB,sCA6IzB"}

package/lib/typescript/preset.d.ts

@@ -51,16 +51,10 @@ export declare const networkToolPreset: {
  * });
  * ```
  */
-export declare function createNetworkTool(options?: {
-    /** Tool name (default: "NET") */
-    name?: string;
-    /** Tool description */
-    description?: string;
-    /** Custom tool ID (default: "network") */
-    id?: string;
+export declare const createNetworkTool: (options?: ({
     /** Enable shared modal dimensions */
     enableSharedModalDimensions?: boolean;
-}): {
+} & import("@buoy-gg/shared-ui").ToolPresetOverrides) | undefined) => {
     id: string;
     name: string;
     description: string;

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

@@ -1 +1 @@
-{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/preset.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAqCjE;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB;;;;;qBAKX;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;;;;;CAKlC,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,CAAC,EAAE;IAC1C,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qCAAqC;IACrC,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;;;;;qBAMoB;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;;;;;EASpC"}
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/preset.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAqCjE;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB;;;;;qBAKX;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;;;;;CAKjC,CAAC;AAEH;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB;IAG1B,qCAAqC;kCACP,OAAO;;;;;;qBA1BtB;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;;;;;CA8BlC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/network",
-  "version": "7.0.33",
+  "version": "7.0.34",
   "description": "In-app network inspector for React Native — requests, responses, timing & errors live, with GraphQL operation parsing. Part of Buoy devtools.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,7 +26,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/shared-ui": "^7.0.33"
+    "@buoy-gg/shared-ui": "^7.0.34"
   },
   "peerDependencies": {
     "react": "*",