@buoy-gg/benchmark 2.1.3 → 2.1.4-beta.1

package/lib/commonjs/components/BenchmarkSessionCard.js

@@ -1 +1,193 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BenchmarkSessionCard=BenchmarkSessionCard,exports.default=void 0;var _react=_interopRequireDefault(require("react")),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function formatDuration(e){return e<1e3?`${e.toFixed(0)}ms`:e<6e4?`${(e/1e3).toFixed(1)}s`:`${Math.floor(e/6e4)}m ${(e%6e4/1e3).toFixed(0)}s`}function formatDate(e){const t=new Date(e),r=(new Date).getTime()-t.getTime(),s=Math.floor(r/6e4),a=Math.floor(r/36e5),o=Math.floor(r/864e5);return s<1?"Just now":s<60?`${s}m ago`:a<24?`${a}h ago`:o<7?`${o}d ago`:t.toLocaleDateString(void 0,{month:"short",day:"numeric"})}function BenchmarkSessionCard({metadata:e,isSelected:t=!1,onPress:r,onLongPress:s,selectionMode:a=!1}){return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:r,onLongPress:s,style:[styles.card,t&&styles.cardSelected],activeOpacity:.7,children:[a&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.checkbox,t&&styles.checkboxSelected],children:t&&(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:12,color:"#fff"})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.content,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.header,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.name,numberOfLines:1,children:e.name}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.date,children:formatDate(e.createdAt)})]}),e.description&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.description,numberOfLines:1,children:e.description}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.statsRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.stat,children:[(0,_jsxRuntime.jsx)(_sharedUi.Clock,{size:12,color:_sharedUi.macOSColors.text.secondary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.statValue,children:formatDuration(e.duration)})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.stat,children:[(0,_jsxRuntime.jsx)(_sharedUi.Layers,{size:12,color:_sharedUi.macOSColors.text.secondary}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.statValue,children:[e.batchCount," batch",1!==e.batchCount?"es":""]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.stat,children:(0,_jsxRuntime.jsx)(_sharedUi.Zap,{size:12,color:e.duration<1e4?_sharedUi.macOSColors.semantic.success:e.duration<3e4?_sharedUi.macOSColors.semantic.warning:_sharedUi.macOSColors.semantic.error})})]})]})]})}const styles=_reactNative.StyleSheet.create({card:{flexDirection:"row",alignItems:"center",backgroundColor:_sharedUi.macOSColors.background.card,borderRadius:8,padding:12,marginHorizontal:16,borderWidth:1,borderColor:_sharedUi.macOSColors.border.default},cardSelected:{borderColor:_sharedUi.macOSColors.semantic.info,backgroundColor:_sharedUi.macOSColors.semantic.infoBackground},checkbox:{width:20,height:20,borderRadius:4,borderWidth:1.5,borderColor:_sharedUi.macOSColors.border.hover,marginRight:12,alignItems:"center",justifyContent:"center"},checkboxSelected:{backgroundColor:_sharedUi.macOSColors.semantic.info,borderColor:_sharedUi.macOSColors.semantic.info},content:{flex:1},header:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:4},name:{fontSize:14,fontWeight:"600",color:_sharedUi.macOSColors.text.primary,fontFamily:"monospace",flex:1,marginRight:8},date:{fontSize:11,color:_sharedUi.macOSColors.text.muted,fontFamily:"monospace"},description:{fontSize:12,color:_sharedUi.macOSColors.text.secondary,fontFamily:"monospace",marginBottom:8},statsRow:{flexDirection:"row",alignItems:"center",gap:16},stat:{flexDirection:"row",alignItems:"center",gap:4},statValue:{fontSize:11,color:_sharedUi.macOSColors.text.secondary,fontFamily:"monospace"}});var _default=exports.default=BenchmarkSessionCard;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BenchmarkSessionCard = BenchmarkSessionCard;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * BenchmarkSessionCard
+ *
+ * Displays a single benchmark report as a card with key metrics.
+ * Shows name, duration, batch count, and timing stats.
+ * Supports selection for comparison.
+ */
+
+/**
+ * Format duration in human-readable form
+ */
+function formatDuration(ms) {
+  if (ms < 1000) {
+    return `${ms.toFixed(0)}ms`;
+  }
+  if (ms < 60000) {
+    return `${(ms / 1000).toFixed(1)}s`;
+  }
+  const minutes = Math.floor(ms / 60000);
+  const seconds = (ms % 60000 / 1000).toFixed(0);
+  return `${minutes}m ${seconds}s`;
+}
+
+/**
+ * Format date in compact form
+ */
+function formatDate(timestamp) {
+  const date = new Date(timestamp);
+  const now = new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffMins = Math.floor(diffMs / 60000);
+  const diffHours = Math.floor(diffMs / 3600000);
+  const diffDays = Math.floor(diffMs / 86400000);
+  if (diffMins < 1) return "Just now";
+  if (diffMins < 60) return `${diffMins}m ago`;
+  if (diffHours < 24) return `${diffHours}h ago`;
+  if (diffDays < 7) return `${diffDays}d ago`;
+  return date.toLocaleDateString(undefined, {
+    month: "short",
+    day: "numeric"
+  });
+}
+function BenchmarkSessionCard({
+  metadata,
+  isSelected = false,
+  onPress,
+  onLongPress,
+  selectionMode = false
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+    onPress: onPress,
+    onLongPress: onLongPress,
+    style: [styles.card, isSelected && styles.cardSelected],
+    activeOpacity: 0.7,
+    children: [selectionMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.checkbox, isSelected && styles.checkboxSelected],
+      children: isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Check, {
+        size: 12,
+        color: "#fff"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.header,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.name,
+          numberOfLines: 1,
+          children: metadata.name
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.date,
+          children: formatDate(metadata.createdAt)
+        })]
+      }), metadata.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.description,
+        numberOfLines: 1,
+        children: metadata.description
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.statsRow,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.stat,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Clock, {
+            size: 12,
+            color: _sharedUi.macOSColors.text.secondary
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.statValue,
+            children: formatDuration(metadata.duration)
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.stat,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Layers, {
+            size: 12,
+            color: _sharedUi.macOSColors.text.secondary
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+            style: styles.statValue,
+            children: [metadata.batchCount, " batch", metadata.batchCount !== 1 ? "es" : ""]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.stat,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Zap, {
+            size: 12,
+            color: metadata.duration < 10000 ? _sharedUi.macOSColors.semantic.success : metadata.duration < 30000 ? _sharedUi.macOSColors.semantic.warning : _sharedUi.macOSColors.semantic.error
+          })
+        })]
+      })]
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    flexDirection: "row",
+    alignItems: "center",
+    backgroundColor: _sharedUi.macOSColors.background.card,
+    borderRadius: 8,
+    padding: 12,
+    marginHorizontal: 16,
+    borderWidth: 1,
+    borderColor: _sharedUi.macOSColors.border.default
+  },
+  cardSelected: {
+    borderColor: _sharedUi.macOSColors.semantic.info,
+    backgroundColor: _sharedUi.macOSColors.semantic.infoBackground
+  },
+  checkbox: {
+    width: 20,
+    height: 20,
+    borderRadius: 4,
+    borderWidth: 1.5,
+    borderColor: _sharedUi.macOSColors.border.hover,
+    marginRight: 12,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  checkboxSelected: {
+    backgroundColor: _sharedUi.macOSColors.semantic.info,
+    borderColor: _sharedUi.macOSColors.semantic.info
+  },
+  content: {
+    flex: 1
+  },
+  header: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    marginBottom: 4
+  },
+  name: {
+    fontSize: 14,
+    fontWeight: "600",
+    color: _sharedUi.macOSColors.text.primary,
+    fontFamily: "monospace",
+    flex: 1,
+    marginRight: 8
+  },
+  date: {
+    fontSize: 11,
+    color: _sharedUi.macOSColors.text.muted,
+    fontFamily: "monospace"
+  },
+  description: {
+    fontSize: 12,
+    color: _sharedUi.macOSColors.text.secondary,
+    fontFamily: "monospace",
+    marginBottom: 8
+  },
+  statsRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 16
+  },
+  stat: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4
+  },
+  statValue: {
+    fontSize: 11,
+    color: _sharedUi.macOSColors.text.secondary,
+    fontFamily: "monospace"
+  }
+});
+var _default = exports.default = BenchmarkSessionCard;

package/lib/commonjs/index.js

@@ -1 +1,62 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BenchmarkComparator",{enumerable:!0,get:function(){return _benchmarking.BenchmarkComparator}}),Object.defineProperty(exports,"BenchmarkModal",{enumerable:!0,get:function(){return _BenchmarkModal.BenchmarkModal}}),Object.defineProperty(exports,"BenchmarkRecorder",{enumerable:!0,get:function(){return _benchmarking.BenchmarkRecorder}}),Object.defineProperty(exports,"BenchmarkStorage",{enumerable:!0,get:function(){return _benchmarking.BenchmarkStorage}}),Object.defineProperty(exports,"benchmarkPreset",{enumerable:!0,get:function(){return _preset.benchmarkPreset}}),Object.defineProperty(exports,"benchmarkRecorder",{enumerable:!0,get:function(){return _benchmarking.benchmarkRecorder}}),Object.defineProperty(exports,"createAsyncStorageAdapter",{enumerable:!0,get:function(){return _benchmarking.createAsyncStorageAdapter}}),Object.defineProperty(exports,"createBenchmarkTool",{enumerable:!0,get:function(){return _preset.createBenchmarkTool}}),Object.defineProperty(exports,"createMemoryStorageAdapter",{enumerable:!0,get:function(){return _benchmarking.createMemoryStorageAdapter}});var _preset=require("./preset"),_benchmarking=require("./benchmarking"),_BenchmarkModal=require("./components/BenchmarkModal");
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BenchmarkComparator", {
+  enumerable: true,
+  get: function () {
+    return _benchmarking.BenchmarkComparator;
+  }
+});
+Object.defineProperty(exports, "BenchmarkModal", {
+  enumerable: true,
+  get: function () {
+    return _BenchmarkModal.BenchmarkModal;
+  }
+});
+Object.defineProperty(exports, "BenchmarkRecorder", {
+  enumerable: true,
+  get: function () {
+    return _benchmarking.BenchmarkRecorder;
+  }
+});
+Object.defineProperty(exports, "BenchmarkStorage", {
+  enumerable: true,
+  get: function () {
+    return _benchmarking.BenchmarkStorage;
+  }
+});
+Object.defineProperty(exports, "benchmarkPreset", {
+  enumerable: true,
+  get: function () {
+    return _preset.benchmarkPreset;
+  }
+});
+Object.defineProperty(exports, "benchmarkRecorder", {
+  enumerable: true,
+  get: function () {
+    return _benchmarking.benchmarkRecorder;
+  }
+});
+Object.defineProperty(exports, "createAsyncStorageAdapter", {
+  enumerable: true,
+  get: function () {
+    return _benchmarking.createAsyncStorageAdapter;
+  }
+});
+Object.defineProperty(exports, "createBenchmarkTool", {
+  enumerable: true,
+  get: function () {
+    return _preset.createBenchmarkTool;
+  }
+});
+Object.defineProperty(exports, "createMemoryStorageAdapter", {
+  enumerable: true,
+  get: function () {
+    return _benchmarking.createMemoryStorageAdapter;
+  }
+});
+var _preset = require("./preset");
+var _benchmarking = require("./benchmarking");
+var _BenchmarkModal = require("./components/BenchmarkModal");

package/lib/commonjs/preset.js

@@ -1 +1,86 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.benchmarkPreset=void 0,exports.createBenchmarkTool=createBenchmarkTool;var _react=_interopRequireDefault(require("react")),_sharedUi=require("@buoy-gg/shared-ui"),_BenchmarkModal=require("./components/BenchmarkModal"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const benchmarkPreset=exports.benchmarkPreset={id:"benchmark",name:"BENCH",description:"Performance benchmarking",slot:"both",icon:({size:e})=>(0,_jsxRuntime.jsx)(_sharedUi.BenchmarkIcon,{size:e,color:"#F59E0B"}),component:_BenchmarkModal.BenchmarkModal,props:{enableSharedModalDimensions:!1}};function createBenchmarkTool(e){const r=e?.iconColor||"#F59E0B";return{id:e?.id||"benchmark",name:e?.name||"BENCH",description:e?.description||"Performance benchmarking",slot:"both",icon:({size:e})=>(0,_jsxRuntime.jsx)(_sharedUi.BenchmarkIcon,{size:e,color:r}),component:_BenchmarkModal.BenchmarkModal,props:{enableSharedModalDimensions:!0}}}
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.benchmarkPreset = void 0;
+exports.createBenchmarkTool = createBenchmarkTool;
+var _react = _interopRequireDefault(require("react"));
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _BenchmarkModal = require("./components/BenchmarkModal");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Pre-configured benchmark tool for FloatingDevTools
+ *
+ * This preset provides performance benchmarking functionality.
+ * Record, save, and compare performance metrics.
+ *
+ * @example
+ * ```tsx
+ * import { benchmarkPreset } from '@buoy-gg/benchmark';
+ *
+ * <FloatingDevTools apps={[benchmarkPreset]} />
+ * ```
+ */
+
+/**
+ * Pre-configured benchmark tool for FloatingDevTools.
+ * Provides performance benchmarking with recording, saving, and comparison features.
+ *
+ * Features:
+ * - Start/Stop recording sessions
+ * - View saved benchmark reports
+ * - Compare two benchmarks side-by-side
+ * - Delete individual or all benchmarks
+ */
+const benchmarkPreset = exports.benchmarkPreset = {
+  id: "benchmark",
+  name: "BENCH",
+  description: "Performance benchmarking",
+  slot: "both",
+  icon: ({
+    size
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.BenchmarkIcon, {
+    size: size,
+    color: "#F59E0B"
+  }),
+  component: _BenchmarkModal.BenchmarkModal,
+  props: {
+    enableSharedModalDimensions: false
+  }
+};
+
+/**
+ * Create a custom benchmark tool configuration.
+ * Use this if you want to override default settings.
+ *
+ * @example
+ * ```tsx
+ * import { createBenchmarkTool } from '@buoy-gg/benchmark';
+ *
+ * const myBenchmarkTool = createBenchmarkTool({
+ *   name: "PERF",
+ *   iconColor: "#059669",
+ * });
+ * ```
+ */
+function createBenchmarkTool(options) {
+  const iconColor = options?.iconColor || "#F59E0B";
+  return {
+    id: options?.id || "benchmark",
+    name: options?.name || "BENCH",
+    description: options?.description || "Performance benchmarking",
+    slot: "both",
+    icon: ({
+      size
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.BenchmarkIcon, {
+      size: size,
+      color: iconColor
+    }),
+    component: _BenchmarkModal.BenchmarkModal,
+    props: {
+      enableSharedModalDimensions: true
+    }
+  };
+}

package/lib/module/benchmarking/BenchmarkComparator.js

@@ -1 +1,216 @@
-"use strict";function calculateImprovement(e,t){return 0===e?0:(e-t)/e*100}function formatPercent(e){return`${e>=0?"+":""}${e.toFixed(1)}%`}function formatMs(e){return`${e.toFixed(1)}ms`}function formatBytes(e){const t=e/1024/1024;return`${t>=0?"+":""}${t.toFixed(2)}MB`}function getIndicator(e,t=5){return e>t?"✅":e<-t?"❌":"➖"}export class BenchmarkComparator{static compare(e,t){const a=e.stats,r=t.stats,m=t.duration-e.duration,o=calculateImprovement(e.duration,t.duration),n=calculateImprovement(a.avgFilterTime,r.avgFilterTime),s=calculateImprovement(a.avgMeasureTime,r.avgMeasureTime),i=calculateImprovement(a.avgTrackTime,r.avgTrackTime),l=calculateImprovement(a.avgTotalTime,r.avgTotalTime),p=calculateImprovement(a.avgOverlayRenderTime,r.avgOverlayRenderTime);let u=null;null!=e.memoryDelta&&null!=t.memoryDelta&&(u=t.memoryDelta-e.memoryDelta);let c=.4*s+.3*l+.2*p;null!=e.memoryDelta&&null!=t.memoryDelta&&0!==e.memoryDelta&&(c+=.1*calculateImprovement(e.memoryDelta,t.memoryDelta));const d=c>0,v=this.generateSummary({baseline:e,comparison:t,durationDelta:m,durationImprovement:o,measureTimeImprovement:s,pipelineTimeImprovement:l,overlayRenderImprovement:p,memoryDeltaChange:u,overallImprovement:c,isImproved:d});return{baselineId:e.id,baselineName:e.name,comparisonId:t.id,comparisonName:t.name,comparedAt:Date.now(),durationDelta:m,durationImprovement:o,filterTimeImprovement:n,measureTimeImprovement:s,trackTimeImprovement:i,pipelineTimeImprovement:l,overlayRenderImprovement:p,memoryDeltaChange:u,overallImprovement:c,isImproved:d,summary:v}}static generateSummary(e){const{baseline:t,comparison:a,measureTimeImprovement:r,pipelineTimeImprovement:m,overlayRenderImprovement:o,memoryDeltaChange:n,overallImprovement:s,isImproved:i}=e,l=[];if(l.push("╔══════════════════════════════════════════════════════════════╗"),l.push("║               BENCHMARK COMPARISON                           ║"),l.push("╠══════════════════════════════════════════════════════════════╣"),l.push(`║ Baseline: ${t.name.substring(0,50).padEnd(50)} ║`),l.push(`║   ${new Date(t.createdAt).toLocaleString().substring(0,58).padEnd(58)} ║`),l.push(`║ Comparison: ${a.name.substring(0,48).padEnd(48)} ║`),l.push(`║   ${new Date(a.createdAt).toLocaleString().substring(0,58).padEnd(58)} ║`),l.push("╠══════════════════════════════════════════════════════════════╣"),l.push("║ TIMING COMPARISON                                            ║"),l.push("║                         Baseline    After     Change         ║"),l.push(`║ Measurement Time:    ${formatMs(t.stats.avgMeasureTime).padStart(8)} → ${formatMs(a.stats.avgMeasureTime).padStart(8)}  ${formatPercent(r).padStart(7)} ${getIndicator(r)}  ║`),l.push(`║ Pipeline Time:       ${formatMs(t.stats.avgTotalTime).padStart(8)} → ${formatMs(a.stats.avgTotalTime).padStart(8)}  ${formatPercent(m).padStart(7)} ${getIndicator(m)}  ║`),l.push(`║ Overlay Render:      ${formatMs(t.stats.avgOverlayRenderTime).padStart(8)} → ${formatMs(a.stats.avgOverlayRenderTime).padStart(8)}  ${formatPercent(o).padStart(7)} ${getIndicator(o)}  ║`),null!=n&&null!=t.memoryDelta&&null!=a.memoryDelta){const e=calculateImprovement(t.memoryDelta,a.memoryDelta);l.push("╠══════════════════════════════════════════════════════════════╣"),l.push("║ MEMORY                                                       ║"),l.push(`║ Delta:               ${formatBytes(t.memoryDelta).padStart(8)} → ${formatBytes(a.memoryDelta).padStart(8)}  ${formatPercent(e).padStart(7)} ${getIndicator(e)}  ║`)}l.push("╠══════════════════════════════════════════════════════════════╣"),l.push("║ PERCENTILES (P95)                                            ║");const p=calculateImprovement(t.stats.p95TotalTime,a.stats.p95TotalTime);l.push(`║ P95 Pipeline:        ${formatMs(t.stats.p95TotalTime).padStart(8)} → ${formatMs(a.stats.p95TotalTime).padStart(8)}  ${formatPercent(p).padStart(7)} ${getIndicator(p)}  ║`),l.push("╠══════════════════════════════════════════════════════════════╣");const u=i?"🎉":"⚠️",c=i?"IMPROVED":"REGRESSED";return l.push(`║ ${u} OVERALL: ${formatPercent(s).padStart(7)} ${c.padEnd(40)} ║`),l.push("╚══════════════════════════════════════════════════════════════╝"),l.join("\n")}static logComparison(e){console.log("\n"+e.summary+"\n")}static quickCompare(e,t){const a=this.compare(e,t);return this.logComparison(a),a}static getBriefSummary(e){const t=e.isImproved?"faster":"slower";return`${e.isImproved?"✅":"❌"} ${Math.abs(e.overallImprovement).toFixed(1)}% ${t} (measurement: ${formatPercent(e.measureTimeImprovement)}, pipeline: ${formatPercent(e.pipelineTimeImprovement)})`}}export default BenchmarkComparator;
+/**
+ * BenchmarkComparator
+ *
+ * Compares two benchmark reports and generates a detailed comparison result.
+ * Calculates improvements/regressions across all metrics and provides
+ * human-readable summaries.
+ *
+ * Usage:
+ *   const comparison = BenchmarkComparator.compare(baselineReport, comparisonReport);
+ *   console.log(comparison.summary);
+ *   console.log(`Overall improvement: ${comparison.overallImprovement.toFixed(1)}%`);
+ *
+ * @packageDocumentation
+ */
+
+"use strict";
+
+/**
+ * Calculate percentage improvement (positive = better)
+ * @param baseline - The baseline value
+ * @param comparison - The comparison value
+ * @returns Percentage improvement (positive = faster/better, negative = slower/worse)
+ */
+function calculateImprovement(baseline, comparison) {
+  if (baseline === 0) return 0;
+  return (baseline - comparison) / baseline * 100;
+}
+
+/**
+ * Format a percentage with sign
+ */
+function formatPercent(value) {
+  const sign = value >= 0 ? "+" : "";
+  return `${sign}${value.toFixed(1)}%`;
+}
+
+/**
+ * Format milliseconds
+ */
+function formatMs(value) {
+  return `${value.toFixed(1)}ms`;
+}
+
+/**
+ * Format bytes as MB
+ */
+function formatBytes(bytes) {
+  const mb = bytes / 1024 / 1024;
+  const sign = mb >= 0 ? "+" : "";
+  return `${sign}${mb.toFixed(2)}MB`;
+}
+
+/**
+ * Get an emoji indicator for improvement
+ */
+function getIndicator(improvement, threshold = 5) {
+  if (improvement > threshold) return "✅";
+  if (improvement < -threshold) return "❌";
+  return "➖";
+}
+
+/**
+ * BenchmarkComparator - Compares two benchmark reports
+ */
+export class BenchmarkComparator {
+  /**
+   * Compare two benchmark reports
+   * @param baseline - The baseline (before) report
+   * @param comparison - The comparison (after) report
+   * @returns Detailed comparison result
+   */
+  static compare(baseline, comparison) {
+    const baselineStats = baseline.stats;
+    const comparisonStats = comparison.stats;
+
+    // Duration changes
+    const durationDelta = comparison.duration - baseline.duration;
+    const durationImprovement = calculateImprovement(baseline.duration, comparison.duration);
+
+    // Pipeline timing improvements
+    const filterTimeImprovement = calculateImprovement(baselineStats.avgFilterTime, comparisonStats.avgFilterTime);
+    const measureTimeImprovement = calculateImprovement(baselineStats.avgMeasureTime, comparisonStats.avgMeasureTime);
+    const trackTimeImprovement = calculateImprovement(baselineStats.avgTrackTime, comparisonStats.avgTrackTime);
+    const pipelineTimeImprovement = calculateImprovement(baselineStats.avgTotalTime, comparisonStats.avgTotalTime);
+
+    // Overlay render improvement
+    const overlayRenderImprovement = calculateImprovement(baselineStats.avgOverlayRenderTime, comparisonStats.avgOverlayRenderTime);
+
+    // Memory changes
+    let memoryDeltaChange = null;
+    if (baseline.memoryDelta != null && comparison.memoryDelta != null) {
+      memoryDeltaChange = comparison.memoryDelta - baseline.memoryDelta;
+    }
+
+    // Overall improvement (weighted average of key metrics)
+    // Weights: measurement time (40%), pipeline time (30%), overlay render (20%), memory (10%)
+    const weights = {
+      measure: 0.4,
+      pipeline: 0.3,
+      overlay: 0.2,
+      memory: 0.1
+    };
+    let overallImprovement = measureTimeImprovement * weights.measure + pipelineTimeImprovement * weights.pipeline + overlayRenderImprovement * weights.overlay;
+
+    // Add memory improvement if available
+    if (baseline.memoryDelta != null && comparison.memoryDelta != null && baseline.memoryDelta !== 0) {
+      const memoryImprovement = calculateImprovement(baseline.memoryDelta, comparison.memoryDelta);
+      overallImprovement += memoryImprovement * weights.memory;
+    }
+    const isImproved = overallImprovement > 0;
+
+    // Generate summary
+    const summary = this.generateSummary({
+      baseline,
+      comparison,
+      durationDelta,
+      durationImprovement,
+      measureTimeImprovement,
+      pipelineTimeImprovement,
+      overlayRenderImprovement,
+      memoryDeltaChange,
+      overallImprovement,
+      isImproved
+    });
+    return {
+      baselineId: baseline.id,
+      baselineName: baseline.name,
+      comparisonId: comparison.id,
+      comparisonName: comparison.name,
+      comparedAt: Date.now(),
+      durationDelta,
+      durationImprovement,
+      filterTimeImprovement,
+      measureTimeImprovement,
+      trackTimeImprovement,
+      pipelineTimeImprovement,
+      overlayRenderImprovement,
+      memoryDeltaChange,
+      overallImprovement,
+      isImproved,
+      summary
+    };
+  }
+
+  /**
+   * Generate a human-readable summary
+   */
+  static generateSummary(data) {
+    const {
+      baseline,
+      comparison,
+      measureTimeImprovement,
+      pipelineTimeImprovement,
+      overlayRenderImprovement,
+      memoryDeltaChange,
+      overallImprovement,
+      isImproved
+    } = data;
+    const lines = [];
+    lines.push("╔══════════════════════════════════════════════════════════════╗");
+    lines.push("║               BENCHMARK COMPARISON                           ║");
+    lines.push("╠══════════════════════════════════════════════════════════════╣");
+    lines.push(`║ Baseline: ${baseline.name.substring(0, 50).padEnd(50)} ║`);
+    lines.push(`║   ${new Date(baseline.createdAt).toLocaleString().substring(0, 58).padEnd(58)} ║`);
+    lines.push(`║ Comparison: ${comparison.name.substring(0, 48).padEnd(48)} ║`);
+    lines.push(`║   ${new Date(comparison.createdAt).toLocaleString().substring(0, 58).padEnd(58)} ║`);
+    lines.push("╠══════════════════════════════════════════════════════════════╣");
+    lines.push("║ TIMING COMPARISON                                            ║");
+    lines.push("║                         Baseline    After     Change         ║");
+    lines.push(`║ Measurement Time:    ${formatMs(baseline.stats.avgMeasureTime).padStart(8)} → ` + `${formatMs(comparison.stats.avgMeasureTime).padStart(8)}  ` + `${formatPercent(measureTimeImprovement).padStart(7)} ${getIndicator(measureTimeImprovement)}  ║`);
+    lines.push(`║ Pipeline Time:       ${formatMs(baseline.stats.avgTotalTime).padStart(8)} → ` + `${formatMs(comparison.stats.avgTotalTime).padStart(8)}  ` + `${formatPercent(pipelineTimeImprovement).padStart(7)} ${getIndicator(pipelineTimeImprovement)}  ║`);
+    lines.push(`║ Overlay Render:      ${formatMs(baseline.stats.avgOverlayRenderTime).padStart(8)} → ` + `${formatMs(comparison.stats.avgOverlayRenderTime).padStart(8)}  ` + `${formatPercent(overlayRenderImprovement).padStart(7)} ${getIndicator(overlayRenderImprovement)}  ║`);
+    if (memoryDeltaChange != null && baseline.memoryDelta != null && comparison.memoryDelta != null) {
+      const memoryImprovement = calculateImprovement(baseline.memoryDelta, comparison.memoryDelta);
+      lines.push("╠══════════════════════════════════════════════════════════════╣");
+      lines.push("║ MEMORY                                                       ║");
+      lines.push(`║ Delta:               ${formatBytes(baseline.memoryDelta).padStart(8)} → ` + `${formatBytes(comparison.memoryDelta).padStart(8)}  ` + `${formatPercent(memoryImprovement).padStart(7)} ${getIndicator(memoryImprovement)}  ║`);
+    }
+    lines.push("╠══════════════════════════════════════════════════════════════╣");
+    lines.push("║ PERCENTILES (P95)                                            ║");
+    const p95Improvement = calculateImprovement(baseline.stats.p95TotalTime, comparison.stats.p95TotalTime);
+    lines.push(`║ P95 Pipeline:        ${formatMs(baseline.stats.p95TotalTime).padStart(8)} → ` + `${formatMs(comparison.stats.p95TotalTime).padStart(8)}  ` + `${formatPercent(p95Improvement).padStart(7)} ${getIndicator(p95Improvement)}  ║`);
+    lines.push("╠══════════════════════════════════════════════════════════════╣");
+    const resultEmoji = isImproved ? "🎉" : "⚠️";
+    const resultText = isImproved ? "IMPROVED" : "REGRESSED";
+    lines.push(`║ ${resultEmoji} OVERALL: ${formatPercent(overallImprovement).padStart(7)} ${resultText.padEnd(40)} ║`);
+    lines.push("╚══════════════════════════════════════════════════════════════╝");
+    return lines.join("\n");
+  }
+
+  /**
+   * Log a comparison to the console
+   */
+  static logComparison(comparison) {
+    console.log("\n" + comparison.summary + "\n");
+  }
+
+  /**
+   * Quick compare: compare baseline vs comparison and log results
+   */
+  static quickCompare(baseline, comparison) {
+    const result = this.compare(baseline, comparison);
+    this.logComparison(result);
+    return result;
+  }
+
+  /**
+   * Generate a brief one-line summary
+   */
+  static getBriefSummary(comparison) {
+    const direction = comparison.isImproved ? "faster" : "slower";
+    const emoji = comparison.isImproved ? "✅" : "❌";
+    return `${emoji} ${Math.abs(comparison.overallImprovement).toFixed(1)}% ${direction} (measurement: ${formatPercent(comparison.measureTimeImprovement)}, pipeline: ${formatPercent(comparison.pipelineTimeImprovement)})`;
+  }
+}
+export default BenchmarkComparator;