@buoy-gg/shared-ui 7.0.40 → 7.0.42

package/lib/module/dataViewer/TimestampDeltaBar.js

@@ -1,91 +1 @@
-"use strict";
-
-/**
- * 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.
- */
-import { memo } from "react";
-import { View, Text, StyleSheet } from "react-native";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const TimestampDeltaBar = /*#__PURE__*/memo(function TimestampDeltaBar({
-  deltas,
-  theme
-}) {
-  if (deltas.length === 0) return null;
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.container, {
-      backgroundColor: theme.summaryBackground,
-      borderTopColor: theme.borderColor
-    }],
-    children: deltas.map(delta => /*#__PURE__*/_jsxs(View, {
-      style: styles.row,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: [styles.glyph, {
-          color: theme.summaryModifiedText
-        }],
-        children: "\u25F7"
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.text,
-        children: [/*#__PURE__*/_jsxs(Text, {
-          style: styles.headline,
-          children: [delta.path ? /*#__PURE__*/_jsxs(Text, {
-            style: [styles.path, {
-              color: theme.lineNumberText
-            }],
-            children: [delta.path, " "]
-          }) : null, /*#__PURE__*/_jsx(Text, {
-            style: {
-              color: theme.summaryModifiedText
-            },
-            children: delta.deltaLabel
-          })]
-        }), /*#__PURE__*/_jsxs(Text, {
-          style: [styles.instants, {
-            color: theme.lineNumberText
-          }],
-          children: [delta.fromLabel, " \u2192 ", delta.toLabel]
-        })]
-      })]
-    }, delta.path ?? "__value__"))
-  });
-});
-const styles = StyleSheet.create({
-  container: {
-    borderTopWidth: 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";import{memo as c}from"react";import{View as n,Text as i,StyleSheet as s}from"react-native";import{jsx as l,jsxs as o}from"react/jsx-runtime";export const TimestampDeltaBar=c(function h({deltas:a,theme:t}){if(a.length===0)return null;return l(n,{style:[e.container,{backgroundColor:t.summaryBackground,borderTopColor:t.borderColor}],children:a.map(r=>o(n,{style:e.row,children:[l(i,{style:[e.glyph,{color:t.summaryModifiedText}],children:"\u25F7"}),o(n,{style:e.text,children:[o(i,{style:e.headline,children:[r.path?o(i,{style:[e.path,{color:t.lineNumberText}],children:[r.path," "]}):null,l(i,{style:{color:t.summaryModifiedText},children:r.deltaLabel})]}),o(i,{style:[e.instants,{color:t.lineNumberText}],children:[r.fromLabel," \u2192 ",r.toLabel]})]})]},r.path??"__value__"))})});const e=s.create({container:{borderTopWidth:s.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/module/dataViewer/TypeLegend.js

@@ -1,105 +1 @@
-"use strict";
-
-import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
-import { macOSColors } from "../ui/gameUI/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Type color mapping using centralized theme colors
-export const getTypeColor = type => {
-  const colors = {
-    string: macOSColors.dataTypes.string,
-    number: macOSColors.dataTypes.number,
-    bigint: macOSColors.semantic.debug,
-    // Purple for bigint
-    boolean: macOSColors.dataTypes.boolean,
-    null: macOSColors.dataTypes.null,
-    undefined: macOSColors.dataTypes.undefined,
-    function: macOSColors.dataTypes.function,
-    symbol: macOSColors.semantic.error,
-    // Pink for symbols
-    date: macOSColors.semantic.error,
-    // Pink for dates
-    error: macOSColors.semantic.error,
-    // Red for errors
-    array: macOSColors.dataTypes.array,
-    object: macOSColors.dataTypes.object
-  };
-  return colors[type] || 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
- */
-export 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__*/_jsx(View, {
-    style: styles.typeLegend,
-    children: types.map(type => {
-      const color = getTypeColor(type);
-      const isActive = activeFilter === type;
-      return /*#__PURE__*/_jsxs(TouchableOpacity, {
-        "sentry-label": "ignore devtools type legend filter",
-        style: [styles.typeBadge, isActive && styles.typeBadgeActive, {
-          borderColor: isActive ? color : macOSColors.text.primary + "1A"
-        }],
-        onPress: () => handleTypeFilter(type),
-        accessibilityLabel: `Filter by ${type} values`,
-        children: [/*#__PURE__*/_jsx(View, {
-          style: [styles.typeColor, {
-            backgroundColor: color
-          }]
-        }), /*#__PURE__*/_jsx(Text, {
-          style: [styles.typeName, isActive && {
-            color: color
-          }],
-          children: type
-        })]
-      }, type);
-    })
-  });
-};
-const styles = StyleSheet.create({
-  typeLegend: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    paddingVertical: 3,
-    gap: 6,
-    width: "100%",
-    padding: 8
-  },
-  typeBadge: {
-    flexDirection: "row",
-    alignItems: "center",
-    backgroundColor: macOSColors.background.hover,
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderRadius: 12,
-    borderWidth: 1
-  },
-  typeBadgeActive: {
-    backgroundColor: macOSColors.background.input
-  },
-  typeColor: {
-    width: 8,
-    height: 8,
-    borderRadius: 4,
-    marginRight: 6
-  },
-  typeName: {
-    color: macOSColors.text.secondary,
-    fontSize: 11,
-    fontWeight: "500"
-  }
-});
+"use strict";import{View as d,Text as p,TouchableOpacity as y,StyleSheet as g}from"react-native";import{macOSColors as e}from"../ui/gameUI/index.js";import{jsx as s,jsxs as u}from"react/jsx-runtime";export const getTypeColor=o=>{const a={string:e.dataTypes.string,number:e.dataTypes.number,bigint:e.semantic.debug,boolean:e.dataTypes.boolean,null:e.dataTypes.null,undefined:e.dataTypes.undefined,function:e.dataTypes.function,symbol:e.semantic.error,date:e.semantic.error,error:e.semantic.error,array:e.dataTypes.array,object:e.dataTypes.object};return a[o]||e.text.secondary};export const TypeLegend=({types:o,activeFilter:a,onFilterChange:l})=>{if(o.length===0)return null;const c=r=>{l(a===r?null:r)};return s(d,{style:t.typeLegend,children:o.map(r=>{const n=getTypeColor(r);const i=a===r;return u(y,{"sentry-label":"ignore devtools type legend filter",style:[t.typeBadge,i&&t.typeBadgeActive,{borderColor:i?n:e.text.primary+"1A"}],onPress:()=>c(r),accessibilityLabel:`Filter by ${r} values`,children:[s(d,{style:[t.typeColor,{backgroundColor:n}]}),s(p,{style:[t.typeName,i&&{color:n}],children:r})]},r)})})};const t=g.create({typeLegend:{flexDirection:"row",flexWrap:"wrap",paddingVertical:3,gap:6,width:"100%",padding:8},typeBadge:{flexDirection:"row",alignItems:"center",backgroundColor:e.background.hover,paddingHorizontal:8,paddingVertical:4,borderRadius:12,borderWidth:1},typeBadgeActive:{backgroundColor:e.background.input},typeColor:{width:8,height:8,borderRadius:4,marginRight:6},typeName:{color:e.text.secondary,fontSize:11,fontWeight:"500"}});

package/lib/module/dataViewer/ValueEditModal.js

@@ -1,382 +1 @@
-"use strict";
-
-/**
- * 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.
- */
-
-import { useState } from "react";
-import { ScrollView, StyleSheet, Text, TextInput, TouchableOpacity, View } from "react-native";
-import { absoluteFill } from "../utils/absoluteFill.js";
-import { macOSColors } from "../ui/gameUI/index.js";
-import { night } from "../ui/night/nightTheme.js";
-import { breadcrumb, typeLabel } from "./treeActions.js";
-import { monoFont } from "../ui/fonts.js";
-
-/**
- * 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.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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.";
-  }
-}
-export function ValueEditModal({
-  path,
-  value,
-  onSave,
-  onCancel,
-  saveLabel = "Save",
-  busy = false,
-  testIDPrefix = "buoy-data-value"
-}) {
-  const mode = modeFor(value);
-  const type = typeLabel(value);
-  const [text, setText] = 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__*/_jsxs(View, {
-    style: styles.overlay,
-    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-      style: styles.scrim,
-      activeOpacity: 1,
-      onPress: busy ? undefined : onCancel,
-      testID: `${testIDPrefix}-scrim`,
-      accessibilityRole: "button",
-      accessibilityLabel: "Dismiss editor"
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.panel,
-      pointerEvents: "box-none",
-      children: /*#__PURE__*/_jsxs(View, {
-        style: styles.card,
-        children: [/*#__PURE__*/_jsxs(View, {
-          style: styles.headerRow,
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: styles.title,
-            children: "Edit value"
-          }), /*#__PURE__*/_jsx(View, {
-            style: styles.typeBadge,
-            children: /*#__PURE__*/_jsx(Text, {
-              style: styles.typeBadgeText,
-              children: type
-            })
-          })]
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.path,
-          numberOfLines: 1,
-          children: breadcrumb(path)
-        }), mode === "boolean" ? /*#__PURE__*/_jsx(BooleanChoice, {
-          current: value === true,
-          onPick: onSave,
-          testIDPrefix: testIDPrefix
-        }) : /*#__PURE__*/_jsx(ScrollView, {
-          style: styles.fieldScroll,
-          keyboardShouldPersistTaps: "handled",
-          children: /*#__PURE__*/_jsx(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: night.color.placeholder,
-            style: [styles.input, mode === "raw" && styles.inputRaw, mode !== "number" && styles.inputMultiline, error != null && styles.inputInvalid]
-          })
-        }), /*#__PURE__*/_jsx(Text, {
-          style: error != null ? styles.error : styles.hint,
-          children: error ?? hintFor(mode, type)
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.actions,
-          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-            onPress: onCancel,
-            disabled: busy,
-            testID: `${testIDPrefix}-cancel`,
-            accessibilityRole: "button",
-            accessibilityLabel: "Cancel edit",
-            style: styles.cancelButton,
-            children: /*#__PURE__*/_jsx(Text, {
-              style: styles.cancelText,
-              children: "Cancel"
-            })
-          }), mode === "boolean" ? null : /*#__PURE__*/_jsx(TouchableOpacity, {
-            onPress: commit,
-            disabled: blocked,
-            testID: `${testIDPrefix}-save`,
-            accessibilityRole: "button",
-            accessibilityLabel: saveLabel,
-            style: [styles.saveButton, blocked && styles.saveDisabled],
-            children: /*#__PURE__*/_jsx(Text, {
-              style: styles.saveText,
-              children: busy ? "Saving…" : saveLabel
-            })
-          })]
-        })]
-      })
-    })]
-  });
-}
-function BooleanChoice({
-  current,
-  onPick,
-  testIDPrefix
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.boolRow,
-    children: [true, false].map(option => /*#__PURE__*/_jsx(TouchableOpacity, {
-      onPress: () => onPick(option),
-      testID: `${testIDPrefix}-${option}`,
-      accessibilityRole: "button",
-      accessibilityLabel: `Set ${option}`,
-      style: [styles.boolButton, current === option && styles.boolActive],
-      children: /*#__PURE__*/_jsx(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 (typeLabel(parsed) !== type) {
-      return `Must stay ${type} — that parses as ${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 = StyleSheet.create({
-  overlay: {
-    ...absoluteFill,
-    zIndex: 20
-  },
-  scrim: {
-    ...absoluteFill,
-    backgroundColor: "rgba(0,0,0,0.55)"
-  },
-  /** Pinned to the top so the keyboard can't reach it. */
-  panel: {
-    padding: 12
-  },
-  card: {
-    backgroundColor: night.color.surface,
-    borderRadius: 14,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    padding: 14,
-    gap: 8
-  },
-  headerRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  title: {
-    flex: 1,
-    color: night.color.text,
-    fontSize: 14,
-    fontWeight: "700"
-  },
-  typeBadge: {
-    paddingHorizontal: 8,
-    paddingVertical: 2,
-    borderRadius: 6,
-    backgroundColor: night.color.surfaceElevated
-  },
-  typeBadgeText: {
-    color: macOSColors.semantic.warning,
-    fontSize: 10,
-    fontWeight: "700",
-    fontFamily: monoFont
-  },
-  path: {
-    color: night.color.textTertiary,
-    fontSize: 11,
-    fontFamily: monoFont
-  },
-  /** Caps the panel's height so a huge blob can't push the buttons off-screen. */
-  fieldScroll: {
-    maxHeight: 240
-  },
-  input: {
-    color: night.color.text,
-    backgroundColor: night.color.surfaceElevated,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    borderRadius: 10,
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    fontSize: 14,
-    fontFamily: monoFont
-  },
-  inputMultiline: {
-    minHeight: 110,
-    lineHeight: 20,
-    textAlignVertical: "top"
-  },
-  inputRaw: {
-    minHeight: 180,
-    fontSize: 12,
-    lineHeight: 18
-  },
-  inputInvalid: {
-    borderColor: night.color.danger
-  },
-  hint: {
-    color: night.color.textTertiary,
-    fontSize: 11,
-    lineHeight: 16
-  },
-  error: {
-    color: night.color.danger,
-    fontSize: 11,
-    lineHeight: 16,
-    fontFamily: monoFont
-  },
-  actions: {
-    flexDirection: "row",
-    gap: 8,
-    paddingTop: 2
-  },
-  cancelButton: {
-    flex: 1,
-    minHeight: 44,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: night.color.border
-  },
-  cancelText: {
-    color: night.color.textSecondary,
-    fontSize: 14,
-    fontWeight: "600"
-  },
-  saveButton: {
-    flex: 1.4,
-    minHeight: 44,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 10,
-    backgroundColor: night.color.accent
-  },
-  saveDisabled: {
-    opacity: 0.35
-  },
-  saveText: {
-    color: 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: night.color.border,
-    backgroundColor: night.color.surfaceElevated
-  },
-  boolActive: {
-    borderColor: macOSColors.semantic.warning,
-    backgroundColor: macOSColors.semantic.warning + "18"
-  },
-  boolText: {
-    color: night.color.textTertiary,
-    fontSize: 16,
-    fontWeight: "700",
-    fontFamily: monoFont
-  },
-  boolTextActive: {
-    color: macOSColors.semantic.warning
-  }
-});
+"use strict";import{useState as z}from"react";import{ScrollView as k,StyleSheet as H,Text as c,TextInput as B,TouchableOpacity as g,View as s}from"react-native";import{absoluteFill as T}from"../utils/absoluteFill.js";import{macOSColors as p}from"../ui/gameUI/index.js";import{night as t}from"../ui/night/nightTheme.js";import{breadcrumb as I,typeLabel as S}from"./treeActions.js";import{monoFont as f}from"../ui/fonts.js";import{jsx as n,jsxs as x}from"react/jsx-runtime";function N(r){if(typeof r==="boolean")return"boolean";if(typeof r==="number")return"number";if(r!==null&&typeof r==="object")return"raw";return"text"}function $(r,o){if(o==="raw")return JSON.stringify(r,null,2);if(r===null||r===void 0)return"";return String(r)}function F(r,o){switch(r){case"number":return"Numeric only \u2014 anything else is refused, so this stays a number.";case"raw":return`Raw JSON. Must stay ${o==="array"?"an array":"an object"} \u2014 a different shape is refused.`;default:return"Saves as a string. The type never changes here."}}export function ValueEditModal({path:r,value:o,onSave:a,onCancel:i,saveLabel:u="Save",busy:d=false,testIDPrefix:b="buoy-data-value"}){const l=N(o);const m=S(o);const[y,R]=z(()=>$(o,l));const h=v(y,l,m);const w=d||h!=null;const C=()=>{if(d||v(y,l,m)!=null)return;a(E(y,l,o))};return x(s,{style:e.overlay,children:[n(g,{style:e.scrim,activeOpacity:1,onPress:d?void 0:i,testID:`${b}-scrim`,accessibilityRole:"button",accessibilityLabel:"Dismiss editor"}),n(s,{style:e.panel,pointerEvents:"box-none",children:x(s,{style:e.card,children:[x(s,{style:e.headerRow,children:[n(c,{style:e.title,children:"Edit value"}),n(s,{style:e.typeBadge,children:n(c,{style:e.typeBadgeText,children:m})})]}),n(c,{style:e.path,numberOfLines:1,children:I(r)}),l==="boolean"?n(j,{current:o===true,onPick:a,testIDPrefix:b}):n(k,{style:e.fieldScroll,keyboardShouldPersistTaps:"handled",children:n(B,{testID:`${b}-input`,accessibilityLabel:"Value",value:y,onChangeText:R,autoFocus:true,autoCapitalize:"none",autoCorrect:false,spellCheck:false,editable:!d,multiline:l!=="number",keyboardType:l==="number"?"numeric":l==="raw"?"ascii-capable":"default",onSubmitEditing:l==="number"?C:void 0,placeholder:l==="raw"?"{ }":"value",placeholderTextColor:t.color.placeholder,style:[e.input,l==="raw"&&e.inputRaw,l!=="number"&&e.inputMultiline,h!=null&&e.inputInvalid]})}),n(c,{style:h!=null?e.error:e.hint,children:h??F(l,m)}),x(s,{style:e.actions,children:[n(g,{onPress:i,disabled:d,testID:`${b}-cancel`,accessibilityRole:"button",accessibilityLabel:"Cancel edit",style:e.cancelButton,children:n(c,{style:e.cancelText,children:"Cancel"})}),l==="boolean"?null:n(g,{onPress:C,disabled:w,testID:`${b}-save`,accessibilityRole:"button",accessibilityLabel:u,style:[e.saveButton,w&&e.saveDisabled],children:n(c,{style:e.saveText,children:d?"Saving\u2026":u})})]})]})})]})}function j({current:r,onPick:o,testIDPrefix:a}){return n(s,{style:e.boolRow,children:[true,false].map(i=>n(g,{onPress:()=>o(i),testID:`${a}-${i}`,accessibilityRole:"button",accessibilityLabel:`Set ${i}`,style:[e.boolButton,r===i&&e.boolActive],children:n(c,{style:[e.boolText,r===i&&e.boolTextActive],children:String(i)})},String(i)))})}function v(r,o,a){if(o==="number"){if(r.trim()==="")return"Enter a number.";if(Number.isNaN(Number(r)))return`"${r}" isn't a number.`;return null}if(o==="raw"){let i;try{i=JSON.parse(r)}catch(u){return u instanceof Error?u.message:"Invalid JSON."}if(S(i)!==a){return`Must stay ${a} \u2014 that parses as ${S(i)}.`}return null}return null}function E(r,o,a){if(o==="number")return Number(r);if(o==="raw")return JSON.parse(r);if(a===null&&r==="")return null;return r}const e=H.create({overlay:{...T,zIndex:20},scrim:{...T,backgroundColor:"rgba(0,0,0,0.55)"},panel:{padding:12},card:{backgroundColor:t.color.surface,borderRadius:14,borderWidth:1,borderColor:t.color.border,padding:14,gap:8},headerRow:{flexDirection:"row",alignItems:"center",gap:8},title:{flex:1,color:t.color.text,fontSize:14,fontWeight:"700"},typeBadge:{paddingHorizontal:8,paddingVertical:2,borderRadius:6,backgroundColor:t.color.surfaceElevated},typeBadgeText:{color:p.semantic.warning,fontSize:10,fontWeight:"700",fontFamily:f},path:{color:t.color.textTertiary,fontSize:11,fontFamily:f},fieldScroll:{maxHeight:240},input:{color:t.color.text,backgroundColor:t.color.surfaceElevated,borderWidth:1,borderColor:t.color.border,borderRadius:10,paddingHorizontal:12,paddingVertical:10,fontSize:14,fontFamily:f},inputMultiline:{minHeight:110,lineHeight:20,textAlignVertical:"top"},inputRaw:{minHeight:180,fontSize:12,lineHeight:18},inputInvalid:{borderColor:t.color.danger},hint:{color:t.color.textTertiary,fontSize:11,lineHeight:16},error:{color:t.color.danger,fontSize:11,lineHeight:16,fontFamily:f},actions:{flexDirection:"row",gap:8,paddingTop:2},cancelButton:{flex:1,minHeight:44,alignItems:"center",justifyContent:"center",borderRadius:10,borderWidth:1,borderColor:t.color.border},cancelText:{color:t.color.textSecondary,fontSize:14,fontWeight:"600"},saveButton:{flex:1.4,minHeight:44,alignItems:"center",justifyContent:"center",borderRadius:10,backgroundColor:t.color.accent},saveDisabled:{opacity:.35},saveText:{color:t.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:t.color.border,backgroundColor:t.color.surfaceElevated},boolActive:{borderColor:p.semantic.warning,backgroundColor:p.semantic.warning+"18"},boolText:{color:t.color.textTertiary,fontSize:16,fontWeight:"700",fontFamily:f},boolTextActive:{color:p.semantic.warning}});