@buoy-gg/impersonate 7.0.41 → 7.0.43

package/lib/commonjs/impersonate/components/ImpersonateBanner.js

@@ -1,221 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImpersonateBanner = ImpersonateBanner;
-exports.ImpersonateBannerMinimal = ImpersonateBannerMinimal;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _impersonateStore = require("../utils/impersonateStore");
-var _UserAvatar = require("./UserAvatar");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * ImpersonateBanner Component
- *
- * A floating banner that shows when impersonation is active.
- * Features polished design with avatar and elegant animations.
- * Can be positioned at top or bottom of the screen.
- */
-
-/**
- * Floating banner showing impersonation status
- *
- * @example
- * ```tsx
- * function App() {
- *   return (
- *     <>
- *       <MainContent />
- *       <ImpersonateBanner
- *         position="top"
- *         offset={60}
- *         onPress={() => openImpersonateModal()}
- *       />
- *     </>
- *   );
- * }
- * ```
- */
-function ImpersonateBanner({
-  onPress,
-  onStopPress,
-  position = "top",
-  offset = 50
-}) {
-  const state = (0, _react.useSyncExternalStore)(_impersonateStore.impersonateStore.subscribe, _impersonateStore.impersonateStore.getSnapshot, _impersonateStore.impersonateStore.getSnapshot);
-
-  // Don't render if not impersonating or banner is disabled
-  if (!state.isActive || !state.currentUser || !state.showBanner) {
-    return null;
-  }
-  const handlePauseResume = async () => {
-    // eslint-disable-next-line no-console
-    console.log("[impersonate] banner pause/resume pressed");
-    if (state.isPaused) {
-      await _impersonateStore.impersonateStore.resumeImpersonation();
-    } else {
-      await _impersonateStore.impersonateStore.pauseImpersonation();
-    }
-  };
-  const displayName = state.currentUser.displayName || state.currentUser.email || state.currentUser.id;
-  const positionStyle = position === "top" ? {
-    top: offset
-  } : {
-    bottom: offset
-  };
-  const handleStop = async () => {
-    // eslint-disable-next-line no-console
-    console.log("[impersonate] banner STOP pressed");
-    await _impersonateStore.impersonateStore.stopImpersonation();
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.container, positionStyle],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.banner,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: styles.userSection,
-        onPress: onPress,
-        activeOpacity: 0.7,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserAvatar.UserAvatar, {
-          userId: state.currentUser.id,
-          name: displayName,
-          size: "small",
-          showActiveIndicator: false
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.userName, state.isPaused && styles.userNamePaused],
-          numberOfLines: 1,
-          children: displayName
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PowerToggleButton, {
-        isEnabled: !state.isPaused,
-        onToggle: handlePauseResume,
-        size: "small",
-        accessibilityLabel: "Toggle impersonation"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: styles.closeButton,
-        onPress: handleStop,
-        activeOpacity: 0.7,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-          size: 12,
-          color: "rgba(255, 255, 255, 0.5)"
-        })
-      })]
-    })
-  });
-}
-
-/**
- * Minimal banner variant - just an indicator badge
- */
-function ImpersonateBannerMinimal({
-  onPress
-}) {
-  const state = (0, _react.useSyncExternalStore)(_impersonateStore.impersonateStore.subscribe, _impersonateStore.impersonateStore.getSnapshot, _impersonateStore.impersonateStore.getSnapshot);
-  if (!state.isActive || !state.currentUser) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    style: styles.minimalBanner,
-    onPress: onPress,
-    activeOpacity: 0.8,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.minimalDot
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.minimalText,
-      children: "IMP"
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    position: "absolute",
-    left: 0,
-    right: 0,
-    alignItems: "center",
-    zIndex: 9999,
-    pointerEvents: "box-none"
-  },
-  banner: {
-    flexDirection: "row",
-    alignItems: "center",
-    backgroundColor: "rgba(20, 20, 20, 0.94)",
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.success + "40",
-    borderRadius: 22,
-    paddingVertical: 7,
-    paddingLeft: 7,
-    paddingRight: 10,
-    gap: 10,
-    marginTop: 3,
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 6
-    },
-    shadowOpacity: 0.3,
-    shadowRadius: 14,
-    elevation: 10
-  },
-  userSection: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10
-  },
-  userName: {
-    fontSize: 14,
-    fontWeight: "600",
-    color: "#fff",
-    maxWidth: 180
-  },
-  userNamePaused: {
-    opacity: 0.6
-  },
-  closeButton: {
-    width: 22,
-    height: 22,
-    borderRadius: 11,
-    backgroundColor: "rgba(128, 128, 128, 0.16)",
-    alignItems: "center",
-    justifyContent: "center",
-    marginLeft: -4
-  },
-  // Minimal variant
-  minimalBanner: {
-    position: "absolute",
-    top: 60,
-    right: 16,
-    flexDirection: "row",
-    alignItems: "center",
-    backgroundColor: "rgba(26, 26, 26, 0.92)",
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.success + "35",
-    borderRadius: 12,
-    paddingVertical: 5,
-    paddingHorizontal: 10,
-    gap: 5,
-    zIndex: 9999,
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 6,
-    elevation: 4
-  },
-  minimalDot: {
-    width: 6,
-    height: 6,
-    borderRadius: 3,
-    backgroundColor: _sharedUi.buoyColors.success
-  },
-  minimalText: {
-    fontSize: 10,
-    fontWeight: "700",
-    color: _sharedUi.buoyColors.success,
-    letterSpacing: 0.5
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ImpersonateBanner=ImpersonateBanner;exports.ImpersonateBannerMinimal=ImpersonateBannerMinimal;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _impersonateStore=require("../utils/impersonateStore");var _UserAvatar=require("./UserAvatar");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(n,a){if("function"==typeof WeakMap)var l=new WeakMap,i=new WeakMap;return(_interopRequireWildcard=function(e,c){if(!c&&e&&e.__esModule)return e;var t,o,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(t=c?i:l){if(t.has(e))return t.get(e);t.set(e,r)}for(const s in e)"default"!==s&&{}.hasOwnProperty.call(e,s)&&((o=(t=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,s))&&(o.get||o.set)?t(r,s,o):r[s]=e[s]);return r})(n,a)}function ImpersonateBanner({onPress:n,onStopPress:a,position:l="top",offset:i=50}){const e=(0,_react.useSyncExternalStore)(_impersonateStore.impersonateStore.subscribe,_impersonateStore.impersonateStore.getSnapshot,_impersonateStore.impersonateStore.getSnapshot);if(!e.isActive||!e.currentUser||!e.showBanner){return null}const c=async()=>{console.log("[impersonate] banner pause/resume pressed");if(e.isPaused){await _impersonateStore.impersonateStore.resumeImpersonation()}else{await _impersonateStore.impersonateStore.pauseImpersonation()}};const t=e.currentUser.displayName||e.currentUser.email||e.currentUser.id;const o=l==="top"?{top:i}:{bottom:i};const r=async()=>{console.log("[impersonate] banner STOP pressed");await _impersonateStore.impersonateStore.stopImpersonation()};return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.container,o],children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.banner,children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.userSection,onPress:n,activeOpacity:.7,children:[(0,_jsxRuntime.jsx)(_UserAvatar.UserAvatar,{userId:e.currentUser.id,name:t,size:"small",showActiveIndicator:false}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.userName,e.isPaused&&styles.userNamePaused],numberOfLines:1,children:t})]}),(0,_jsxRuntime.jsx)(_sharedUi.PowerToggleButton,{isEnabled:!e.isPaused,onToggle:c,size:"small",accessibilityLabel:"Toggle impersonation"}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.closeButton,onPress:r,activeOpacity:.7,children:(0,_jsxRuntime.jsx)(_sharedUi.X,{size:12,color:"rgba(255, 255, 255, 0.5)"})})]})})}function ImpersonateBannerMinimal({onPress:n}){const a=(0,_react.useSyncExternalStore)(_impersonateStore.impersonateStore.subscribe,_impersonateStore.impersonateStore.getSnapshot,_impersonateStore.impersonateStore.getSnapshot);if(!a.isActive||!a.currentUser){return null}return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.minimalBanner,onPress:n,activeOpacity:.8,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.minimalDot}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.minimalText,children:"IMP"})]})}const styles=_reactNative.StyleSheet.create({container:{position:"absolute",left:0,right:0,alignItems:"center",zIndex:9999,pointerEvents:"box-none"},banner:{flexDirection:"row",alignItems:"center",backgroundColor:"rgba(20, 20, 20, 0.94)",borderWidth:1,borderColor:_sharedUi.buoyColors.success+"40",borderRadius:22,paddingVertical:7,paddingLeft:7,paddingRight:10,gap:10,marginTop:3,shadowColor:"#000",shadowOffset:{width:0,height:6},shadowOpacity:.3,shadowRadius:14,elevation:10},userSection:{flexDirection:"row",alignItems:"center",gap:10},userName:{fontSize:14,fontWeight:"600",color:"#fff",maxWidth:180},userNamePaused:{opacity:.6},closeButton:{width:22,height:22,borderRadius:11,backgroundColor:"rgba(128, 128, 128, 0.16)",alignItems:"center",justifyContent:"center",marginLeft:-4},minimalBanner:{position:"absolute",top:60,right:16,flexDirection:"row",alignItems:"center",backgroundColor:"rgba(26, 26, 26, 0.92)",borderWidth:1,borderColor:_sharedUi.buoyColors.success+"35",borderRadius:12,paddingVertical:5,paddingHorizontal:10,gap:5,zIndex:9999,shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.2,shadowRadius:6,elevation:4},minimalDot:{width:6,height:6,borderRadius:3,backgroundColor:_sharedUi.buoyColors.success},minimalText:{fontSize:10,fontWeight:"700",color:_sharedUi.buoyColors.success,letterSpacing:.5}});

package/lib/commonjs/impersonate/components/ImpersonateHistoryList.js

@@ -1,181 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImpersonateHistoryList = ImpersonateHistoryList;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _UserCard = require("./UserCard");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * ImpersonateHistoryList Component
- *
- * List of recently impersonated users for quick switching.
- * Uses polished UserCard component for consistent styling.
- */
-
-/** Wrapper to use the useRelativeTime hook per history item */
-function HistoryItemCard({
-  item,
-  isActive,
-  onSelect,
-  onStop,
-  onRemove,
-  showRemoveButton
-}) {
-  const lastUsedTime = (0, _sharedUi.useRelativeTime)(new Date(item.lastUsedAt));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserCard.UserCard, {
-    user: item.user,
-    isActive: isActive,
-    onPress: () => !isActive && onSelect(item.user),
-    onStop: isActive ? onStop : undefined,
-    onRemove: onRemove,
-    showRemoveButton: showRemoveButton,
-    lastUsedTime: lastUsedTime
-  });
-}
-function ImpersonateHistoryList({
-  history,
-  currentUserId,
-  onSelectUser,
-  onStopImpersonation,
-  onRemoveFromHistory,
-  onClearHistory
-}) {
-  const renderHistoryItem = (0, _react.useCallback)(({
-    item
-  }) => {
-    const isActive = currentUserId === item.user.id;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(HistoryItemCard, {
-      item: item,
-      isActive: isActive,
-      onSelect: onSelectUser,
-      onStop: onStopImpersonation,
-      onRemove: onRemoveFromHistory ? () => onRemoveFromHistory(item.user.id) : undefined,
-      showRemoveButton: !!onRemoveFromHistory
-    });
-  }, [currentUserId, onSelectUser, onStopImpersonation, onRemoveFromHistory]);
-  if (history.length === 0) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
-      testID: "buoy-impersonate-history-empty"
-      // disguise = "impersonating another user" — the tool's own state,
-      // with nothing worn yet.
-      ,
-      otto: "disguise",
-      title: "No History",
-      message: "Users you impersonate will appear here for quick access"
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.headerRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.headerTitle,
-        children: "Recent"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.headerBadge,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.headerBadgeText,
-          children: history.length
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.headerSpacer
-      }), onClearHistory && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: styles.clearButton,
-        onPress: onClearHistory,
-        activeOpacity: 0.7,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
-          size: 12,
-          color: _sharedUi.night.color.textTertiary
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
-      data: history,
-      keyExtractor: item => item.user.id,
-      renderItem: renderHistoryItem,
-      ItemSeparatorComponent: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.separator
-      }),
-      contentContainerStyle: styles.listContent,
-      showsVerticalScrollIndicator: false
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    paddingHorizontal: 16
-  },
-  headerRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingVertical: 10,
-    gap: 8
-  },
-  headerTitle: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: _sharedUi.night.color.textTertiary,
-    textTransform: "uppercase",
-    letterSpacing: 0.5
-  },
-  headerBadge: {
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderRadius: 4
-  },
-  headerBadgeText: {
-    fontSize: 10,
-    fontWeight: "600",
-    color: _sharedUi.night.color.textTertiary
-  },
-  headerSpacer: {
-    flex: 1
-  },
-  clearButton: {
-    width: 24,
-    height: 24,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderRadius: 4
-  },
-  listContent: {
-    paddingBottom: 20
-  },
-  separator: {
-    height: 8
-  },
-  emptyContainer: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    paddingHorizontal: 32,
-    paddingVertical: 48
-  },
-  emptyIcon: {
-    width: 56,
-    height: 56,
-    borderRadius: 28,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    alignItems: "center",
-    justifyContent: "center",
-    marginBottom: 16
-  },
-  emptyTitle: {
-    fontSize: 16,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text,
-    marginBottom: 6
-  },
-  emptyDescription: {
-    fontSize: 14,
-    color: _sharedUi.night.color.textSecondary,
-    textAlign: "center"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ImpersonateHistoryList=ImpersonateHistoryList;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _UserCard=require("./UserCard");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(n,o){if("function"==typeof WeakMap)var s=new WeakMap,l=new WeakMap;return(_interopRequireWildcard=function(e,i){if(!i&&e&&e.__esModule)return e;var t,r,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(t=i?l:s){if(t.has(e))return t.get(e);t.set(e,a)}for(const c in e)"default"!==c&&{}.hasOwnProperty.call(e,c)&&((r=(t=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,c))&&(r.get||r.set)?t(a,c,r):a[c]=e[c]);return a})(n,o)}function HistoryItemCard({item:n,isActive:o,onSelect:s,onStop:l,onRemove:e,showRemoveButton:i}){const t=(0,_sharedUi.useRelativeTime)(new Date(n.lastUsedAt));return(0,_jsxRuntime.jsx)(_UserCard.UserCard,{user:n.user,isActive:o,onPress:()=>!o&&s(n.user),onStop:o?l:void 0,onRemove:e,showRemoveButton:i,lastUsedTime:t})}function ImpersonateHistoryList({history:n,currentUserId:o,onSelectUser:s,onStopImpersonation:l,onRemoveFromHistory:e,onClearHistory:i}){const t=(0,_react.useCallback)(({item:r})=>{const a=o===r.user.id;return(0,_jsxRuntime.jsx)(HistoryItemCard,{item:r,isActive:a,onSelect:s,onStop:l,onRemove:e?()=>e(r.user.id):void 0,showRemoveButton:!!e})},[o,s,l,e]);if(n.length===0){return(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{testID:"buoy-impersonate-history-empty",otto:"disguise",title:"No History",message:"Users you impersonate will appear here for quick access"})}return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.headerRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.headerTitle,children:"Recent"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.headerBadge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.headerBadgeText,children:n.length})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.headerSpacer}),i&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.clearButton,onPress:i,activeOpacity:.7,children:(0,_jsxRuntime.jsx)(_sharedUi.Trash2,{size:12,color:_sharedUi.night.color.textTertiary})})]}),(0,_jsxRuntime.jsx)(_reactNative.FlatList,{data:n,keyExtractor:r=>r.user.id,renderItem:t,ItemSeparatorComponent:()=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.separator}),contentContainerStyle:styles.listContent,showsVerticalScrollIndicator:false})]})}const styles=_reactNative.StyleSheet.create({container:{flex:1,paddingHorizontal:16},headerRow:{flexDirection:"row",alignItems:"center",paddingVertical:10,gap:8},headerTitle:{fontSize:12,fontWeight:"600",color:_sharedUi.night.color.textTertiary,textTransform:"uppercase",letterSpacing:.5},headerBadge:{backgroundColor:_sharedUi.night.color.surfaceElevated,paddingHorizontal:6,paddingVertical:2,borderRadius:4},headerBadgeText:{fontSize:10,fontWeight:"600",color:_sharedUi.night.color.textTertiary},headerSpacer:{flex:1},clearButton:{width:24,height:24,alignItems:"center",justifyContent:"center",backgroundColor:_sharedUi.night.color.surfaceElevated,borderRadius:4},listContent:{paddingBottom:20},separator:{height:8},emptyContainer:{flex:1,alignItems:"center",justifyContent:"center",paddingHorizontal:32,paddingVertical:48},emptyIcon:{width:56,height:56,borderRadius:28,backgroundColor:_sharedUi.night.color.surfaceElevated,alignItems:"center",justifyContent:"center",marginBottom:16},emptyTitle:{fontSize:16,fontWeight:"600",color:_sharedUi.night.color.text,marginBottom:6},emptyDescription:{fontSize:14,color:_sharedUi.night.color.textSecondary,textAlign:"center"}});