@buoy-gg/ask-buoy 7.0.33 → 7.0.34

package/lib/commonjs/blocks/ChromePrototypes.js

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