@buoy-gg/ask-buoy 7.0.36 → 7.0.38

package/lib/module/blocks/ChromePrototypes.js

@@ -1,503 +1 @@
-"use strict";
-
-/**
- * Conversation chrome from the survey — NOT blocks. Prototypes for the review
- * page so each can be judged before it is wired into the real transcript:
- * message actions, a reasoning strip, elapsed time on a running step, a
- * queued-message composer state, timestamps + a reload divider, and an
- * editable user bubble with a branch affordance.
- */
-import { useEffect, useState } from "react";
-import { ActivityIndicator, Pressable, StyleSheet, Text, TextInput, View } from "react-native";
-import { ChevronDown, ChevronRight, Copy, night, RefreshCw } from "@buoy-gg/shared-ui";
-import { useBlockHandlers } from "./context";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function IconButton({
-  label,
-  onPress,
-  children
-}) {
-  return /*#__PURE__*/_jsx(Pressable, {
-    onPress: onPress,
-    accessibilityRole: "button",
-    accessibilityLabel: label,
-    style: ({
-      pressed
-    }) => [styles.iconBtn, pressed && styles.pressed],
-    children: children
-  });
-}
-
-/** Copy · Retry · 👍 👎 · Share, under an assistant message. */
-export function MessageActions({
-  id = "chrome-actions"
-}) {
-  const h = useBlockHandlers();
-  const [vote, setVote] = useState(null);
-  const fire = label => void h.runAction({
-    label,
-    send: `__chrome__:${label}`
-  }, id);
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.actions,
-    testID: "chrome-message-actions",
-    children: [/*#__PURE__*/_jsx(IconButton, {
-      label: "Copy",
-      onPress: () => fire("copy"),
-      children: /*#__PURE__*/_jsx(Copy, {
-        size: 13,
-        color: night.color.textSecondary
-      })
-    }), /*#__PURE__*/_jsx(IconButton, {
-      label: "Retry",
-      onPress: () => fire("retry"),
-      children: /*#__PURE__*/_jsx(RefreshCw, {
-        size: 13,
-        color: night.color.textSecondary
-      })
-    }), /*#__PURE__*/_jsx(IconButton, {
-      label: "Good answer",
-      onPress: () => {
-        setVote("up");
-        fire("thumbs up");
-      },
-      children: /*#__PURE__*/_jsx(Text, {
-        style: [styles.glyph, vote === "up" && styles.glyphOn],
-        children: "\uD83D\uDC4D"
-      })
-    }), /*#__PURE__*/_jsx(IconButton, {
-      label: "Bad answer",
-      onPress: () => {
-        setVote("down");
-        fire("thumbs down");
-      },
-      children: /*#__PURE__*/_jsx(Text, {
-        style: [styles.glyph, vote === "down" && styles.glyphOn],
-        children: "\uD83D\uDC4E"
-      })
-    }), /*#__PURE__*/_jsx(IconButton, {
-      label: "Export",
-      onPress: () => fire("export transcript"),
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.textBtn,
-        children: "Export"
-      })
-    })]
-  });
-}
-
-/** Collapsible "what I'm doing / what I thought" strip. */
-export function ReasoningStrip({
-  text,
-  live
-}) {
-  const [open, setOpen] = useState(false);
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.reasoning,
-    testID: "chrome-reasoning",
-    children: [/*#__PURE__*/_jsxs(Pressable, {
-      onPress: () => setOpen(v => !v),
-      style: styles.reasoningHead,
-      accessibilityRole: "button",
-      accessibilityState: {
-        expanded: open
-      },
-      children: [live ? /*#__PURE__*/_jsx(ActivityIndicator, {
-        size: "small",
-        color: night.color.textTertiary
-      }) : null, /*#__PURE__*/_jsx(Text, {
-        style: styles.reasoningTitle,
-        children: live ? "Working it out…" : "How I got here"
-      }), open ? /*#__PURE__*/_jsx(ChevronDown, {
-        size: 12,
-        color: night.color.textTertiary
-      }) : /*#__PURE__*/_jsx(ChevronRight, {
-        size: 12,
-        color: night.color.textTertiary
-      })]
-    }), open ? /*#__PURE__*/_jsx(Text, {
-      style: styles.reasoningBody,
-      children: text
-    }) : null]
-  });
-}
-
-/** A running activity row with elapsed time. */
-export function ElapsedRow({
-  label
-}) {
-  const [ms, setMs] = useState(0);
-  useEffect(() => {
-    const t = setInterval(() => setMs(m => m + 250), 250);
-    return () => clearInterval(t);
-  }, []);
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.elapsed,
-    testID: "chrome-elapsed",
-    children: [/*#__PURE__*/_jsx(ActivityIndicator, {
-      size: "small",
-      color: night.color.textSecondary
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.elapsedLabel,
-      children: label
-    }), /*#__PURE__*/_jsxs(Text, {
-      style: styles.elapsedMs,
-      children: [(ms / 1000).toFixed(1), "s"]
-    })]
-  });
-}
-
-/** Composer while the agent is busy: type now, it sends when the turn ends. */
-export function QueuedComposer() {
-  const [text, setText] = useState("");
-  const [queued, setQueued] = useState(null);
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.composerWrap,
-    testID: "chrome-queue",
-    children: [queued ? /*#__PURE__*/_jsxs(View, {
-      style: styles.queuedRow,
-      children: [/*#__PURE__*/_jsxs(Text, {
-        style: styles.queuedText,
-        numberOfLines: 1,
-        children: ["Queued: \"", queued, "\""]
-      }), /*#__PURE__*/_jsx(Pressable, {
-        onPress: () => setQueued(null),
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.queuedCancel,
-          children: "Cancel"
-        })
-      })]
-    }) : null, /*#__PURE__*/_jsxs(View, {
-      style: styles.composer,
-      children: [/*#__PURE__*/_jsx(TextInput, {
-        style: styles.composerInput,
-        value: text,
-        onChangeText: setText,
-        placeholder: "Agent is busy \u2014 type and it sends next",
-        placeholderTextColor: night.color.placeholder
-      }), /*#__PURE__*/_jsx(Pressable, {
-        disabled: !text.trim(),
-        onPress: () => {
-          setQueued(text.trim());
-          setText("");
-        },
-        style: [styles.queueBtn, !text.trim() && {
-          opacity: 0.5
-        }],
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.queueBtnText,
-          children: "Queue"
-        })
-      })]
-    })]
-  });
-}
-
-/** "9:41 · 3 min ago" on long-press, and a divider when the app reloaded. */
-export function ReloadDivider({
-  at
-}) {
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.divider,
-    testID: "chrome-divider",
-    children: [/*#__PURE__*/_jsx(View, {
-      style: styles.dividerLine
-    }), /*#__PURE__*/_jsxs(Text, {
-      style: styles.dividerText,
-      children: ["App reloaded \xB7 ", at]
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.dividerLine
-    })]
-  });
-}
-export function Timestamp({
-  at
-}) {
-  return /*#__PURE__*/_jsx(Text, {
-    style: styles.timestamp,
-    children: at
-  });
-}
-
-/** A user bubble you can edit (re-run from here) or branch. */
-export function EditableUserBubble({
-  text
-}) {
-  const h = useBlockHandlers();
-  const [editing, setEditing] = useState(false);
-  const [value, setValue] = useState(text);
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.userWrap,
-    testID: "chrome-edit-bubble",
-    children: editing ? /*#__PURE__*/_jsxs(View, {
-      style: styles.editBox,
-      children: [/*#__PURE__*/_jsx(TextInput, {
-        style: styles.editInput,
-        value: value,
-        onChangeText: setValue,
-        multiline: true
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.editActions,
-        children: [/*#__PURE__*/_jsx(Pressable, {
-          onPress: () => {
-            setEditing(false);
-            void h.runAction({
-              label: "re-run edited",
-              send: `__chrome__:re-run "${value}"`
-            }, "chrome-edit");
-          },
-          style: styles.editPrimary,
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.editPrimaryText,
-            children: "Re-run from here"
-          })
-        }), /*#__PURE__*/_jsx(Pressable, {
-          onPress: () => {
-            setEditing(false);
-            void h.runAction({
-              label: "branch",
-              send: `__chrome__:branch "${value}"`
-            }, "chrome-edit");
-          },
-          style: styles.editPlate,
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.editPlateText,
-            children: "Branch"
-          })
-        }), /*#__PURE__*/_jsx(Pressable, {
-          onPress: () => setEditing(false),
-          style: styles.editPlate,
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.editPlateText,
-            children: "Cancel"
-          })
-        })]
-      })]
-    }) : /*#__PURE__*/_jsxs(Pressable, {
-      onLongPress: () => setEditing(true),
-      onPress: () => setEditing(true),
-      style: styles.bubble,
-      accessibilityRole: "button",
-      accessibilityLabel: "Edit message",
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.bubbleText,
-        children: value
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.bubbleHint,
-        children: "tap to edit \xB7 2 branches"
-      })]
-    })
-  });
-}
-const styles = StyleSheet.create({
-  actions: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4,
-    paddingHorizontal: 2
-  },
-  iconBtn: {
-    paddingHorizontal: 8,
-    paddingVertical: 6,
-    borderRadius: night.radius.badge
-  },
-  pressed: {
-    backgroundColor: night.color.fill
-  },
-  glyph: {
-    fontSize: 13,
-    opacity: 0.6
-  },
-  glyphOn: {
-    opacity: 1
-  },
-  textBtn: {
-    color: night.color.textSecondary,
-    fontSize: night.font.micro,
-    fontWeight: "600"
-  },
-  reasoning: {
-    borderRadius: night.radius.row,
-    backgroundColor: night.color.fill,
-    overflow: "hidden"
-  },
-  reasoningHead: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 8
-  },
-  reasoningTitle: {
-    flex: 1,
-    color: night.color.textSecondary,
-    fontSize: night.font.caption,
-    fontStyle: "italic"
-  },
-  reasoningBody: {
-    color: night.color.textSecondary,
-    fontSize: night.font.caption,
-    lineHeight: 18,
-    paddingHorizontal: 12,
-    paddingBottom: 10
-  },
-  elapsed: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    borderRadius: night.radius.card,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: night.color.border,
-    backgroundColor: night.color.surface
-  },
-  elapsedLabel: {
-    flex: 1,
-    color: night.color.text,
-    fontSize: night.font.body
-  },
-  elapsedMs: {
-    color: night.color.textTertiary,
-    fontSize: night.font.caption,
-    fontFamily: "Menlo"
-  },
-  composerWrap: {
-    gap: 6
-  },
-  queuedRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    borderRadius: night.radius.row,
-    backgroundColor: night.color.infoSoft
-  },
-  queuedText: {
-    flex: 1,
-    color: night.color.text,
-    fontSize: night.font.caption
-  },
-  queuedCancel: {
-    color: night.color.info,
-    fontSize: night.font.caption,
-    fontWeight: "600"
-  },
-  composer: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  composerInput: {
-    flex: 1,
-    height: 40,
-    paddingHorizontal: 16,
-    borderRadius: 20,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: night.color.border,
-    backgroundColor: night.color.surfaceElevated,
-    color: night.color.text,
-    fontSize: night.font.body
-  },
-  queueBtn: {
-    paddingHorizontal: 14,
-    height: 40,
-    borderRadius: 20,
-    backgroundColor: night.color.button,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  queueBtnText: {
-    color: night.color.text,
-    fontSize: night.font.caption,
-    fontWeight: "600"
-  },
-  divider: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    paddingVertical: 4
-  },
-  dividerLine: {
-    flex: 1,
-    height: StyleSheet.hairlineWidth,
-    backgroundColor: night.color.border
-  },
-  dividerText: {
-    color: night.color.textTertiary,
-    fontSize: night.font.micro
-  },
-  timestamp: {
-    alignSelf: "center",
-    color: night.color.textTertiary,
-    fontSize: night.font.micro
-  },
-  userWrap: {
-    alignItems: "flex-end"
-  },
-  bubble: {
-    maxWidth: "84%",
-    paddingHorizontal: 14,
-    paddingVertical: 9,
-    borderRadius: 18,
-    borderBottomRightRadius: 6,
-    backgroundColor: night.color.accentFill,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: night.color.accentBorder,
-    gap: 4
-  },
-  bubbleText: {
-    color: night.color.text,
-    fontSize: night.font.row,
-    lineHeight: 21
-  },
-  bubbleHint: {
-    color: night.color.textTertiary,
-    fontSize: 10,
-    textAlign: "right"
-  },
-  editBox: {
-    width: "100%",
-    gap: 8
-  },
-  editInput: {
-    minHeight: 60,
-    padding: 12,
-    borderRadius: night.radius.row,
-    backgroundColor: night.color.surfaceElevated,
-    color: night.color.text,
-    fontSize: night.font.row,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: night.color.accentBorderStrong
-  },
-  editActions: {
-    flexDirection: "row",
-    gap: 8,
-    justifyContent: "flex-end",
-    flexWrap: "wrap"
-  },
-  editPrimary: {
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderRadius: night.radius.row,
-    backgroundColor: night.color.accent
-  },
-  editPrimaryText: {
-    color: night.color.onAccent,
-    fontSize: night.font.caption,
-    fontWeight: "600"
-  },
-  editPlate: {
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderRadius: night.radius.row,
-    backgroundColor: night.color.button
-  },
-  editPlateText: {
-    color: night.color.text,
-    fontSize: night.font.caption,
-    fontWeight: "600"
-  }
-});
-//# sourceMappingURL=ChromePrototypes.js.map
+"use strict";import{useEffect,useState}from"react";import{ActivityIndicator,Pressable,StyleSheet,Text,TextInput,View}from"react-native";import{ChevronDown,ChevronRight,Copy,night,RefreshCw}from"@buoy-gg/shared-ui";import{useBlockHandlers}from"./context";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function IconButton({label:e,onPress:t,children:o}){return _jsx(Pressable,{onPress:t,accessibilityRole:"button",accessibilityLabel:e,style:({pressed:e})=>[styles.iconBtn,e&&styles.pressed],children:o})}export function MessageActions({id:e="chrome-actions"}){const t=useBlockHandlers(),[o,r]=useState(null),n=o=>{t.runAction({label:o,send:`__chrome__:${o}`},e)};return _jsxs(View,{style:styles.actions,testID:"chrome-message-actions",children:[_jsx(IconButton,{label:"Copy",onPress:()=>n("copy"),children:_jsx(Copy,{size:13,color:night.color.textSecondary})}),_jsx(IconButton,{label:"Retry",onPress:()=>n("retry"),children:_jsx(RefreshCw,{size:13,color:night.color.textSecondary})}),_jsx(IconButton,{label:"Good answer",onPress:()=>{r("up"),n("thumbs up")},children:_jsx(Text,{style:[styles.glyph,"up"===o&&styles.glyphOn],children:"👍"})}),_jsx(IconButton,{label:"Bad answer",onPress:()=>{r("down"),n("thumbs down")},children:_jsx(Text,{style:[styles.glyph,"down"===o&&styles.glyphOn],children:"👎"})}),_jsx(IconButton,{label:"Export",onPress:()=>n("export transcript"),children:_jsx(Text,{style:styles.textBtn,children:"Export"})})]})}export function ReasoningStrip({text:e,live:t}){const[o,r]=useState(!1);return _jsxs(View,{style:styles.reasoning,testID:"chrome-reasoning",children:[_jsxs(Pressable,{onPress:()=>r(e=>!e),style:styles.reasoningHead,accessibilityRole:"button",accessibilityState:{expanded:o},children:[t?_jsx(ActivityIndicator,{size:"small",color:night.color.textTertiary}):null,_jsx(Text,{style:styles.reasoningTitle,children:t?"Working it out…":"How I got here"}),_jsx(o?ChevronDown:ChevronRight,{size:12,color:night.color.textTertiary})]}),o?_jsx(Text,{style:styles.reasoningBody,children:e}):null]})}export function ElapsedRow({label:e}){const[t,o]=useState(0);return useEffect(()=>{const e=setInterval(()=>o(e=>e+250),250);return()=>clearInterval(e)},[]),_jsxs(View,{style:styles.elapsed,testID:"chrome-elapsed",children:[_jsx(ActivityIndicator,{size:"small",color:night.color.textSecondary}),_jsx(Text,{style:styles.elapsedLabel,children:e}),_jsxs(Text,{style:styles.elapsedMs,children:[(t/1e3).toFixed(1),"s"]})]})}export function QueuedComposer(){const[e,t]=useState(""),[o,r]=useState(null);return _jsxs(View,{style:styles.composerWrap,testID:"chrome-queue",children:[o?_jsxs(View,{style:styles.queuedRow,children:[_jsxs(Text,{style:styles.queuedText,numberOfLines:1,children:['Queued: "',o,'"']}),_jsx(Pressable,{onPress:()=>r(null),children:_jsx(Text,{style:styles.queuedCancel,children:"Cancel"})})]}):null,_jsxs(View,{style:styles.composer,children:[_jsx(TextInput,{style:styles.composerInput,value:e,onChangeText:t,placeholder:"Agent is busy — type and it sends next",placeholderTextColor:night.color.placeholder}),_jsx(Pressable,{disabled:!e.trim(),onPress:()=>{r(e.trim()),t("")},style:[styles.queueBtn,!e.trim()&&{opacity:.5}],children:_jsx(Text,{style:styles.queueBtnText,children:"Queue"})})]})]})}export function ReloadDivider({at:e}){return _jsxs(View,{style:styles.divider,testID:"chrome-divider",children:[_jsx(View,{style:styles.dividerLine}),_jsxs(Text,{style:styles.dividerText,children:["App reloaded · ",e]}),_jsx(View,{style:styles.dividerLine})]})}export function Timestamp({at:e}){return _jsx(Text,{style:styles.timestamp,children:e})}export function EditableUserBubble({text:e}){const t=useBlockHandlers(),[o,r]=useState(!1),[n,i]=useState(e);return _jsx(View,{style:styles.userWrap,testID:"chrome-edit-bubble",children:o?_jsxs(View,{style:styles.editBox,children:[_jsx(TextInput,{style:styles.editInput,value:n,onChangeText:i,multiline:!0}),_jsxs(View,{style:styles.editActions,children:[_jsx(Pressable,{onPress:()=>{r(!1),t.runAction({label:"re-run edited",send:`__chrome__:re-run "${n}"`},"chrome-edit")},style:styles.editPrimary,children:_jsx(Text,{style:styles.editPrimaryText,children:"Re-run from here"})}),_jsx(Pressable,{onPress:()=>{r(!1),t.runAction({label:"branch",send:`__chrome__:branch "${n}"`},"chrome-edit")},style:styles.editPlate,children:_jsx(Text,{style:styles.editPlateText,children:"Branch"})}),_jsx(Pressable,{onPress:()=>r(!1),style:styles.editPlate,children:_jsx(Text,{style:styles.editPlateText,children:"Cancel"})})]})]}):_jsxs(Pressable,{onLongPress:()=>r(!0),onPress:()=>r(!0),style:styles.bubble,accessibilityRole:"button",accessibilityLabel:"Edit message",children:[_jsx(Text,{style:styles.bubbleText,children:n}),_jsx(Text,{style:styles.bubbleHint,children:"tap to edit · 2 branches"})]})})}const styles=StyleSheet.create({actions:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:2},iconBtn:{paddingHorizontal:8,paddingVertical:6,borderRadius:night.radius.badge},pressed:{backgroundColor:night.color.fill},glyph:{fontSize:13,opacity:.6},glyphOn:{opacity:1},textBtn:{color:night.color.textSecondary,fontSize:night.font.micro,fontWeight:"600"},reasoning:{borderRadius:night.radius.row,backgroundColor:night.color.fill,overflow:"hidden"},reasoningHead:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:12,paddingVertical:8},reasoningTitle:{flex:1,color:night.color.textSecondary,fontSize:night.font.caption,fontStyle:"italic"},reasoningBody:{color:night.color.textSecondary,fontSize:night.font.caption,lineHeight:18,paddingHorizontal:12,paddingBottom:10},elapsed:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:12,paddingVertical:10,borderRadius:night.radius.card,borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.border,backgroundColor:night.color.surface},elapsedLabel:{flex:1,color:night.color.text,fontSize:night.font.body},elapsedMs:{color:night.color.textTertiary,fontSize:night.font.caption,fontFamily:"Menlo"},composerWrap:{gap:6},queuedRow:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:12,paddingVertical:6,borderRadius:night.radius.row,backgroundColor:night.color.infoSoft},queuedText:{flex:1,color:night.color.text,fontSize:night.font.caption},queuedCancel:{color:night.color.info,fontSize:night.font.caption,fontWeight:"600"},composer:{flexDirection:"row",alignItems:"center",gap:8},composerInput:{flex:1,height:40,paddingHorizontal:16,borderRadius:20,borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.border,backgroundColor:night.color.surfaceElevated,color:night.color.text,fontSize:night.font.body},queueBtn:{paddingHorizontal:14,height:40,borderRadius:20,backgroundColor:night.color.button,alignItems:"center",justifyContent:"center"},queueBtnText:{color:night.color.text,fontSize:night.font.caption,fontWeight:"600"},divider:{flexDirection:"row",alignItems:"center",gap:10,paddingVertical:4},dividerLine:{flex:1,height:StyleSheet.hairlineWidth,backgroundColor:night.color.border},dividerText:{color:night.color.textTertiary,fontSize:night.font.micro},timestamp:{alignSelf:"center",color:night.color.textTertiary,fontSize:night.font.micro},userWrap:{alignItems:"flex-end"},bubble:{maxWidth:"84%",paddingHorizontal:14,paddingVertical:9,borderRadius:18,borderBottomRightRadius:6,backgroundColor:night.color.accentFill,borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.accentBorder,gap:4},bubbleText:{color:night.color.text,fontSize:night.font.row,lineHeight:21},bubbleHint:{color:night.color.textTertiary,fontSize:10,textAlign:"right"},editBox:{width:"100%",gap:8},editInput:{minHeight:60,padding:12,borderRadius:night.radius.row,backgroundColor:night.color.surfaceElevated,color:night.color.text,fontSize:night.font.row,borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.accentBorderStrong},editActions:{flexDirection:"row",gap:8,justifyContent:"flex-end",flexWrap:"wrap"},editPrimary:{paddingHorizontal:12,paddingVertical:8,borderRadius:night.radius.row,backgroundColor:night.color.accent},editPrimaryText:{color:night.color.onAccent,fontSize:night.font.caption,fontWeight:"600"},editPlate:{paddingHorizontal:12,paddingVertical:8,borderRadius:night.radius.row,backgroundColor:night.color.button},editPlateText:{color:night.color.text,fontSize:night.font.caption,fontWeight:"600"}});