@buoy-gg/highlight-updates 7.0.41 → 7.0.43

package/lib/commonjs/highlight-updates/components/RendersCopySettingsView.js

@@ -1,469 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RendersCopySettingsView = RendersCopySettingsView;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _copySettings = require("../types/copySettings");
-var _rendersExportFormatter = require("../utils/rendersExportFormatter");
-var _copySettingsStorage = require("../utils/copySettingsStorage");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * RendersCopySettingsView
- *
- * Settings UI for configuring render report export.
- * Mirrors EventsCopySettingsView but with renders-specific options.
- */
-
-const SIZE_WARNING_THRESHOLD = 50 * 1024;
-const SIZE_DANGER_THRESHOLD = 200 * 1024;
-const CAUSE_OPTIONS = [{
-  value: "mount",
-  label: "Mount"
-}, {
-  value: "props",
-  label: "Props"
-}, {
-  value: "hooks",
-  label: "Hooks"
-}, {
-  value: "state",
-  label: "State"
-}, {
-  value: "parent",
-  label: "Parent"
-}, {
-  value: "context",
-  label: "Context"
-}, {
-  value: "unknown",
-  label: "Unknown"
-}];
-function formatBytes(bytes) {
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-}
-function createMockRenders() {
-  const now = Date.now();
-  return [{
-    id: "1",
-    nativeTag: 1,
-    viewType: "RCTView",
-    displayName: "View",
-    componentName: "PokemonListItem",
-    renderCount: 30,
-    firstRenderTime: now - 5000,
-    lastRenderTime: now,
-    color: "#10B981",
-    lastRenderCause: {
-      type: "parent",
-      timestamp: now,
-      componentCause: "parent"
-    }
-  }, {
-    id: "2",
-    nativeTag: 2,
-    viewType: "RCTView",
-    displayName: "View",
-    componentName: "CartHeader",
-    renderCount: 12,
-    firstRenderTime: now - 4000,
-    lastRenderTime: now,
-    color: "#3B82F6",
-    lastRenderCause: {
-      type: "hooks",
-      timestamp: now,
-      componentCause: "state",
-      hookChanges: [{
-        type: "useState",
-        index: 2,
-        previousValue: 4,
-        currentValue: 5
-      }]
-    }
-  }, {
-    id: "3",
-    nativeTag: 3,
-    viewType: "RCTView",
-    displayName: "View",
-    componentName: "SearchBar",
-    renderCount: 8,
-    firstRenderTime: now - 3000,
-    lastRenderTime: now,
-    color: "#F59E0B",
-    lastRenderCause: {
-      type: "props",
-      timestamp: now,
-      componentCause: "props",
-      changedKeys: ["query", "onChange"]
-    }
-  }];
-}
-function RendersCopySettingsView({
-  renders
-}) {
-  const [settings, setSettings] = (0, _react.useState)(_copySettings.DEFAULT_COPY_SETTINGS);
-  const [isPreviewExpanded, setIsPreviewExpanded] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    let mounted = true;
-    (0, _copySettingsStorage.loadCopySettings)().then(saved => {
-      if (mounted && saved) setSettings(saved);
-    });
-    return () => {
-      mounted = false;
-    };
-  }, []);
-  const updateSettings = (0, _react.useCallback)(next => {
-    setSettings(next);
-    (0, _copySettingsStorage.saveCopySettings)(next);
-  }, []);
-  const hasLiveData = renders.length > 0;
-  const previewRenders = hasLiveData ? renders : createMockRenders();
-  const activePreset = (0, _react.useMemo)(() => (0, _copySettings.detectActivePreset)(settings), [settings]);
-  const estimatedSize = (0, _react.useMemo)(() => (0, _rendersExportFormatter.estimateExportSize)(previewRenders, settings), [previewRenders, settings]);
-  const sizeWarningLevel = (0, _react.useMemo)(() => {
-    if (estimatedSize >= SIZE_DANGER_THRESHOLD) return "danger";
-    if (estimatedSize >= SIZE_WARNING_THRESHOLD) return "warning";
-    return "none";
-  }, [estimatedSize]);
-  const generateCopyText = (0, _react.useCallback)(() => (0, _rendersExportFormatter.generateExport)(previewRenders, settings), [previewRenders, settings]);
-  const applyPreset = (0, _react.useCallback)(name => {
-    // "Custom" is what the list shows once the settings match no preset;
-    // choosing it changes nothing.
-    const preset = _copySettings.COPY_PRESETS[name];
-    if (!preset) return;
-    updateSettings({
-      ...preset,
-      filterCauses: [...preset.filterCauses]
-    });
-  }, [updateSettings]);
-  const handleOptionChange = (0, _react.useCallback)((optionId, value) => {
-    const [group, key] = optionId.split("::");
-    if (group === "preset") {
-      applyPreset(key);
-      return;
-    }
-    if (group === "format") {
-      updateSettings({
-        ...settings,
-        format: value
-      });
-      return;
-    }
-    if (group === "sort") {
-      updateSettings({
-        ...settings,
-        sortBy: value
-      });
-      return;
-    }
-    if (group === "topN") {
-      updateSettings({
-        ...settings,
-        topN: value
-      });
-      return;
-    }
-    if (group === "minRenders") {
-      updateSettings({
-        ...settings,
-        minRenders: value
-      });
-      return;
-    }
-    if (group === "cause") {
-      const cause = value;
-      const has = settings.filterCauses.includes(cause);
-      updateSettings({
-        ...settings,
-        filterCauses: has ? settings.filterCauses.filter(c => c !== cause) : [...settings.filterCauses, cause]
-      });
-      return;
-    }
-    if (group === "signal") {
-      const k = key;
-      updateSettings({
-        ...settings,
-        [k]: !settings[k]
-      });
-      return;
-    }
-  }, [settings, updateSettings, applyPreset]);
-  const renderPreviewContent = (0, _react.useCallback)(() => {
-    const {
-      totalComponents,
-      totalRenders
-    } = (0, _rendersExportFormatter.getExportSummary)(previewRenders);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ExportPreview, {
-      expanded: isPreviewExpanded,
-      onExpandedChange: setIsPreviewExpanded,
-      summary: `${totalComponents} component${totalComponents !== 1 ? "s" : ""} · ${totalRenders} renders · ~${formatBytes(estimatedSize)}${!hasLiveData ? " (mock data)" : ""}`,
-      warningLevel: sizeWarningLevel,
-      warningText: {
-        warning: "Large payload — preview may be slow",
-        danger: "Very large payload — try a smaller topN or turn off history"
-      },
-      testIDs: {
-        expand: "buoy-highlight-copy-preview-show",
-        collapse: "buoy-highlight-copy-preview-hide",
-        summary: "buoy-highlight-copy-preview-summary",
-        warning: "buoy-highlight-copy-size-warning"
-      },
-      renderBody: () => {
-        const exportText = generateCopyText();
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-          testID: "buoy-highlight-copy-preview-scroll",
-          style: styles.previewScroll,
-          nestedScrollEnabled: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            testID: "buoy-highlight-copy-preview-text",
-            style: styles.previewText,
-            selectable: true,
-            children: exportText
-          })
-        });
-      }
-    });
-  }, [isPreviewExpanded, previewRenders, estimatedSize, sizeWarningLevel, hasLiveData, generateCopyText]);
-  const renderPreviewHeaderActions = (0, _react.useCallback)(() => {
-    const {
-      totalComponents
-    } = (0, _rendersExportFormatter.getExportSummary)(previewRenders);
-    const statusLabel = hasLiveData ? `${totalComponents} components` : "Mock data (no renders captured)";
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        testID: "buoy-highlight-copy-status",
-        style: styles.statusLabel,
-        children: statusLabel
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton, {
-        value: generateCopyText
-      })]
-    });
-  }, [hasLiveData, previewRenders, generateCopyText]);
-  const dynamicFilterConfig = (0, _react.useMemo)(() => ({
-    sections: [{
-      id: "presets",
-      title: "Presets",
-      type: "custom",
-      data: [{
-        id: "preset::llm",
-        label: _copySettings.PRESET_METADATA.llm.label,
-        icon: _sharedUi.Zap,
-        color: _copySettings.PRESET_METADATA.llm.color,
-        value: "llm",
-        isActive: activePreset === "llm",
-        description: _copySettings.PRESET_METADATA.llm.description
-      }, {
-        id: "preset::table",
-        label: _copySettings.PRESET_METADATA.table.label,
-        icon: _sharedUi.FileText,
-        color: _copySettings.PRESET_METADATA.table.color,
-        value: "table",
-        isActive: activePreset === "table",
-        description: _copySettings.PRESET_METADATA.table.description
-      }, {
-        id: "preset::json",
-        label: _copySettings.PRESET_METADATA.json.label,
-        icon: _sharedUi.FileCode,
-        color: _copySettings.PRESET_METADATA.json.color,
-        value: "json",
-        isActive: activePreset === "json",
-        description: _copySettings.PRESET_METADATA.json.description
-      }, {
-        id: "preset::full",
-        label: _copySettings.PRESET_METADATA.full.label,
-        icon: _sharedUi.Layers,
-        color: _copySettings.PRESET_METADATA.full.color,
-        value: "full",
-        isActive: activePreset === "full",
-        description: _copySettings.PRESET_METADATA.full.description
-      }, {
-        id: "preset::custom",
-        label: "Custom",
-        icon: _sharedUi.Settings,
-        color: _sharedUi.night.color.textSecondary,
-        value: "custom",
-        isActive: activePreset === null,
-        description: "User-configured"
-      }]
-    }, {
-      id: "format",
-      title: "Format",
-      type: "custom",
-      data: [{
-        id: "format::summary",
-        label: "Summary",
-        icon: _sharedUi.Zap,
-        color: _sharedUi.macOSColors.semantic.success,
-        value: "summary",
-        isActive: settings.format === "summary",
-        description: "Compact, LLM-ready"
-      }, {
-        id: "format::markdown-table",
-        label: "Table",
-        icon: _sharedUi.FileText,
-        color: _sharedUi.macOSColors.semantic.info,
-        value: "markdown-table",
-        isActive: settings.format === "markdown-table",
-        description: "Markdown table"
-      }, {
-        id: "format::json",
-        label: "JSON",
-        icon: _sharedUi.FileCode,
-        color: _sharedUi.macOSColors.semantic.warning,
-        value: "json",
-        isActive: settings.format === "json",
-        description: "Structured data"
-      }]
-    }, {
-      id: "sort",
-      title: "Sort By",
-      type: "custom",
-      data: [{
-        id: "sort::renderCount",
-        label: "Count",
-        value: "renderCount",
-        isActive: settings.sortBy === "renderCount",
-        description: "Total renders"
-      }, {
-        id: "sort::rate",
-        label: "Rate",
-        value: "rate",
-        isActive: settings.sortBy === "rate",
-        description: "Renders / sec"
-      }, {
-        id: "sort::name",
-        label: "Name",
-        value: "name",
-        isActive: settings.sortBy === "name",
-        description: "Alphabetical"
-      }]
-    }, {
-      id: "topN",
-      title: "Top N",
-      type: "custom",
-      data: [{
-        id: "topN::10",
-        label: "10",
-        value: 10,
-        isActive: settings.topN === 10
-      }, {
-        id: "topN::25",
-        label: "25",
-        value: 25,
-        isActive: settings.topN === 25
-      }, {
-        id: "topN::50",
-        label: "50",
-        value: 50,
-        isActive: settings.topN === 50
-      }, {
-        id: "topN::100",
-        label: "100",
-        value: 100,
-        isActive: settings.topN === 100
-      }, {
-        id: "topN::-1",
-        label: "All",
-        value: -1,
-        isActive: settings.topN === -1
-      }]
-    }, {
-      id: "minRenders",
-      title: "Min Renders",
-      type: "custom",
-      data: [{
-        id: "minRenders::1",
-        label: "1",
-        value: 1,
-        isActive: settings.minRenders === 1
-      }, {
-        id: "minRenders::2",
-        label: "2",
-        value: 2,
-        isActive: settings.minRenders === 2
-      }, {
-        id: "minRenders::3",
-        label: "3",
-        value: 3,
-        isActive: settings.minRenders === 3
-      }, {
-        id: "minRenders::5",
-        label: "5",
-        value: 5,
-        isActive: settings.minRenders === 5
-      }, {
-        id: "minRenders::10",
-        label: "10",
-        value: 10,
-        isActive: settings.minRenders === 10
-      }]
-    }, {
-      id: "causes",
-      title: "Filter Causes",
-      type: "custom",
-      description: settings.filterCauses.length === 0 ? "All causes shown" : "Only the selected causes shown",
-      data: CAUSE_OPTIONS.map(opt => ({
-        id: `cause::${opt.value}`,
-        label: opt.label,
-        value: opt.value,
-        isActive: settings.filterCauses.includes(opt.value)
-      }))
-    }, {
-      id: "signal",
-      title: "Signal Extraction",
-      type: "custom",
-      data: [{
-        id: "signal::groupByName",
-        label: "Group by name",
-        value: "groupByName",
-        isActive: settings.groupByName,
-        description: "Collapse list items"
-      }, {
-        id: "signal::aggregateCauses",
-        label: "Aggregate causes",
-        value: "aggregateCauses",
-        isActive: settings.aggregateCauses,
-        description: "Hook x N"
-      }, {
-        id: "signal::includeHistory",
-        label: "Include history",
-        value: "includeHistory",
-        isActive: settings.includeHistory,
-        description: "JSON only — large"
-      }]
-    }],
-    previewSection: {
-      enabled: true,
-      title: "PREVIEW",
-      icon: _sharedUi.Eye,
-      content: renderPreviewContent,
-      headerActions: renderPreviewHeaderActions
-    },
-    onFilterChange: handleOptionChange
-  }), [settings, activePreset, handleOptionChange, renderPreviewContent, renderPreviewHeaderActions]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.DynamicFilterView, {
-    ...dynamicFilterConfig
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  previewScroll: {
-    maxHeight: 360
-  },
-  previewText: {
-    fontFamily: _sharedUi.monoFont,
-    fontSize: 11,
-    color: _sharedUi.night.color.text,
-    lineHeight: 18
-  },
-  statusLabel: {
-    fontSize: 11,
-    fontWeight: "600",
-    color: _sharedUi.night.color.textTertiary,
-    marginRight: 8
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.RendersCopySettingsView=RendersCopySettingsView;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _copySettings=require("../types/copySettings");var _rendersExportFormatter=require("../utils/rendersExportFormatter");var _copySettingsStorage=require("../utils/copySettingsStorage");var _jsxRuntime=require("react/jsx-runtime");const SIZE_WARNING_THRESHOLD=50*1024;const SIZE_DANGER_THRESHOLD=200*1024;const CAUSE_OPTIONS=[{value:"mount",label:"Mount"},{value:"props",label:"Props"},{value:"hooks",label:"Hooks"},{value:"state",label:"State"},{value:"parent",label:"Parent"},{value:"context",label:"Context"},{value:"unknown",label:"Unknown"}];function formatBytes(i){if(i<1024)return`${i} B`;if(i<1024*1024)return`${(i/1024).toFixed(1)} KB`;return`${(i/(1024*1024)).toFixed(1)} MB`}function createMockRenders(){const i=Date.now();return[{id:"1",nativeTag:1,viewType:"RCTView",displayName:"View",componentName:"PokemonListItem",renderCount:30,firstRenderTime:i-5e3,lastRenderTime:i,color:"#10B981",lastRenderCause:{type:"parent",timestamp:i,componentCause:"parent"}},{id:"2",nativeTag:2,viewType:"RCTView",displayName:"View",componentName:"CartHeader",renderCount:12,firstRenderTime:i-4e3,lastRenderTime:i,color:"#3B82F6",lastRenderCause:{type:"hooks",timestamp:i,componentCause:"state",hookChanges:[{type:"useState",index:2,previousValue:4,currentValue:5}]}},{id:"3",nativeTag:3,viewType:"RCTView",displayName:"View",componentName:"SearchBar",renderCount:8,firstRenderTime:i-3e3,lastRenderTime:i,color:"#F59E0B",lastRenderCause:{type:"props",timestamp:i,componentCause:"props",changedKeys:["query","onChange"]}}]}function RendersCopySettingsView({renders:i}){const[e,p]=(0,_react.useState)(_copySettings.DEFAULT_COPY_SETTINGS);const[m,E]=(0,_react.useState)(false);(0,_react.useEffect)(()=>{let t=true;(0,_copySettingsStorage.loadCopySettings)().then(r=>{if(t&&r)p(r)});return()=>{t=false}},[]);const a=(0,_react.useCallback)(t=>{p(t);(0,_copySettingsStorage.saveCopySettings)(t)},[]);const c=i.length>0;const o=c?i:createMockRenders();const n=(0,_react.useMemo)(()=>(0,_copySettings.detectActivePreset)(e),[e]);const u=(0,_react.useMemo)(()=>(0,_rendersExportFormatter.estimateExportSize)(o,e),[o,e]);const v=(0,_react.useMemo)(()=>{if(u>=SIZE_DANGER_THRESHOLD)return"danger";if(u>=SIZE_WARNING_THRESHOLD)return"warning";return"none"},[u]);const d=(0,_react.useCallback)(()=>(0,_rendersExportFormatter.generateExport)(o,e),[o,e]);const g=(0,_react.useCallback)(t=>{const r=_copySettings.COPY_PRESETS[t];if(!r)return;a({...r,filterCauses:[...r.filterCauses]})},[a]);const y=(0,_react.useCallback)((t,r)=>{const[s,b]=t.split("::");if(s==="preset"){g(b);return}if(s==="format"){a({...e,format:r});return}if(s==="sort"){a({...e,sortBy:r});return}if(s==="topN"){a({...e,topN:r});return}if(s==="minRenders"){a({...e,minRenders:r});return}if(s==="cause"){const l=r;const C=e.filterCauses.includes(l);a({...e,filterCauses:C?e.filterCauses.filter(h=>h!==l):[...e.filterCauses,l]});return}if(s==="signal"){const l=b;a({...e,[l]:!e[l]});return}},[e,a,g]);const A=(0,_react.useCallback)(()=>{const{totalComponents:t,totalRenders:r}=(0,_rendersExportFormatter.getExportSummary)(o);return(0,_jsxRuntime.jsx)(_sharedUi.ExportPreview,{expanded:m,onExpandedChange:E,summary:`${t} component${t!==1?"s":""} \xB7 ${r} renders \xB7 ~${formatBytes(u)}${!c?" (mock data)":""}`,warningLevel:v,warningText:{warning:"Large payload \u2014 preview may be slow",danger:"Very large payload \u2014 try a smaller topN or turn off history"},testIDs:{expand:"buoy-highlight-copy-preview-show",collapse:"buoy-highlight-copy-preview-hide",summary:"buoy-highlight-copy-preview-summary",warning:"buoy-highlight-copy-size-warning"},renderBody:()=>{const s=d();return(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{testID:"buoy-highlight-copy-preview-scroll",style:styles.previewScroll,nestedScrollEnabled:true,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:"buoy-highlight-copy-preview-text",style:styles.previewText,selectable:true,children:s})})}})},[m,o,u,v,c,d]);const T=(0,_react.useCallback)(()=>{const{totalComponents:t}=(0,_rendersExportFormatter.getExportSummary)(o);const r=c?`${t} components`:"Mock data (no renders captured)";return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:"buoy-highlight-copy-status",style:styles.statusLabel,children:r}),(0,_jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton,{value:d})]})},[c,o,d]);const S=(0,_react.useMemo)(()=>({sections:[{id:"presets",title:"Presets",type:"custom",data:[{id:"preset::llm",label:_copySettings.PRESET_METADATA.llm.label,icon:_sharedUi.Zap,color:_copySettings.PRESET_METADATA.llm.color,value:"llm",isActive:n==="llm",description:_copySettings.PRESET_METADATA.llm.description},{id:"preset::table",label:_copySettings.PRESET_METADATA.table.label,icon:_sharedUi.FileText,color:_copySettings.PRESET_METADATA.table.color,value:"table",isActive:n==="table",description:_copySettings.PRESET_METADATA.table.description},{id:"preset::json",label:_copySettings.PRESET_METADATA.json.label,icon:_sharedUi.FileCode,color:_copySettings.PRESET_METADATA.json.color,value:"json",isActive:n==="json",description:_copySettings.PRESET_METADATA.json.description},{id:"preset::full",label:_copySettings.PRESET_METADATA.full.label,icon:_sharedUi.Layers,color:_copySettings.PRESET_METADATA.full.color,value:"full",isActive:n==="full",description:_copySettings.PRESET_METADATA.full.description},{id:"preset::custom",label:"Custom",icon:_sharedUi.Settings,color:_sharedUi.night.color.textSecondary,value:"custom",isActive:n===null,description:"User-configured"}]},{id:"format",title:"Format",type:"custom",data:[{id:"format::summary",label:"Summary",icon:_sharedUi.Zap,color:_sharedUi.macOSColors.semantic.success,value:"summary",isActive:e.format==="summary",description:"Compact, LLM-ready"},{id:"format::markdown-table",label:"Table",icon:_sharedUi.FileText,color:_sharedUi.macOSColors.semantic.info,value:"markdown-table",isActive:e.format==="markdown-table",description:"Markdown table"},{id:"format::json",label:"JSON",icon:_sharedUi.FileCode,color:_sharedUi.macOSColors.semantic.warning,value:"json",isActive:e.format==="json",description:"Structured data"}]},{id:"sort",title:"Sort By",type:"custom",data:[{id:"sort::renderCount",label:"Count",value:"renderCount",isActive:e.sortBy==="renderCount",description:"Total renders"},{id:"sort::rate",label:"Rate",value:"rate",isActive:e.sortBy==="rate",description:"Renders / sec"},{id:"sort::name",label:"Name",value:"name",isActive:e.sortBy==="name",description:"Alphabetical"}]},{id:"topN",title:"Top N",type:"custom",data:[{id:"topN::10",label:"10",value:10,isActive:e.topN===10},{id:"topN::25",label:"25",value:25,isActive:e.topN===25},{id:"topN::50",label:"50",value:50,isActive:e.topN===50},{id:"topN::100",label:"100",value:100,isActive:e.topN===100},{id:"topN::-1",label:"All",value:-1,isActive:e.topN===-1}]},{id:"minRenders",title:"Min Renders",type:"custom",data:[{id:"minRenders::1",label:"1",value:1,isActive:e.minRenders===1},{id:"minRenders::2",label:"2",value:2,isActive:e.minRenders===2},{id:"minRenders::3",label:"3",value:3,isActive:e.minRenders===3},{id:"minRenders::5",label:"5",value:5,isActive:e.minRenders===5},{id:"minRenders::10",label:"10",value:10,isActive:e.minRenders===10}]},{id:"causes",title:"Filter Causes",type:"custom",description:e.filterCauses.length===0?"All causes shown":"Only the selected causes shown",data:CAUSE_OPTIONS.map(t=>({id:`cause::${t.value}`,label:t.label,value:t.value,isActive:e.filterCauses.includes(t.value)}))},{id:"signal",title:"Signal Extraction",type:"custom",data:[{id:"signal::groupByName",label:"Group by name",value:"groupByName",isActive:e.groupByName,description:"Collapse list items"},{id:"signal::aggregateCauses",label:"Aggregate causes",value:"aggregateCauses",isActive:e.aggregateCauses,description:"Hook x N"},{id:"signal::includeHistory",label:"Include history",value:"includeHistory",isActive:e.includeHistory,description:"JSON only \u2014 large"}]}],previewSection:{enabled:true,title:"PREVIEW",icon:_sharedUi.Eye,content:A,headerActions:T},onFilterChange:y}),[e,n,y,A,T]);return(0,_jsxRuntime.jsx)(_sharedUi.DynamicFilterView,{...S})}const styles=_reactNative.StyleSheet.create({previewScroll:{maxHeight:360},previewText:{fontFamily:_sharedUi.monoFont,fontSize:11,color:_sharedUi.night.color.text,lineHeight:18},statusLabel:{fontSize:11,fontWeight:"600",color:_sharedUi.night.color.textTertiary,marginRight:8}});

package/lib/commonjs/highlight-updates/components/StatsDisplay.js

@@ -1,73 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.StatsDisplay = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _RenderTracker = require("../utils/RenderTracker");
-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); }
-/**
- * StatsDisplay
- *
- * Isolated component for displaying render statistics in the header.
- * Subscribes to RenderTracker updates independently so parent header
- * doesn't re-render when stats change.
- *
- * Following the optimization guide: move subscriptions to child components.
- */
-
-/**
- * Isolated stats display that owns its own subscription.
- * Only this component re-renders when stats change.
- */function StatsDisplayInner() {
-  const [stats, setStats] = (0, _react.useState)({
-    totalComponents: 0,
-    totalRenders: 0
-  });
-  (0, _react.useEffect)(() => {
-    const unsubscribe = _RenderTracker.RenderTracker.subscribe(() => {
-      setStats(_RenderTracker.RenderTracker.getStats());
-    });
-    return unsubscribe;
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    nativeID: "__rn_buoy__stats-row",
-    testID: "buoy-highlight-stats",
-    accessibilityLabel: `${stats.totalComponents} components tracked`,
-    style: styles.headerChip,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Activity, {
-      size: 12,
-      color: _sharedUi.night.color.accent
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      testID: "buoy-highlight-stats-value",
-      style: [styles.headerChipValue, {
-        color: _sharedUi.night.color.accent
-      }],
-      children: stats.totalComponents
-    })]
-  });
-}
-const StatsDisplay = exports.StatsDisplay = /*#__PURE__*/(0, _react.memo)(StatsDisplayInner);
-const styles = _reactNative.StyleSheet.create({
-  headerChip: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4,
-    backgroundColor: _sharedUi.night.color.buttonSurface,
-    paddingHorizontal: 8,
-    paddingVertical: 5,
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  headerChipValue: {
-    fontSize: 12,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont
-  }
-});
-var _default = exports.default = StatsDisplay;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.StatsDisplay=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _RenderTracker=require("../utils/RenderTracker");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(a,i){if("function"==typeof WeakMap)var s=new WeakMap,l=new WeakMap;return(_interopRequireWildcard=function(e,c){if(!c&&e&&e.__esModule)return e;var t,n,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(t=c?l:s){if(t.has(e))return t.get(e);t.set(e,o)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((n=(t=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(n.get||n.set)?t(o,r,n):o[r]=e[r]);return o})(a,i)}function StatsDisplayInner(){const[a,i]=(0,_react.useState)({totalComponents:0,totalRenders:0});(0,_react.useEffect)(()=>{const s=_RenderTracker.RenderTracker.subscribe(()=>{i(_RenderTracker.RenderTracker.getStats())});return s},[]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{nativeID:"__rn_buoy__stats-row",testID:"buoy-highlight-stats",accessibilityLabel:`${a.totalComponents} components tracked`,style:styles.headerChip,children:[(0,_jsxRuntime.jsx)(_sharedUi.Activity,{size:12,color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:"buoy-highlight-stats-value",style:[styles.headerChipValue,{color:_sharedUi.night.color.accent}],children:a.totalComponents})]})}const StatsDisplay=exports.StatsDisplay=(0,_react.memo)(StatsDisplayInner);const styles=_reactNative.StyleSheet.create({headerChip:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:_sharedUi.night.color.buttonSurface,paddingHorizontal:8,paddingVertical:5,borderRadius:12,borderWidth:1,borderColor:_sharedUi.night.color.border},headerChipValue:{fontSize:12,fontWeight:"600",fontFamily:_sharedUi.monoFont}});var _default=exports.default=StatsDisplay;

package/lib/commonjs/highlight-updates/types/copySettings.js

@@ -1,107 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PRESET_METADATA = exports.DEFAULT_COPY_SETTINGS = exports.COPY_PRESETS = void 0;
-exports.detectActivePreset = detectActivePreset;
-/**
- * Highlight Updates Copy Settings
- *
- * Configuration for exporting render reports as compact debug-focused output.
- */
-
-// -1 = all
-
-const DEFAULT_COPY_SETTINGS = exports.DEFAULT_COPY_SETTINGS = {
-  format: "summary",
-  topN: 25,
-  minRenders: 2,
-  filterCauses: [],
-  groupByName: true,
-  aggregateCauses: true,
-  sortBy: "renderCount",
-  includeHistory: false
-};
-const COPY_PRESETS = exports.COPY_PRESETS = {
-  /** LLM-pasteable summary — the default */
-  llm: {
-    format: "summary",
-    topN: 25,
-    minRenders: 2,
-    filterCauses: [],
-    groupByName: true,
-    aggregateCauses: true,
-    sortBy: "renderCount",
-    includeHistory: false
-  },
-  /** Markdown table for PR descriptions */
-  table: {
-    format: "markdown-table",
-    topN: 50,
-    minRenders: 2,
-    filterCauses: [],
-    groupByName: true,
-    aggregateCauses: true,
-    sortBy: "renderCount",
-    includeHistory: false
-  },
-  /** Compact JSON, no history */
-  json: {
-    format: "json",
-    topN: -1,
-    minRenders: 1,
-    filterCauses: [],
-    groupByName: false,
-    aggregateCauses: true,
-    sortBy: "renderCount",
-    includeHistory: false
-  },
-  /** Full JSON dump including history (escape hatch) */
-  full: {
-    format: "json",
-    topN: -1,
-    minRenders: 1,
-    filterCauses: [],
-    groupByName: false,
-    aggregateCauses: false,
-    sortBy: "renderCount",
-    includeHistory: true
-  }
-};
-function detectActivePreset(settings) {
-  for (const [name, preset] of Object.entries(COPY_PRESETS)) {
-    const matches = Object.keys(preset).every(key => {
-      const a = settings[key];
-      const b = preset[key];
-      if (Array.isArray(a) && Array.isArray(b)) {
-        return a.length === b.length && a.every((v, i) => v === b[i]);
-      }
-      return a === b;
-    });
-    if (matches) return name;
-  }
-  return null;
-}
-const PRESET_METADATA = exports.PRESET_METADATA = {
-  llm: {
-    label: "LLM",
-    description: "Compact summary for AI",
-    color: "#10B981"
-  },
-  table: {
-    label: "Table",
-    description: "Markdown table",
-    color: "#3B82F6"
-  },
-  json: {
-    label: "JSON",
-    description: "Structured data",
-    color: "#F59E0B"
-  },
-  full: {
-    label: "Full",
-    description: "Everything incl. history",
-    color: "#6B7280"
-  }
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.PRESET_METADATA=exports.DEFAULT_COPY_SETTINGS=exports.COPY_PRESETS=void 0;exports.detectActivePreset=detectActivePreset;const DEFAULT_COPY_SETTINGS=exports.DEFAULT_COPY_SETTINGS={format:"summary",topN:25,minRenders:2,filterCauses:[],groupByName:true,aggregateCauses:true,sortBy:"renderCount",includeHistory:false};const COPY_PRESETS=exports.COPY_PRESETS={llm:{format:"summary",topN:25,minRenders:2,filterCauses:[],groupByName:true,aggregateCauses:true,sortBy:"renderCount",includeHistory:false},table:{format:"markdown-table",topN:50,minRenders:2,filterCauses:[],groupByName:true,aggregateCauses:true,sortBy:"renderCount",includeHistory:false},json:{format:"json",topN:-1,minRenders:1,filterCauses:[],groupByName:false,aggregateCauses:true,sortBy:"renderCount",includeHistory:false},full:{format:"json",topN:-1,minRenders:1,filterCauses:[],groupByName:false,aggregateCauses:false,sortBy:"renderCount",includeHistory:true}};function detectActivePreset(o){for(const[a,t]of Object.entries(COPY_PRESETS)){const n=Object.keys(t).every(s=>{const e=o[s];const r=t[s];if(Array.isArray(e)&&Array.isArray(r)){return e.length===r.length&&e.every((l,u)=>l===r[u])}return e===r});if(n)return a}return null}const PRESET_METADATA=exports.PRESET_METADATA={llm:{label:"LLM",description:"Compact summary for AI",color:"#10B981"},table:{label:"Table",description:"Markdown table",color:"#3B82F6"},json:{label:"JSON",description:"Structured data",color:"#F59E0B"},full:{label:"Full",description:"Everything incl. history",color:"#6B7280"}};