@buoy-gg/shared-ui 7.0.40 → 7.0.42

package/lib/commonjs/dataViewer/TimestampDeltaBar.js

@@ -1,96 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TimestampDeltaBar = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * TimestampDeltaBar — reads out the timestamp pairs in a diff.
- *
- * Sits under the diff summary and translates `1787085897165 → 1787012175875`
- * into "20h 29m earlier", with both instants spelled out. The raw values stay
- * on the rows below: this annotates the diff, it never replaces it.
- *
- * Renders nothing when no side of the diff is confidently a timestamp — see
- * timestampDiff.ts for how narrow "confidently" is.
- */
-
-const TimestampDeltaBar = exports.TimestampDeltaBar = /*#__PURE__*/(0, _react.memo)(function TimestampDeltaBar({
-  deltas,
-  theme
-}) {
-  if (deltas.length === 0) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.container, {
-      backgroundColor: theme.summaryBackground,
-      borderTopColor: theme.borderColor
-    }],
-    children: deltas.map(delta => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.row,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.glyph, {
-          color: theme.summaryModifiedText
-        }],
-        children: "\u25F7"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.text,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.headline,
-          children: [delta.path ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: [styles.path, {
-              color: theme.lineNumberText
-            }],
-            children: [delta.path, " "]
-          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: {
-              color: theme.summaryModifiedText
-            },
-            children: delta.deltaLabel
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: [styles.instants, {
-            color: theme.lineNumberText
-          }],
-          children: [delta.fromLabel, " \u2192 ", delta.toLabel]
-        })]
-      })]
-    }, delta.path ?? "__value__"))
-  });
-});
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
-    paddingHorizontal: 10,
-    paddingVertical: 7,
-    gap: 6
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    gap: 7
-  },
-  glyph: {
-    fontSize: 12,
-    lineHeight: 15
-  },
-  text: {
-    flex: 1,
-    minWidth: 0
-  },
-  headline: {
-    fontSize: 12,
-    fontWeight: "600",
-    lineHeight: 15
-  },
-  path: {
-    fontWeight: "400"
-  },
-  instants: {
-    fontSize: 11,
-    marginTop: 1,
-    fontVariant: ["tabular-nums"]
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.TimestampDeltaBar=void 0;var _react=require("react");var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");const TimestampDeltaBar=exports.TimestampDeltaBar=(0,_react.memo)(function i({deltas:r,theme:e}){if(r.length===0)return null;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.container,{backgroundColor:e.summaryBackground,borderTopColor:e.borderColor}],children:r.map(t=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.row,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.glyph,{color:e.summaryModifiedText}],children:"\u25F7"}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.text,children:[(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.headline,children:[t.path?(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[styles.path,{color:e.lineNumberText}],children:[t.path," "]}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:e.summaryModifiedText},children:t.deltaLabel})]}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[styles.instants,{color:e.lineNumberText}],children:[t.fromLabel," \u2192 ",t.toLabel]})]})]},t.path??"__value__"))})});const styles=_reactNative.StyleSheet.create({container:{borderTopWidth:_reactNative.StyleSheet.hairlineWidth,paddingHorizontal:10,paddingVertical:7,gap:6},row:{flexDirection:"row",alignItems:"flex-start",gap:7},glyph:{fontSize:12,lineHeight:15},text:{flex:1,minWidth:0},headline:{fontSize:12,fontWeight:"600",lineHeight:15},path:{fontWeight:"400"},instants:{fontSize:11,marginTop:1,fontVariant:["tabular-nums"]}});

package/lib/commonjs/dataViewer/TypeLegend.js

@@ -1,111 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getTypeColor = exports.TypeLegend = void 0;
-var _reactNative = require("react-native");
-var _index = require("../ui/gameUI/index.js");
-var _jsxRuntime = require("react/jsx-runtime");
-// Type color mapping using centralized theme colors
-const getTypeColor = type => {
-  const colors = {
-    string: _index.macOSColors.dataTypes.string,
-    number: _index.macOSColors.dataTypes.number,
-    bigint: _index.macOSColors.semantic.debug,
-    // Purple for bigint
-    boolean: _index.macOSColors.dataTypes.boolean,
-    null: _index.macOSColors.dataTypes.null,
-    undefined: _index.macOSColors.dataTypes.undefined,
-    function: _index.macOSColors.dataTypes.function,
-    symbol: _index.macOSColors.semantic.error,
-    // Pink for symbols
-    date: _index.macOSColors.semantic.error,
-    // Pink for dates
-    error: _index.macOSColors.semantic.error,
-    // Red for errors
-    array: _index.macOSColors.dataTypes.array,
-    object: _index.macOSColors.dataTypes.object
-  };
-  return colors[type] || _index.macOSColors.text.secondary;
-};
-
-/**
- * TypeLegend component with filter functionality
- * Shows type badges that can be clicked to filter data by type
- *
- * Applied principles [[rule3]]:
- * - Decompose by Responsibility: Single purpose type filtering UI
- * - Extract Reusable Logic: Shared between Sentry logs and storage views
- */
-exports.getTypeColor = getTypeColor;
-const TypeLegend = ({
-  types,
-  activeFilter,
-  onFilterChange
-}) => {
-  if (types.length === 0) return null;
-  const handleTypeFilter = type => {
-    // Toggle filter: if already active, clear it; otherwise set it
-    onFilterChange(activeFilter === type ? null : type);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.typeLegend,
-    children: types.map(type => {
-      const color = getTypeColor(type);
-      const isActive = activeFilter === type;
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        "sentry-label": "ignore devtools type legend filter",
-        style: [styles.typeBadge, isActive && styles.typeBadgeActive, {
-          borderColor: isActive ? color : _index.macOSColors.text.primary + "1A"
-        }],
-        onPress: () => handleTypeFilter(type),
-        accessibilityLabel: `Filter by ${type} values`,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.typeColor, {
-            backgroundColor: color
-          }]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.typeName, isActive && {
-            color: color
-          }],
-          children: type
-        })]
-      }, type);
-    })
-  });
-};
-exports.TypeLegend = TypeLegend;
-const styles = _reactNative.StyleSheet.create({
-  typeLegend: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    paddingVertical: 3,
-    gap: 6,
-    width: "100%",
-    padding: 8
-  },
-  typeBadge: {
-    flexDirection: "row",
-    alignItems: "center",
-    backgroundColor: _index.macOSColors.background.hover,
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderRadius: 12,
-    borderWidth: 1
-  },
-  typeBadgeActive: {
-    backgroundColor: _index.macOSColors.background.input
-  },
-  typeColor: {
-    width: 8,
-    height: 8,
-    borderRadius: 4,
-    marginRight: 6
-  },
-  typeName: {
-    color: _index.macOSColors.text.secondary,
-    fontSize: 11,
-    fontWeight: "500"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.getTypeColor=exports.TypeLegend=void 0;var _reactNative=require("react-native");var _index=require("../ui/gameUI/index.js");var _jsxRuntime=require("react/jsx-runtime");const getTypeColor=r=>{const o={string:_index.macOSColors.dataTypes.string,number:_index.macOSColors.dataTypes.number,bigint:_index.macOSColors.semantic.debug,boolean:_index.macOSColors.dataTypes.boolean,null:_index.macOSColors.dataTypes.null,undefined:_index.macOSColors.dataTypes.undefined,function:_index.macOSColors.dataTypes.function,symbol:_index.macOSColors.semantic.error,date:_index.macOSColors.semantic.error,error:_index.macOSColors.semantic.error,array:_index.macOSColors.dataTypes.array,object:_index.macOSColors.dataTypes.object};return o[r]||_index.macOSColors.text.secondary};exports.getTypeColor=getTypeColor;const TypeLegend=({types:r,activeFilter:o,onFilterChange:n})=>{if(r.length===0)return null;const s=e=>{n(o===e?null:e)};return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.typeLegend,children:r.map(e=>{const t=getTypeColor(e);const a=o===e;return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{"sentry-label":"ignore devtools type legend filter",style:[styles.typeBadge,a&&styles.typeBadgeActive,{borderColor:a?t:_index.macOSColors.text.primary+"1A"}],onPress:()=>s(e),accessibilityLabel:`Filter by ${e} values`,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.typeColor,{backgroundColor:t}]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.typeName,a&&{color:t}],children:e})]},e)})})};exports.TypeLegend=TypeLegend;const styles=_reactNative.StyleSheet.create({typeLegend:{flexDirection:"row",flexWrap:"wrap",paddingVertical:3,gap:6,width:"100%",padding:8},typeBadge:{flexDirection:"row",alignItems:"center",backgroundColor:_index.macOSColors.background.hover,paddingHorizontal:8,paddingVertical:4,borderRadius:12,borderWidth:1},typeBadgeActive:{backgroundColor:_index.macOSColors.background.input},typeColor:{width:8,height:8,borderRadius:4,marginRight:6},typeName:{color:_index.macOSColors.text.secondary,fontSize:11,fontWeight:"500"}});

package/lib/commonjs/dataViewer/ValueEditModal.js

@@ -1,386 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ValueEditModal = ValueEditModal;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _absoluteFill = require("../utils/absoluteFill.js");
-var _index = require("../ui/gameUI/index.js");
-var _nightTheme = require("../ui/night/nightTheme.js");
-var _treeActions = require("./treeActions.js");
-var _fonts = require("../ui/fonts.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Editing one value: a panel at the top of the screen, with Cancel and Save.
- *
- * This started as a pushed full screen and that was more ceremony than the task
- * deserves — changing one string is the most ordinary thing in these tools, and
- * it shouldn't cost a navigation. A modal is what people expect, and the reason
- * it's pinned to the TOP rather than centred is the keyboard: a centred panel
- * gets shoved up or covered the moment the field focuses, and a bottom sheet is
- * simply underneath it. At the top it stays put and stays readable.
- *
- * The field is multiline for anything textual. Stored values are routinely
- * tokens, URLs and serialized blobs, and a single line shows you roughly forty
- * characters of them, scrolling sideways — which is how you edit the wrong part
- * of a string without noticing.
- *
- * Type is preserved by construction: the ORIGINAL value's type picks the editor
- * AND decides how the draft is read back, so editing a number can only produce
- * a number. Raw JSON — the escape hatch for containers — re-checks the parsed
- * result and refuses a different shape.
- *
- * Nothing here writes. `onSave` hands the value to whoever owns it.
- *
- * Hoisted from the Storage tool (which keeps its testIDs via `testIDPrefix`)
- * so the Zustand store editor types values through the same rules.
- */
-
-/**
- * How this value gets edited. Driven by the value's own type, which is also
- * what makes the result type-safe without asking the user to declare anything.
- */
-
-function modeFor(value) {
-  if (typeof value === "boolean") return "boolean";
-  if (typeof value === "number") return "number";
-  if (value !== null && typeof value === "object") return "raw";
-  return "text";
-}
-function initialText(value, mode) {
-  if (mode === "raw") return JSON.stringify(value, null, 2);
-  if (value === null || value === undefined) return "";
-  return String(value);
-}
-function hintFor(mode, type) {
-  switch (mode) {
-    case "number":
-      return "Numeric only — anything else is refused, so this stays a number.";
-    case "raw":
-      return `Raw JSON. Must stay ${type === "array" ? "an array" : "an object"} — a different shape is refused.`;
-    default:
-      return "Saves as a string. The type never changes here.";
-  }
-}
-function ValueEditModal({
-  path,
-  value,
-  onSave,
-  onCancel,
-  saveLabel = "Save",
-  busy = false,
-  testIDPrefix = "buoy-data-value"
-}) {
-  const mode = modeFor(value);
-  const type = (0, _treeActions.typeLabel)(value);
-  const [text, setText] = (0, _react.useState)(() => initialText(value, mode));
-
-  /**
-   * Advisory only — {@link commit} re-derives it, so a disabled button and a
-   * refused save can never disagree about what's valid.
-   */
-  const error = validate(text, mode, type);
-  const blocked = busy || error != null;
-  const commit = () => {
-    if (busy || validate(text, mode, type) != null) return;
-    onSave(parse(text, mode, value));
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.overlay,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      style: styles.scrim,
-      activeOpacity: 1,
-      onPress: busy ? undefined : onCancel,
-      testID: `${testIDPrefix}-scrim`,
-      accessibilityRole: "button",
-      accessibilityLabel: "Dismiss editor"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.panel,
-      pointerEvents: "box-none",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.card,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.headerRow,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.title,
-            children: "Edit value"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.typeBadge,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.typeBadgeText,
-              children: type
-            })
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.path,
-          numberOfLines: 1,
-          children: (0, _treeActions.breadcrumb)(path)
-        }), mode === "boolean" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(BooleanChoice, {
-          current: value === true,
-          onPick: onSave,
-          testIDPrefix: testIDPrefix
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-          style: styles.fieldScroll,
-          keyboardShouldPersistTaps: "handled",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-            testID: `${testIDPrefix}-input`,
-            accessibilityLabel: "Value",
-            value: text,
-            onChangeText: setText,
-            autoFocus: true,
-            autoCapitalize: "none",
-            autoCorrect: false,
-            spellCheck: false,
-            editable: !busy
-            // Multiline for anything textual: stored values are long more
-            // often than they're short, and a single line hides that.
-            ,
-            multiline: mode !== "number"
-            // ASCII for raw JSON, because iOS Smart Punctuation is ON by
-            // default and rewrites the quotes you type as curly ones —
-            // which makes the text unparseable, disables Save, and leaves
-            // an "invalid JSON" message whose cause is invisible at a
-            // glance. An ASCII keyboard doesn't do the substitution.
-            ,
-            keyboardType: mode === "number" ? "numeric" : mode === "raw" ? "ascii-capable" : "default",
-            onSubmitEditing: mode === "number" ? commit : undefined,
-            placeholder: mode === "raw" ? "{ }" : "value",
-            placeholderTextColor: _nightTheme.night.color.placeholder,
-            style: [styles.input, mode === "raw" && styles.inputRaw, mode !== "number" && styles.inputMultiline, error != null && styles.inputInvalid]
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: error != null ? styles.error : styles.hint,
-          children: error ?? hintFor(mode, type)
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.actions,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            onPress: onCancel,
-            disabled: busy,
-            testID: `${testIDPrefix}-cancel`,
-            accessibilityRole: "button",
-            accessibilityLabel: "Cancel edit",
-            style: styles.cancelButton,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.cancelText,
-              children: "Cancel"
-            })
-          }), mode === "boolean" ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            onPress: commit,
-            disabled: blocked,
-            testID: `${testIDPrefix}-save`,
-            accessibilityRole: "button",
-            accessibilityLabel: saveLabel,
-            style: [styles.saveButton, blocked && styles.saveDisabled],
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.saveText,
-              children: busy ? "Saving…" : saveLabel
-            })
-          })]
-        })]
-      })
-    })]
-  });
-}
-function BooleanChoice({
-  current,
-  onPick,
-  testIDPrefix
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.boolRow,
-    children: [true, false].map(option => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      onPress: () => onPick(option),
-      testID: `${testIDPrefix}-${option}`,
-      accessibilityRole: "button",
-      accessibilityLabel: `Set ${option}`,
-      style: [styles.boolButton, current === option && styles.boolActive],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.boolText, current === option && styles.boolTextActive],
-        children: String(option)
-      })
-    }, String(option)))
-  });
-}
-
-/** Null when the draft is applicable, else why it isn't. */
-function validate(text, mode, type) {
-  if (mode === "number") {
-    if (text.trim() === "") return "Enter a number.";
-    if (Number.isNaN(Number(text))) return `"${text}" isn't a number.`;
-    return null;
-  }
-  if (mode === "raw") {
-    let parsed;
-    try {
-      parsed = JSON.parse(text);
-    } catch (e) {
-      return e instanceof Error ? e.message : "Invalid JSON.";
-    }
-    if ((0, _treeActions.typeLabel)(parsed) !== type) {
-      return `Must stay ${type} — that parses as ${(0, _treeActions.typeLabel)(parsed)}.`;
-    }
-    return null;
-  }
-  return null;
-}
-function parse(text, mode, original) {
-  if (mode === "number") return Number(text);
-  if (mode === "raw") return JSON.parse(text);
-  // An emptied field on a null keeps it null rather than silently minting an
-  // empty string, which would change the type this promised to preserve.
-  if (original === null && text === "") return null;
-  return text;
-}
-const styles = _reactNative.StyleSheet.create({
-  overlay: {
-    ..._absoluteFill.absoluteFill,
-    zIndex: 20
-  },
-  scrim: {
-    ..._absoluteFill.absoluteFill,
-    backgroundColor: "rgba(0,0,0,0.55)"
-  },
-  /** Pinned to the top so the keyboard can't reach it. */
-  panel: {
-    padding: 12
-  },
-  card: {
-    backgroundColor: _nightTheme.night.color.surface,
-    borderRadius: 14,
-    borderWidth: 1,
-    borderColor: _nightTheme.night.color.border,
-    padding: 14,
-    gap: 8
-  },
-  headerRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  title: {
-    flex: 1,
-    color: _nightTheme.night.color.text,
-    fontSize: 14,
-    fontWeight: "700"
-  },
-  typeBadge: {
-    paddingHorizontal: 8,
-    paddingVertical: 2,
-    borderRadius: 6,
-    backgroundColor: _nightTheme.night.color.surfaceElevated
-  },
-  typeBadgeText: {
-    color: _index.macOSColors.semantic.warning,
-    fontSize: 10,
-    fontWeight: "700",
-    fontFamily: _fonts.monoFont
-  },
-  path: {
-    color: _nightTheme.night.color.textTertiary,
-    fontSize: 11,
-    fontFamily: _fonts.monoFont
-  },
-  /** Caps the panel's height so a huge blob can't push the buttons off-screen. */
-  fieldScroll: {
-    maxHeight: 240
-  },
-  input: {
-    color: _nightTheme.night.color.text,
-    backgroundColor: _nightTheme.night.color.surfaceElevated,
-    borderWidth: 1,
-    borderColor: _nightTheme.night.color.border,
-    borderRadius: 10,
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    fontSize: 14,
-    fontFamily: _fonts.monoFont
-  },
-  inputMultiline: {
-    minHeight: 110,
-    lineHeight: 20,
-    textAlignVertical: "top"
-  },
-  inputRaw: {
-    minHeight: 180,
-    fontSize: 12,
-    lineHeight: 18
-  },
-  inputInvalid: {
-    borderColor: _nightTheme.night.color.danger
-  },
-  hint: {
-    color: _nightTheme.night.color.textTertiary,
-    fontSize: 11,
-    lineHeight: 16
-  },
-  error: {
-    color: _nightTheme.night.color.danger,
-    fontSize: 11,
-    lineHeight: 16,
-    fontFamily: _fonts.monoFont
-  },
-  actions: {
-    flexDirection: "row",
-    gap: 8,
-    paddingTop: 2
-  },
-  cancelButton: {
-    flex: 1,
-    minHeight: 44,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: _nightTheme.night.color.border
-  },
-  cancelText: {
-    color: _nightTheme.night.color.textSecondary,
-    fontSize: 14,
-    fontWeight: "600"
-  },
-  saveButton: {
-    flex: 1.4,
-    minHeight: 44,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 10,
-    backgroundColor: _nightTheme.night.color.accent
-  },
-  saveDisabled: {
-    opacity: 0.35
-  },
-  saveText: {
-    color: _nightTheme.night.color.onAccent,
-    fontSize: 15,
-    fontWeight: "700"
-  },
-  boolRow: {
-    flexDirection: "row",
-    gap: 10
-  },
-  boolButton: {
-    flex: 1,
-    minHeight: 64,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: _nightTheme.night.color.border,
-    backgroundColor: _nightTheme.night.color.surfaceElevated
-  },
-  boolActive: {
-    borderColor: _index.macOSColors.semantic.warning,
-    backgroundColor: _index.macOSColors.semantic.warning + "18"
-  },
-  boolText: {
-    color: _nightTheme.night.color.textTertiary,
-    fontSize: 16,
-    fontWeight: "700",
-    fontFamily: _fonts.monoFont
-  },
-  boolTextActive: {
-    color: _index.macOSColors.semantic.warning
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ValueEditModal=ValueEditModal;var _react=require("react");var _reactNative=require("react-native");var _absoluteFill=require("../utils/absoluteFill.js");var _index=require("../ui/gameUI/index.js");var _nightTheme=require("../ui/night/nightTheme.js");var _treeActions=require("./treeActions.js");var _fonts=require("../ui/fonts.js");var _jsxRuntime=require("react/jsx-runtime");function modeFor(e){if(typeof e==="boolean")return"boolean";if(typeof e==="number")return"number";if(e!==null&&typeof e==="object")return"raw";return"text"}function initialText(e,t){if(t==="raw")return JSON.stringify(e,null,2);if(e===null||e===void 0)return"";return String(e)}function hintFor(e,t){switch(e){case"number":return"Numeric only \u2014 anything else is refused, so this stays a number.";case"raw":return`Raw JSON. Must stay ${t==="array"?"an array":"an object"} \u2014 a different shape is refused.`;default:return"Saves as a string. The type never changes here."}}function ValueEditModal({path:e,value:t,onSave:i,onCancel:r,saveLabel:l="Save",busy:o=false,testIDPrefix:a="buoy-data-value"}){const n=modeFor(t);const s=(0,_treeActions.typeLabel)(t);const[c,h]=(0,_react.useState)(()=>initialText(t,n));const u=validate(c,n,s);const d=o||u!=null;const b=()=>{if(o||validate(c,n,s)!=null)return;i(parse(c,n,t))};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.overlay,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.scrim,activeOpacity:1,onPress:o?void 0:r,testID:`${a}-scrim`,accessibilityRole:"button",accessibilityLabel:"Dismiss editor"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.panel,pointerEvents:"box-none",children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.card,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.headerRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.title,children:"Edit value"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.typeBadge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.typeBadgeText,children:s})})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.path,numberOfLines:1,children:(0,_treeActions.breadcrumb)(e)}),n==="boolean"?(0,_jsxRuntime.jsx)(BooleanChoice,{current:t===true,onPick:i,testIDPrefix:a}):(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{style:styles.fieldScroll,keyboardShouldPersistTaps:"handled",children:(0,_jsxRuntime.jsx)(_reactNative.TextInput,{testID:`${a}-input`,accessibilityLabel:"Value",value:c,onChangeText:h,autoFocus:true,autoCapitalize:"none",autoCorrect:false,spellCheck:false,editable:!o,multiline:n!=="number",keyboardType:n==="number"?"numeric":n==="raw"?"ascii-capable":"default",onSubmitEditing:n==="number"?b:void 0,placeholder:n==="raw"?"{ }":"value",placeholderTextColor:_nightTheme.night.color.placeholder,style:[styles.input,n==="raw"&&styles.inputRaw,n!=="number"&&styles.inputMultiline,u!=null&&styles.inputInvalid]})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:u!=null?styles.error:styles.hint,children:u??hintFor(n,s)}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actions,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:r,disabled:o,testID:`${a}-cancel`,accessibilityRole:"button",accessibilityLabel:"Cancel edit",style:styles.cancelButton,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.cancelText,children:"Cancel"})}),n==="boolean"?null:(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:b,disabled:d,testID:`${a}-save`,accessibilityRole:"button",accessibilityLabel:l,style:[styles.saveButton,d&&styles.saveDisabled],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.saveText,children:o?"Saving\u2026":l})})]})]})})]})}function BooleanChoice({current:e,onPick:t,testIDPrefix:i}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.boolRow,children:[true,false].map(r=>(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:()=>t(r),testID:`${i}-${r}`,accessibilityRole:"button",accessibilityLabel:`Set ${r}`,style:[styles.boolButton,e===r&&styles.boolActive],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.boolText,e===r&&styles.boolTextActive],children:String(r)})},String(r)))})}function validate(e,t,i){if(t==="number"){if(e.trim()==="")return"Enter a number.";if(Number.isNaN(Number(e)))return`"${e}" isn't a number.`;return null}if(t==="raw"){let r;try{r=JSON.parse(e)}catch(l){return l instanceof Error?l.message:"Invalid JSON."}if((0,_treeActions.typeLabel)(r)!==i){return`Must stay ${i} \u2014 that parses as ${(0,_treeActions.typeLabel)(r)}.`}return null}return null}function parse(e,t,i){if(t==="number")return Number(e);if(t==="raw")return JSON.parse(e);if(i===null&&e==="")return null;return e}const styles=_reactNative.StyleSheet.create({overlay:{..._absoluteFill.absoluteFill,zIndex:20},scrim:{..._absoluteFill.absoluteFill,backgroundColor:"rgba(0,0,0,0.55)"},panel:{padding:12},card:{backgroundColor:_nightTheme.night.color.surface,borderRadius:14,borderWidth:1,borderColor:_nightTheme.night.color.border,padding:14,gap:8},headerRow:{flexDirection:"row",alignItems:"center",gap:8},title:{flex:1,color:_nightTheme.night.color.text,fontSize:14,fontWeight:"700"},typeBadge:{paddingHorizontal:8,paddingVertical:2,borderRadius:6,backgroundColor:_nightTheme.night.color.surfaceElevated},typeBadgeText:{color:_index.macOSColors.semantic.warning,fontSize:10,fontWeight:"700",fontFamily:_fonts.monoFont},path:{color:_nightTheme.night.color.textTertiary,fontSize:11,fontFamily:_fonts.monoFont},fieldScroll:{maxHeight:240},input:{color:_nightTheme.night.color.text,backgroundColor:_nightTheme.night.color.surfaceElevated,borderWidth:1,borderColor:_nightTheme.night.color.border,borderRadius:10,paddingHorizontal:12,paddingVertical:10,fontSize:14,fontFamily:_fonts.monoFont},inputMultiline:{minHeight:110,lineHeight:20,textAlignVertical:"top"},inputRaw:{minHeight:180,fontSize:12,lineHeight:18},inputInvalid:{borderColor:_nightTheme.night.color.danger},hint:{color:_nightTheme.night.color.textTertiary,fontSize:11,lineHeight:16},error:{color:_nightTheme.night.color.danger,fontSize:11,lineHeight:16,fontFamily:_fonts.monoFont},actions:{flexDirection:"row",gap:8,paddingTop:2},cancelButton:{flex:1,minHeight:44,alignItems:"center",justifyContent:"center",borderRadius:10,borderWidth:1,borderColor:_nightTheme.night.color.border},cancelText:{color:_nightTheme.night.color.textSecondary,fontSize:14,fontWeight:"600"},saveButton:{flex:1.4,minHeight:44,alignItems:"center",justifyContent:"center",borderRadius:10,backgroundColor:_nightTheme.night.color.accent},saveDisabled:{opacity:.35},saveText:{color:_nightTheme.night.color.onAccent,fontSize:15,fontWeight:"700"},boolRow:{flexDirection:"row",gap:10},boolButton:{flex:1,minHeight:64,alignItems:"center",justifyContent:"center",borderRadius:12,borderWidth:1,borderColor:_nightTheme.night.color.border,backgroundColor:_nightTheme.night.color.surfaceElevated},boolActive:{borderColor:_index.macOSColors.semantic.warning,backgroundColor:_index.macOSColors.semantic.warning+"18"},boolText:{color:_nightTheme.night.color.textTertiary,fontSize:16,fontWeight:"700",fontFamily:_fonts.monoFont},boolTextActive:{color:_index.macOSColors.semantic.warning}});