@buoy-gg/network 7.0.40 → 7.0.42

package/lib/commonjs/network/components/response-editor/Explorer.js

@@ -1,973 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Explorer;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _updateNestedDataByPath = require("./updateNestedDataByPath");
-var _deleteNestedDataByPath = require("./deleteNestedDataByPath");
-var _editorContext = require("./editorContext");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * The response-body tree: preview and editor as ONE surface.
- *
- * A 1:1 port of the React Query tool's `Explorer` — deliberately, because that
- * is the interaction that already works: there is no read mode and no edit
- * mode, no button that swaps one for the other. A string renders AS its input,
- * a boolean AS its toggle, and typing into what you are reading is the edit.
- *
- * The only thing changed from the original is where an edit LANDS. There it was
- * `queryClient.setQueryData(activeQuery.queryKey, …)`; here it's the `onChange`
- * from `ResponseEditorContext`, which turns the rebuilt body into an override
- * rule. Everything else — the chunked pages, the focus handling, the
- * local-input-state race note below — is carried over unchanged so the two
- * trees behave identically.
- */
-
-// Stable constants to prevent re-renders [[memory:4875251]]
-const CHUNK_SIZE = 100;
-const HIT_SLOP_OPTIMIZED = {
-  top: 8,
-  bottom: 8,
-  left: 8,
-  right: 8
-};
-const EXPANDER_SIZE = 12;
-
-// Optimized chunking function moved to module scope [[memory:4875251]]
-const chunkArray = (array, size = CHUNK_SIZE) => {
-  if (size < 1 || array.length === 0) return [];
-  const result = [];
-  for (let i = 0; i < array.length; i += size) {
-    result.push(array.slice(i, i + size));
-  }
-  return result;
-};
-// Memoized Expander component for performance [[memory:4875251]]
-const Expander = /*#__PURE__*/(0, _react.memo)(({
-  expanded,
-  isFocused = false,
-  isMain = false
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.expanderIcon, isMain && styles.expanderIconMain, expanded ? styles.expanded : styles.collapsed],
-    children: expanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronDown, {
-      size: isMain ? 14 : EXPANDER_SIZE,
-      color: isFocused ? _sharedUi.buoyColors.primary : isMain ? _sharedUi.buoyColors.text : _sharedUi.buoyColors.textSecondary,
-      strokeWidth: 2.5
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-      size: isMain ? 14 : EXPANDER_SIZE,
-      color: isFocused ? _sharedUi.buoyColors.primary : isMain ? _sharedUi.buoyColors.text : _sharedUi.buoyColors.textSecondary,
-      strokeWidth: 2.5
-    })
-  });
-});
-Expander.displayName = "Expander";
-// Local wrapper for the shared CopyButton to maintain backward compatibility
-const CopyButton = /*#__PURE__*/(0, _react.memo)(({
-  value,
-  isFocused = false
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CopyButton, {
-    value: value,
-    isFocused: isFocused,
-    buttonStyle: isFocused ? {
-      ...styles.buttonStyle,
-      ...styles.buttonStyleFocused
-    } : styles.buttonStyle
-  });
-});
-CopyButton.displayName = "CopyButton";
-
-// Memoized DeleteItemButton component [[memory:4875251]]
-const DeleteItemButton = /*#__PURE__*/(0, _react.memo)(({
-  dataPath,
-  isFocused = false
-}) => {
-  const editor = (0, _editorContext.useResponseEditor)();
-  const handleDelete = (0, _react.useCallback)(() => {
-    if (!editor) return;
-    editor.onChange((0, _deleteNestedDataByPath.deleteNestedDataByPath)(editor.root, dataPath));
-  }, [editor, dataPath]);
-  if (!editor) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-    "sentry-label": "ignore devtools explorer delete button",
-    onPress: handleDelete,
-    style: [styles.deleteButton, isFocused && styles.deleteButtonFocused],
-    accessibilityLabel: "Delete item",
-    hitSlop: HIT_SLOP_OPTIMIZED,
-    activeOpacity: 0.7,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash, {
-      size: 14,
-      strokeWidth: 2,
-      color: isFocused ? _sharedUi.buoyColors.error : _sharedUi.buoyColors.error + "CC"
-    })
-  });
-});
-DeleteItemButton.displayName = "DeleteItemButton";
-// Memoized ClearArrayButton component [[memory:4875251]]
-const ClearArrayButton = /*#__PURE__*/(0, _react.memo)(({
-  dataPath,
-  isFocused = false
-}) => {
-  const editor = (0, _editorContext.useResponseEditor)();
-  const handleClear = (0, _react.useCallback)(() => {
-    if (!editor) return;
-    editor.onChange((0, _updateNestedDataByPath.updateNestedDataByPath)(editor.root, dataPath, []));
-  }, [editor, dataPath]);
-  if (!editor) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-    "sentry-label": "ignore devtools explorer clear button",
-    style: [styles.clearButton, isFocused && styles.clearButtonFocused],
-    "aria-label": "Remove all items",
-    onPress: handleClear,
-    hitSlop: HIT_SLOP_OPTIMIZED,
-    activeOpacity: 0.7,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.clearButtonText, {
-        color: isFocused ? _sharedUi.buoyColors.warning : _sharedUi.buoyColors.warning + "CC"
-      }],
-      children: "[]"
-    })
-  });
-});
-ClearArrayButton.displayName = "ClearArrayButton";
-// ToggleValueButton - not memoized because parent Explorer passes new dataPath array each render
-// which defeats memo anyway, and we need reliable re-renders when value changes
-function ToggleValueButton({
-  dataPath,
-  value,
-  itemsDeletable
-}) {
-  const editor = (0, _editorContext.useResponseEditor)();
-  const handleClick = (0, _react.useCallback)(() => {
-    if (!editor) return;
-    const currentValue = typeof value === "boolean" ? value : false;
-    editor.onChange((0, _updateNestedDataByPath.updateNestedDataByPath)(editor.root, dataPath, !currentValue));
-  }, [editor, dataPath, value]);
-  const handleDelete = (0, _react.useCallback)(() => {
-    if (!editor) return;
-    editor.onChange((0, _deleteNestedDataByPath.deleteNestedDataByPath)(editor.root, dataPath));
-  }, [editor, dataPath]);
-  if (!editor) return null;
-
-  // Pre-compute styles based on value state
-  const badgeStyle = value ? styles.toggleBadgeTrue : styles.toggleBadgeFalse;
-  const textStyle = value ? styles.toggleTextTrue : styles.toggleTextFalse;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    "sentry-label": "ignore devtools explorer toggle button",
-    style: styles.modernToggleButton,
-    onPress: handleClick,
-    hitSlop: HIT_SLOP_OPTIMIZED,
-    activeOpacity: 0.8,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.toggleBadge, badgeStyle],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.toggleBadgeText, textStyle],
-        children: value ? "TRUE" : "FALSE"
-      })
-    }), itemsDeletable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      "sentry-label": "ignore devtools explorer delete button in toggle",
-      onPress: handleDelete,
-      style: styles.deleteButtonInToggle,
-      accessibilityLabel: "Delete item",
-      hitSlop: HIT_SLOP_OPTIMIZED,
-      activeOpacity: 0.7,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash, {
-        size: 14,
-        strokeWidth: 2,
-        color: _sharedUi.buoyColors.error + "CC"
-      })
-    })]
-  });
-}
-// Optimized Explorer component following rule2 guidelines [[memory:4875251]]
-/**
- * Recursive data explorer component used for both editable and read-only JSON trees inside the
- * React Query dev tools.
- */
-function Explorer({
-  editable,
-  label,
-  value,
-  defaultExpanded,
-  dataPath,
-  itemsDeletable,
-  dataVersion = 0
-}) {
-  const editor = (0, _editorContext.useResponseEditor)();
-  const [isRowFocused, setIsRowFocused] = (0, _react.useState)(false);
-
-  // Local state for input value to handle typing properly
-  const [localInputValue, setLocalInputValue] = (0, _react.useState)("");
-
-  // Sync local state with prop value
-  // ⚠️ CRITICAL: Do NOT add localInputValue to the dependency array!
-  // Adding localInputValue causes a race condition where user edits get reverted:
-  // 1. User types "5101" → setLocalInputValue("5101")
-  // 2. Cache updates
-  // 3. useEffect fires because localInputValue changed
-  // 4. At this moment, value prop is still old (5100)
-  // 5. Syncs back to 5100, reverting user's change ❌
-  // Only sync when EXTERNAL changes happen (value, label, dataVersion)
-  (0, _react.useEffect)(() => {
-    if (value !== null && value !== undefined && (typeof value === "string" || typeof value === "number")) {
-      const newValue = value.toString();
-      setLocalInputValue(newValue);
-    }
-  }, [value, label, dataVersion]); // ⚠️ DO NOT add localInputValue here!
-
-  // Determine if this is a main section
-  const isMainSection = (0, _react.useMemo)(() => {
-    const upperLabel = label.toUpperCase();
-    return ["DATA", "QUERY", "QUERYKEY", "TYPES", "STATS", "OPTIONS", "OBSERVERS"].includes(upperLabel);
-  }, [label]);
-
-  // Explorer's section is expanded or collapsed
-  const [isExpanded, setIsExpanded] = (0, _react.useState)((defaultExpanded || []).includes(label));
-  // Remove unnecessary useCallback - simple state setter [[memory:4875251]]
-  const toggleExpanded = () => setIsExpanded(old => !old);
-  const [expandedPages, setExpandedPages] = (0, _react.useState)([]);
-
-  // Optimized subEntries computation with early returns and limited processing [[memory:4875251]]
-  const subEntries = (0, _react.useMemo)(() => {
-    // Early return for primitive values to avoid unnecessary computation
-    if (value === null || value === undefined || typeof value !== "object") {
-      return [];
-    }
-    if (Array.isArray(value)) {
-      // Limit array processing for performance [[memory:4875251]]
-      const limitedValue = value.length > 1000 ? value.slice(0, 1000) : value;
-      return limitedValue.map((d, i) => ({
-        label: i.toString(),
-        value: d
-      }));
-    }
-    if (value instanceof Map) {
-      // Limit Map entries for performance
-      const entries = Array.from(value.entries()).slice(0, 1000);
-      return entries.map(([key, val]) => ({
-        label: key.toString(),
-        value: val
-      }));
-    }
-    if (value instanceof Set) {
-      // Limit Set entries for performance
-      const entries = Array.from(value).slice(0, 1000);
-      return entries.map((val, i) => ({
-        label: i.toString(),
-        value: val
-      }));
-    }
-
-    // Handle regular objects with key limiting
-    const entries = Object.entries(value).slice(0, 1000);
-    return entries.map(([key, val]) => ({
-      label: key,
-      value: val
-    }));
-  }, [value]);
-
-  // Optimized valueType computation with early returns [[memory:4875251]]
-  const valueType = (0, _react.useMemo)(() => {
-    if (Array.isArray(value)) return "array";
-    if (value === null || typeof value !== "object") return typeof value;
-    if (value instanceof Map || value instanceof Set) return "Iterable";
-    return "object";
-  }, [value]);
-
-  // Optimized chunking with stable chunk size [[memory:4875251]]
-  const subEntryPages = (0, _react.useMemo)(() => {
-    return chunkArray(subEntries, CHUNK_SIZE);
-  }, [subEntries]);
-  const currentDataPath = dataPath ?? [];
-
-  // Optimize handleChange using refs to avoid dependency arrays [[memory:4875251]]
-  const editorRef = (0, _react.useRef)(editor);
-  const dataPathRef = (0, _react.useRef)(currentDataPath);
-  const valueTypeRef = (0, _react.useRef)(valueType);
-  editorRef.current = editor;
-  dataPathRef.current = currentDataPath;
-  valueTypeRef.current = valueType;
-  const handleChange = (0, _react.useCallback)((isNumber, newValue) => {
-    // Update local state immediately for responsive typing
-    setLocalInputValue(newValue);
-    const current = editorRef.current;
-    if (!current) return;
-    if (isNumber && isNaN(Number(newValue))) return;
-    const updatedValue = valueTypeRef.current === "number" ? Number(newValue) : newValue;
-    current.onChange((0, _updateNestedDataByPath.updateNestedDataByPath)(current.root, dataPathRef.current, updatedValue));
-  }, [setLocalInputValue]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.minWidthWrapper,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.fullWidthMarginRight,
-      children: [subEntryPages.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: [styles.flexRowItemsCenterGap, isMainSection && styles.flexRowItemsCenterGapMain],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-            "sentry-label": "ignore devtools explorer expander button",
-            style: styles.expanderButton,
-            onPress: toggleExpanded,
-            hitSlop: HIT_SLOP_OPTIMIZED,
-            activeOpacity: 0.6,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Expander, {
-              expanded: isExpanded,
-              isFocused: isRowFocused,
-              isMain: isMainSection
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.labelText, isRowFocused && styles.labelTextFocused, isMainSection && styles.labelTextMain],
-              children: label
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.textGray500,
-              children: `${String(valueType).toLowerCase() === "iterable" ? "(Iterable) " : ""}${subEntries.length} ${subEntries.length > 1 ? `items` : `item`}`
-            })]
-          }), editable && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.flexRowGapItemsCenter,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CopyButton, {
-              value: value,
-              isFocused: isRowFocused
-            }), itemsDeletable && editor !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)(DeleteItemButton, {
-              dataPath: currentDataPath,
-              isFocused: isRowFocused
-            }), valueType === "array" && editor !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)(ClearArrayButton, {
-              dataPath: currentDataPath,
-              isFocused: isRowFocused
-            })]
-          })]
-        }), isExpanded && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [subEntryPages.length === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: [styles.singleEntryContainer, isMainSection && styles.singleEntryContainerMain],
-            children: subEntries.map((entry, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Explorer, {
-              defaultExpanded: defaultExpanded,
-              label: entry.label,
-              value: entry.value,
-              editable: editable,
-              dataPath: [...currentDataPath, entry.label],
-              itemsDeletable: valueType === "array" || valueType === "Iterable" || valueType === "object",
-              dataVersion: dataVersion
-            }, entry.label + index))
-          }), subEntryPages.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.multiEntryContainer,
-            children: subEntryPages.map((entries, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.relativeOutlineNone,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-                  "sentry-label": "ignore devtools explorer page toggle",
-                  onPress: () => setExpandedPages(old => old.includes(index) ? old.filter(d => d !== index) : [...old, index]),
-                  style: styles.pageExpanderButton,
-                  hitSlop: HIT_SLOP_OPTIMIZED,
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Expander, {
-                    expanded: expandedPages.includes(index)
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-                    style: styles.pageRangeText,
-                    children: ["[", index * CHUNK_SIZE, "...", index * CHUNK_SIZE + CHUNK_SIZE - 1, "]"]
-                  })]
-                }), expandedPages.includes(index) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                  style: styles.entriesContainer,
-                  children: entries.map(entry => /*#__PURE__*/(0, _jsxRuntime.jsx)(Explorer, {
-                    defaultExpanded: defaultExpanded,
-                    label: entry.label,
-                    value: entry.value,
-                    editable: editable,
-                    dataPath: [...currentDataPath, entry.label],
-                    dataVersion: dataVersion
-                  }, entry.label))
-                })]
-              })
-            }, index))
-          })]
-        })]
-      }), subEntryPages.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.flexRowGapFullWidth,
-        children: [editable && editor !== null && (valueType === "string" || valueType === "number" || valueType === "boolean") ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [editable && editor && (valueType === "string" || valueType === "number") && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.nebulaInputWrapper,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.CyberpunkInput, {
-              label: label,
-              accessibilityLabel: "Data input field for editing values",
-              style: [valueType === "number" ? styles.textNumber : styles.textString],
-              keyboardType: valueType === "number" ? "numeric" : "default",
-              value: localInputValue,
-              onChangeText: newValue => handleChange(valueType === "number", newValue),
-              onFocus: () => setIsRowFocused(true),
-              onBlur: () => setIsRowFocused(false),
-              showNumberControls: valueType === "number",
-              onIncrement: () => {
-                const currentNum = Number(localInputValue) || 0;
-                handleChange(true, String(currentNum + 1));
-              },
-              onDecrement: () => {
-                const currentNum = Number(localInputValue) || 0;
-                handleChange(true, String(currentNum - 1));
-              },
-              showDeleteButton: itemsDeletable,
-              onDelete: () => {
-                editor.onChange((0, _deleteNestedDataByPath.deleteNestedDataByPath)(editor.root, currentDataPath));
-              }
-            })
-          }), valueType === "boolean" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.booleanRowContainer,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.booleanLabel,
-              children: label
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: styles.booleanToggleWrapper,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleValueButton, {
-                dataPath: currentDataPath,
-                value: value,
-                itemsDeletable: itemsDeletable
-              })
-            })]
-          })]
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.text344054,
-            children: label
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.displayValueText,
-            children: (0, _sharedUi.displayValue)(value)
-          })]
-        }), editable && itemsDeletable && editor !== null && valueType !== "string" && valueType !== "number" && valueType !== "boolean" && /*#__PURE__*/(0, _jsxRuntime.jsx)(DeleteItemButton, {
-          dataPath: currentDataPath,
-          isFocused: isRowFocused
-        })]
-      })]
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  buttonStyle: {
-    backgroundColor: _sharedUi.buoyColors.card + "E6",
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.textSecondary + "33",
-    borderRadius: 6,
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    width: 28,
-    height: 28,
-    position: "relative",
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 2
-  },
-  buttonStyleFocused: {
-    borderColor: _sharedUi.buoyColors.primary + "CC",
-    backgroundColor: _sharedUi.buoyColors.primary + "26",
-    shadowColor: _sharedUi.buoyColors.primary,
-    shadowOpacity: 0.3,
-    shadowRadius: 4
-  },
-  deleteButton: {
-    backgroundColor: _sharedUi.buoyColors.error + "1A",
-    borderColor: _sharedUi.buoyColors.error + "4D",
-    borderWidth: 1,
-    borderRadius: 6,
-    padding: 0,
-    alignItems: "center",
-    justifyContent: "center",
-    width: 28,
-    height: 28,
-    position: "relative",
-    shadowColor: _sharedUi.buoyColors.error,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.15,
-    shadowRadius: 3
-  },
-  deleteButtonFocused: {
-    borderColor: _sharedUi.buoyColors.error + "CC",
-    backgroundColor: _sharedUi.buoyColors.error + "33",
-    shadowOpacity: 0.3,
-    shadowRadius: 5
-  },
-  deleteButtonInToggle: {
-    backgroundColor: _sharedUi.buoyColors.error + "1A",
-    borderColor: _sharedUi.buoyColors.error + "4D",
-    borderWidth: 1,
-    borderRadius: 6,
-    padding: 0,
-    alignItems: "center",
-    justifyContent: "center",
-    width: 28,
-    height: 28,
-    shadowColor: _sharedUi.buoyColors.error,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.15,
-    shadowRadius: 3
-  },
-  clearButton: {
-    backgroundColor: _sharedUi.buoyColors.warning + "1A",
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.warning + "4D",
-    borderRadius: 6,
-    flexDirection: "row",
-    padding: 0,
-    alignItems: "center",
-    justifyContent: "center",
-    width: 28,
-    height: 28,
-    position: "relative",
-    zIndex: 10,
-    shadowColor: _sharedUi.buoyColors.warning,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.15,
-    shadowRadius: 3
-  },
-  clearButtonFocused: {
-    borderColor: _sharedUi.buoyColors.warning + "CC",
-    backgroundColor: _sharedUi.buoyColors.warning + "33",
-    shadowOpacity: 0.3,
-    shadowRadius: 5
-  },
-  clearButtonText: {
-    fontSize: 12,
-    fontWeight: "700",
-    fontFamily: _sharedUi.monoFont
-  },
-  expanderIcon: {
-    width: 18,
-    height: 18,
-    alignItems: "center",
-    justifyContent: "center",
-    marginRight: 1,
-    backgroundColor: _sharedUi.buoyColors.textSecondary + "14",
-    borderRadius: 3
-  },
-  expanderIconMain: {
-    backgroundColor: _sharedUi.buoyColors.textSecondary + "1A",
-    width: 20,
-    height: 20,
-    borderRadius: 4,
-    borderWidth: 0.5,
-    borderColor: _sharedUi.buoyColors.textSecondary + "33"
-  },
-  expanded: {
-    transform: [{
-      rotate: "0deg"
-    }]
-  },
-  collapsed: {
-    transform: [{
-      rotate: "0deg"
-    }]
-  },
-  minWidthWrapper: {
-    minWidth: 180,
-    fontSize: 11,
-    flexDirection: "row",
-    flexWrap: "wrap",
-    width: "100%",
-    marginVertical: 0.5
-  },
-  fullWidthMarginRight: {
-    position: "relative",
-    width: "100%",
-    marginRight: 1
-  },
-  flexRowItemsCenterGap: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingVertical: 3,
-    paddingHorizontal: 6,
-    marginVertical: 1,
-    borderRadius: 4,
-    backgroundColor: _sharedUi.buoyColors.card + "66",
-    borderWidth: 0.5,
-    borderColor: _sharedUi.buoyColors.textSecondary + "1A"
-  },
-  flexRowItemsCenterGapMain: {
-    backgroundColor: _sharedUi.buoyColors.card + "E6",
-    borderLeftWidth: 2.5,
-    borderLeftColor: _sharedUi.buoyColors.textSecondary + "80",
-    borderColor: _sharedUi.buoyColors.textSecondary + "26",
-    paddingVertical: 5,
-    paddingHorizontal: 8,
-    marginBottom: 3,
-    borderWidth: 1,
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.08,
-    shadowRadius: 3
-  },
-  expanderButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    backgroundColor: "transparent",
-    paddingVertical: 1,
-    paddingHorizontal: 2,
-    gap: 6,
-    borderWidth: 0,
-    minHeight: 24,
-    flex: 1
-  },
-  labelText: {
-    color: _sharedUi.buoyColors.textSecondary,
-    fontSize: 10,
-    fontWeight: "600",
-    marginRight: 4,
-    fontFamily: _sharedUi.monoFont,
-    letterSpacing: 0.4
-  },
-  labelTextFocused: {
-    color: _sharedUi.buoyColors.text
-  },
-  labelTextMain: {
-    color: _sharedUi.buoyColors.text,
-    fontSize: 11,
-    fontWeight: "700",
-    letterSpacing: 0.6
-  },
-  textGray500: {
-    color: _sharedUi.buoyColors.textMuted,
-    fontSize: 10,
-    fontWeight: "400",
-    fontFamily: _sharedUi.monoFont,
-    opacity: 0.7
-  },
-  pageRangeText: {
-    color: _sharedUi.buoyColors.textSecondary,
-    fontSize: 10,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont
-  },
-  flexRowGapItemsCenter: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4,
-    paddingLeft: 2
-  },
-  singleEntryContainer: {
-    marginLeft: 2,
-    marginTop: 2,
-    paddingLeft: 8,
-    borderLeftWidth: 1.5,
-    borderLeftColor: _sharedUi.buoyColors.textSecondary + "40"
-  },
-  singleEntryContainerMain: {
-    borderLeftColor: _sharedUi.buoyColors.textSecondary + "4D",
-    marginLeft: 4,
-    paddingLeft: 10
-  },
-  multiEntryContainer: {
-    marginLeft: 2,
-    marginTop: 2,
-    paddingLeft: 8,
-    borderLeftWidth: 1.5,
-    borderLeftColor: _sharedUi.buoyColors.textSecondary + "40"
-  },
-  multiEntryContainerMain: {
-    borderLeftColor: _sharedUi.buoyColors.textSecondary + "4D",
-    marginLeft: 4,
-    paddingLeft: 10
-  },
-  relativeOutlineNone: {
-    position: "relative"
-  },
-  pageExpanderButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    backgroundColor: _sharedUi.buoyColors.card + "66",
-    paddingVertical: 3,
-    paddingHorizontal: 6,
-    gap: 6,
-    borderRadius: 4,
-    borderWidth: 0.5,
-    borderColor: _sharedUi.buoyColors.textSecondary + "1A",
-    marginBottom: 2,
-    minHeight: 24
-  },
-  entriesContainer: {
-    marginLeft: 2,
-    paddingLeft: 8,
-    marginTop: 2,
-    borderLeftWidth: 1.5,
-    borderLeftColor: _sharedUi.buoyColors.textSecondary + "40"
-  },
-  textNumber: {
-    color: _sharedUi.buoyColors.text,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont
-  },
-  textString: {
-    color: _sharedUi.buoyColors.text,
-    fontFamily: _sharedUi.monoFont
-  },
-  flexRowGapFullWidth: {
-    flexDirection: "row",
-    width: "100%",
-    alignItems: "center",
-    marginVertical: 1,
-    gap: 6,
-    paddingHorizontal: 4,
-    paddingVertical: 2,
-    borderRadius: 3
-  },
-  text344054: {
-    color: _sharedUi.buoyColors.textSecondary,
-    fontWeight: "600",
-    fontSize: 9,
-    minWidth: 50,
-    fontFamily: _sharedUi.monoFont,
-    letterSpacing: 0.4,
-    opacity: 0.8
-  },
-  numberInputButtons: {
-    position: "absolute",
-    right: 8,
-    top: "50%",
-    transform: [{
-      translateY: -18
-    }],
-    flexDirection: "row",
-    gap: 4,
-    zIndex: 10
-  },
-  touchableButton: {
-    width: 32,
-    height: 32,
-    borderRadius: 6,
-    backgroundColor: _sharedUi.buoyColors.card + "E6",
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.textSecondary + "33",
-    alignItems: "center",
-    justifyContent: "center",
-    marginLeft: 2,
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 2
-  },
-  touchableButtonFocused: {
-    borderColor: _sharedUi.buoyColors.primary + "CC",
-    backgroundColor: _sharedUi.buoyColors.primary + "26",
-    shadowColor: _sharedUi.buoyColors.primary,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.3,
-    shadowRadius: 4,
-    elevation: 3
-  },
-  nebulaInputWrapper: {
-    flex: 1,
-    width: "100%",
-    position: "relative"
-  },
-  displayValueText: {
-    flex: 1,
-    color: _sharedUi.buoyColors.text,
-    fontWeight: "400",
-    fontFamily: _sharedUi.monoFont,
-    fontSize: 12,
-    paddingVertical: 6,
-    paddingHorizontal: 10,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.textMuted + "66",
-    minHeight: 34
-  },
-  // New redesigned styles (kept for future use)
-  dataRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingVertical: 4,
-    paddingHorizontal: 8,
-    minHeight: 44,
-    gap: 12
-  },
-  dataLabel: {
-    color: _sharedUi.buoyColors.textSecondary,
-    fontSize: 13,
-    fontWeight: "500",
-    minWidth: 80,
-    flexShrink: 0
-  },
-  dataValueContainer: {
-    flex: 1,
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  inputWithActions: {
-    flex: 1,
-    position: "relative"
-  },
-  numberControls: {
-    position: "absolute",
-    right: 8,
-    top: "50%",
-    transform: [{
-      translateY: -16
-    }],
-    flexDirection: "column",
-    gap: 2
-  },
-  numberButton: {
-    width: 32,
-    height: 16,
-    borderRadius: 4,
-    alignItems: "center",
-    justifyContent: "center",
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.primary + "0F"
-  },
-  readOnlyValue: {
-    color: _sharedUi.buoyColors.text,
-    fontSize: 13,
-    fontFamily: _sharedUi.monoFont,
-    paddingVertical: 8,
-    paddingHorizontal: 12,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.textMuted + "33",
-    flex: 1
-  },
-  actionButtons: {
-    flexDirection: "row",
-    gap: 6,
-    paddingLeft: 8
-  },
-  booleanContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    padding: 8,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.textMuted + "4D",
-    flex: 1
-  },
-  booleanText: {
-    marginLeft: 8,
-    color: _sharedUi.buoyColors.warning,
-    fontWeight: "500",
-    fontFamily: _sharedUi.monoFont
-  },
-  modernToggleButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.textMuted + "99",
-    paddingHorizontal: 8,
-    paddingVertical: 6,
-    marginVertical: 2,
-    minHeight: 34,
-    gap: 8
-  },
-  toggleIconContainer: {
-    marginRight: 6
-  },
-  toggleIcon: {
-    padding: 8,
-    borderRadius: 8,
-    alignItems: "center",
-    justifyContent: "center",
-    width: 32,
-    height: 32
-  },
-  toggleIconSmall: {
-    width: 8,
-    height: 8,
-    borderRadius: 4
-  },
-  toggleContent: {
-    flex: 1,
-    minWidth: 0
-  },
-  toggleLabel: {
-    color: "#E5E7EB",
-    fontSize: 11,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont,
-    letterSpacing: 0.3
-  },
-  toggleStatus: {
-    color: "#9CA3AF",
-    fontSize: 11
-  },
-  toggleBadge: {
-    marginLeft: 6,
-    paddingHorizontal: 6,
-    paddingVertical: 3,
-    borderRadius: 4,
-    borderWidth: 1
-  },
-  toggleBadgeText: {
-    fontSize: 9,
-    fontWeight: "700",
-    textTransform: "uppercase",
-    letterSpacing: 0.8,
-    fontFamily: _sharedUi.monoFont
-  },
-  // Pre-computed toggle icon styles to avoid inline objects [[memory:4875251]]
-  toggleIconTrue: {
-    backgroundColor: _sharedUi.buoyColors.primary
-  },
-  toggleIconFalse: {
-    backgroundColor: _sharedUi.buoyColors.textMuted
-  },
-  // Pre-computed toggle badge styles [[memory:4875251]]
-  toggleBadgeTrue: {
-    backgroundColor: _sharedUi.buoyColors.primary + "1A",
-    borderColor: _sharedUi.buoyColors.primary + "4D"
-  },
-  toggleBadgeFalse: {
-    backgroundColor: _sharedUi.buoyColors.textMuted + "1A",
-    borderColor: _sharedUi.buoyColors.textMuted + "4D"
-  },
-  // Pre-computed toggle text styles [[memory:4875251]]
-  toggleTextTrue: {
-    color: _sharedUi.buoyColors.primary,
-    fontWeight: "600"
-  },
-  toggleTextFalse: {
-    color: _sharedUi.buoyColors.textSecondary,
-    fontWeight: "500"
-  },
-  // Boolean row container styles
-  booleanRowContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    width: "100%",
-    gap: 8,
-    paddingVertical: 2
-  },
-  booleanLabel: {
-    color: _sharedUi.buoyColors.textSecondary,
-    fontSize: 10,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont,
-    letterSpacing: 0.4,
-    minWidth: 60,
-    flexShrink: 0
-  },
-  booleanToggleWrapper: {
-    flex: 1
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=Explorer;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _dataViewer=require("@buoy-gg/shared-ui/dataViewer");var _updateNestedDataByPath=require("./updateNestedDataByPath");var _deleteNestedDataByPath=require("./deleteNestedDataByPath");var _editorContext=require("./editorContext");var _jsxRuntime=require("react/jsx-runtime");const CHUNK_SIZE=100;const HIT_SLOP_OPTIMIZED={top:8,bottom:8,left:8,right:8};const EXPANDER_SIZE=12;const chunkArray=(t,o=CHUNK_SIZE)=>{if(o<1||t.length===0)return[];const e=[];for(let n=0;n<t.length;n+=o){e.push(t.slice(n,n+o))}return e};const Expander=(0,_react.memo)(({expanded:t,isFocused:o=false,isMain:e=false})=>{return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.expanderIcon,e&&styles.expanderIconMain,t?styles.expanded:styles.collapsed],children:t?(0,_jsxRuntime.jsx)(_sharedUi.ChevronDown,{size:e?14:EXPANDER_SIZE,color:o?_sharedUi.buoyColors.primary:e?_sharedUi.buoyColors.text:_sharedUi.buoyColors.textSecondary,strokeWidth:2.5}):(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:e?14:EXPANDER_SIZE,color:o?_sharedUi.buoyColors.primary:e?_sharedUi.buoyColors.text:_sharedUi.buoyColors.textSecondary,strokeWidth:2.5})})});Expander.displayName="Expander";const CopyButton=(0,_react.memo)(({value:t,isFocused:o=false})=>{return(0,_jsxRuntime.jsx)(_sharedUi.CopyButton,{value:t,isFocused:o,buttonStyle:o?{...styles.buttonStyle,...styles.buttonStyleFocused}:styles.buttonStyle})});CopyButton.displayName="CopyButton";const DeleteItemButton=(0,_react.memo)(({dataPath:t,isFocused:o=false})=>{const e=(0,_editorContext.useResponseEditor)();const n=(0,_react.useCallback)(()=>{if(!e)return;e.onChange((0,_deleteNestedDataByPath.deleteNestedDataByPath)(e.root,t))},[e,t]);if(!e)return null;return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{"sentry-label":"ignore devtools explorer delete button",onPress:n,style:[styles.deleteButton,o&&styles.deleteButtonFocused],accessibilityLabel:"Delete item",hitSlop:HIT_SLOP_OPTIMIZED,activeOpacity:.7,children:(0,_jsxRuntime.jsx)(_sharedUi.Trash,{size:14,strokeWidth:2,color:o?_sharedUi.buoyColors.error:_sharedUi.buoyColors.error+"CC"})})});DeleteItemButton.displayName="DeleteItemButton";const ClearArrayButton=(0,_react.memo)(({dataPath:t,isFocused:o=false})=>{const e=(0,_editorContext.useResponseEditor)();const n=(0,_react.useCallback)(()=>{if(!e)return;e.onChange((0,_updateNestedDataByPath.updateNestedDataByPath)(e.root,t,[]))},[e,t]);if(!e)return null;return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{"sentry-label":"ignore devtools explorer clear button",style:[styles.clearButton,o&&styles.clearButtonFocused],"aria-label":"Remove all items",onPress:n,hitSlop:HIT_SLOP_OPTIMIZED,activeOpacity:.7,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.clearButtonText,{color:o?_sharedUi.buoyColors.warning:_sharedUi.buoyColors.warning+"CC"}],children:"[]"})})});ClearArrayButton.displayName="ClearArrayButton";function ToggleValueButton({dataPath:t,value:o,itemsDeletable:e}){const n=(0,_editorContext.useResponseEditor)();const C=(0,_react.useCallback)(()=>{if(!n)return;const c=typeof o==="boolean"?o:false;n.onChange((0,_updateNestedDataByPath.updateNestedDataByPath)(n.root,t,!c))},[n,t,o]);const g=(0,_react.useCallback)(()=>{if(!n)return;n.onChange((0,_deleteNestedDataByPath.deleteNestedDataByPath)(n.root,t))},[n,t]);if(!n)return null;const b=o?styles.toggleBadgeTrue:styles.toggleBadgeFalse;const s=o?styles.toggleTextTrue:styles.toggleTextFalse;return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{"sentry-label":"ignore devtools explorer toggle button",style:styles.modernToggleButton,onPress:C,hitSlop:HIT_SLOP_OPTIMIZED,activeOpacity:.8,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.toggleBadge,b],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.toggleBadgeText,s],children:o?"TRUE":"FALSE"})}),e&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{"sentry-label":"ignore devtools explorer delete button in toggle",onPress:g,style:styles.deleteButtonInToggle,accessibilityLabel:"Delete item",hitSlop:HIT_SLOP_OPTIMIZED,activeOpacity:.7,children:(0,_jsxRuntime.jsx)(_sharedUi.Trash,{size:14,strokeWidth:2,color:_sharedUi.buoyColors.error+"CC"})})]})}function Explorer({editable:t,label:o,value:e,defaultExpanded:n,dataPath:C,itemsDeletable:g,dataVersion:b=0}){const s=(0,_editorContext.useResponseEditor)();const[c,w]=(0,_react.useState)(false);const[f,x]=(0,_react.useState)("");(0,_react.useEffect)(()=>{if(e!==null&&e!==void 0&&(typeof e==="string"||typeof e==="number")){const a=e.toString();x(a)}},[e,o,b]);const p=(0,_react.useMemo)(()=>{const a=o.toUpperCase();return["DATA","QUERY","QUERYKEY","TYPES","STATS","OPTIONS","OBSERVERS"].includes(a)},[o]);const[S,I]=(0,_react.useState)((n||[]).includes(o));const B=()=>I(a=>!a);const[R,F]=(0,_react.useState)([]);const h=(0,_react.useMemo)(()=>{if(e===null||e===void 0||typeof e!=="object"){return[]}if(Array.isArray(e)){const r=e.length>1e3?e.slice(0,1e3):e;return r.map((l,u)=>({label:u.toString(),value:l}))}if(e instanceof Map){const r=Array.from(e.entries()).slice(0,1e3);return r.map(([l,u])=>({label:l.toString(),value:u}))}if(e instanceof Set){const r=Array.from(e).slice(0,1e3);return r.map((l,u)=>({label:u.toString(),value:l}))}const a=Object.entries(e).slice(0,1e3);return a.map(([r,l])=>({label:r,value:l}))},[e]);const i=(0,_react.useMemo)(()=>{if(Array.isArray(e))return"array";if(e===null||typeof e!=="object")return typeof e;if(e instanceof Map||e instanceof Set)return"Iterable";return"object"},[e]);const y=(0,_react.useMemo)(()=>{return chunkArray(h,CHUNK_SIZE)},[h]);const d=C??[];const j=(0,_react.useRef)(s);const T=(0,_react.useRef)(d);const W=(0,_react.useRef)(i);j.current=s;T.current=d;W.current=i;const m=(0,_react.useCallback)((a,r)=>{x(r);const l=j.current;if(!l)return;if(a&&isNaN(Number(r)))return;const u=W.current==="number"?Number(r):r;l.onChange((0,_updateNestedDataByPath.updateNestedDataByPath)(l.root,T.current,u))},[x]);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.minWidthWrapper,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.fullWidthMarginRight,children:[y.length>0&&(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.flexRowItemsCenterGap,p&&styles.flexRowItemsCenterGapMain],children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{"sentry-label":"ignore devtools explorer expander button",style:styles.expanderButton,onPress:B,hitSlop:HIT_SLOP_OPTIMIZED,activeOpacity:.6,children:[(0,_jsxRuntime.jsx)(Expander,{expanded:S,isFocused:c,isMain:p}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.labelText,c&&styles.labelTextFocused,p&&styles.labelTextMain],children:o}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.textGray500,children:`${String(i).toLowerCase()==="iterable"?"(Iterable) ":""}${h.length} ${h.length>1?`items`:`item`}`})]}),t&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.flexRowGapItemsCenter,children:[(0,_jsxRuntime.jsx)(CopyButton,{value:e,isFocused:c}),g&&s!==null&&(0,_jsxRuntime.jsx)(DeleteItemButton,{dataPath:d,isFocused:c}),i==="array"&&s!==null&&(0,_jsxRuntime.jsx)(ClearArrayButton,{dataPath:d,isFocused:c})]})]}),S&&(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[y.length===1&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.singleEntryContainer,p&&styles.singleEntryContainerMain],children:h.map((a,r)=>(0,_jsxRuntime.jsx)(Explorer,{defaultExpanded:n,label:a.label,value:a.value,editable:t,dataPath:[...d,a.label],itemsDeletable:i==="array"||i==="Iterable"||i==="object",dataVersion:b},a.label+r))}),y.length>1&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.multiEntryContainer,children:y.map((a,r)=>(0,_jsxRuntime.jsx)(_reactNative.View,{children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.relativeOutlineNone,children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{"sentry-label":"ignore devtools explorer page toggle",onPress:()=>F(l=>l.includes(r)?l.filter(u=>u!==r):[...l,r]),style:styles.pageExpanderButton,hitSlop:HIT_SLOP_OPTIMIZED,children:[(0,_jsxRuntime.jsx)(Expander,{expanded:R.includes(r)}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.pageRangeText,children:["[",r*CHUNK_SIZE,"...",r*CHUNK_SIZE+CHUNK_SIZE-1,"]"]})]}),R.includes(r)&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.entriesContainer,children:a.map(l=>(0,_jsxRuntime.jsx)(Explorer,{defaultExpanded:n,label:l.label,value:l.value,editable:t,dataPath:[...d,l.label],dataVersion:b},l.label))})]})},r))})]})]}),y.length===0&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.flexRowGapFullWidth,children:[t&&s!==null&&(i==="string"||i==="number"||i==="boolean")?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[t&&s&&(i==="string"||i==="number")&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.nebulaInputWrapper,children:(0,_jsxRuntime.jsx)(_dataViewer.CyberpunkInput,{label:o,accessibilityLabel:"Data input field for editing values",style:[i==="number"?styles.textNumber:styles.textString],keyboardType:i==="number"?"numeric":"default",value:f,onChangeText:a=>m(i==="number",a),onFocus:()=>w(true),onBlur:()=>w(false),showNumberControls:i==="number",onIncrement:()=>{const a=Number(f)||0;m(true,String(a+1))},onDecrement:()=>{const a=Number(f)||0;m(true,String(a-1))},showDeleteButton:g,onDelete:()=>{s.onChange((0,_deleteNestedDataByPath.deleteNestedDataByPath)(s.root,d))}})}),i==="boolean"&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.booleanRowContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.booleanLabel,children:o}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.booleanToggleWrapper,children:(0,_jsxRuntime.jsx)(ToggleValueButton,{dataPath:d,value:e,itemsDeletable:g})})]})]}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.text344054,children:o}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.displayValueText,children:(0,_sharedUi.displayValue)(e)})]}),t&&g&&s!==null&&i!=="string"&&i!=="number"&&i!=="boolean"&&(0,_jsxRuntime.jsx)(DeleteItemButton,{dataPath:d,isFocused:c})]})]})})}const styles=_reactNative.StyleSheet.create({buttonStyle:{backgroundColor:_sharedUi.buoyColors.card+"E6",borderWidth:1,borderColor:_sharedUi.buoyColors.textSecondary+"33",borderRadius:6,flexDirection:"row",alignItems:"center",justifyContent:"center",width:28,height:28,position:"relative",shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.2,shadowRadius:2},buttonStyleFocused:{borderColor:_sharedUi.buoyColors.primary+"CC",backgroundColor:_sharedUi.buoyColors.primary+"26",shadowColor:_sharedUi.buoyColors.primary,shadowOpacity:.3,shadowRadius:4},deleteButton:{backgroundColor:_sharedUi.buoyColors.error+"1A",borderColor:_sharedUi.buoyColors.error+"4D",borderWidth:1,borderRadius:6,padding:0,alignItems:"center",justifyContent:"center",width:28,height:28,position:"relative",shadowColor:_sharedUi.buoyColors.error,shadowOffset:{width:0,height:0},shadowOpacity:.15,shadowRadius:3},deleteButtonFocused:{borderColor:_sharedUi.buoyColors.error+"CC",backgroundColor:_sharedUi.buoyColors.error+"33",shadowOpacity:.3,shadowRadius:5},deleteButtonInToggle:{backgroundColor:_sharedUi.buoyColors.error+"1A",borderColor:_sharedUi.buoyColors.error+"4D",borderWidth:1,borderRadius:6,padding:0,alignItems:"center",justifyContent:"center",width:28,height:28,shadowColor:_sharedUi.buoyColors.error,shadowOffset:{width:0,height:0},shadowOpacity:.15,shadowRadius:3},clearButton:{backgroundColor:_sharedUi.buoyColors.warning+"1A",borderWidth:1,borderColor:_sharedUi.buoyColors.warning+"4D",borderRadius:6,flexDirection:"row",padding:0,alignItems:"center",justifyContent:"center",width:28,height:28,position:"relative",zIndex:10,shadowColor:_sharedUi.buoyColors.warning,shadowOffset:{width:0,height:0},shadowOpacity:.15,shadowRadius:3},clearButtonFocused:{borderColor:_sharedUi.buoyColors.warning+"CC",backgroundColor:_sharedUi.buoyColors.warning+"33",shadowOpacity:.3,shadowRadius:5},clearButtonText:{fontSize:12,fontWeight:"700",fontFamily:_sharedUi.monoFont},expanderIcon:{width:18,height:18,alignItems:"center",justifyContent:"center",marginRight:1,backgroundColor:_sharedUi.buoyColors.textSecondary+"14",borderRadius:3},expanderIconMain:{backgroundColor:_sharedUi.buoyColors.textSecondary+"1A",width:20,height:20,borderRadius:4,borderWidth:.5,borderColor:_sharedUi.buoyColors.textSecondary+"33"},expanded:{transform:[{rotate:"0deg"}]},collapsed:{transform:[{rotate:"0deg"}]},minWidthWrapper:{minWidth:180,fontSize:11,flexDirection:"row",flexWrap:"wrap",width:"100%",marginVertical:.5},fullWidthMarginRight:{position:"relative",width:"100%",marginRight:1},flexRowItemsCenterGap:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:3,paddingHorizontal:6,marginVertical:1,borderRadius:4,backgroundColor:_sharedUi.buoyColors.card+"66",borderWidth:.5,borderColor:_sharedUi.buoyColors.textSecondary+"1A"},flexRowItemsCenterGapMain:{backgroundColor:_sharedUi.buoyColors.card+"E6",borderLeftWidth:2.5,borderLeftColor:_sharedUi.buoyColors.textSecondary+"80",borderColor:_sharedUi.buoyColors.textSecondary+"26",paddingVertical:5,paddingHorizontal:8,marginBottom:3,borderWidth:1,shadowColor:"#000",shadowOffset:{width:0,height:0},shadowOpacity:.08,shadowRadius:3},expanderButton:{flexDirection:"row",alignItems:"center",backgroundColor:"transparent",paddingVertical:1,paddingHorizontal:2,gap:6,borderWidth:0,minHeight:24,flex:1},labelText:{color:_sharedUi.buoyColors.textSecondary,fontSize:10,fontWeight:"600",marginRight:4,fontFamily:_sharedUi.monoFont,letterSpacing:.4},labelTextFocused:{color:_sharedUi.buoyColors.text},labelTextMain:{color:_sharedUi.buoyColors.text,fontSize:11,fontWeight:"700",letterSpacing:.6},textGray500:{color:_sharedUi.buoyColors.textMuted,fontSize:10,fontWeight:"400",fontFamily:_sharedUi.monoFont,opacity:.7},pageRangeText:{color:_sharedUi.buoyColors.textSecondary,fontSize:10,fontWeight:"600",fontFamily:_sharedUi.monoFont},flexRowGapItemsCenter:{flexDirection:"row",alignItems:"center",gap:4,paddingLeft:2},singleEntryContainer:{marginLeft:2,marginTop:2,paddingLeft:8,borderLeftWidth:1.5,borderLeftColor:_sharedUi.buoyColors.textSecondary+"40"},singleEntryContainerMain:{borderLeftColor:_sharedUi.buoyColors.textSecondary+"4D",marginLeft:4,paddingLeft:10},multiEntryContainer:{marginLeft:2,marginTop:2,paddingLeft:8,borderLeftWidth:1.5,borderLeftColor:_sharedUi.buoyColors.textSecondary+"40"},multiEntryContainerMain:{borderLeftColor:_sharedUi.buoyColors.textSecondary+"4D",marginLeft:4,paddingLeft:10},relativeOutlineNone:{position:"relative"},pageExpanderButton:{flexDirection:"row",alignItems:"center",backgroundColor:_sharedUi.buoyColors.card+"66",paddingVertical:3,paddingHorizontal:6,gap:6,borderRadius:4,borderWidth:.5,borderColor:_sharedUi.buoyColors.textSecondary+"1A",marginBottom:2,minHeight:24},entriesContainer:{marginLeft:2,paddingLeft:8,marginTop:2,borderLeftWidth:1.5,borderLeftColor:_sharedUi.buoyColors.textSecondary+"40"},textNumber:{color:_sharedUi.buoyColors.text,fontWeight:"600",fontFamily:_sharedUi.monoFont},textString:{color:_sharedUi.buoyColors.text,fontFamily:_sharedUi.monoFont},flexRowGapFullWidth:{flexDirection:"row",width:"100%",alignItems:"center",marginVertical:1,gap:6,paddingHorizontal:4,paddingVertical:2,borderRadius:3},text344054:{color:_sharedUi.buoyColors.textSecondary,fontWeight:"600",fontSize:9,minWidth:50,fontFamily:_sharedUi.monoFont,letterSpacing:.4,opacity:.8},numberInputButtons:{position:"absolute",right:8,top:"50%",transform:[{translateY:-18}],flexDirection:"row",gap:4,zIndex:10},touchableButton:{width:32,height:32,borderRadius:6,backgroundColor:_sharedUi.buoyColors.card+"E6",borderWidth:1,borderColor:_sharedUi.buoyColors.textSecondary+"33",alignItems:"center",justifyContent:"center",marginLeft:2,shadowColor:"#000",shadowOffset:{width:0,height:1},shadowOpacity:.2,shadowRadius:2},touchableButtonFocused:{borderColor:_sharedUi.buoyColors.primary+"CC",backgroundColor:_sharedUi.buoyColors.primary+"26",shadowColor:_sharedUi.buoyColors.primary,shadowOffset:{width:0,height:0},shadowOpacity:.3,shadowRadius:4,elevation:3},nebulaInputWrapper:{flex:1,width:"100%",position:"relative"},displayValueText:{flex:1,color:_sharedUi.buoyColors.text,fontWeight:"400",fontFamily:_sharedUi.monoFont,fontSize:12,paddingVertical:6,paddingHorizontal:10,borderRadius:6,borderWidth:1,borderColor:_sharedUi.buoyColors.textMuted+"66",minHeight:34},dataRow:{flexDirection:"row",alignItems:"center",paddingVertical:4,paddingHorizontal:8,minHeight:44,gap:12},dataLabel:{color:_sharedUi.buoyColors.textSecondary,fontSize:13,fontWeight:"500",minWidth:80,flexShrink:0},dataValueContainer:{flex:1,flexDirection:"row",alignItems:"center"},inputWithActions:{flex:1,position:"relative"},numberControls:{position:"absolute",right:8,top:"50%",transform:[{translateY:-16}],flexDirection:"column",gap:2},numberButton:{width:32,height:16,borderRadius:4,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:_sharedUi.buoyColors.primary+"0F"},readOnlyValue:{color:_sharedUi.buoyColors.text,fontSize:13,fontFamily:_sharedUi.monoFont,paddingVertical:8,paddingHorizontal:12,borderRadius:6,borderWidth:1,borderColor:_sharedUi.buoyColors.textMuted+"33",flex:1},actionButtons:{flexDirection:"row",gap:6,paddingLeft:8},booleanContainer:{flexDirection:"row",alignItems:"center",padding:8,borderRadius:6,borderWidth:1,borderColor:_sharedUi.buoyColors.textMuted+"4D",flex:1},booleanText:{marginLeft:8,color:_sharedUi.buoyColors.warning,fontWeight:"500",fontFamily:_sharedUi.monoFont},modernToggleButton:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",borderRadius:6,borderWidth:1,borderColor:_sharedUi.buoyColors.textMuted+"99",paddingHorizontal:8,paddingVertical:6,marginVertical:2,minHeight:34,gap:8},toggleIconContainer:{marginRight:6},toggleIcon:{padding:8,borderRadius:8,alignItems:"center",justifyContent:"center",width:32,height:32},toggleIconSmall:{width:8,height:8,borderRadius:4},toggleContent:{flex:1,minWidth:0},toggleLabel:{color:"#E5E7EB",fontSize:11,fontWeight:"600",fontFamily:_sharedUi.monoFont,letterSpacing:.3},toggleStatus:{color:"#9CA3AF",fontSize:11},toggleBadge:{marginLeft:6,paddingHorizontal:6,paddingVertical:3,borderRadius:4,borderWidth:1},toggleBadgeText:{fontSize:9,fontWeight:"700",textTransform:"uppercase",letterSpacing:.8,fontFamily:_sharedUi.monoFont},toggleIconTrue:{backgroundColor:_sharedUi.buoyColors.primary},toggleIconFalse:{backgroundColor:_sharedUi.buoyColors.textMuted},toggleBadgeTrue:{backgroundColor:_sharedUi.buoyColors.primary+"1A",borderColor:_sharedUi.buoyColors.primary+"4D"},toggleBadgeFalse:{backgroundColor:_sharedUi.buoyColors.textMuted+"1A",borderColor:_sharedUi.buoyColors.textMuted+"4D"},toggleTextTrue:{color:_sharedUi.buoyColors.primary,fontWeight:"600"},toggleTextFalse:{color:_sharedUi.buoyColors.textSecondary,fontWeight:"500"},booleanRowContainer:{flexDirection:"row",alignItems:"center",width:"100%",gap:8,paddingVertical:2},booleanLabel:{color:_sharedUi.buoyColors.textSecondary,fontSize:10,fontWeight:"600",fontFamily:_sharedUi.monoFont,letterSpacing:.4,minWidth:60,flexShrink:0},booleanToggleWrapper:{flex:1}});