@buoy-gg/shared-ui 7.0.40 → 7.0.42

package/lib/commonjs/ui/components/EventHistoryViewer/CompareBar.js

@@ -1,211 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CompareBar = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _macOSDesignSystemColors = require("../../gameUI/constants/macOSDesignSystemColors.js");
-var _lucideIcons = require("../../../icons/lucide-icons.js");
-var _fonts = require("../../fonts.js");
-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); }
-/**
- * CompareBar
- *
- * Displays PREV/CUR comparison metadata for diff view.
- * Shows event labels, timestamps, badges, and optional navigation controls.
- * This is a dumb component - all state is controlled externally.
- */
-
-/**
- * CompareBar displays a side-by-side comparison of two events
- * with optional navigation controls for any-to-any compare mode.
- */
-const CompareBar = exports.CompareBar = /*#__PURE__*/(0, _react.memo)(function CompareBar({
-  leftEvent,
-  rightEvent,
-  showNavigation = false,
-  onLeftPrevious,
-  onLeftNext,
-  onRightPrevious,
-  onRightNext,
-  canLeftPrevious = false,
-  canLeftNext = false,
-  canRightPrevious = false,
-  canRightNext = false,
-  onLeftPress,
-  onRightPress
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.side,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.labelRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.label, styles.labelPrev],
-          children: "PREV"
-        }), leftEvent.badge]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.controls,
-        children: [showNavigation && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          onPress: onLeftPrevious,
-          disabled: !canLeftPrevious,
-          style: [styles.navBtn, !canLeftPrevious && styles.navBtnDisabled],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.ChevronLeft, {
-            size: 14,
-            color: canLeftPrevious ? _macOSDesignSystemColors.macOSColors.text.secondary : _macOSDesignSystemColors.macOSColors.text.muted
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-          style: styles.meta,
-          onPress: onLeftPress,
-          disabled: !onLeftPress,
-          activeOpacity: onLeftPress ? 0.8 : 1,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.index,
-            children: leftEvent.label
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.time,
-            children: leftEvent.timestamp
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: styles.relative,
-            children: ["(", leftEvent.relativeTime, ")"]
-          })]
-        }), showNavigation && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          onPress: onLeftNext,
-          disabled: !canLeftNext,
-          style: [styles.navBtn, !canLeftNext && styles.navBtnDisabled],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.ChevronRight, {
-            size: 14,
-            color: canLeftNext ? _macOSDesignSystemColors.macOSColors.text.secondary : _macOSDesignSystemColors.macOSColors.text.muted
-          })
-        })]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.divider
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.side,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.labelRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.label, styles.labelCur],
-          children: "CUR"
-        }), rightEvent.badge]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.controls,
-        children: [showNavigation && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          onPress: onRightPrevious,
-          disabled: !canRightPrevious,
-          style: [styles.navBtn, !canRightPrevious && styles.navBtnDisabled],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.ChevronLeft, {
-            size: 14,
-            color: canRightPrevious ? _macOSDesignSystemColors.macOSColors.text.secondary : _macOSDesignSystemColors.macOSColors.text.muted
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-          style: styles.meta,
-          onPress: onRightPress,
-          disabled: !onRightPress,
-          activeOpacity: onRightPress ? 0.8 : 1,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.index,
-            children: rightEvent.label
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.time,
-            children: rightEvent.timestamp
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: styles.relative,
-            children: ["(", rightEvent.relativeTime, ")"]
-          })]
-        }), showNavigation && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          onPress: onRightNext,
-          disabled: !canRightNext,
-          style: [styles.navBtn, !canRightNext && styles.navBtnDisabled],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.ChevronRight, {
-            size: 14,
-            color: canRightNext ? _macOSDesignSystemColors.macOSColors.text.secondary : _macOSDesignSystemColors.macOSColors.text.muted
-          })
-        })]
-      })]
-    })]
-  });
-});
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    backgroundColor: _macOSDesignSystemColors.macOSColors.background.card,
-    borderWidth: 1,
-    borderColor: _macOSDesignSystemColors.macOSColors.border.default,
-    borderRadius: 6,
-    paddingHorizontal: 8,
-    paddingVertical: 6,
-    marginBottom: 8,
-    gap: 8
-  },
-  side: {
-    flex: 1
-  },
-  labelRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    marginBottom: 2
-  },
-  label: {
-    fontSize: 10,
-    fontFamily: _fonts.monoFont,
-    fontWeight: "700",
-    letterSpacing: 0.5,
-    textTransform: "uppercase"
-  },
-  labelPrev: {
-    color: _macOSDesignSystemColors.macOSColors.semantic.debug
-  },
-  labelCur: {
-    color: _macOSDesignSystemColors.macOSColors.semantic.success
-  },
-  controls: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6
-  },
-  navBtn: {
-    width: 26,
-    height: 26,
-    borderRadius: 6,
-    backgroundColor: _macOSDesignSystemColors.macOSColors.background.card,
-    borderWidth: 1,
-    borderColor: _macOSDesignSystemColors.macOSColors.border.default,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  navBtnDisabled: {
-    opacity: 0.4
-  },
-  meta: {
-    flex: 1
-  },
-  index: {
-    fontSize: 10,
-    color: _macOSDesignSystemColors.macOSColors.text.secondary,
-    fontFamily: _fonts.monoFont
-  },
-  time: {
-    fontSize: 11,
-    color: _macOSDesignSystemColors.macOSColors.text.primary,
-    fontFamily: _fonts.monoFont
-  },
-  relative: {
-    fontSize: 10,
-    color: _macOSDesignSystemColors.macOSColors.text.secondary,
-    fontFamily: _fonts.monoFont
-  },
-  divider: {
-    width: 1,
-    height: 34,
-    backgroundColor: _macOSDesignSystemColors.macOSColors.background.input
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.CompareBar=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _macOSDesignSystemColors=require("../../gameUI/constants/macOSDesignSystemColors.js");var _lucideIcons=require("../../../icons/lucide-icons.js");var _fonts=require("../../fonts.js");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(x,l){if("function"==typeof WeakMap)var s=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,n){if(!n&&e&&e.__esModule)return e;var o,i,t={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return t;if(o=n?a:s){if(o.has(e))return o.get(e);o.set(e,t)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(i.get||i.set)?o(t,r,i):t[r]=e[r]);return t})(x,l)}const CompareBar=exports.CompareBar=(0,_react.memo)(function x({leftEvent:l,rightEvent:s,showNavigation:a=false,onLeftPrevious:e,onLeftNext:n,onRightPrevious:o,onRightNext:i,canLeftPrevious:t=false,canLeftNext:r=false,canRightPrevious:c=false,canRightNext:d=false,onLeftPress:m,onRightPress:u}){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.side,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.labelRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.label,styles.labelPrev],children:"PREV"}),l.badge]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.controls,children:[a&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:e,disabled:!t,style:[styles.navBtn,!t&&styles.navBtnDisabled],children:(0,_jsxRuntime.jsx)(_lucideIcons.ChevronLeft,{size:14,color:t?_macOSDesignSystemColors.macOSColors.text.secondary:_macOSDesignSystemColors.macOSColors.text.muted})}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.meta,onPress:m,disabled:!m,activeOpacity:m?.8:1,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.index,children:l.label}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.time,children:l.timestamp}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.relative,children:["(",l.relativeTime,")"]})]}),a&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:n,disabled:!r,style:[styles.navBtn,!r&&styles.navBtnDisabled],children:(0,_jsxRuntime.jsx)(_lucideIcons.ChevronRight,{size:14,color:r?_macOSDesignSystemColors.macOSColors.text.secondary:_macOSDesignSystemColors.macOSColors.text.muted})})]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.divider}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.side,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.labelRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.label,styles.labelCur],children:"CUR"}),s.badge]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.controls,children:[a&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:o,disabled:!c,style:[styles.navBtn,!c&&styles.navBtnDisabled],children:(0,_jsxRuntime.jsx)(_lucideIcons.ChevronLeft,{size:14,color:c?_macOSDesignSystemColors.macOSColors.text.secondary:_macOSDesignSystemColors.macOSColors.text.muted})}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.meta,onPress:u,disabled:!u,activeOpacity:u?.8:1,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.index,children:s.label}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.time,children:s.timestamp}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.relative,children:["(",s.relativeTime,")"]})]}),a&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:i,disabled:!d,style:[styles.navBtn,!d&&styles.navBtnDisabled],children:(0,_jsxRuntime.jsx)(_lucideIcons.ChevronRight,{size:14,color:d?_macOSDesignSystemColors.macOSColors.text.secondary:_macOSDesignSystemColors.macOSColors.text.muted})})]})]})]})});const styles=_reactNative.StyleSheet.create({container:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:_macOSDesignSystemColors.macOSColors.background.card,borderWidth:1,borderColor:_macOSDesignSystemColors.macOSColors.border.default,borderRadius:6,paddingHorizontal:8,paddingVertical:6,marginBottom:8,gap:8},side:{flex:1},labelRow:{flexDirection:"row",alignItems:"center",gap:6,marginBottom:2},label:{fontSize:10,fontFamily:_fonts.monoFont,fontWeight:"700",letterSpacing:.5,textTransform:"uppercase"},labelPrev:{color:_macOSDesignSystemColors.macOSColors.semantic.debug},labelCur:{color:_macOSDesignSystemColors.macOSColors.semantic.success},controls:{flexDirection:"row",alignItems:"center",gap:6},navBtn:{width:26,height:26,borderRadius:6,backgroundColor:_macOSDesignSystemColors.macOSColors.background.card,borderWidth:1,borderColor:_macOSDesignSystemColors.macOSColors.border.default,alignItems:"center",justifyContent:"center"},navBtnDisabled:{opacity:.4},meta:{flex:1},index:{fontSize:10,color:_macOSDesignSystemColors.macOSColors.text.secondary,fontFamily:_fonts.monoFont},time:{fontSize:11,color:_macOSDesignSystemColors.macOSColors.text.primary,fontFamily:_fonts.monoFont},relative:{fontSize:10,color:_macOSDesignSystemColors.macOSColors.text.secondary,fontFamily:_fonts.monoFont},divider:{width:1,height:34,backgroundColor:_macOSDesignSystemColors.macOSColors.background.input}});

package/lib/commonjs/ui/components/EventHistoryViewer/DiffModeTabs.js

@@ -1,99 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DiffModeTabs = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _macOSDesignSystemColors = require("../../gameUI/constants/macOSDesignSystemColors.js");
-var _fonts = require("../../fonts.js");
-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); }
-/**
- * DiffModeTabs
- *
- * Tab bar for switching between diff visualization modes.
- * Examples: "SPLIT VIEW" / "TREE VIEW" or "CAUSE" / "PROPS" / "STATE"
- * This is a dumb component - all state is controlled externally.
- */
-
-/**
- * DiffModeTabs displays a horizontal tab bar for switching
- * between different diff visualization modes.
- */
-const DiffModeTabs = exports.DiffModeTabs = /*#__PURE__*/(0, _react.memo)(function DiffModeTabs({
-  tabs,
-  activeTab,
-  onTabChange,
-  testIDPrefix
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.container,
-    children: tabs.map(tab => {
-      const isActive = activeTab === tab.key;
-      const isDisabled = tab.disabled === true;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: [styles.tab, isActive && styles.tabActive, isDisabled && styles.tabDisabled],
-        onPress: () => !isDisabled && onTabChange(tab.key),
-        activeOpacity: isDisabled ? 1 : 0.7,
-        disabled: isDisabled,
-        testID: testIDPrefix ? `${testIDPrefix}-${tab.key}` : undefined,
-        accessibilityRole: "button",
-        accessibilityLabel: tab.label,
-        accessibilityState: {
-          selected: isActive,
-          disabled: isDisabled
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.tabText, isActive && styles.tabTextActive, isDisabled && styles.tabTextDisabled],
-          children: tab.label
-        })
-      }, tab.key);
-    })
-  });
-});
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-around",
-    backgroundColor: _macOSDesignSystemColors.macOSColors.background.card,
-    borderWidth: 1,
-    borderColor: _macOSDesignSystemColors.macOSColors.border.default,
-    borderRadius: 6,
-    paddingHorizontal: 4,
-    paddingVertical: 4,
-    marginBottom: 8,
-    gap: 4
-  },
-  tab: {
-    flex: 1,
-    paddingVertical: 8,
-    paddingHorizontal: 12,
-    borderRadius: 4,
-    alignItems: "center",
-    backgroundColor: "transparent"
-  },
-  tabActive: {
-    backgroundColor: _macOSDesignSystemColors.macOSColors.semantic.infoBackground,
-    borderWidth: 1,
-    borderColor: _macOSDesignSystemColors.macOSColors.semantic.info + "40"
-  },
-  tabDisabled: {
-    opacity: 0.4
-  },
-  tabText: {
-    fontSize: 11,
-    fontFamily: _fonts.monoFont,
-    fontWeight: "600",
-    color: _macOSDesignSystemColors.macOSColors.text.secondary,
-    letterSpacing: 0.5
-  },
-  tabTextActive: {
-    color: _macOSDesignSystemColors.macOSColors.text.primary
-  },
-  tabTextDisabled: {
-    color: _macOSDesignSystemColors.macOSColors.text.muted
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DiffModeTabs=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _macOSDesignSystemColors=require("../../gameUI/constants/macOSDesignSystemColors.js");var _fonts=require("../../fonts.js");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(l,n){if("function"==typeof WeakMap)var s=new WeakMap,c=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var o,t,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(o=r?c:s){if(o.has(e))return o.get(e);o.set(e,i)}for(const a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((t=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,a))&&(t.get||t.set)?o(i,a,t):i[a]=e[a]);return i})(l,n)}const DiffModeTabs=exports.DiffModeTabs=(0,_react.memo)(function l({tabs:n,activeTab:s,onTabChange:c,testIDPrefix:e}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.container,children:n.map(r=>{const o=s===r.key;const t=r.disabled===true;return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.tab,o&&styles.tabActive,t&&styles.tabDisabled],onPress:()=>!t&&c(r.key),activeOpacity:t?1:.7,disabled:t,testID:e?`${e}-${r.key}`:void 0,accessibilityRole:"button",accessibilityLabel:r.label,accessibilityState:{selected:o,disabled:t},children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.tabText,o&&styles.tabTextActive,t&&styles.tabTextDisabled],children:r.label})},r.key)})})});const styles=_reactNative.StyleSheet.create({container:{flexDirection:"row",alignItems:"center",justifyContent:"space-around",backgroundColor:_macOSDesignSystemColors.macOSColors.background.card,borderWidth:1,borderColor:_macOSDesignSystemColors.macOSColors.border.default,borderRadius:6,paddingHorizontal:4,paddingVertical:4,marginBottom:8,gap:4},tab:{flex:1,paddingVertical:8,paddingHorizontal:12,borderRadius:4,alignItems:"center",backgroundColor:"transparent"},tabActive:{backgroundColor:_macOSDesignSystemColors.macOSColors.semantic.infoBackground,borderWidth:1,borderColor:_macOSDesignSystemColors.macOSColors.semantic.info+"40"},tabDisabled:{opacity:.4},tabText:{fontSize:11,fontFamily:_fonts.monoFont,fontWeight:"600",color:_macOSDesignSystemColors.macOSColors.text.secondary,letterSpacing:.5},tabTextActive:{color:_macOSDesignSystemColors.macOSColors.text.primary},tabTextDisabled:{color:_macOSDesignSystemColors.macOSColors.text.muted}});

package/lib/commonjs/ui/components/EventHistoryViewer/EventHistoryViewer.js

@@ -1,184 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EventHistoryViewer = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _macOSDesignSystemColors = require("../../gameUI/constants/macOSDesignSystemColors.js");
-var _EventStepperFooter = require("../EventStepperFooter.js");
-var _ViewToggleCards = require("./ViewToggleCards.js");
-var _DiffModeTabs = require("./DiffModeTabs.js");
-var _CompareBar = require("./CompareBar.js");
-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); }
-/**
- * EventHistoryViewer
- *
- * Main container component for viewing event history with current/diff views.
- * Composes ViewToggleCards, DiffModeTabs, CompareBar, and EventStepperFooter.
- * This is a dumb component - all state is controlled externally.
- */
-
-/**
- * Section wrapper for the diff view: a plain flex box normally, or a ScrollView
- * when the whole section should scroll as one page. Split out so the children
- * are written once instead of duplicated across both branches.
- */
-function DiffSectionContainer({
-  scrolls,
-  style,
-  children
-}) {
-  if (!scrolls) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: style,
-    children: children
-  });
-  // `contentSection` carries `flex: 1`, which is meaningless (and harmful) on a
-  // content container — the scrolling variant uses flexGrow padding instead.
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-    style: styles.contentScroll,
-    contentContainerStyle: styles.contentScrollInner,
-    showsVerticalScrollIndicator: true,
-    children: children
-  });
-}
-
-/**
- * EventHistoryViewer is the main container for viewing event history.
- * It composes sub-components to display current value or diff views.
- */
-const EventHistoryViewer = exports.EventHistoryViewer = /*#__PURE__*/(0, _react.memo)(function EventHistoryViewer({
-  // View Toggle
-  activeView,
-  onViewChange,
-  currentViewLabel,
-  currentViewDescription,
-  currentViewIcon,
-  diffViewLabel,
-  diffViewDescription,
-  diffViewIcon,
-  // Current View Content
-  renderCurrentView,
-  // Diff View
-  diffModeTabs,
-  activeDiffMode,
-  onDiffModeChange,
-  renderDiffContent,
-  // Compare Bar
-  leftEvent,
-  rightEvent,
-  showCompareNavigation,
-  onLeftPrevious,
-  onLeftNext,
-  onRightPrevious,
-  onRightNext,
-  canLeftPrevious,
-  canLeftNext,
-  canRightPrevious,
-  canRightNext,
-  onLeftPickerOpen,
-  onRightPickerOpen,
-  scrollDiffSection,
-  // Footer
-  disableInternalFooter,
-  footerCurrentIndex,
-  footerTotalItems,
-  footerItemLabel,
-  footerSubtitle,
-  onFooterPrevious,
-  onFooterNext
-}) {
-  const hasCurrentView = renderCurrentView != null;
-  const diffDisabled = footerTotalItems <= 1;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.container, {
-        // Reserve space ONLY for the internal footer, which is absolutely
-        // positioned and would otherwise cover the content. An external
-        // footer is laid out by the host modal, which already pads the
-        // content area by its own footerHeight — adding this on top of that
-        // left a dead band above the footer (96px of padding for a footer
-        // that isn't in this subtree).
-        paddingBottom: !disableInternalFooter && footerTotalItems > 1 ? 96 : 0
-      }],
-      children: [hasCurrentView && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ViewToggleCards.ViewToggleCards, {
-        activeView: activeView,
-        onViewChange: onViewChange ?? (() => {}),
-        currentLabel: currentViewLabel ?? "",
-        currentDescription: currentViewDescription ?? "",
-        currentIcon: currentViewIcon,
-        diffLabel: diffViewLabel,
-        diffDescription: diffViewDescription,
-        diffIcon: diffViewIcon,
-        diffDisabled: diffDisabled
-      }), hasCurrentView && activeView === "current" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-        style: styles.contentScroll,
-        contentContainerStyle: styles.contentScrollInner,
-        showsVerticalScrollIndicator: true,
-        children: renderCurrentView?.()
-      }), (!hasCurrentView || activeView === "diff") && /*#__PURE__*/(0, _jsxRuntime.jsxs)(DiffSectionContainer, {
-        scrolls: scrollDiffSection,
-        style: styles.contentSection,
-        children: [diffModeTabs && diffModeTabs.length > 0 && onDiffModeChange && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DiffModeTabs.DiffModeTabs, {
-          tabs: diffModeTabs,
-          activeTab: activeDiffMode ?? diffModeTabs[0]?.key ?? "",
-          onTabChange: onDiffModeChange
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CompareBar.CompareBar, {
-          leftEvent: leftEvent,
-          rightEvent: rightEvent,
-          showNavigation: showCompareNavigation,
-          onLeftPrevious: onLeftPrevious,
-          onLeftNext: onLeftNext,
-          onRightPrevious: onRightPrevious,
-          onRightNext: onRightNext,
-          canLeftPrevious: canLeftPrevious,
-          canLeftNext: canLeftNext,
-          canRightPrevious: canRightPrevious,
-          canRightNext: canRightNext,
-          onLeftPress: onLeftPickerOpen,
-          onRightPress: onRightPickerOpen
-        }), scrollDiffSection ? renderDiffContent() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.diffContent,
-          children: renderDiffContent()
-        })]
-      })]
-    }), !disableInternalFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EventStepperFooter.EventStepperFooter, {
-      currentIndex: footerCurrentIndex,
-      totalItems: footerTotalItems,
-      onPrevious: onFooterPrevious,
-      onNext: onFooterNext,
-      itemLabel: footerItemLabel,
-      subtitle: footerSubtitle,
-      absolute: true
-    })]
-  });
-});
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: _macOSDesignSystemColors.macOSColors.background.base
-  },
-  contentSection: {
-    flex: 1,
-    minHeight: 0,
-    paddingHorizontal: 14,
-    paddingVertical: 10
-  },
-  contentScroll: {
-    // No `minHeight: 0` here. On the scroll frame it stops the ScrollView from
-    // constraining itself, so a tall value lays out at full content height and
-    // spills past the panel and the footer instead of scrolling inside it.
-    flex: 1
-  },
-  contentScrollInner: {
-    flexGrow: 1,
-    paddingHorizontal: 14,
-    paddingVertical: 10
-  },
-  diffContent: {
-    flex: 1,
-    minHeight: 0
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.EventHistoryViewer=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _macOSDesignSystemColors=require("../../gameUI/constants/macOSDesignSystemColors.js");var _EventStepperFooter=require("../EventStepperFooter.js");var _ViewToggleCards=require("./ViewToggleCards.js");var _DiffModeTabs=require("./DiffModeTabs.js");var _CompareBar=require("./CompareBar.js");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(a,n){if("function"==typeof WeakMap)var i=new WeakMap,u=new WeakMap;return(_interopRequireWildcard=function(e,c){if(!c&&e&&e.__esModule)return e;var r,s,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(r=c?u:i){if(r.has(e))return r.get(e);r.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?r(o,t,s):o[t]=e[t]);return o})(a,n)}function DiffSectionContainer({scrolls:a,style:n,children:i}){if(!a)return(0,_jsxRuntime.jsx)(_reactNative.View,{style:n,children:i});return(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{style:styles.contentScroll,contentContainerStyle:styles.contentScrollInner,showsVerticalScrollIndicator:true,children:i})}const EventHistoryViewer=exports.EventHistoryViewer=(0,_react.memo)(function a({activeView:n,onViewChange:i,currentViewLabel:u,currentViewDescription:e,currentViewIcon:c,diffViewLabel:r,diffViewDescription:s,diffViewIcon:o,renderCurrentView:t,diffModeTabs:l,activeDiffMode:y,onDiffModeChange:p,renderDiffContent:g,leftEvent:S,rightEvent:h,showCompareNavigation:j,onLeftPrevious:w,onLeftNext:m,onRightPrevious:_,onRightNext:b,canLeftPrevious:V,canLeftNext:C,canRightPrevious:P,canRightNext:q,onLeftPickerOpen:E,onRightPickerOpen:D,scrollDiffSection:v,disableInternalFooter:x,footerCurrentIndex:H,footerTotalItems:f,footerItemLabel:L,footerSubtitle:O,onFooterPrevious:I,onFooterNext:N}){const d=t!=null;const R=f<=1;return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.container,{paddingBottom:!x&&f>1?96:0}],children:[d&&(0,_jsxRuntime.jsx)(_ViewToggleCards.ViewToggleCards,{activeView:n,onViewChange:i??(()=>{}),currentLabel:u??"",currentDescription:e??"",currentIcon:c,diffLabel:r,diffDescription:s,diffIcon:o,diffDisabled:R}),d&&n==="current"&&(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{style:styles.contentScroll,contentContainerStyle:styles.contentScrollInner,showsVerticalScrollIndicator:true,children:t?.()}),(!d||n==="diff")&&(0,_jsxRuntime.jsxs)(DiffSectionContainer,{scrolls:v,style:styles.contentSection,children:[l&&l.length>0&&p&&(0,_jsxRuntime.jsx)(_DiffModeTabs.DiffModeTabs,{tabs:l,activeTab:y??l[0]?.key??"",onTabChange:p}),(0,_jsxRuntime.jsx)(_CompareBar.CompareBar,{leftEvent:S,rightEvent:h,showNavigation:j,onLeftPrevious:w,onLeftNext:m,onRightPrevious:_,onRightNext:b,canLeftPrevious:V,canLeftNext:C,canRightPrevious:P,canRightNext:q,onLeftPress:E,onRightPress:D}),v?g():(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.diffContent,children:g()})]})]}),!x&&(0,_jsxRuntime.jsx)(_EventStepperFooter.EventStepperFooter,{currentIndex:H,totalItems:f,onPrevious:I,onNext:N,itemLabel:L,subtitle:O,absolute:true})]})});const styles=_reactNative.StyleSheet.create({container:{flex:1,backgroundColor:_macOSDesignSystemColors.macOSColors.background.base},contentSection:{flex:1,minHeight:0,paddingHorizontal:14,paddingVertical:10},contentScroll:{flex:1},contentScrollInner:{flexGrow:1,paddingHorizontal:14,paddingVertical:10},diffContent:{flex:1,minHeight:0}});