@buoy-gg/network 7.0.40 → 7.0.42

package/lib/commonjs/network/components/NetworkCopySettingsView.js

@@ -1,755 +1,27 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_COPY_SETTINGS = void 0;
-exports.NetworkCopySettingsView = NetworkCopySettingsView;
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _react = require("react");
-var _reactNative = require("react-native");
-var _useTickEveryMinute = require("../hooks/useTickEveryMinute");
-var _jsxRuntime = require("react/jsx-runtime");
-const DEFAULT_COPY_SETTINGS = exports.DEFAULT_COPY_SETTINGS = {
-  includeMethod: true,
-  includeStatus: true,
-  includeDuration: true,
-  includeTimestamp: true,
-  includeClient: true,
-  includeSizes: true,
-  includeErrors: true,
-  includeRequestHeaders: true,
-  includeResponseHeaders: true,
-  includeRequestBody: true,
-  includeResponseBody: true,
-  bodySizeThreshold: 10,
-  format: "markdown",
-  filterMode: "all"
-};
-
-// Preset configurations for comparison
-const PRESET_CONFIGS = {
-  urls: {
-    includeMethod: true,
-    includeStatus: false,
-    includeDuration: false,
-    includeTimestamp: false,
-    includeClient: false,
-    includeSizes: false,
-    includeErrors: false,
-    includeRequestHeaders: false,
-    includeResponseHeaders: false,
-    includeRequestBody: false,
-    includeResponseBody: false,
-    bodySizeThreshold: 10,
-    format: "plaintext",
-    filterMode: "all"
-  },
-  llm: {
-    includeMethod: true,
-    includeStatus: true,
-    includeDuration: true,
-    includeTimestamp: true,
-    includeClient: true,
-    includeSizes: true,
-    includeErrors: true,
-    includeRequestHeaders: true,
-    includeResponseHeaders: true,
-    includeRequestBody: true,
-    includeResponseBody: true,
-    bodySizeThreshold: 10,
-    format: "markdown",
-    filterMode: "all"
-  },
-  json: {
-    includeMethod: true,
-    includeStatus: true,
-    includeDuration: true,
-    includeTimestamp: true,
-    includeClient: true,
-    includeSizes: true,
-    includeErrors: true,
-    includeRequestHeaders: true,
-    includeResponseHeaders: true,
-    includeRequestBody: true,
-    includeResponseBody: true,
-    bodySizeThreshold: -1,
-    format: "json",
-    filterMode: "all"
-  },
-  full: {
-    includeMethod: true,
-    includeStatus: true,
-    includeDuration: true,
-    includeTimestamp: true,
-    includeClient: true,
-    includeSizes: true,
-    includeErrors: true,
-    includeRequestHeaders: true,
-    includeResponseHeaders: true,
-    includeRequestBody: true,
-    includeResponseBody: true,
-    bodySizeThreshold: -1,
-    format: "markdown",
-    filterMode: "all"
-  }
-};
-// Detect which preset matches current settings
-function detectActivePreset(settings) {
-  for (const [presetName, presetConfig] of Object.entries(PRESET_CONFIGS)) {
-    const matches = Object.keys(presetConfig).every(key => presetConfig[key] === settings[key]);
-    if (matches) return presetName;
-  }
-  return null; // No preset matches = Custom
-}
-
-// Size thresholds for warnings
-const SIZE_WARNING_THRESHOLD = 100 * 1024; // 100KB - show warning
-const SIZE_DANGER_THRESHOLD = 500 * 1024; // 500KB - show danger warning
-
-// Helper to format bytes for display
-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 NetworkCopySettingsView({
-  settings,
-  onSettingsChange,
-  events = []
-}) {
-  // Check Pro status for gating
-  const {
-    isPro
-  } = (0, _sharedUi.useFeatureGate)();
-
-  // Use tick for updating relative time
-  const tick = (0, _useTickEveryMinute.useTickEveryMinute)();
-
-  // State for preview expansion - collapsed by default to prevent crashes
-  const [isPreviewExpanded, setIsPreviewExpanded] = (0, _react.useState)(false);
-
-  // Auto-detect if we have live data
-  const hasLiveData = events.length > 0;
-
-  // Get the most recent event timestamp for "last updated" display
-  const lastEventTimestamp = (0, _react.useMemo)(() => {
-    if (!hasLiveData) return null;
-    const timestamps = events.map(e => typeof e.timestamp === 'number' ? e.timestamp : new Date(e.timestamp).getTime());
-    return Math.max(...timestamps);
-  }, [events, hasLiveData]);
-
-  // Detect active preset
-  const activePreset = (0, _react.useMemo)(() => detectActivePreset(settings), [settings]);
-
-  // Quick preset handlers
-  const applyUrlsPreset = (0, _react.useCallback)(() => {
-    onSettingsChange(PRESET_CONFIGS.urls);
-  }, [onSettingsChange]);
-  const applyLLMPreset = (0, _react.useCallback)(() => {
-    onSettingsChange(PRESET_CONFIGS.llm);
-  }, [onSettingsChange]);
-  const applyJSONPreset = (0, _react.useCallback)(() => {
-    onSettingsChange(PRESET_CONFIGS.json);
-  }, [onSettingsChange]);
-  const applyFullPreset = (0, _react.useCallback)(() => {
-    onSettingsChange(PRESET_CONFIGS.full);
-  }, [onSettingsChange]);
-
-  // Handle individual option changes
-  const handleOptionChange = (0, _react.useCallback)((optionId, value) => {
-    const [group, key] = optionId.split("::");
-    if (group === "preset") {
-      switch (key) {
-        case "urls":
-          applyUrlsPreset();
-          break;
-        case "llm":
-          applyLLMPreset();
-          break;
-        case "json":
-          applyJSONPreset();
-          break;
-        case "full":
-          applyFullPreset();
-          break;
-      }
-      return;
-    }
-    if (group === "requestInfo") {
-      // Toggle boolean value
-      onSettingsChange({
-        ...settings,
-        [key]: !settings[key]
-      });
-      return;
-    }
-    if (group === "headers") {
-      // Toggle boolean value
-      onSettingsChange({
-        ...settings,
-        [key]: !settings[key]
-      });
-      return;
-    }
-    if (group === "body") {
-      if (key === "bodySizeThreshold") {
-        onSettingsChange({
-          ...settings,
-          bodySizeThreshold: value
-        });
-      } else {
-        // Toggle boolean value
-        onSettingsChange({
-          ...settings,
-          [key]: !settings[key]
-        });
-      }
-      return;
-    }
-    if (group === "format") {
-      onSettingsChange({
-        ...settings,
-        format: value
-      });
-      return;
-    }
-    if (group === "filter") {
-      onSettingsChange({
-        ...settings,
-        filterMode: value
-      });
-    }
-  }, [settings, onSettingsChange, applyUrlsPreset, applyLLMPreset, applyJSONPreset, applyFullPreset]);
-
-  // Mock data for preview
-  const mockRequestData = (0, _react.useMemo)(() => ({
-    method: "POST",
-    url: "https://api.example.com/v1/users",
-    status: 201,
-    duration: 342,
-    timestamp: new Date().toISOString(),
-    requestHeaders: {
-      "Content-Type": "application/json",
-      "Authorization": "Bearer ***"
-    },
-    responseHeaders: {
-      "Content-Type": "application/json",
-      "X-Request-ID": "abc123"
-    },
-    requestBody: {
-      name: "John Doe",
-      email: "john@example.com"
-    },
-    responseBody: {
-      id: "user_123",
-      name: "John Doe",
-      email: "john@example.com",
-      createdAt: "2025-01-10T12:00:00Z"
-    }
-  }), []);
-
-  // Get data source - auto-detect live vs mock
-  const previewData = (0, _react.useMemo)(() => {
-    if (hasLiveData) {
-      return events; // Show ALL events
-    }
-    // Mock data - return as array for consistency
-    return [mockRequestData];
-  }, [hasLiveData, events, mockRequestData]);
-
-  // Estimate the size of the preview content to warn users about large payloads
-  const estimatedSize = (0, _react.useMemo)(() => {
-    const dataSource = hasLiveData ? events : [mockRequestData];
-    let totalSize = 0;
-    for (const eventData of dataSource) {
-      // Estimate based on what's included
-      if (settings.includeMethod) {
-        totalSize += (eventData.url?.length || 0) + 10;
-      }
-      if (settings.includeStatus) {
-        totalSize += 30;
-      }
-      if (settings.includeTimestamp) {
-        totalSize += 30;
-      }
-      if (settings.includeRequestHeaders) {
-        try {
-          totalSize += JSON.stringify(eventData.requestHeaders || {}).length;
-        } catch {
-          totalSize += 100;
-        }
-      }
-      if (settings.includeRequestBody) {
-        const body = 'requestBody' in eventData ? eventData.requestBody : eventData.requestData;
-        try {
-          totalSize += JSON.stringify(body || {}).length;
-        } catch {
-          totalSize += 100;
-        }
-      }
-      if (settings.includeResponseBody) {
-        const body = 'responseBody' in eventData ? eventData.responseBody : eventData.responseData;
-        try {
-          totalSize += JSON.stringify(body || {}).length;
-        } catch {
-          totalSize += 100;
-        }
-      }
-    }
-    return totalSize;
-  }, [hasLiveData, events, mockRequestData, settings]);
-
-  // Determine warning level based on estimated size
-  const sizeWarningLevel = (0, _react.useMemo)(() => {
-    if (estimatedSize >= SIZE_DANGER_THRESHOLD) return 'danger';
-    if (estimatedSize >= SIZE_WARNING_THRESHOLD) return 'warning';
-    return 'none';
-  }, [estimatedSize]);
-
-  // Generate copy text - should match preview content exactly
-  const generateCopyText = (0, _react.useCallback)(() => {
-    const dataSource = hasLiveData ? events : [mockRequestData];
-    const {
-      format,
-      includeMethod,
-      includeStatus,
-      includeTimestamp,
-      includeRequestHeaders,
-      includeRequestBody,
-      includeResponseBody
-    } = settings;
-
-    // Build filtered data for a single event
-    const buildFilteredData = eventData => {
-      const data = {};
-      if (includeMethod) {
-        data.method = eventData.method;
-        data.url = eventData.url;
-      }
-      if (includeStatus) {
-        data.status = eventData.status;
-        data.duration = eventData.duration;
-      }
-      if (includeTimestamp) {
-        data.timestamp = eventData.timestamp;
-      }
-      if (includeRequestHeaders) {
-        data.requestHeaders = eventData.requestHeaders;
-      }
-      if (includeRequestBody) {
-        data.requestBody = 'requestBody' in eventData ? eventData.requestBody : eventData.requestData;
-      }
-      if (includeResponseBody) {
-        data.responseBody = 'responseBody' in eventData ? eventData.responseBody : eventData.responseData;
-      }
-      return data;
-    };
-    if (format === "json") {
-      const allFilteredData = dataSource.map(buildFilteredData);
-      return JSON.stringify(allFilteredData, null, 2);
-    }
-    if (format === "markdown") {
-      const allRequests = dataSource.map((eventData, index) => {
-        const sections = [];
-        sections.push(`# Request ${index + 1}`);
-        if (includeMethod) {
-          sections.push(`\n**${eventData.method}** ${eventData.url}`);
-        }
-        const metaInfo = [];
-        if (includeStatus) {
-          metaInfo.push(`**Status:** ${eventData.status}`);
-          metaInfo.push(`**Duration:** ${eventData.duration}ms`);
-        }
-        if (includeTimestamp) {
-          metaInfo.push(`**Timestamp:** ${eventData.timestamp}`);
-        }
-        if (metaInfo.length > 0) {
-          sections.push('\n' + metaInfo.join('\n'));
-        }
-        if (includeRequestHeaders) {
-          const headers = eventData.requestHeaders || {};
-          sections.push(`\n## Request Headers\n\`\`\`json\n${JSON.stringify(headers, null, 2)}\n\`\`\``);
-        }
-        if (includeRequestBody) {
-          const body = 'requestBody' in eventData ? eventData.requestBody : eventData.requestData;
-          sections.push(`\n## Request Body\n\`\`\`json\n${JSON.stringify(body || {}, null, 2)}\n\`\`\``);
-        }
-        if (includeResponseBody) {
-          const body = 'responseBody' in eventData ? eventData.responseBody : eventData.responseData;
-          sections.push(`\n## Response Body\n\`\`\`json\n${JSON.stringify(body || {}, null, 2)}\n\`\`\``);
-        }
-        return sections.join('\n');
-      });
-      return allRequests.join('\n\n---\n\n') || "No data included";
-    }
-
-    // Plaintext
-    const allRequests = dataSource.map((eventData, index) => {
-      const lines = [];
-      lines.push(`Request ${index + 1}:`);
-      if (includeMethod) {
-        lines.push(`${eventData.method} ${eventData.url}`);
-      }
-      if (includeStatus) {
-        lines.push(`Status: ${eventData.status}`);
-        lines.push(`Duration: ${eventData.duration}ms`);
-      }
-      if (includeTimestamp) {
-        lines.push(`Timestamp: ${eventData.timestamp}`);
-      }
-      if (includeRequestBody) {
-        const body = 'requestBody' in eventData ? eventData.requestBody : eventData.requestData;
-        lines.push('\nRequest:');
-        lines.push(JSON.stringify(body || {}, null, 2));
-      }
-      if (includeResponseBody) {
-        const body = 'responseBody' in eventData ? eventData.responseBody : eventData.responseData;
-        lines.push('\nResponse:');
-        lines.push(JSON.stringify(body || {}, null, 2));
-      }
-      return lines.join('\n');
-    });
-    return allRequests.join('\n\n---\n\n') || "No data included";
-  }, [hasLiveData, events, mockRequestData, settings]);
-
-  // Generate the expanded preview content (only called when expanded)
-  const generateExpandedPreviewContent = (0, _react.useCallback)(() => {
-    const dataSource = hasLiveData ? events : [mockRequestData];
-    const {
-      format,
-      includeMethod,
-      includeStatus,
-      includeTimestamp,
-      includeRequestHeaders,
-      includeRequestBody,
-      includeResponseBody
-    } = settings;
-
-    // Build filtered data for a single event
-    const buildFilteredData = eventData => {
-      const data = {};
-      if (includeMethod) {
-        data.method = eventData.method;
-        data.url = eventData.url;
-      }
-      if (includeStatus) {
-        data.status = eventData.status;
-        data.duration = eventData.duration;
-      }
-      if (includeTimestamp) {
-        data.timestamp = eventData.timestamp;
-      }
-      if (includeRequestHeaders) {
-        data.requestHeaders = eventData.requestHeaders;
-      }
-      if (includeRequestBody) {
-        data.requestBody = 'requestBody' in eventData ? eventData.requestBody : eventData.requestData;
-      }
-      if (includeResponseBody) {
-        data.responseBody = 'responseBody' in eventData ? eventData.responseBody : eventData.responseData;
-      }
-      return data;
-    };
-    if (format === "json") {
-      const allFilteredData = dataSource.map(buildFilteredData);
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
-        data: allFilteredData,
-        title: "",
-        showTypeFilter: false
-      });
-    }
-    if (format === "markdown") {
-      const allRequests = dataSource.map((eventData, index) => {
-        const sections = [];
-        sections.push(`# Request ${index + 1}`);
-        if (includeMethod) {
-          sections.push(`\n**${eventData.method}** ${eventData.url}`);
-        }
-        const metaInfo = [];
-        if (includeStatus) {
-          metaInfo.push(`**Status:** ${eventData.status}`);
-          metaInfo.push(`**Duration:** ${eventData.duration}ms`);
-        }
-        if (includeTimestamp) {
-          metaInfo.push(`**Timestamp:** ${eventData.timestamp}`);
-        }
-        if (metaInfo.length > 0) {
-          sections.push('\n' + metaInfo.join('\n'));
-        }
-        if (includeRequestHeaders) {
-          const headers = eventData.requestHeaders || {};
-          sections.push(`\n## Request Headers\n\`\`\`json\n${JSON.stringify(headers, null, 2)}\n\`\`\``);
-        }
-        if (includeRequestBody) {
-          const body = 'requestBody' in eventData ? eventData.requestBody : eventData.requestData;
-          sections.push(`\n## Request Body\n\`\`\`json\n${JSON.stringify(body || {}, null, 2)}\n\`\`\``);
-        }
-        if (includeResponseBody) {
-          const body = 'responseBody' in eventData ? eventData.responseBody : eventData.responseData;
-          sections.push(`\n## Response Body\n\`\`\`json\n${JSON.stringify(body || {}, null, 2)}\n\`\`\``);
-        }
-        return sections.join('\n');
-      });
-      const markdown = allRequests.join('\n\n---\n\n');
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-        style: styles.previewScroll,
-        nestedScrollEnabled: true,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.markdownText,
-          selectable: isPro,
-          children: markdown || "No data included"
-        })
-      });
-    }
-
-    // Plaintext
-    const allRequests = dataSource.map((eventData, index) => {
-      const lines = [];
-      lines.push(`Request ${index + 1}:`);
-      if (includeMethod) {
-        lines.push(`${eventData.method} ${eventData.url}`);
-      }
-      if (includeStatus) {
-        lines.push(`Status: ${eventData.status}`);
-        lines.push(`Duration: ${eventData.duration}ms`);
-      }
-      if (includeTimestamp) {
-        lines.push(`Timestamp: ${eventData.timestamp}`);
-      }
-      if (includeRequestBody) {
-        const body = 'requestBody' in eventData ? eventData.requestBody : eventData.requestData;
-        lines.push('\nRequest:');
-        lines.push(JSON.stringify(body || {}, null, 2));
-      }
-      if (includeResponseBody) {
-        const body = 'responseBody' in eventData ? eventData.responseBody : eventData.responseData;
-        lines.push('\nResponse:');
-        lines.push(JSON.stringify(body || {}, null, 2));
-      }
-      return lines.join('\n');
-    });
-    const plaintext = allRequests.join('\n\n---\n\n');
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      style: styles.previewScroll,
-      nestedScrollEnabled: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.plaintextText,
-        selectable: isPro,
-        children: plaintext || "No data included"
-      })
-    });
-  }, [settings, hasLiveData, events, mockRequestData, isPro]);
-
-  // Generate formatted output for copying/preview - with collapsible support
-  const generatePreviewContent = (0, _react.useCallback)(() => {
-    const dataSource = hasLiveData ? events : [mockRequestData];
-    const requestCount = dataSource.length;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ExportPreview, {
-      expanded: isPreviewExpanded,
-      onExpandedChange: setIsPreviewExpanded,
-      summary: `${requestCount} request${requestCount !== 1 ? "s" : ""} • ~${formatBytes(estimatedSize)}`,
-      warningLevel: sizeWarningLevel,
-      warningText: {
-        warning: "Large payload - preview may be slow",
-        danger: "Very large payload - may cause performance issues"
-      },
-      renderBody: generateExpandedPreviewContent
-    });
-  }, [settings, hasLiveData, events, mockRequestData, isPreviewExpanded, estimatedSize, sizeWarningLevel, generateExpandedPreviewContent]);
-
-  // Render preview header actions (status label and Copy button)
-  const renderPreviewHeaderActions = (0, _react.useCallback)(() => {
-    const statusLabel = hasLiveData && lastEventTimestamp ? `Live data • Updated ${(0, _sharedUi.formatRelativeTime)(lastEventTimestamp, tick)}` : "Mock data (no events captured)";
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.statusLabel,
-        children: statusLabel
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton, {
-        value: generateCopyText()
-      })]
-    });
-  }, [hasLiveData, lastEventTimestamp, tick, generateCopyText]);
-
-  // Render preview content only
-  const renderPreviewContent = (0, _react.useCallback)(() => {
-    return generatePreviewContent();
-  }, [generatePreviewContent]);
-  const dynamicFilterConfig = (0, _react.useMemo)(() => ({
-    sections: [
-    // Quick Presets Section - Hero element
-    {
-      id: "presets",
-      title: "Presets",
-      type: "custom",
-      data: [{
-        id: "preset::urls",
-        label: "URLs",
-        icon: _sharedUi.Link,
-        color: _sharedUi.macOSColors.semantic.info,
-        value: "urls",
-        isActive: activePreset === "urls"
-      }, {
-        id: "preset::llm",
-        label: "LLM",
-        icon: _sharedUi.Zap,
-        color: _sharedUi.macOSColors.semantic.success,
-        value: "llm",
-        isActive: activePreset === "llm"
-      }, {
-        id: "preset::json",
-        label: "JSON",
-        icon: _sharedUi.FileCode,
-        color: _sharedUi.macOSColors.semantic.warning,
-        value: "json",
-        isActive: activePreset === "json"
-      }, {
-        id: "preset::full",
-        label: "Full",
-        icon: _sharedUi.FileText,
-        color: _sharedUi.macOSColors.semantic.info,
-        value: "full",
-        isActive: activePreset === "full"
-      }, {
-        id: "preset::custom",
-        label: "Custom",
-        icon: _sharedUi.Settings,
-        color: _sharedUi.macOSColors.text.secondary,
-        value: "custom",
-        isActive: activePreset === null
-      }]
-    },
-    // Include Section - Consolidated
-    {
-      id: "include",
-      title: "Include",
-      type: "custom",
-      data: [{
-        id: "requestInfo::includeMethod",
-        label: "URL",
-        value: "includeMethod",
-        isActive: settings.includeMethod
-      }, {
-        id: "requestInfo::includeStatus",
-        label: "Status",
-        value: "includeStatus",
-        isActive: settings.includeStatus
-      }, {
-        id: "requestInfo::includeTimestamp",
-        label: "Time",
-        value: "includeTimestamp",
-        isActive: settings.includeTimestamp
-      }, {
-        id: "headers::includeRequestHeaders",
-        label: "Headers",
-        value: "includeRequestHeaders",
-        isActive: settings.includeRequestHeaders
-      }, {
-        id: "body::includeRequestBody",
-        label: "Req Body",
-        value: "includeRequestBody",
-        isActive: settings.includeRequestBody
-      }, {
-        id: "body::includeResponseBody",
-        label: "Res Body",
-        value: "includeResponseBody",
-        isActive: settings.includeResponseBody
-      }, {
-        id: "requestInfo::includeErrors",
-        label: "Errors",
-        value: "includeErrors",
-        isActive: settings.includeErrors
-      }]
-    },
-    // Output Format
-    {
-      id: "format",
-      title: "Format",
-      type: "custom",
-      data: [{
-        id: "format::markdown",
-        label: "Markdown",
-        icon: _sharedUi.FileText,
-        color: _sharedUi.macOSColors.semantic.info,
-        value: "markdown",
-        isActive: settings.format === "markdown"
-      }, {
-        id: "format::json",
-        label: "JSON",
-        icon: _sharedUi.FileCode,
-        color: _sharedUi.macOSColors.semantic.warning,
-        value: "json",
-        isActive: settings.format === "json"
-      }, {
-        id: "format::plaintext",
-        label: "Text",
-        icon: _sharedUi.Hash,
-        color: _sharedUi.macOSColors.text.secondary,
-        value: "plaintext",
-        isActive: settings.format === "plaintext"
-      }]
-    }],
-    previewSection: {
-      enabled: true,
-      title: "PREVIEW",
-      icon: _sharedUi.Eye,
-      content: renderPreviewContent,
-      headerActions: renderPreviewHeaderActions
-    },
-    onFilterChange: handleOptionChange
-  }), [settings, handleOptionChange, renderPreviewContent, renderPreviewHeaderActions, activePreset]);
-
-  // For free users, show banner at the top explaining this is a Pro feature
-  // Users can interact with controls but copy is blocked at the button level
-  if (!isPro) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.gatedContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ProFeatureBanner, {
-        featureName: "Network Export",
-        description: "Export network requests to share with your team, debug APIs, or feed into AI tools.",
-        benefits: ["Export to JSON, Markdown, or plain text", "Customizable copy presets (URLs only, LLM-ready, full data)", "Share request details with teammates", "Feed network data directly to AI assistants"]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.gatedPreview,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.DynamicFilterView, {
-          ...dynamicFilterConfig
-        })
-      })]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.DynamicFilterView, {
-    ...dynamicFilterConfig
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  previewScroll: {
-    maxHeight: 300
-  },
-  markdownText: {
-    fontFamily: _sharedUi.monoFont,
-    fontSize: 11,
-    color: _sharedUi.macOSColors.text.primary,
-    lineHeight: 18
-  },
-  plaintextText: {
-    fontFamily: _sharedUi.monoFont,
-    fontSize: 11,
-    color: _sharedUi.macOSColors.text.primary,
-    lineHeight: 18
-  },
-  statusLabel: {
-    fontSize: 11,
-    fontWeight: "600",
-    color: _sharedUi.macOSColors.text.muted,
-    marginRight: 8
-  },
-  // Collapsible preview styles
-  // Gated container styles for free users
-  gatedContainer: {
-    flex: 1,
-    padding: 12
-  },
-  gatedPreview: {
-    flex: 1
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DEFAULT_COPY_SETTINGS=void 0;exports.NetworkCopySettingsView=NetworkCopySettingsView;var _sharedUi=require("@buoy-gg/shared-ui");var _dataViewer=require("@buoy-gg/shared-ui/dataViewer");var _react=require("react");var _reactNative=require("react-native");var _useTickEveryMinute=require("../hooks/useTickEveryMinute");var _jsxRuntime=require("react/jsx-runtime");const DEFAULT_COPY_SETTINGS=exports.DEFAULT_COPY_SETTINGS={includeMethod:true,includeStatus:true,includeDuration:true,includeTimestamp:true,includeClient:true,includeSizes:true,includeErrors:true,includeRequestHeaders:true,includeResponseHeaders:true,includeRequestBody:true,includeResponseBody:true,bodySizeThreshold:10,format:"markdown",filterMode:"all"};const PRESET_CONFIGS={urls:{includeMethod:true,includeStatus:false,includeDuration:false,includeTimestamp:false,includeClient:false,includeSizes:false,includeErrors:false,includeRequestHeaders:false,includeResponseHeaders:false,includeRequestBody:false,includeResponseBody:false,bodySizeThreshold:10,format:"plaintext",filterMode:"all"},llm:{includeMethod:true,includeStatus:true,includeDuration:true,includeTimestamp:true,includeClient:true,includeSizes:true,includeErrors:true,includeRequestHeaders:true,includeResponseHeaders:true,includeRequestBody:true,includeResponseBody:true,bodySizeThreshold:10,format:"markdown",filterMode:"all"},json:{includeMethod:true,includeStatus:true,includeDuration:true,includeTimestamp:true,includeClient:true,includeSizes:true,includeErrors:true,includeRequestHeaders:true,includeResponseHeaders:true,includeRequestBody:true,includeResponseBody:true,bodySizeThreshold:-1,format:"json",filterMode:"all"},full:{includeMethod:true,includeStatus:true,includeDuration:true,includeTimestamp:true,includeClient:true,includeSizes:true,includeErrors:true,includeRequestHeaders:true,includeResponseHeaders:true,includeRequestBody:true,includeResponseBody:true,bodySizeThreshold:-1,format:"markdown",filterMode:"all"}};function detectActivePreset(s){for(const[l,a]of Object.entries(PRESET_CONFIGS)){const S=Object.keys(a).every(B=>a[B]===s[B]);if(S)return l}return null}const SIZE_WARNING_THRESHOLD=100*1024;const SIZE_DANGER_THRESHOLD=500*1024;function formatBytes(s){if(s<1024)return`${s} B`;if(s<1024*1024)return`${(s/1024).toFixed(1)} KB`;return`${(s/(1024*1024)).toFixed(1)} MB`}function NetworkCopySettingsView({settings:s,onSettingsChange:l,events:a=[]}){const{isPro:S}=(0,_sharedUi.useFeatureGate)();const B=(0,_useTickEveryMinute.useTickEveryMinute)();const[E,_]=(0,_react.useState)(false);const c=a.length>0;const j=(0,_react.useMemo)(()=>{if(!c)return null;const d=a.map(t=>typeof t.timestamp==="number"?t.timestamp:new Date(t.timestamp).getTime());return Math.max(...d)},[a,c]);const R=(0,_react.useMemo)(()=>detectActivePreset(s),[s]);const C=(0,_react.useCallback)(()=>{l(PRESET_CONFIGS.urls)},[l]);const H=(0,_react.useCallback)(()=>{l(PRESET_CONFIGS.llm)},[l]);const $=(0,_react.useCallback)(()=>{l(PRESET_CONFIGS.json)},[l]);const M=(0,_react.useCallback)(()=>{l(PRESET_CONFIGS.full)},[l]);const N=(0,_react.useCallback)((d,t)=>{const[u,n]=d.split("::");if(u==="preset"){switch(n){case"urls":C();break;case"llm":H();break;case"json":$();break;case"full":M();break}return}if(u==="requestInfo"){l({...s,[n]:!s[n]});return}if(u==="headers"){l({...s,[n]:!s[n]});return}if(u==="body"){if(n==="bodySizeThreshold"){l({...s,bodySizeThreshold:t})}else{l({...s,[n]:!s[n]})}return}if(u==="format"){l({...s,format:t});return}if(u==="filter"){l({...s,filterMode:t})}},[s,l,C,H,$,M]);const f=(0,_react.useMemo)(()=>({method:"POST",url:"https://api.example.com/v1/users",status:201,duration:342,timestamp:new Date().toISOString(),requestHeaders:{"Content-Type":"application/json","Authorization":"Bearer ***"},responseHeaders:{"Content-Type":"application/json","X-Request-ID":"abc123"},requestBody:{name:"John Doe",email:"john@example.com"},responseBody:{id:"user_123",name:"John Doe",email:"john@example.com",createdAt:"2025-01-10T12:00:00Z"}}),[]);const V=(0,_react.useMemo)(()=>{if(c){return a}return[f]},[c,a,f]);const b=(0,_react.useMemo)(()=>{const d=c?a:[f];let t=0;for(const u of d){if(s.includeMethod){t+=(u.url?.length||0)+10}if(s.includeStatus){t+=30}if(s.includeTimestamp){t+=30}if(s.includeRequestHeaders){try{t+=JSON.stringify(u.requestHeaders||{}).length}catch{t+=100}}if(s.includeRequestBody){const n="requestBody"in u?u.requestBody:u.requestData;try{t+=JSON.stringify(n||{}).length}catch{t+=100}}if(s.includeResponseBody){const n="responseBody"in u?u.responseBody:u.responseData;try{t+=JSON.stringify(n||{}).length}catch{t+=100}}}return t},[c,a,f,s]);const F=(0,_react.useMemo)(()=>{if(b>=SIZE_DANGER_THRESHOLD)return"danger";if(b>=SIZE_WARNING_THRESHOLD)return"warning";return"none"},[b]);const A=(0,_react.useCallback)(()=>{const d=c?a:[f];const{format:t,includeMethod:u,includeStatus:n,includeTimestamp:y,includeRequestHeaders:x,includeRequestBody:h,includeResponseBody:q}=s;const k=o=>{const e={};if(u){e.method=o.method;e.url=o.url}if(n){e.status=o.status;e.duration=o.duration}if(y){e.timestamp=o.timestamp}if(x){e.requestHeaders=o.requestHeaders}if(h){e.requestBody="requestBody"in o?o.requestBody:o.requestData}if(q){e.responseBody="responseBody"in o?o.responseBody:o.responseData}return e};if(t==="json"){const o=d.map(k);return JSON.stringify(o,null,2)}if(t==="markdown"){const o=d.map((e,i)=>{const r=[];r.push(`# Request ${i+1}`);if(u){r.push(`
+**${e.method}** ${e.url}`)}const m=[];if(n){m.push(`**Status:** ${e.status}`);m.push(`**Duration:** ${e.duration}ms`)}if(y){m.push(`**Timestamp:** ${e.timestamp}`)}if(m.length>0){r.push("\n"+m.join("\n"))}if(x){const p=e.requestHeaders||{};r.push(`
+## Request Headers
+\`\`\`json
+${JSON.stringify(p,null,2)}
+\`\`\``)}if(h){const p="requestBody"in e?e.requestBody:e.requestData;r.push(`
+## Request Body
+\`\`\`json
+${JSON.stringify(p||{},null,2)}
+\`\`\``)}if(q){const p="responseBody"in e?e.responseBody:e.responseData;r.push(`
+## Response Body
+\`\`\`json
+${JSON.stringify(p||{},null,2)}
+\`\`\``)}return r.join("\n")});return o.join("\n\n---\n\n")||"No data included"}const O=d.map((o,e)=>{const i=[];i.push(`Request ${e+1}:`);if(u){i.push(`${o.method} ${o.url}`)}if(n){i.push(`Status: ${o.status}`);i.push(`Duration: ${o.duration}ms`)}if(y){i.push(`Timestamp: ${o.timestamp}`)}if(h){const r="requestBody"in o?o.requestBody:o.requestData;i.push("\nRequest:");i.push(JSON.stringify(r||{},null,2))}if(q){const r="responseBody"in o?o.responseBody:o.responseData;i.push("\nResponse:");i.push(JSON.stringify(r||{},null,2))}return i.join("\n")});return O.join("\n\n---\n\n")||"No data included"},[c,a,f,s]);const P=(0,_react.useCallback)(()=>{const d=c?a:[f];const{format:t,includeMethod:u,includeStatus:n,includeTimestamp:y,includeRequestHeaders:x,includeRequestBody:h,includeResponseBody:q}=s;const k=e=>{const i={};if(u){i.method=e.method;i.url=e.url}if(n){i.status=e.status;i.duration=e.duration}if(y){i.timestamp=e.timestamp}if(x){i.requestHeaders=e.requestHeaders}if(h){i.requestBody="requestBody"in e?e.requestBody:e.requestData}if(q){i.responseBody="responseBody"in e?e.responseBody:e.responseData}return i};if(t==="json"){const e=d.map(k);return(0,_jsxRuntime.jsx)(_dataViewer.DataViewer,{data:e,title:"",showTypeFilter:false})}if(t==="markdown"){const e=d.map((r,m)=>{const p=[];p.push(`# Request ${m+1}`);if(u){p.push(`
+**${r.method}** ${r.url}`)}const T=[];if(n){T.push(`**Status:** ${r.status}`);T.push(`**Duration:** ${r.duration}ms`)}if(y){T.push(`**Timestamp:** ${r.timestamp}`)}if(T.length>0){p.push("\n"+T.join("\n"))}if(x){const w=r.requestHeaders||{};p.push(`
+## Request Headers
+\`\`\`json
+${JSON.stringify(w,null,2)}
+\`\`\``)}if(h){const w="requestBody"in r?r.requestBody:r.requestData;p.push(`
+## Request Body
+\`\`\`json
+${JSON.stringify(w||{},null,2)}
+\`\`\``)}if(q){const w="responseBody"in r?r.responseBody:r.responseData;p.push(`
+## Response Body
+\`\`\`json
+${JSON.stringify(w||{},null,2)}
+\`\`\``)}return p.join("\n")});const i=e.join("\n\n---\n\n");return(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{style:styles.previewScroll,nestedScrollEnabled:true,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.markdownText,selectable:S,children:i||"No data included"})})}const O=d.map((e,i)=>{const r=[];r.push(`Request ${i+1}:`);if(u){r.push(`${e.method} ${e.url}`)}if(n){r.push(`Status: ${e.status}`);r.push(`Duration: ${e.duration}ms`)}if(y){r.push(`Timestamp: ${e.timestamp}`)}if(h){const m="requestBody"in e?e.requestBody:e.requestData;r.push("\nRequest:");r.push(JSON.stringify(m||{},null,2))}if(q){const m="responseBody"in e?e.responseBody:e.responseData;r.push("\nResponse:");r.push(JSON.stringify(m||{},null,2))}return r.join("\n")});const o=O.join("\n\n---\n\n");return(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{style:styles.previewScroll,nestedScrollEnabled:true,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.plaintextText,selectable:S,children:o||"No data included"})})},[s,c,a,f,S]);const L=(0,_react.useCallback)(()=>{const d=c?a:[f];const t=d.length;return(0,_jsxRuntime.jsx)(_sharedUi.ExportPreview,{expanded:E,onExpandedChange:_,summary:`${t} request${t!==1?"s":""} \u2022 ~${formatBytes(b)}`,warningLevel:F,warningText:{warning:"Large payload - preview may be slow",danger:"Very large payload - may cause performance issues"},renderBody:P})},[s,c,a,f,E,b,F,P]);const I=(0,_react.useCallback)(()=>{const d=c&&j?`Live data \u2022 Updated ${(0,_sharedUi.formatRelativeTime)(j,B)}`:"Mock data (no events captured)";return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.statusLabel,children:d}),(0,_jsxRuntime.jsx)(_sharedUi.ToolbarCopyButton,{value:A()})]})},[c,j,B,A]);const z=(0,_react.useCallback)(()=>{return L()},[L]);const J=(0,_react.useMemo)(()=>({sections:[{id:"presets",title:"Presets",type:"custom",data:[{id:"preset::urls",label:"URLs",icon:_sharedUi.Link,color:_sharedUi.macOSColors.semantic.info,value:"urls",isActive:R==="urls"},{id:"preset::llm",label:"LLM",icon:_sharedUi.Zap,color:_sharedUi.macOSColors.semantic.success,value:"llm",isActive:R==="llm"},{id:"preset::json",label:"JSON",icon:_sharedUi.FileCode,color:_sharedUi.macOSColors.semantic.warning,value:"json",isActive:R==="json"},{id:"preset::full",label:"Full",icon:_sharedUi.FileText,color:_sharedUi.macOSColors.semantic.info,value:"full",isActive:R==="full"},{id:"preset::custom",label:"Custom",icon:_sharedUi.Settings,color:_sharedUi.macOSColors.text.secondary,value:"custom",isActive:R===null}]},{id:"include",title:"Include",type:"custom",data:[{id:"requestInfo::includeMethod",label:"URL",value:"includeMethod",isActive:s.includeMethod},{id:"requestInfo::includeStatus",label:"Status",value:"includeStatus",isActive:s.includeStatus},{id:"requestInfo::includeTimestamp",label:"Time",value:"includeTimestamp",isActive:s.includeTimestamp},{id:"headers::includeRequestHeaders",label:"Headers",value:"includeRequestHeaders",isActive:s.includeRequestHeaders},{id:"body::includeRequestBody",label:"Req Body",value:"includeRequestBody",isActive:s.includeRequestBody},{id:"body::includeResponseBody",label:"Res Body",value:"includeResponseBody",isActive:s.includeResponseBody},{id:"requestInfo::includeErrors",label:"Errors",value:"includeErrors",isActive:s.includeErrors}]},{id:"format",title:"Format",type:"custom",data:[{id:"format::markdown",label:"Markdown",icon:_sharedUi.FileText,color:_sharedUi.macOSColors.semantic.info,value:"markdown",isActive:s.format==="markdown"},{id:"format::json",label:"JSON",icon:_sharedUi.FileCode,color:_sharedUi.macOSColors.semantic.warning,value:"json",isActive:s.format==="json"},{id:"format::plaintext",label:"Text",icon:_sharedUi.Hash,color:_sharedUi.macOSColors.text.secondary,value:"plaintext",isActive:s.format==="plaintext"}]}],previewSection:{enabled:true,title:"PREVIEW",icon:_sharedUi.Eye,content:z,headerActions:I},onFilterChange:N}),[s,N,z,I,R]);if(!S){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.gatedContainer,children:[(0,_jsxRuntime.jsx)(_sharedUi.ProFeatureBanner,{featureName:"Network Export",description:"Export network requests to share with your team, debug APIs, or feed into AI tools.",benefits:["Export to JSON, Markdown, or plain text","Customizable copy presets (URLs only, LLM-ready, full data)","Share request details with teammates","Feed network data directly to AI assistants"]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.gatedPreview,children:(0,_jsxRuntime.jsx)(_sharedUi.DynamicFilterView,{...J})})]})}return(0,_jsxRuntime.jsx)(_sharedUi.DynamicFilterView,{...J})}const styles=_reactNative.StyleSheet.create({previewScroll:{maxHeight:300},markdownText:{fontFamily:_sharedUi.monoFont,fontSize:11,color:_sharedUi.macOSColors.text.primary,lineHeight:18},plaintextText:{fontFamily:_sharedUi.monoFont,fontSize:11,color:_sharedUi.macOSColors.text.primary,lineHeight:18},statusLabel:{fontSize:11,fontWeight:"600",color:_sharedUi.macOSColors.text.muted,marginRight:8},gatedContainer:{flex:1,padding:12},gatedPreview:{flex:1}});