@buoy-gg/redux 2.1.11 → 2.1.13

package/lib/module/redux/components/ReduxModal.js

@@ -1,525 +1 @@
-"use strict";
-
-/**
- * Main Redux DevTools modal
- *
- * This component auto-instruments the Redux store when it mounts,
- * providing zero-config action capture for the DevTools.
- */
-
-import { useState, useMemo, useRef, useCallback } from "react";
-import { View, Text, StyleSheet, FlatList, TextInput, TouchableOpacity } from "react-native";
-import { JsModal, ModalHeader, macOSColors, buoyColors, Search, Trash2, Power, X, Zap, CheckCircle, Copy, Lock, AlertTriangle, devToolsStorageKeys, copyToClipboard, ProUpgradeModal, PowerToggleButton, TickProvider } from "@buoy-gg/shared-ui";
-import { useIsPro } from "@buoy-gg/license";
-import { useReduxActions } from "../hooks/useReduxActions";
-import { useAutoInstrumentRedux } from "../hooks/useAutoInstrumentRedux";
-import { ReduxActionItem } from "./ReduxActionItem";
-import { ReduxActionDetailContent, ReduxActionDetailFooter } from "./ReduxActionDetailContent";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/** Free tier limit for action history */
-export const FREE_TIER_ACTION_LIMIT = 25;
-function EmptyState({
-  isEnabled
-}) {
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.emptyState,
-    children: [/*#__PURE__*/_jsx(Zap, {
-      size: 32,
-      color: macOSColors.text.muted
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.emptyTitle,
-      children: "No Redux actions"
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.emptyText,
-      children: isEnabled ? "Actions will appear here as they are dispatched" : "Enable capture to start recording actions"
-    })]
-  });
-}
-export function ReduxModal({
-  visible,
-  onClose,
-  onBack,
-  onMinimize,
-  enableSharedModalDimensions = false
-}) {
-  const isPro = useIsPro();
-  const [showProModal, setShowProModal] = useState(false);
-
-  // Auto-instrument the Redux store (zero-config)
-  const {
-    isInstrumented,
-    isLoading: isInstrumentLoading,
-    error: instrumentError,
-    isReactReduxAvailable
-  } = useAutoInstrumentRedux();
-  const {
-    filteredActions,
-    filter,
-    setFilter,
-    stats,
-    clearActions,
-    isEnabled,
-    toggleCapture
-  } = useReduxActions();
-
-  // For free users, limit visible actions to FREE_TIER_ACTION_LIMIT
-  const visibleActions = useMemo(() => {
-    if (isPro) return filteredActions;
-    return filteredActions.slice(0, FREE_TIER_ACTION_LIMIT);
-  }, [filteredActions, isPro]);
-
-  // Calculate how many actions are locked
-  const lockedActionCount = useMemo(() => {
-    if (isPro) return 0;
-    return Math.max(0, filteredActions.length - FREE_TIER_ACTION_LIMIT);
-  }, [filteredActions.length, isPro]);
-  const hasLockedActions = lockedActionCount > 0;
-
-  // Selection state - track index for navigation
-  const [selectedActionIndex, setSelectedActionIndex] = useState(null);
-  const actionsRef = useRef([]);
-
-  // Keep actions ref in sync (using visible actions for navigation)
-  actionsRef.current = visibleActions;
-
-  // Get selected action from index
-  const selectedAction = selectedActionIndex !== null ? visibleActions[selectedActionIndex] : null;
-  const [searchText, setSearchText] = useState("");
-  const [isSearchActive, setIsSearchActive] = useState(false);
-  const searchInputRef = useRef(null);
-  const flatListRef = useRef(null);
-  const handleModeChange = useCallback(_mode => {
-    // Mode changes handled by JsModal
-  }, []);
-  const handleSearch = text => {
-    setSearchText(text);
-    setFilter(prev => ({
-      ...prev,
-      searchText: text
-    }));
-  };
-  const handleActionPress = useCallback(action => {
-    const index = actionsRef.current.findIndex(a => a.id === action.id);
-    setSelectedActionIndex(index >= 0 ? index : 0);
-  }, []);
-  const handleUpgradePress = useCallback(() => {
-    setShowProModal(true);
-  }, []);
-  const handleBack = useCallback(() => {
-    setSelectedActionIndex(null);
-  }, []);
-  const handleIndexChange = useCallback(newIndex => {
-    setSelectedActionIndex(newIndex);
-  }, []);
-  const handleCopyAll = async () => {
-    if (!isPro) {
-      setShowProModal(true);
-      return;
-    }
-    const actionsData = filteredActions.map(action => ({
-      id: action.id,
-      type: action.type,
-      ...(action.payload !== undefined && {
-        payload: action.payload
-      }),
-      timestamp: action.timestamp,
-      prevState: action.prevState,
-      nextState: action.nextState,
-      hasStateChange: action.hasStateChange
-    }));
-    await copyToClipboard(actionsData);
-  };
-
-  // FlatList optimization
-  const keyExtractor = useCallback(item => item.id, []);
-  const renderItem = useCallback(({
-    item
-  }) => {
-    return /*#__PURE__*/_jsx(ReduxActionItem, {
-      action: item,
-      onPress: handleActionPress
-    });
-  }, [handleActionPress]);
-  const renderHeaderContent = () => {
-    // Detail view header - show action type
-    if (selectedAction) {
-      return /*#__PURE__*/_jsxs(ModalHeader, {
-        children: [/*#__PURE__*/_jsx(ModalHeader.Navigation, {
-          onBack: handleBack
-        }), /*#__PURE__*/_jsx(ModalHeader.Content, {
-          title: selectedAction.type,
-          centered: true
-        })]
-      });
-    }
-
-    // Main list view header
-    return /*#__PURE__*/_jsxs(ModalHeader, {
-      children: [onBack && /*#__PURE__*/_jsx(ModalHeader.Navigation, {
-        onBack: onBack
-      }), /*#__PURE__*/_jsx(ModalHeader.Content, {
-        title: "",
-        children: isSearchActive ? /*#__PURE__*/_jsxs(View, {
-          style: styles.headerSearchContainer,
-          children: [/*#__PURE__*/_jsx(Search, {
-            size: 14,
-            color: macOSColors.text.secondary
-          }), /*#__PURE__*/_jsx(TextInput, {
-            ref: searchInputRef,
-            style: styles.headerSearchInput,
-            placeholder: "Search action types...",
-            placeholderTextColor: macOSColors.text.muted,
-            value: searchText,
-            onChangeText: handleSearch,
-            onSubmitEditing: () => setIsSearchActive(false),
-            onBlur: () => setIsSearchActive(false),
-            autoCapitalize: "none",
-            autoCorrect: false,
-            returnKeyType: "search"
-          }), searchText.length > 0 && /*#__PURE__*/_jsx(TouchableOpacity, {
-            onPress: () => {
-              handleSearch("");
-              setIsSearchActive(false);
-            },
-            style: styles.headerSearchClear,
-            children: /*#__PURE__*/_jsx(X, {
-              size: 14,
-              color: macOSColors.text.secondary
-            })
-          })]
-        }) : /*#__PURE__*/_jsxs(View, {
-          style: styles.headerChipRow,
-          children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
-            style: [styles.headerChip, !filter.onlyWithChanges && styles.headerChipActive],
-            onPress: () => setFilter(prev => ({
-              ...prev,
-              onlyWithChanges: false
-            })),
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: styles.headerChipLabel,
-              children: "ALL"
-            }), /*#__PURE__*/_jsx(Text, {
-              style: [styles.headerChipValue, {
-                color: macOSColors.text.primary
-              }],
-              children: stats.totalActions
-            })]
-          }), /*#__PURE__*/_jsxs(TouchableOpacity, {
-            style: [styles.headerChip, filter.onlyWithChanges && styles.headerChipActive],
-            onPress: () => setFilter(prev => ({
-              ...prev,
-              onlyWithChanges: true
-            })),
-            children: [/*#__PURE__*/_jsx(Zap, {
-              size: 12,
-              color: macOSColors.semantic.warning
-            }), /*#__PURE__*/_jsx(Text, {
-              style: [styles.headerChipValue, {
-                color: macOSColors.semantic.warning
-              }],
-              children: stats.actionsWithChanges
-            })]
-          }), /*#__PURE__*/_jsxs(View, {
-            style: styles.headerChip,
-            children: [/*#__PURE__*/_jsx(CheckCircle, {
-              size: 12,
-              color: macOSColors.semantic.success
-            }), /*#__PURE__*/_jsx(Text, {
-              style: [styles.headerChipValue, {
-                color: macOSColors.semantic.success
-              }],
-              children: stats.uniqueActionTypes
-            })]
-          })]
-        })
-      }), /*#__PURE__*/_jsxs(ModalHeader.Actions, {
-        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-          onPress: () => setIsSearchActive(true),
-          style: styles.headerActionButton,
-          children: /*#__PURE__*/_jsx(Search, {
-            size: 14,
-            color: macOSColors.text.secondary
-          })
-        }), /*#__PURE__*/_jsx(TouchableOpacity, {
-          onPress: handleCopyAll,
-          style: [styles.headerActionButton, filteredActions.length === 0 && styles.headerActionButtonDisabled],
-          disabled: filteredActions.length === 0,
-          children: /*#__PURE__*/_jsx(Copy, {
-            size: 14,
-            color: filteredActions.length > 0 ? macOSColors.text.secondary : macOSColors.text.disabled
-          })
-        }), /*#__PURE__*/_jsx(PowerToggleButton, {
-          isEnabled: isEnabled,
-          onToggle: toggleCapture,
-          accessibilityLabel: "Toggle Redux action capture"
-        }), /*#__PURE__*/_jsx(TouchableOpacity, {
-          onPress: clearActions,
-          style: [styles.headerActionButton, filteredActions.length === 0 && styles.headerActionButtonDisabled],
-          disabled: filteredActions.length === 0,
-          children: /*#__PURE__*/_jsx(Trash2, {
-            size: 14,
-            color: filteredActions.length > 0 ? macOSColors.text.muted : macOSColors.text.disabled
-          })
-        })]
-      })]
-    });
-  };
-  const persistenceKey = enableSharedModalDimensions ? devToolsStorageKeys.modal.root() : "buoy-redux-modal";
-  if (!visible) return null;
-
-  // Footer for detail view navigation
-  const footerNode = selectedAction && selectedActionIndex !== null ? /*#__PURE__*/_jsx(ReduxActionDetailFooter, {
-    action: selectedAction,
-    actions: visibleActions,
-    selectedIndex: selectedActionIndex,
-    onIndexChange: handleIndexChange
-  }) : null;
-  const footerHeight = selectedAction && visibleActions.length > 1 ? 68 : 0;
-  return /*#__PURE__*/_jsxs(TickProvider, {
-    children: [/*#__PURE__*/_jsx(JsModal, {
-      visible: visible,
-      onClose: onClose,
-      onMinimize: onMinimize,
-      persistenceKey: persistenceKey,
-      header: {
-        showToggleButton: true,
-        customContent: renderHeaderContent()
-      },
-      onModeChange: handleModeChange,
-      enablePersistence: true,
-      initialMode: "bottomSheet",
-      enableGlitchEffects: true,
-      styles: {},
-      footer: footerNode,
-      footerHeight: footerHeight,
-      children: /*#__PURE__*/_jsx(View, {
-        style: styles.container,
-        children: selectedAction && selectedActionIndex !== null ? /*#__PURE__*/_jsx(ReduxActionDetailContent, {
-          action: selectedAction,
-          actions: visibleActions,
-          selectedIndex: selectedActionIndex,
-          onIndexChange: handleIndexChange,
-          disableInternalFooter: true
-        }) : /*#__PURE__*/_jsxs(_Fragment, {
-          children: [instrumentError && !isInstrumented && /*#__PURE__*/_jsxs(View, {
-            style: styles.errorBanner,
-            children: [/*#__PURE__*/_jsx(AlertTriangle, {
-              size: 14,
-              color: macOSColors.semantic.error
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.errorText,
-              children: isReactReduxAvailable ? "Not inside a Redux Provider. Wrap your app with <Provider store={store}>." : "react-redux not installed. Run: npm install react-redux"
-            })]
-          }), !isEnabled && isInstrumented && /*#__PURE__*/_jsxs(View, {
-            style: styles.disabledBanner,
-            children: [/*#__PURE__*/_jsx(Power, {
-              size: 14,
-              color: macOSColors.semantic.warning
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.disabledText,
-              children: "Action capture is disabled"
-            })]
-          }), hasLockedActions && /*#__PURE__*/_jsxs(TouchableOpacity, {
-            style: styles.lockedBanner,
-            onPress: handleUpgradePress,
-            activeOpacity: 0.8,
-            children: [/*#__PURE__*/_jsx(Lock, {
-              size: 14,
-              color: buoyColors.primary
-            }), /*#__PURE__*/_jsxs(Text, {
-              style: styles.lockedText,
-              children: [lockedActionCount, " older ", lockedActionCount === 1 ? "action" : "actions", " locked"]
-            }), /*#__PURE__*/_jsx(View, {
-              style: styles.upgradeBadge,
-              children: /*#__PURE__*/_jsx(Text, {
-                style: styles.upgradeBadgeText,
-                children: "UPGRADE"
-              })
-            })]
-          }), visibleActions.length > 0 ? /*#__PURE__*/_jsx(FlatList, {
-            ref: flatListRef,
-            data: visibleActions,
-            renderItem: renderItem,
-            keyExtractor: keyExtractor,
-            contentContainerStyle: styles.listContent,
-            showsVerticalScrollIndicator: true,
-            removeClippedSubviews: true,
-            initialNumToRender: 15,
-            maxToRenderPerBatch: 10,
-            windowSize: 10,
-            scrollEnabled: false
-          }) : /*#__PURE__*/_jsx(EmptyState, {
-            isEnabled: isEnabled
-          })]
-        })
-      })
-    }), /*#__PURE__*/_jsx(ProUpgradeModal, {
-      visible: showProModal,
-      onClose: () => setShowProModal(false),
-      featureName: "Full Action History"
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: macOSColors.background.base
-  },
-  headerSearchContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    backgroundColor: macOSColors.background.input,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: macOSColors.border.default,
-    paddingHorizontal: 12,
-    paddingVertical: 5
-  },
-  headerSearchInput: {
-    flex: 1,
-    color: macOSColors.text.primary,
-    fontSize: 13,
-    marginLeft: 6,
-    paddingVertical: 2
-  },
-  headerSearchClear: {
-    marginLeft: 6,
-    padding: 4
-  },
-  headerChipRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  headerChip: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4,
-    backgroundColor: macOSColors.background.hover,
-    paddingHorizontal: 10,
-    paddingVertical: 5,
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: macOSColors.border.default
-  },
-  headerChipActive: {
-    backgroundColor: macOSColors.semantic.infoBackground,
-    borderColor: macOSColors.semantic.info + "50"
-  },
-  headerChipLabel: {
-    fontSize: 10,
-    fontWeight: "700",
-    color: macOSColors.text.muted
-  },
-  headerChipValue: {
-    fontSize: 12,
-    fontWeight: "600",
-    fontFamily: "monospace"
-  },
-  headerActionButton: {
-    width: 32,
-    height: 32,
-    borderRadius: 8,
-    backgroundColor: macOSColors.background.hover,
-    borderWidth: 1,
-    borderColor: macOSColors.border.default,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  headerActionButtonDisabled: {
-    opacity: 0.55
-  },
-  startButton: {
-    backgroundColor: macOSColors.semantic.successBackground,
-    borderColor: macOSColors.semantic.success + "40"
-  },
-  stopButton: {
-    backgroundColor: macOSColors.semantic.errorBackground,
-    borderColor: macOSColors.semantic.error + "40"
-  },
-  errorBanner: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    padding: 10,
-    marginHorizontal: 12,
-    marginTop: 8,
-    backgroundColor: macOSColors.semantic.errorBackground,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: macOSColors.semantic.error + "20"
-  },
-  errorText: {
-    color: macOSColors.semantic.error,
-    fontSize: 11,
-    flex: 1
-  },
-  disabledBanner: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    padding: 10,
-    marginHorizontal: 12,
-    marginTop: 8,
-    backgroundColor: macOSColors.semantic.warningBackground,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: macOSColors.semantic.warning + "20"
-  },
-  disabledText: {
-    color: macOSColors.semantic.warning,
-    fontSize: 11,
-    flex: 1
-  },
-  listContent: {
-    paddingTop: 8,
-    paddingBottom: 20
-  },
-  emptyState: {
-    alignItems: "center",
-    paddingVertical: 40
-  },
-  emptyTitle: {
-    color: macOSColors.text.primary,
-    fontSize: 14,
-    fontWeight: "600",
-    marginTop: 12,
-    marginBottom: 6
-  },
-  emptyText: {
-    color: macOSColors.text.muted,
-    fontSize: 12,
-    textAlign: "center"
-  },
-  // Locked actions banner styles
-  lockedBanner: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    padding: 10,
-    marginHorizontal: 12,
-    marginTop: 8,
-    backgroundColor: buoyColors.primary + "15",
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: buoyColors.primary + "33"
-  },
-  lockedText: {
-    color: buoyColors.primary,
-    fontSize: 11,
-    fontWeight: "500",
-    flex: 1
-  },
-  upgradeBadge: {
-    backgroundColor: buoyColors.primary,
-    paddingHorizontal: 8,
-    paddingVertical: 3,
-    borderRadius: 4
-  },
-  upgradeBadgeText: {
-    color: "#fff",
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.5
-  }
-});
+"use strict";import{useState,useMemo,useRef,useCallback}from"react";import{View,Text,StyleSheet,FlatList,TextInput,TouchableOpacity}from"react-native";import{JsModal,ModalHeader,macOSColors,buoyColors,Search,Trash2,Power,X,Zap,CheckCircle,Copy,Lock,AlertTriangle,devToolsStorageKeys,copyToClipboard,ProUpgradeModal,PowerToggleButton,TickProvider}from"@buoy-gg/shared-ui";import{useIsPro}from"@buoy-gg/license";import{useReduxActions}from"../hooks/useReduxActions";import{useAutoInstrumentRedux}from"../hooks/useAutoInstrumentRedux";import{ReduxActionItem}from"./ReduxActionItem";import{ReduxActionDetailContent,ReduxActionDetailFooter}from"./ReduxActionDetailContent";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";export const FREE_TIER_ACTION_LIMIT=25;function EmptyState({isEnabled:e}){return _jsxs(View,{style:styles.emptyState,children:[_jsx(Zap,{size:32,color:macOSColors.text.muted}),_jsx(Text,{style:styles.emptyTitle,children:"No Redux actions"}),_jsx(Text,{style:styles.emptyText,children:e?"Actions will appear here as they are dispatched":"Enable capture to start recording actions"})]})}export function ReduxModal({visible:e,onClose:o,onBack:t,onMinimize:r,enableSharedModalDimensions:a=!1}){const s=useIsPro(),[l,n]=useState(!1),{isInstrumented:i,isLoading:c,error:d,isReactReduxAvailable:u}=useAutoInstrumentRedux(),{filteredActions:h,filter:m,setFilter:x,stats:g,clearActions:C,isEnabled:p,toggleCapture:y}=useReduxActions(),b=useMemo(()=>s?h:h.slice(0,25),[h,s]),S=useMemo(()=>s?0:Math.max(0,h.length-25),[h.length,s]),f=S>0,[T,_]=useState(null),j=useRef([]);j.current=b;const O=null!==T?b[T]:null,[k,A]=useState(""),[R,w]=useState(!1),B=useRef(null),I=useRef(null),z=useCallback(e=>{},[]),v=e=>{A(e),x(o=>({...o,searchText:e}))},P=useCallback(e=>{const o=j.current.findIndex(o=>o.id===e.id);_(o>=0?o:0)},[]),M=useCallback(()=>{n(!0)},[]),V=useCallback(()=>{_(null)},[]),W=useCallback(e=>{_(e)},[]),D=useCallback(e=>e.id,[]),E=useCallback(({item:e})=>_jsx(ReduxActionItem,{action:e,onPress:P}),[P]),H=a?devToolsStorageKeys.modal.root():"buoy-redux-modal";if(!e)return null;const L=O&&null!==T?_jsx(ReduxActionDetailFooter,{action:O,actions:b,selectedIndex:T,onIndexChange:W}):null,F=O&&b.length>1?68:0;return _jsxs(TickProvider,{children:[_jsx(JsModal,{visible:e,onClose:o,onMinimize:r,persistenceKey:H,header:{showToggleButton:!0,customContent:_jsxs(ModalHeader,O?{children:[_jsx(ModalHeader.Navigation,{onBack:V}),_jsx(ModalHeader.Content,{title:O.type,centered:!0})]}:{children:[t&&_jsx(ModalHeader.Navigation,{onBack:t}),_jsx(ModalHeader.Content,{title:"",children:_jsxs(View,R?{style:styles.headerSearchContainer,children:[_jsx(Search,{size:14,color:macOSColors.text.secondary}),_jsx(TextInput,{ref:B,style:styles.headerSearchInput,placeholder:"Search action types...",placeholderTextColor:macOSColors.text.muted,value:k,onChangeText:v,onSubmitEditing:()=>w(!1),onBlur:()=>w(!1),autoCapitalize:"none",autoCorrect:!1,returnKeyType:"search"}),k.length>0&&_jsx(TouchableOpacity,{onPress:()=>{v(""),w(!1)},style:styles.headerSearchClear,children:_jsx(X,{size:14,color:macOSColors.text.secondary})})]}:{style:styles.headerChipRow,children:[_jsxs(TouchableOpacity,{style:[styles.headerChip,!m.onlyWithChanges&&styles.headerChipActive],onPress:()=>x(e=>({...e,onlyWithChanges:!1})),children:[_jsx(Text,{style:styles.headerChipLabel,children:"ALL"}),_jsx(Text,{style:[styles.headerChipValue,{color:macOSColors.text.primary}],children:g.totalActions})]}),_jsxs(TouchableOpacity,{style:[styles.headerChip,m.onlyWithChanges&&styles.headerChipActive],onPress:()=>x(e=>({...e,onlyWithChanges:!0})),children:[_jsx(Zap,{size:12,color:macOSColors.semantic.warning}),_jsx(Text,{style:[styles.headerChipValue,{color:macOSColors.semantic.warning}],children:g.actionsWithChanges})]}),_jsxs(View,{style:styles.headerChip,children:[_jsx(CheckCircle,{size:12,color:macOSColors.semantic.success}),_jsx(Text,{style:[styles.headerChipValue,{color:macOSColors.semantic.success}],children:g.uniqueActionTypes})]})]})}),_jsxs(ModalHeader.Actions,{children:[_jsx(TouchableOpacity,{onPress:()=>w(!0),style:styles.headerActionButton,children:_jsx(Search,{size:14,color:macOSColors.text.secondary})}),_jsx(TouchableOpacity,{onPress:async()=>{if(!s)return void n(!0);const e=h.map(e=>({id:e.id,type:e.type,...void 0!==e.payload&&{payload:e.payload},timestamp:e.timestamp,prevState:e.prevState,nextState:e.nextState,hasStateChange:e.hasStateChange}));await copyToClipboard(e)},style:[styles.headerActionButton,0===h.length&&styles.headerActionButtonDisabled],disabled:0===h.length,children:_jsx(Copy,{size:14,color:h.length>0?macOSColors.text.secondary:macOSColors.text.disabled})}),_jsx(PowerToggleButton,{isEnabled:p,onToggle:y,accessibilityLabel:"Toggle Redux action capture"}),_jsx(TouchableOpacity,{onPress:C,style:[styles.headerActionButton,0===h.length&&styles.headerActionButtonDisabled],disabled:0===h.length,children:_jsx(Trash2,{size:14,color:h.length>0?macOSColors.text.muted:macOSColors.text.disabled})})]})]})},onModeChange:z,enablePersistence:!0,initialMode:"bottomSheet",enableGlitchEffects:!0,styles:{},footer:L,footerHeight:F,children:_jsx(View,{style:styles.container,children:O&&null!==T?_jsx(ReduxActionDetailContent,{action:O,actions:b,selectedIndex:T,onIndexChange:W,disableInternalFooter:!0}):_jsxs(_Fragment,{children:[d&&!i&&_jsxs(View,{style:styles.errorBanner,children:[_jsx(AlertTriangle,{size:14,color:macOSColors.semantic.error}),_jsx(Text,{style:styles.errorText,children:u?"Not inside a Redux Provider. Wrap your app with <Provider store={store}>.":"react-redux not installed. Run: npm install react-redux"})]}),!p&&i&&_jsxs(View,{style:styles.disabledBanner,children:[_jsx(Power,{size:14,color:macOSColors.semantic.warning}),_jsx(Text,{style:styles.disabledText,children:"Action capture is disabled"})]}),f&&_jsxs(TouchableOpacity,{style:styles.lockedBanner,onPress:M,activeOpacity:.8,children:[_jsx(Lock,{size:14,color:buoyColors.primary}),_jsxs(Text,{style:styles.lockedText,children:[S," older ",1===S?"action":"actions"," locked"]}),_jsx(View,{style:styles.upgradeBadge,children:_jsx(Text,{style:styles.upgradeBadgeText,children:"UPGRADE"})})]}),b.length>0?_jsx(FlatList,{ref:I,data:b,renderItem:E,keyExtractor:D,contentContainerStyle:styles.listContent,showsVerticalScrollIndicator:!0,removeClippedSubviews:!0,initialNumToRender:15,maxToRenderPerBatch:10,windowSize:10,scrollEnabled:!1}):_jsx(EmptyState,{isEnabled:p})]})})}),_jsx(ProUpgradeModal,{visible:l,onClose:()=>n(!1),featureName:"Full Action History"})]})}const styles=StyleSheet.create({container:{flex:1,backgroundColor:macOSColors.background.base},headerSearchContainer:{flexDirection:"row",alignItems:"center",backgroundColor:macOSColors.background.input,borderRadius:10,borderWidth:1,borderColor:macOSColors.border.default,paddingHorizontal:12,paddingVertical:5},headerSearchInput:{flex:1,color:macOSColors.text.primary,fontSize:13,marginLeft:6,paddingVertical:2},headerSearchClear:{marginLeft:6,padding:4},headerChipRow:{flexDirection:"row",alignItems:"center",gap:8},headerChip:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:macOSColors.background.hover,paddingHorizontal:10,paddingVertical:5,borderRadius:12,borderWidth:1,borderColor:macOSColors.border.default},headerChipActive:{backgroundColor:macOSColors.semantic.infoBackground,borderColor:macOSColors.semantic.info+"50"},headerChipLabel:{fontSize:10,fontWeight:"700",color:macOSColors.text.muted},headerChipValue:{fontSize:12,fontWeight:"600",fontFamily:"monospace"},headerActionButton:{width:32,height:32,borderRadius:8,backgroundColor:macOSColors.background.hover,borderWidth:1,borderColor:macOSColors.border.default,alignItems:"center",justifyContent:"center"},headerActionButtonDisabled:{opacity:.55},startButton:{backgroundColor:macOSColors.semantic.successBackground,borderColor:macOSColors.semantic.success+"40"},stopButton:{backgroundColor:macOSColors.semantic.errorBackground,borderColor:macOSColors.semantic.error+"40"},errorBanner:{flexDirection:"row",alignItems:"center",gap:8,padding:10,marginHorizontal:12,marginTop:8,backgroundColor:macOSColors.semantic.errorBackground,borderRadius:8,borderWidth:1,borderColor:macOSColors.semantic.error+"20"},errorText:{color:macOSColors.semantic.error,fontSize:11,flex:1},disabledBanner:{flexDirection:"row",alignItems:"center",gap:8,padding:10,marginHorizontal:12,marginTop:8,backgroundColor:macOSColors.semantic.warningBackground,borderRadius:8,borderWidth:1,borderColor:macOSColors.semantic.warning+"20"},disabledText:{color:macOSColors.semantic.warning,fontSize:11,flex:1},listContent:{paddingTop:8,paddingBottom:20},emptyState:{alignItems:"center",paddingVertical:40},emptyTitle:{color:macOSColors.text.primary,fontSize:14,fontWeight:"600",marginTop:12,marginBottom:6},emptyText:{color:macOSColors.text.muted,fontSize:12,textAlign:"center"},lockedBanner:{flexDirection:"row",alignItems:"center",gap:8,padding:10,marginHorizontal:12,marginTop:8,backgroundColor:buoyColors.primary+"15",borderRadius:8,borderWidth:1,borderColor:buoyColors.primary+"33"},lockedText:{color:buoyColors.primary,fontSize:11,fontWeight:"500",flex:1},upgradeBadge:{backgroundColor:buoyColors.primary,paddingHorizontal:8,paddingVertical:3,borderRadius:4},upgradeBadgeText:{color:"#fff",fontSize:9,fontWeight:"700",letterSpacing:.5}});

package/lib/module/redux/components/index.js

@@ -1,7 +1 @@
-"use strict";
-
-export { ReduxModal, FREE_TIER_ACTION_LIMIT } from "./ReduxModal";
-export { ReduxActionItem } from "./ReduxActionItem";
-export { ReduxActionDetailView } from "./ReduxActionDetailView";
-export { ReduxActionDetailContent, ReduxActionDetailFooter } from "./ReduxActionDetailContent";
-export { ReduxIcon } from "./ReduxIcon";
+"use strict";export{ReduxModal,FREE_TIER_ACTION_LIMIT}from"./ReduxModal";export{ReduxActionItem}from"./ReduxActionItem";export{ReduxActionDetailView}from"./ReduxActionDetailView";export{ReduxActionDetailContent,ReduxActionDetailFooter}from"./ReduxActionDetailContent";export{ReduxIcon}from"./ReduxIcon";

package/lib/module/redux/hooks/index.js

@@ -1,4 +1 @@
-"use strict";
-
-export { useReduxActions } from "./useReduxActions";
-export { useAutoInstrumentRedux, useReduxAvailability } from "./useAutoInstrumentRedux";
+"use strict";export{useReduxActions}from"./useReduxActions";export{useAutoInstrumentRedux,useReduxAvailability}from"./useAutoInstrumentRedux";