@buoy-gg/storage 7.0.41 → 7.0.42

package/lib/commonjs/storage/components/StorageKeyRow.js

@@ -1,559 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getStorageTypeColor = exports.getStatusConfig = exports.StorageKeyRow = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _storageQueryUtils = require("../utils/storageQueryUtils");
-var _valueType = require("../utils/valueType");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _jsxRuntime = require("react/jsx-runtime");
-// MMKV Instance color palette - consistent colors per instance
-const INSTANCE_COLORS = [_sharedUi.macOSColors.semantic.info,
-// Blue
-_sharedUi.macOSColors.semantic.success,
-// Green
-_sharedUi.macOSColors.semantic.warning,
-// Orange
-_sharedUi.macOSColors.semantic.debug,
-// Purple
-'#FF6B9D',
-// Pink
-'#00D9FF' // Cyan
-];
-
-/**
- * Get consistent color for an MMKV instance based on its ID
- * Uses simple hash to ensure same instance always gets same color
- */
-function getInstanceColor(instanceId) {
-  const hash = instanceId.split('').reduce((acc, char) => acc + char.charCodeAt(0), 0);
-  return INSTANCE_COLORS[hash % INSTANCE_COLORS.length];
-}
-/** Exported for the key DETAIL screen, so card and detail can't disagree
- * about what a status is called or what color it wears. */
-const getStatusConfig = status => {
-  switch (status) {
-    case "required_present":
-      return {
-        label: "Valid",
-        color: _sharedUi.macOSColors.semantic.success,
-        sublabel: "Required"
-      };
-    case "required_missing":
-      return {
-        label: "Missing",
-        color: _sharedUi.macOSColors.semantic.error,
-        sublabel: "Required"
-      };
-    case "required_wrong_value":
-      return {
-        label: "Wrong",
-        color: _sharedUi.macOSColors.semantic.warning,
-        sublabel: "Invalid value"
-      };
-    case "required_wrong_type":
-      return {
-        label: "Type Error",
-        color: _sharedUi.macOSColors.semantic.info,
-        sublabel: "Wrong type"
-      };
-    case "optional_present":
-      return {
-        label: "Set",
-        color: _sharedUi.macOSColors.semantic.debug,
-        sublabel: "Optional"
-      };
-    // Runtime data can carry a status the union doesn't know (a stale
-    // snapshot, a newer adapter) — a devtool must render it, not redbox.
-    default:
-      return {
-        label: "Set",
-        color: _sharedUi.macOSColors.text.secondary,
-        sublabel: String(status)
-      };
-  }
-};
-exports.getStatusConfig = getStatusConfig;
-const formatValue = value => {
-  if (value === undefined || value === null) {
-    return "undefined";
-  }
-  const str = typeof value === "string" ? value : JSON.stringify(value);
-  return str;
-};
-
-// Memo justified by profiling (tool-bench 2026-07-06): the browser tab
-// renders every key row on each parent render (ScrollView, no
-// virtualization) — memo keeps unchanged keys from re-rendering.
-const StorageKeyRow = exports.StorageKeyRow = /*#__PURE__*/(0, _react.memo)(function StorageKeyRow({
-  storageKey,
-  isExpanded,
-  onPress,
-  isSelectMode = false,
-  isSelected = false,
-  onSelectionChange,
-  eventCount,
-  onViewHistory,
-  onHideKey,
-  isPinned = false,
-  onTogglePin,
-  onEditKey,
-  onToggleKey,
-  onDeleteKey,
-  editBlockedReason
-}) {
-  const canEdit = onEditKey != null && editBlockedReason == null;
-  const config = getStatusConfig(storageKey.status);
-  const hasValue = storageKey.value !== undefined && storageKey.value !== null;
-
-  // Booleans get a dedicated colored badge instead of an inline text preview so
-  // their value is scannable at a glance.
-  const isBoolean = hasValue && typeof storageKey.value === "boolean";
-
-  // Format primary text - show the key
-  const primaryText = storageKey.key;
-
-  // Show storage type as secondary text
-  const storageTypeLabel = (0, _storageQueryUtils.getStorageTypeLabel)(storageKey.storageType);
-
-  // Shared with the editor screen, so the card and the thing it opens can't
-  // disagree about whether a key holds a container.
-  const parsedValue = (0, _valueType.parseStorageValue)(storageKey.value);
-
-  /** The tree only renders for containers. */
-  const showsTree = parsedValue !== null && typeof parsedValue === "object";
-
-  // Create expanded content for value and storage details
-  const expandedContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.expandedContainer,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ExpandedInfoRow, {
-      label: "Storage",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PillBadge, {
-        color: getStorageTypeColor(storageKey.storageType),
-        children: storageTypeLabel
-      })
-    }), storageKey.storageType === 'mmkv' && storageKey.instanceId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ExpandedInfoRow, {
-      label: "Instance",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PillBadge, {
-        color: getInstanceColor(storageKey.instanceId),
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.HardDrive, {
-          size: 9,
-          color: getInstanceColor(storageKey.instanceId)
-        }),
-        children: storageKey.instanceId
-      })
-    }), eventCount != null && eventCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ExpandedInfoRow, {
-      label: "Updates",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PillBadge, {
-        color: _sharedUi.macOSColors.semantic.warning,
-        children: String(eventCount)
-      }), eventCount > 1 && onViewHistory && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: onViewHistory,
-        testID: "buoy-storage-key-history",
-        accessibilityLabel: `View history for ${storageKey.key}`,
-        accessibilityRole: "button",
-        style: styles.viewHistoryButton,
-        hitSlop: {
-          top: 6,
-          bottom: 6,
-          left: 6,
-          right: 6
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.viewHistoryText,
-          children: "view history \u2192"
-        })
-      })]
-    }), showsTree ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.dataViewerContainer,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
-        data: parsedValue,
-        title: "",
-        showTypeFilter: true,
-        rawMode: true,
-        initialExpanded: true
-      })
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.expandedRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.expandedLabel,
-        children: "Value:"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.expandedValue,
-        numberOfLines: 3,
-        children: formatValue(storageKey.value) || "undefined"
-      })]
-    }), storageKey.status === "required_wrong_type" && storageKey.expectedType && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.expandedRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.expandedLabel,
-          children: "Type:"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.TypeBadge, {
-          type: (0, _valueType.getValueTypeLabel)(storageKey.value)
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.expandedRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.expandedLabel,
-          children: "Expected:"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.TypeBadge, {
-          type: storageKey.expectedType
-        })]
-      })]
-    }), storageKey.status === "required_wrong_value" && storageKey.expectedValue && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.expandedRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.expandedLabel,
-        children: "Expected:"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.expandedExpected,
-        children: String(storageKey.expectedValue)
-      })]
-    }), storageKey.description ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.expandedRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.expandedLabel,
-        children: "Info:"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.expandedDescription,
-        children: storageKey.description
-      })]
-    }) : null, editBlockedReason ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.expandedRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.expandedLabel,
-        children: "Edit:"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.expandedDescription,
-        children: editBlockedReason
-      })]
-    }) : null, onTogglePin || onHideKey || canEdit ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.actionRow,
-      children: [canEdit ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: styles.editButton
-        // One handle for both jobs on purpose: this is the card's single
-        // "change it" affordance, and which of the two it performs is the
-        // key's type, not a different control.
-        ,
-        testID: "buoy-storage-key-edit",
-        accessibilityLabel: isBoolean && onToggleKey ? `Toggle ${storageKey.key}` : `Edit ${storageKey.key}`,
-        accessibilityRole: "button",
-        onPress: () => isBoolean && onToggleKey ? onToggleKey(storageKey) : onEditKey?.(storageKey),
-        hitSlop: {
-          top: 6,
-          bottom: 6,
-          left: 6,
-          right: 6
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Edit3, {
-          size: 13,
-          color: _sharedUi.night.color.onAccent
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.editButtonText,
-          children: isBoolean && onToggleKey ? "Toggle" : "Edit"
-        })]
-      }) : null, onTogglePin ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: [styles.actionChip, isPinned && styles.actionChipActive],
-        testID: "buoy-storage-key-pin",
-        accessibilityLabel: isPinned ? `Unpin ${storageKey.key}` : `Pin ${storageKey.key} to top`,
-        accessibilityRole: "button",
-        onPress: () => onTogglePin(storageKey.key),
-        hitSlop: {
-          top: 6,
-          bottom: 6,
-          left: 6,
-          right: 6
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Pin, {
-          size: 12,
-          active: isPinned,
-          color: _sharedUi.night.color.accent
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.actionChipText, {
-            color: _sharedUi.night.color.accent
-          }],
-          children: isPinned ? "Unpin" : "Pin to top"
-        })]
-      }) : null, onHideKey ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: styles.actionChip,
-        testID: "buoy-storage-key-hide",
-        accessibilityLabel: `Hide ${storageKey.key} from list`,
-        accessibilityRole: "button",
-        onPress: () => onHideKey(storageKey),
-        hitSlop: {
-          top: 6,
-          bottom: 6,
-          left: 6,
-          right: 6
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.EyeOff, {
-          size: 12,
-          color: _sharedUi.night.color.warning
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.actionChipText, {
-            color: _sharedUi.night.color.warning
-          }],
-          children: "Hide from list"
-        })]
-      }) : null, canEdit && onDeleteKey ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: [styles.actionChip, styles.dangerChip],
-        testID: "buoy-storage-key-delete",
-        accessibilityLabel: `Delete key ${storageKey.key}`,
-        accessibilityRole: "button",
-        onPress: () => onDeleteKey(storageKey),
-        hitSlop: {
-          top: 6,
-          bottom: 6,
-          left: 6,
-          right: 6
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
-          size: 12,
-          color: _sharedUi.night.color.danger
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.actionChipText, {
-            color: _sharedUi.night.color.danger
-          }],
-          children: "Delete key"
-        })]
-      }) : null]
-    }) : null]
-  });
-
-  // Handle checkbox press in select mode
-  const handleCheckboxPress = () => {
-    onSelectionChange?.(storageKey, !isSelected);
-  };
-
-  // Create checkbox element for select mode
-  const selectionCheckbox = isSelectMode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-    onPress: handleCheckboxPress,
-    testID: `buoy-storage-checkbox-${storageKey.storageType}-${storageKey.key}`,
-    accessibilityLabel: `Select ${storageKey.key}`,
-    accessibilityRole: "checkbox",
-    accessibilityState: {
-      checked: isSelected
-    },
-    style: styles.checkboxContainer,
-    hitSlop: {
-      top: 8,
-      bottom: 8,
-      left: 8,
-      right: 8
-    },
-    children: isSelected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CheckSquare, {
-      size: 18,
-      color: _sharedUi.night.color.accent
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Square, {
-      size: 18,
-      color: _sharedUi.night.color.textTertiary
-    })
-  }) : null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.rowContainer, isSelected && styles.rowContainerSelected],
-    children: [selectionCheckbox, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.compactRowWrapper,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CompactRow, {
-        statusDotColor: config.color,
-        statusLabel: config.label,
-        statusSublabel: config.sublabel,
-        primaryText: primaryText,
-        secondaryText: hasValue ? isBoolean ? (0, _valueType.getValueTypeLabel)(storageKey.value) : (0, _valueType.getValueTypeWithPreview)(storageKey.value) : undefined,
-        secondaryAccessory: isBoolean ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PillBadge, {
-          size: "sm",
-          color: storageKey.value ? _sharedUi.macOSColors.semantic.success : _sharedUi.macOSColors.semantic.error,
-          children: storageKey.value ? "true" : "false"
-        }) : undefined,
-        expandedContent: expandedContent,
-        isExpanded: isExpanded,
-        expandedGlowColor: config.color,
-        customBadge: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.badgeRow,
-          children: [isPinned && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Pin, {
-            size: 12,
-            active: true,
-            color: _sharedUi.night.color.accent
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.PillBadge, {
-            color: getStorageTypeColor(storageKey.storageType),
-            children: storageTypeLabel
-          })]
-        }),
-        showChevron: !isSelectMode,
-        onPress: isSelectMode ? handleCheckboxPress : onPress ? () => onPress(storageKey) : undefined,
-        testID: `buoy-storage-row-${storageKey.storageType}-${storageKey.key}`,
-        accessibilityLabel: `${storageKey.storageType} ${storageKey.key}`
-      }), eventCount != null && eventCount > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.absCountBadge, isExpanded && styles.absCountBadgeExpanded, {
-          backgroundColor: _sharedUi.macOSColors.semantic.warning + "22",
-          borderColor: _sharedUi.macOSColors.semantic.warning + "55"
-        }],
-        pointerEvents: "none",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.absCountText, {
-            color: _sharedUi.macOSColors.semantic.warning
-          }],
-          children: String(eventCount)
-        })
-      })]
-    })]
-  });
-});
-
-/** Exported for the key DETAIL screen — same reason as getStatusConfig. */
-const getStorageTypeColor = storageType => {
-  switch (storageType) {
-    case "mmkv":
-      return _sharedUi.macOSColors.semantic.info;
-    case "async":
-      return _sharedUi.macOSColors.semantic.warning;
-    case "secure":
-      return _sharedUi.macOSColors.semantic.success;
-    default:
-      return _sharedUi.macOSColors.text.secondary;
-  }
-};
-exports.getStorageTypeColor = getStorageTypeColor;
-const styles = _reactNative.StyleSheet.create({
-  badgeRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6
-  },
-  expandedContainer: {
-    gap: 8
-  },
-  expandedRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10
-  },
-  expandedLabel: {
-    fontSize: 10,
-    color: _sharedUi.night.color.textTertiary,
-    fontWeight: "600",
-    minWidth: 70,
-    fontFamily: _sharedUi.monoFont
-  },
-  expandedValue: {
-    fontSize: 11,
-    color: _sharedUi.night.color.textSecondary,
-    fontFamily: _sharedUi.monoFont,
-    flex: 1
-  },
-  expandedExpected: {
-    fontSize: 11,
-    color: _sharedUi.macOSColors.semantic.warning,
-    fontFamily: _sharedUi.monoFont,
-    flex: 1
-  },
-  expandedDescription: {
-    fontSize: 11,
-    color: _sharedUi.night.color.textSecondary,
-    flex: 1
-  },
-  dataViewerContainer: {
-    marginTop: 6,
-    marginBottom: 6,
-    backgroundColor: _sharedUi.night.color.bg,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    padding: 6
-  },
-  rowContainer: {
-    flexDirection: "row",
-    alignItems: "flex-start"
-  },
-  rowContainerSelected: {
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderRadius: 8
-  },
-  checkboxContainer: {
-    paddingLeft: 4,
-    paddingRight: 8,
-    paddingTop: 10,
-    alignSelf: "flex-start"
-  },
-  compactRowWrapper: {
-    flex: 1
-  },
-  absCountBadge: {
-    position: "absolute",
-    top: 4,
-    right: 10,
-    paddingHorizontal: 5,
-    paddingVertical: 1,
-    borderRadius: 4,
-    borderWidth: 1,
-    zIndex: 1
-  },
-  // The expanded CompactRow grows its wrapper margin from 3 to 12, so the
-  // badge has to drop with it or it floats above the card border.
-  absCountBadgeExpanded: {
-    top: 13
-  },
-  absCountText: {
-    fontSize: 9,
-    fontWeight: "700",
-    fontFamily: _sharedUi.monoFont
-  },
-  actionRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    flexWrap: "wrap",
-    gap: 8,
-    marginTop: 4
-  },
-  actionChip: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingVertical: 6,
-    paddingHorizontal: 10,
-    borderRadius: 6,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  dangerChip: {
-    borderColor: _sharedUi.night.color.danger + "55"
-  },
-  actionChipActive: {
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderColor: _sharedUi.night.color.accentBorderStrong
-  },
-  /** Filled, and first — the one action in this row that changes anything. */
-  editButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingVertical: 8,
-    paddingHorizontal: 14,
-    borderRadius: 8,
-    backgroundColor: _sharedUi.night.color.accent
-  },
-  editButtonText: {
-    color: _sharedUi.night.color.onAccent,
-    fontSize: 12,
-    fontWeight: "700"
-  },
-  actionChipText: {
-    fontSize: 11,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont
-  },
-  viewHistoryButton: {
-    marginLeft: 4
-  },
-  viewHistoryText: {
-    fontSize: 10,
-    fontWeight: "600",
-    fontFamily: _sharedUi.monoFont,
-    color: _sharedUi.night.color.accent
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.getStorageTypeColor=exports.getStatusConfig=exports.StorageKeyRow=void 0;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _storageQueryUtils=require("../utils/storageQueryUtils");var _valueType=require("../utils/valueType");var _dataViewer=require("@buoy-gg/shared-ui/dataViewer");var _jsxRuntime=require("react/jsx-runtime");const INSTANCE_COLORS=[_sharedUi.macOSColors.semantic.info,_sharedUi.macOSColors.semantic.success,_sharedUi.macOSColors.semantic.warning,_sharedUi.macOSColors.semantic.debug,"#FF6B9D","#00D9FF"];function getInstanceColor(t){const e=t.split("").reduce((r,l)=>r+l.charCodeAt(0),0);return INSTANCE_COLORS[e%INSTANCE_COLORS.length]}const getStatusConfig=t=>{switch(t){case"required_present":return{label:"Valid",color:_sharedUi.macOSColors.semantic.success,sublabel:"Required"};case"required_missing":return{label:"Missing",color:_sharedUi.macOSColors.semantic.error,sublabel:"Required"};case"required_wrong_value":return{label:"Wrong",color:_sharedUi.macOSColors.semantic.warning,sublabel:"Invalid value"};case"required_wrong_type":return{label:"Type Error",color:_sharedUi.macOSColors.semantic.info,sublabel:"Wrong type"};case"optional_present":return{label:"Set",color:_sharedUi.macOSColors.semantic.debug,sublabel:"Optional"};default:return{label:"Set",color:_sharedUi.macOSColors.text.secondary,sublabel:String(t)}}};exports.getStatusConfig=getStatusConfig;const formatValue=t=>{if(t===void 0||t===null){return"undefined"}const e=typeof t==="string"?t:JSON.stringify(t);return e};const StorageKeyRow=exports.StorageKeyRow=(0,_react.memo)(function t({storageKey:e,isExpanded:r,onPress:l,isSelectMode:d=false,isSelected:a=false,onSelectionChange:S,eventCount:o,onViewHistory:g,onHideKey:u,isPinned:i=false,onTogglePin:p,onEditKey:y,onToggleKey:c,onDeleteKey:m,editBlockedReason:x}){const h=y!=null&&x==null;const s=getStatusConfig(e.status);const f=e.value!==void 0&&e.value!==null;const n=f&&typeof e.value==="boolean";const T=e.key;const w=(0,_storageQueryUtils.getStorageTypeLabel)(e.storageType);const b=(0,_valueType.parseStorageValue)(e.value);const j=b!==null&&typeof b==="object";const R=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.expandedContainer,children:[(0,_jsxRuntime.jsx)(_sharedUi.ExpandedInfoRow,{label:"Storage",children:(0,_jsxRuntime.jsx)(_sharedUi.PillBadge,{color:getStorageTypeColor(e.storageType),children:w})}),e.storageType==="mmkv"&&e.instanceId&&(0,_jsxRuntime.jsx)(_sharedUi.ExpandedInfoRow,{label:"Instance",children:(0,_jsxRuntime.jsx)(_sharedUi.PillBadge,{color:getInstanceColor(e.instanceId),icon:(0,_jsxRuntime.jsx)(_sharedUi.HardDrive,{size:9,color:getInstanceColor(e.instanceId)}),children:e.instanceId})}),o!=null&&o>0&&(0,_jsxRuntime.jsxs)(_sharedUi.ExpandedInfoRow,{label:"Updates",children:[(0,_jsxRuntime.jsx)(_sharedUi.PillBadge,{color:_sharedUi.macOSColors.semantic.warning,children:String(o)}),o>1&&g&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:g,testID:"buoy-storage-key-history",accessibilityLabel:`View history for ${e.key}`,accessibilityRole:"button",style:styles.viewHistoryButton,hitSlop:{top:6,bottom:6,left:6,right:6},children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.viewHistoryText,children:"view history \u2192"})})]}),j?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.dataViewerContainer,children:(0,_jsxRuntime.jsx)(_dataViewer.DataViewer,{data:b,title:"",showTypeFilter:true,rawMode:true,initialExpanded:true})}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.expandedRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedLabel,children:"Value:"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedValue,numberOfLines:3,children:formatValue(e.value)||"undefined"})]}),e.status==="required_wrong_type"&&e.expectedType&&(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.expandedRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedLabel,children:"Type:"}),(0,_jsxRuntime.jsx)(_sharedUi.TypeBadge,{type:(0,_valueType.getValueTypeLabel)(e.value)})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.expandedRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedLabel,children:"Expected:"}),(0,_jsxRuntime.jsx)(_sharedUi.TypeBadge,{type:e.expectedType})]})]}),e.status==="required_wrong_value"&&e.expectedValue&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.expandedRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedLabel,children:"Expected:"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedExpected,children:String(e.expectedValue)})]}),e.description?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.expandedRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedLabel,children:"Info:"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedDescription,children:e.description})]}):null,x?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.expandedRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedLabel,children:"Edit:"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedDescription,children:x})]}):null,p||u||h?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actionRow,children:[h?(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.editButton,testID:"buoy-storage-key-edit",accessibilityLabel:n&&c?`Toggle ${e.key}`:`Edit ${e.key}`,accessibilityRole:"button",onPress:()=>n&&c?c(e):y?.(e),hitSlop:{top:6,bottom:6,left:6,right:6},children:[(0,_jsxRuntime.jsx)(_sharedUi.Edit3,{size:13,color:_sharedUi.night.color.onAccent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.editButtonText,children:n&&c?"Toggle":"Edit"})]}):null,p?(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.actionChip,i&&styles.actionChipActive],testID:"buoy-storage-key-pin",accessibilityLabel:i?`Unpin ${e.key}`:`Pin ${e.key} to top`,accessibilityRole:"button",onPress:()=>p(e.key),hitSlop:{top:6,bottom:6,left:6,right:6},children:[(0,_jsxRuntime.jsx)(_sharedUi.Pin,{size:12,active:i,color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.actionChipText,{color:_sharedUi.night.color.accent}],children:i?"Unpin":"Pin to top"})]}):null,u?(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.actionChip,testID:"buoy-storage-key-hide",accessibilityLabel:`Hide ${e.key} from list`,accessibilityRole:"button",onPress:()=>u(e),hitSlop:{top:6,bottom:6,left:6,right:6},children:[(0,_jsxRuntime.jsx)(_sharedUi.EyeOff,{size:12,color:_sharedUi.night.color.warning}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.actionChipText,{color:_sharedUi.night.color.warning}],children:"Hide from list"})]}):null,h&&m?(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.actionChip,styles.dangerChip],testID:"buoy-storage-key-delete",accessibilityLabel:`Delete key ${e.key}`,accessibilityRole:"button",onPress:()=>m(e),hitSlop:{top:6,bottom:6,left:6,right:6},children:[(0,_jsxRuntime.jsx)(_sharedUi.Trash2,{size:12,color:_sharedUi.night.color.danger}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.actionChipText,{color:_sharedUi.night.color.danger}],children:"Delete key"})]}):null]}):null]});const C=()=>{S?.(e,!a)};const k=d?(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:C,testID:`buoy-storage-checkbox-${e.storageType}-${e.key}`,accessibilityLabel:`Select ${e.key}`,accessibilityRole:"checkbox",accessibilityState:{checked:a},style:styles.checkboxContainer,hitSlop:{top:8,bottom:8,left:8,right:8},children:a?(0,_jsxRuntime.jsx)(_sharedUi.CheckSquare,{size:18,color:_sharedUi.night.color.accent}):(0,_jsxRuntime.jsx)(_sharedUi.Square,{size:18,color:_sharedUi.night.color.textTertiary})}):null;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.rowContainer,a&&styles.rowContainerSelected],children:[k,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.compactRowWrapper,children:[(0,_jsxRuntime.jsx)(_sharedUi.CompactRow,{statusDotColor:s.color,statusLabel:s.label,statusSublabel:s.sublabel,primaryText:T,secondaryText:f?n?(0,_valueType.getValueTypeLabel)(e.value):(0,_valueType.getValueTypeWithPreview)(e.value):void 0,secondaryAccessory:n?(0,_jsxRuntime.jsx)(_sharedUi.PillBadge,{size:"sm",color:e.value?_sharedUi.macOSColors.semantic.success:_sharedUi.macOSColors.semantic.error,children:e.value?"true":"false"}):void 0,expandedContent:R,isExpanded:r,expandedGlowColor:s.color,customBadge:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.badgeRow,children:[i&&(0,_jsxRuntime.jsx)(_sharedUi.Pin,{size:12,active:true,color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_sharedUi.PillBadge,{color:getStorageTypeColor(e.storageType),children:w})]}),showChevron:!d,onPress:d?C:l?()=>l(e):void 0,testID:`buoy-storage-row-${e.storageType}-${e.key}`,accessibilityLabel:`${e.storageType} ${e.key}`}),o!=null&&o>1&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.absCountBadge,r&&styles.absCountBadgeExpanded,{backgroundColor:_sharedUi.macOSColors.semantic.warning+"22",borderColor:_sharedUi.macOSColors.semantic.warning+"55"}],pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.absCountText,{color:_sharedUi.macOSColors.semantic.warning}],children:String(o)})})]})]})});const getStorageTypeColor=t=>{switch(t){case"mmkv":return _sharedUi.macOSColors.semantic.info;case"async":return _sharedUi.macOSColors.semantic.warning;case"secure":return _sharedUi.macOSColors.semantic.success;default:return _sharedUi.macOSColors.text.secondary}};exports.getStorageTypeColor=getStorageTypeColor;const styles=_reactNative.StyleSheet.create({badgeRow:{flexDirection:"row",alignItems:"center",gap:6},expandedContainer:{gap:8},expandedRow:{flexDirection:"row",alignItems:"center",gap:10},expandedLabel:{fontSize:10,color:_sharedUi.night.color.textTertiary,fontWeight:"600",minWidth:70,fontFamily:_sharedUi.monoFont},expandedValue:{fontSize:11,color:_sharedUi.night.color.textSecondary,fontFamily:_sharedUi.monoFont,flex:1},expandedExpected:{fontSize:11,color:_sharedUi.macOSColors.semantic.warning,fontFamily:_sharedUi.monoFont,flex:1},expandedDescription:{fontSize:11,color:_sharedUi.night.color.textSecondary,flex:1},dataViewerContainer:{marginTop:6,marginBottom:6,backgroundColor:_sharedUi.night.color.bg,borderRadius:6,borderWidth:1,borderColor:_sharedUi.night.color.border,padding:6},rowContainer:{flexDirection:"row",alignItems:"flex-start"},rowContainerSelected:{backgroundColor:_sharedUi.night.color.accentSoft,borderRadius:8},checkboxContainer:{paddingLeft:4,paddingRight:8,paddingTop:10,alignSelf:"flex-start"},compactRowWrapper:{flex:1},absCountBadge:{position:"absolute",top:4,right:10,paddingHorizontal:5,paddingVertical:1,borderRadius:4,borderWidth:1,zIndex:1},absCountBadgeExpanded:{top:13},absCountText:{fontSize:9,fontWeight:"700",fontFamily:_sharedUi.monoFont},actionRow:{flexDirection:"row",alignItems:"center",flexWrap:"wrap",gap:8,marginTop:4},actionChip:{flexDirection:"row",alignItems:"center",gap:6,paddingVertical:6,paddingHorizontal:10,borderRadius:6,backgroundColor:_sharedUi.night.color.surface,borderWidth:1,borderColor:_sharedUi.night.color.border},dangerChip:{borderColor:_sharedUi.night.color.danger+"55"},actionChipActive:{backgroundColor:_sharedUi.night.color.accentSoft,borderColor:_sharedUi.night.color.accentBorderStrong},editButton:{flexDirection:"row",alignItems:"center",gap:6,paddingVertical:8,paddingHorizontal:14,borderRadius:8,backgroundColor:_sharedUi.night.color.accent},editButtonText:{color:_sharedUi.night.color.onAccent,fontSize:12,fontWeight:"700"},actionChipText:{fontSize:11,fontWeight:"600",fontFamily:_sharedUi.monoFont},viewHistoryButton:{marginLeft:4},viewHistoryText:{fontSize:10,fontWeight:"600",fontFamily:_sharedUi.monoFont,color:_sharedUi.night.color.accent}});