@buoy-gg/time-machine 7.0.41 → 7.0.42

package/lib/module/components/list/SourcesStrip.js

@@ -1,169 +1 @@
-"use strict";
-
-/**
- * Sources — one settings row per source, each with a switch.
- *
- * The iOS Settings shape the rest of the tool uses, because that is what a
- * list of things you can turn on and off looks like: icon, name, a line of
- * status, and a switch at the trailing edge. Off means every capture and
- * restore leaves that source alone, for the store whose full replace the
- * app cannot survive.
- *
- * Only sources the app has wired are listed; a library the app does not use
- * is not a choice to make. Icons keep full brightness in every state. Under
- * each name is what the source holds, in plain words; a short state line
- * appears only when something is off or capture-only.
- */
-import { StyleSheet, Text, View } from "react-native";
-import { NightSwitch } from "@buoy-gg/shared-ui";
-import { Group } from "../../ui/primitives";
-import { tm } from "../../ui/tmTheme";
-import { sourceIcon } from "../sources";
-
-/**
- * What each source holds, in words for someone who has never heard of the
- * library. The library name is the row title; this line is the meaning.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DESCRIPTIONS = {
-  storage: "Settings, sign-in and other things saved on the device",
-  redux: "Data the whole app shares between screens",
-  zustand: "Data the whole app shares between screens",
-  jotai: "Small pieces of data screens share",
-  query: "Data the app loaded from the server",
-  route: "Which screen you were on"
-};
-function describe(source) {
-  return DESCRIPTIONS[source.id] ?? "App data";
-}
-
-/**
- * The short state under the description, when there is one worth saying.
- * "Working" is the default and needs no line.
- */
-function stateLine(source) {
-  if (!source.enabled) return {
-    text: "Off · left as it is",
-    tone: "off"
-  };
-  if (!source.canRestore) return {
-    text: "Can be saved but not put back",
-    tone: "warn"
-  };
-  return null;
-}
-function SourceRow({
-  source,
-  onToggle
-}) {
-  const Icon = sourceIcon(source.id);
-  const description = describe(source);
-  const state = stateLine(source);
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.row,
-    testID: `time-machine-source-${source.id}`,
-    accessibilityLabel: `${source.label}: ${description}${state ? `. ${state.text}` : ""}`,
-    children: [/*#__PURE__*/_jsx(View, {
-      style: styles.disc,
-      children: /*#__PURE__*/_jsx(Icon, {
-        size: 22,
-        bgColor: tm.color.disc
-      })
-    }), /*#__PURE__*/_jsxs(View, {
-      style: styles.text,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.label,
-        numberOfLines: 1,
-        testID: `time-machine-source-${source.id}-label`,
-        children: source.label
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.description,
-        numberOfLines: 2,
-        testID: `time-machine-source-${source.id}-description`,
-        children: description
-      }), state ? /*#__PURE__*/_jsx(Text, {
-        style: [styles.state, styles[`state_${state.tone}`]],
-        numberOfLines: 1,
-        testID: state.tone === "off" ? `time-machine-source-${source.id}-off` : `time-machine-source-${source.id}-detail`,
-        children: state.text
-      }) : null]
-    }), /*#__PURE__*/_jsx(View, {
-      testID: `time-machine-source-${source.id}-switch`,
-      children: /*#__PURE__*/_jsx(NightSwitch, {
-        value: source.enabled
-        // The desktop mirror shows the device's setting and cannot flip it.
-        ,
-        disabled: !onToggle,
-        onValueChange: next => onToggle?.(source.id, next)
-      })
-    })]
-  });
-}
-export function SourcesStrip({
-  sources,
-  onToggle
-}) {
-  // A source the app has not wired (no Redux Provider, no Zustand stores)
-  // is not listed: there is nothing to capture and nothing to switch off.
-  const wired = sources.filter(source => source.canCapture);
-  return /*#__PURE__*/_jsxs(Group, {
-    children: [wired.map(source => /*#__PURE__*/_jsx(SourceRow, {
-      source: source,
-      onToggle: onToggle
-    }, source.id)), wired.length === 0 ? /*#__PURE__*/_jsx(View, {
-      style: styles.row,
-      testID: "time-machine-sources-empty",
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.description,
-        children: "No state tools are set up in this app."
-      })
-    }) : null]
-  });
-}
-const styles = StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 12,
-    minHeight: tm.rowMinHeight,
-    paddingHorizontal: tm.textInset,
-    paddingVertical: 10
-  },
-  disc: {
-    width: 36,
-    height: 36,
-    borderRadius: tm.radius.pill,
-    backgroundColor: tm.color.disc,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  text: {
-    flex: 1,
-    minWidth: 0,
-    gap: 2
-  },
-  label: {
-    color: tm.color.label,
-    fontSize: tm.font.row,
-    fontWeight: "500",
-    letterSpacing: tm.tracking.row
-  },
-  description: {
-    fontSize: tm.font.footnote,
-    lineHeight: tm.font.footnote * 1.3,
-    color: tm.color.labelSecondary
-  },
-  state: {
-    fontSize: tm.font.mono,
-    lineHeight: tm.font.mono * 1.3,
-    fontWeight: "600",
-    marginTop: 1
-  },
-  state_off: {
-    color: tm.color.labelTertiary
-  },
-  state_warn: {
-    color: tm.color.warning
-  }
-});
-//# sourceMappingURL=SourcesStrip.js.map
+"use strict";import{StyleSheet as f,Text as c,View as s}from"react-native";import{NightSwitch as m}from"@buoy-gg/shared-ui";import{Group as p}from"../../ui/primitives";import{tm as t}from"../../ui/tmTheme";import{sourceIcon as u}from"../sources";import{jsx as i,jsxs as d}from"react/jsx-runtime";const g={storage:"Settings, sign-in and other things saved on the device",redux:"Data the whole app shares between screens",zustand:"Data the whole app shares between screens",jotai:"Small pieces of data screens share",query:"Data the app loaded from the server",route:"Which screen you were on"};function b(e){return g[e.id]??"App data"}function w(e){if(!e.enabled)return{text:"Off \xB7 left as it is",tone:"off"};if(!e.canRestore)return{text:"Can be saved but not put back",tone:"warn"};return null}function y({source:e,onToggle:a}){const l=u(e.id);const o=b(e);const r=w(e);return d(s,{style:n.row,testID:`time-machine-source-${e.id}`,accessibilityLabel:`${e.label}: ${o}${r?`. ${r.text}`:""}`,children:[i(s,{style:n.disc,children:i(l,{size:22,bgColor:t.color.disc})}),d(s,{style:n.text,children:[i(c,{style:n.label,numberOfLines:1,testID:`time-machine-source-${e.id}-label`,children:e.label}),i(c,{style:n.description,numberOfLines:2,testID:`time-machine-source-${e.id}-description`,children:o}),r?i(c,{style:[n.state,n[`state_${r.tone}`]],numberOfLines:1,testID:r.tone==="off"?`time-machine-source-${e.id}-off`:`time-machine-source-${e.id}-detail`,children:r.text}):null]}),i(s,{testID:`time-machine-source-${e.id}-switch`,children:i(m,{value:e.enabled,disabled:!a,onValueChange:h=>a?.(e.id,h)})})]})}export function SourcesStrip({sources:e,onToggle:a}){const l=e.filter(o=>o.canCapture);return d(p,{children:[l.map(o=>i(y,{source:o,onToggle:a},o.id)),l.length===0?i(s,{style:n.row,testID:"time-machine-sources-empty",children:i(c,{style:n.description,children:"No state tools are set up in this app."})}):null]})}const n=f.create({row:{flexDirection:"row",alignItems:"center",gap:12,minHeight:t.rowMinHeight,paddingHorizontal:t.textInset,paddingVertical:10},disc:{width:36,height:36,borderRadius:t.radius.pill,backgroundColor:t.color.disc,alignItems:"center",justifyContent:"center"},text:{flex:1,minWidth:0,gap:2},label:{color:t.color.label,fontSize:t.font.row,fontWeight:"500",letterSpacing:t.tracking.row},description:{fontSize:t.font.footnote,lineHeight:t.font.footnote*1.3,color:t.color.labelSecondary},state:{fontSize:t.font.mono,lineHeight:t.font.mono*1.3,fontWeight:"600",marginTop:1},state_off:{color:t.color.labelTertiary},state_warn:{color:t.color.warning}});

package/lib/module/components/list/UndoDeleteBar.js

@@ -1,82 +1 @@
-"use strict";
-
-/**
- * The way back from a swipe-delete.
- *
- * Swipe-then-tap is deliberate, which is why there's no confirmation dialog —
- * but deliberate and recoverable are different properties, and a restore
- * point can stand for state that took ten minutes and a cooperative backend
- * to build. The record is held in memory until this bar expires.
- */
-import { useEffect } from "react";
-import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { tm } from "../../ui/tmTheme";
-
-/** Long enough to notice and react, short enough not to linger. */
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-const WINDOW_MS = 8000;
-export function UndoDeleteBar({
-  name,
-  at,
-  onUndo,
-  onExpire
-}) {
-  useEffect(() => {
-    const timer = setTimeout(onExpire, WINDOW_MS);
-    return () => clearTimeout(timer);
-    // `at` keyed rather than `onExpire`: a new delete must restart the clock.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [at]);
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.bar,
-    testID: "time-machine-undo-bar",
-    children: [/*#__PURE__*/_jsxs(Text, {
-      style: styles.text,
-      numberOfLines: 1,
-      testID: "time-machine-undo-text",
-      children: ["Deleted \u201C", name, "\u201D"]
-    }), /*#__PURE__*/_jsx(TouchableOpacity, {
-      onPress: onUndo,
-      hitSlop: {
-        top: 10,
-        bottom: 10,
-        left: 10,
-        right: 10
-      },
-      accessibilityRole: "button",
-      testID: "time-machine-undo-delete",
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.undo,
-        children: "Undo"
-      })
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  bar: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 12,
-    marginHorizontal: tm.gutter,
-    marginTop: 12,
-    minHeight: 46,
-    paddingHorizontal: tm.textInset,
-    backgroundColor: tm.color.group,
-    borderRadius: tm.radius.group,
-    borderWidth: 1,
-    borderColor: tm.color.groupBorder
-  },
-  text: {
-    flex: 1,
-    color: tm.color.labelSecondary,
-    fontSize: tm.font.control,
-    letterSpacing: tm.tracking.control
-  },
-  undo: {
-    color: tm.color.accent,
-    fontSize: tm.font.control,
-    fontWeight: "600",
-    letterSpacing: tm.tracking.control
-  }
-});
-//# sourceMappingURL=UndoDeleteBar.js.map
+"use strict";import{useEffect as d}from"react";import{StyleSheet as m,Text as o,TouchableOpacity as u,View as g}from"react-native";import{tm as t}from"../../ui/tmTheme";import{jsxs as r,jsx as n}from"react/jsx-runtime";const f=8e3;export function UndoDeleteBar({name:i,at:c,onUndo:l,onExpire:s}){d(()=>{const a=setTimeout(s,f);return()=>clearTimeout(a)},[c]);return r(g,{style:e.bar,testID:"time-machine-undo-bar",children:[r(o,{style:e.text,numberOfLines:1,testID:"time-machine-undo-text",children:["Deleted \u201C",i,"\u201D"]}),n(u,{onPress:l,hitSlop:{top:10,bottom:10,left:10,right:10},accessibilityRole:"button",testID:"time-machine-undo-delete",children:n(o,{style:e.undo,children:"Undo"})})]})}const e=m.create({bar:{flexDirection:"row",alignItems:"center",gap:12,marginHorizontal:t.gutter,marginTop:12,minHeight:46,paddingHorizontal:t.textInset,backgroundColor:t.color.group,borderRadius:t.radius.group,borderWidth:1,borderColor:t.color.groupBorder},text:{flex:1,color:t.color.labelSecondary,fontSize:t.font.control,letterSpacing:t.tracking.control},undo:{color:t.color.accent,fontSize:t.font.control,fontWeight:"600",letterSpacing:t.tracking.control}});

package/lib/module/components/list/WipeAllRow.js

@@ -1,41 +1 @@
-"use strict";
-
-/**
- * "Wipe All App State…" — the destructive utility, deliberately last, alone
- * in its own card and with no icon competing for attention.
- */
-import { StyleSheet, Text, TouchableOpacity } from "react-native";
-import { tm } from "../../ui/tmTheme";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function WipeAllRow({
-  disabled,
-  onWipe
-}) {
-  return /*#__PURE__*/_jsx(TouchableOpacity, {
-    style: [styles.row, disabled ? styles.disabled : null],
-    onPress: onWipe,
-    disabled: disabled,
-    accessibilityRole: "button",
-    testID: "time-machine-wipe-all",
-    children: /*#__PURE__*/_jsx(Text, {
-      style: styles.label,
-      children: "Wipe All App State\u2026"
-    })
-  });
-}
-const styles = StyleSheet.create({
-  row: {
-    minHeight: tm.rowMinHeight,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  disabled: {
-    opacity: 0.4
-  },
-  label: {
-    color: tm.color.danger,
-    fontSize: tm.font.row,
-    letterSpacing: tm.tracking.row
-  }
-});
-//# sourceMappingURL=WipeAllRow.js.map
+"use strict";import{StyleSheet as r,Text as n,TouchableOpacity as s}from"react-native";import{tm as e}from"../../ui/tmTheme";import{jsx as l}from"react/jsx-runtime";export function WipeAllRow({disabled:i,onWipe:o}){return l(s,{style:[t.row,i?t.disabled:null],onPress:o,disabled:i,accessibilityRole:"button",testID:"time-machine-wipe-all",children:l(n,{style:t.label,children:"Wipe All App State\u2026"})})}const t=r.create({row:{minHeight:e.rowMinHeight,alignItems:"center",justifyContent:"center"},disabled:{opacity:.4},label:{color:e.color.danger,fontSize:e.font.row,letterSpacing:e.tracking.row}});

package/lib/module/components/preview/ItemDiffPanel.js

@@ -1,74 +1 @@
-"use strict";
-
-/**
- * One preview item's before/after, rendered INLINE under its row rather than
- * on a screen of its own — "what changed in this key" is a glance question,
- * and losing the list to answer it costs you the place you were reading.
- *
- * Split view only, with no view switcher. Side-by-side is the shape that
- * answers the question here ("what is it now, what will it become"), and
- * inside a list row the segmented control cost more vertical space than the
- * diff it was switching.
- *
- * The render-layer viewer only handles plain JSON faithfully, so both sides
- * pass through toDiffable (Dates→ISO, Maps→objects, BigInt→"1n", cycles→
- * "[Circular]") and the pair is memoized ONCE per item — the storage tool's
- * fix for the fresh-identity-every-render trap that redux/zustand still have.
- *
- * No scroller of its own: this sits inside the preview's FlatList, so the
- * viewer renders at natural height with `scrollEnabled={false}` (the storage
- * matched-pair contract).
- */
-import { useMemo } from "react";
-import { StyleSheet, Text, View } from "react-native";
-import { ABSENT_VALUE, ThemedSplitView, devToolsDefaultTheme, toDiffable } from "@buoy-gg/shared-ui/dataViewer";
-import { tm } from "../../ui/tmTheme";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-const EMPTY = [];
-export function ItemDiffPanel({
-  item,
-  testID
-}) {
-  // ABSENT_VALUE keeps added/removed reading as pure additions/removals
-  // instead of diffs against the literal "null".
-  const {
-    oldValue,
-    newValue
-  } = useMemo(() => ({
-    oldValue: item.verdict === "added" ? ABSENT_VALUE : toDiffable(item.oldValue),
-    newValue: item.verdict === "removed" ? ABSENT_VALUE : toDiffable(item.newValue)
-  }), [item]);
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.panel,
-    testID: testID,
-    children: [item.reason ? /*#__PURE__*/_jsxs(Text, {
-      style: styles.reason,
-      children: ["\u26A0 ", item.reason]
-    }) : null, /*#__PURE__*/_jsx(ThemedSplitView, {
-      oldValue: oldValue,
-      newValue: newValue,
-      differences: EMPTY,
-      theme: devToolsDefaultTheme,
-      scrollEnabled: false
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  // Same fill as the rows above it: this is part of the card, not a thing
-  // floating under it.
-  panel: {
-    // Only a token indent: the viewer lays values out at their natural width
-    // and a 51pt inset (matching the checkbox column) clipped long numbers.
-    paddingLeft: 16,
-    paddingRight: 12,
-    paddingTop: 10,
-    paddingBottom: 14,
-    gap: 10,
-    backgroundColor: tm.color.group
-  },
-  reason: {
-    color: tm.color.warning,
-    fontSize: tm.font.footnote
-  }
-});
-//# sourceMappingURL=ItemDiffPanel.js.map
+"use strict";import{useMemo as f}from"react";import{StyleSheet as i,Text as u,View as c}from"react-native";import{ABSENT_VALUE as l,ThemedSplitView as p,devToolsDefaultTheme as m,toDiffable as r}from"@buoy-gg/shared-ui/dataViewer";import{tm as o}from"../../ui/tmTheme";import{jsxs as n,jsx as V}from"react/jsx-runtime";const g=[];export function ItemDiffPanel({item:e,testID:a}){const{oldValue:s,newValue:d}=f(()=>({oldValue:e.verdict==="added"?l:r(e.oldValue),newValue:e.verdict==="removed"?l:r(e.newValue)}),[e]);return n(c,{style:t.panel,testID:a,children:[e.reason?n(u,{style:t.reason,children:["\u26A0 ",e.reason]}):null,V(p,{oldValue:s,newValue:d,differences:g,theme:m,scrollEnabled:false})]})}const t=i.create({panel:{paddingLeft:16,paddingRight:12,paddingTop:10,paddingBottom:14,gap:10,backgroundColor:o.color.group},reason:{color:o.color.warning,fontSize:o.font.footnote}});

package/lib/module/components/preview/PreviewFlow.js

@@ -1,46 +1 @@
-"use strict";
-
-/**
- * The preview screen, wired to the store — the restore leg (baseline
- * confirmation, the route prompt, landing back on the list) lives here so
- * RestorePreviewScreen stays presentation.
- *
- * Kept apart from the restore-point list so each screen mounts and unmounts
- * as a whole tree — the router in ../TimeMachineBody picks one, never swaps
- * branches inside a live tree. (Item diffs are NOT a screen: they expand
- * inline inside the preview's list.)
- */
-import { timeMachineStore } from "../../store/timeMachineStore";
-import { confirmDestructive } from "../confirm";
-import { RestorePreviewScreen } from "./RestorePreviewScreen";
-import { jsx as _jsx } from "react/jsx-runtime";
-function snapshotFor(ref, snapshots) {
-  return ref === "current" ? undefined : snapshots.find(s => s.id === ref.snapshotId);
-}
-export function PreviewScreen({
-  preview,
-  snapshots,
-  busy,
-  onClose
-}) {
-  const rightMeta = snapshotFor(preview.right, snapshots);
-  const restore = (mode, excludeKeys) => {
-    if (!rightMeta || busy) return;
-    if (rightMeta.baseline) {
-      confirmDestructive("Restore fresh install?", "This wipes all app storage and reloads the app.", "Wipe & reload", () => void timeMachineStore.restore(rightMeta.id, "reload"));
-      return;
-    }
-    // Land back on the list, where the outcome card reports the results —
-    // the preview's diff is stale the moment restore runs. Whether the route
-    // comes back is the restore point's own setting, toggled on its row.
-    void timeMachineStore.restore(rightMeta.id, mode, excludeKeys).then(onClose);
-  };
-  return /*#__PURE__*/_jsx(RestorePreviewScreen, {
-    preview: preview,
-    snapshots: snapshots,
-    busy: busy,
-    onBack: onClose,
-    onRestore: restore
-  });
-}
-//# sourceMappingURL=PreviewFlow.js.map
+"use strict";import{timeMachineStore as n}from"../../store/timeMachineStore";import{confirmDestructive as p}from"../confirm";import{RestorePreviewScreen as c}from"./RestorePreviewScreen";import{jsx as f}from"react/jsx-runtime";function m(e,r){return e==="current"?void 0:r.find(t=>t.id===e.snapshotId)}export function PreviewScreen({preview:e,snapshots:r,busy:t,onClose:i}){const o=m(e.right,r);const s=(a,d)=>{if(!o||t)return;if(o.baseline){p("Restore fresh install?","This wipes all app storage and reloads the app.","Wipe & reload",()=>void n.restore(o.id,"reload"));return}void n.restore(o.id,a,d).then(i)};return f(c,{preview:e,snapshots:r,busy:t,onBack:i,onRestore:s})}

package/lib/module/components/preview/RestorePointNameRow.js

@@ -1,78 +1 @@
-"use strict";
-
-/**
- * The restore point's name, editable in place.
- *
- * Renaming lives on the preview rather than behind a swipe on the list: the
- * list is for picking one, and you rarely know a name is wrong until you're
- * looking at what the point actually contains.
- *
- * Commits on blur as well as on return — tapping away from a field you have
- * just typed into should keep the typing. Finder and iOS both treat leaving
- * as accepting, and silently discarding an edit is the one outcome nobody
- * wants.
- */
-import { useEffect, useState } from "react";
-import { StyleSheet, Text, TextInput, View } from "react-native";
-import { tm } from "../../ui/tmTheme";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function RestorePointNameRow({
-  name,
-  onRename
-}) {
-  const [draft, setDraft] = useState(name);
-
-  // A rename from anywhere else (MCP, the desktop) should show up here.
-  useEffect(() => setDraft(name), [name]);
-  const commit = () => {
-    const trimmed = draft.trim();
-    if (!trimmed) {
-      setDraft(name); // an empty name would make the row unidentifiable
-      return;
-    }
-    if (trimmed !== name) onRename(trimmed);
-  };
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.row,
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.label,
-      children: "Name"
-    }), /*#__PURE__*/_jsx(TextInput, {
-      style: styles.input,
-      value: draft,
-      onChangeText: setDraft,
-      onSubmitEditing: commit,
-      onBlur: commit,
-      returnKeyType: "done",
-      selectTextOnFocus: true,
-      accessibilityLabel: "Restore point name",
-      testID: "tm-preview-name"
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 14,
-    minHeight: tm.rowMinHeight,
-    paddingHorizontal: tm.textInset
-  },
-  label: {
-    color: tm.color.labelSecondary,
-    fontSize: tm.font.row,
-    letterSpacing: tm.tracking.row
-  },
-  input: {
-    flex: 1,
-    minWidth: 0,
-    color: tm.color.label,
-    fontSize: tm.font.row,
-    fontWeight: "600",
-    letterSpacing: tm.tracking.row,
-    textAlign: "right",
-    padding: 0,
-    backgroundColor: "transparent"
-  }
-});
-//# sourceMappingURL=RestorePointNameRow.js.map
+"use strict";import{useEffect as c,useState as m}from"react";import{StyleSheet as f,Text as p,TextInput as g,View as u}from"react-native";import{tm as t}from"../../ui/tmTheme";import{jsx as s,jsxs as d}from"react/jsx-runtime";export function RestorePointNameRow({name:e,onRename:a}){const[n,o]=m(e);c(()=>o(e),[e]);const l=()=>{const r=n.trim();if(!r){o(e);return}if(r!==e)a(r)};return d(u,{style:i.row,children:[s(p,{style:i.label,children:"Name"}),s(g,{style:i.input,value:n,onChangeText:o,onSubmitEditing:l,onBlur:l,returnKeyType:"done",selectTextOnFocus:true,accessibilityLabel:"Restore point name",testID:"tm-preview-name"})]})}const i=f.create({row:{flexDirection:"row",alignItems:"center",gap:14,minHeight:t.rowMinHeight,paddingHorizontal:t.textInset},label:{color:t.color.labelSecondary,fontSize:t.font.row,letterSpacing:t.tracking.row},input:{flex:1,minWidth:0,color:t.color.label,fontSize:t.font.row,fontWeight:"600",letterSpacing:t.tracking.row,textAlign:"right",padding:0,backgroundColor:"transparent"}});