@buoy-gg/ask-buoy 7.0.41 → 7.0.43

package/lib/commonjs/components/AskBuoySettings.js

@@ -1,181 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AskBuoySettings = AskBuoySettings;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _useAskBuoySettings = require("../store/useAskBuoySettings");
-var _askBuoySettings = require("../store/askBuoySettings");
-var _askBuoyStore = require("../store/askBuoyStore");
-var _useAskBuoy = require("../store/useAskBuoy");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * The sheet's settings, reached from the header.
- *
- * A view inside the sheet rather than a second modal: a settings panel that
- * covers the conversation you are configuring makes the effect of a toggle
- * invisible until you dismiss it. Back returns to the chat with the
- * transcript exactly where it was.
- *
- * Sections are by subject, not by implementation. "Chat" is what a tester
- * calls the thing they are looking at.
- */
-
-function AskBuoySettings() {
-  const settings = (0, _useAskBuoySettings.useAskBuoySettings)();
-  const trusted = (0, _useAskBuoy.useAskBuoyState)().trusted;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-    style: styles.scroll,
-    contentContainerStyle: styles.content,
-    testID: "buoy-ask-buoy-settings",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.section,
-      children: "CHAT"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToggleRow, {
-      testID: "buoy-ask-buoy-setting-thinking",
-      label: "Show agent thinking",
-      description: "Adds a collapsed strip under each answer: the model's reasoning, and every step it ran with its parameters, result, duration and token cost. Copy includes the steps and reasoning while this is on, so you can read the run outside the app.",
-      value: settings.showThinking,
-      onValueChange: next => _askBuoySettings.askBuoySettings.set("showThinking", next)
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.note,
-      children: "Not every model reports reasoning. Claude thinks by default; most OpenAI models return none, and the strip then shows the steps alone."
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.section,
-      children: "PERMISSIONS"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToggleRow, {
-      testID: "buoy-ask-buoy-setting-readonly",
-      label: "Read only",
-      description: "Inspect the app, change nothing. Every write and simulation is refused until this is off. Undo still works \u2014 putting things back is the safe direction.",
-      value: settings.readOnly,
-      onValueChange: next => _askBuoySettings.askBuoySettings.set("readOnly", next)
-    }), settings.readOnly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.note,
-      testID: "buoy-ask-buoy-readonly-note",
-      children: "On across reloads until you turn it off here. The header says \u201CRead only\u201D while it is on. It adds to whatever this app already restricts \u2014 it never loosens anything."
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToggleRow, {
-      testID: "buoy-ask-buoy-setting-bypass",
-      tone: "warning",
-      emphasizeLabel: settings.bypassApprovals,
-      disabled: settings.readOnly,
-      label: "Skip approval prompts",
-      description: settings.readOnly ? "Unavailable while Read only is on — nothing can be approved." : "Runs every action the moment the agent calls it, with no Allow card — including the destructive ones that wipe or reset data.",
-      value: settings.bypassApprovals,
-      onValueChange: next => _askBuoySettings.askBuoySettings.set("bypassApprovals", next)
-    }), settings.bypassApprovals && !settings.readOnly ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.warning,
-      testID: "buoy-ask-buoy-bypass-warning",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
-        size: 14,
-        color: _sharedUi.night.color.warning
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.warningText,
-        children: "Nothing will ask before a change lands. A wipe or a reset runs on the model's word alone, and Undo only reverses the changes that can be reversed \u2014 the bar tells you which. This stays on across reloads and app restarts until you turn it off here, so leave it off on any device holding data you care about. It does not widen what the agent may reach: read-only mode, this app's deny list and the release-build refusals still apply."
-      })]
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.note,
-      children: "On by default for destructive actions only \u2014 reads and ordinary writes already run without asking, and the changes bar records them."
-    }), trusted.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.trustedBox,
-      testID: "buoy-ask-buoy-trusted",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.section,
-        children: "ALLOWED WITHOUT ASKING \u2014 THIS CHAT"
-      }), trusted.map(t => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.trustedRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.trustedLabel,
-          numberOfLines: 2,
-          children: t.label
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-          testID: `buoy-ask-buoy-untrust-${t.key}`,
-          accessibilityRole: "button",
-          onPress: () => _askBuoyStore.askBuoyStore.untrust(t.key),
-          style: ({
-            pressed
-          }) => [styles.forget, pressed && {
-            opacity: 0.7
-          }],
-          hitSlop: 6,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.forgetText,
-            children: "Ask again"
-          })
-        })]
-      }, t.key))]
-    }) : null]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  scroll: {
-    flex: 1
-  },
-  content: {
-    padding: _sharedUi.night.gutter,
-    gap: 10,
-    paddingBottom: 32
-  },
-  section: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 10,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    paddingHorizontal: 4,
-    paddingTop: 4
-  },
-  warning: {
-    flexDirection: "row",
-    gap: 8,
-    padding: _sharedUi.night.cardPad,
-    borderRadius: _sharedUi.night.radius.card,
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderColor: _sharedUi.night.color.warning,
-    backgroundColor: _sharedUi.night.color.surface
-  },
-  warningText: {
-    flex: 1,
-    color: _sharedUi.night.color.warning,
-    fontSize: _sharedUi.night.font.micro,
-    lineHeight: 16
-  },
-  trustedBox: {
-    gap: 6,
-    paddingTop: 6
-  },
-  trustedRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    padding: _sharedUi.night.cardPad,
-    borderRadius: _sharedUi.night.radius.card,
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderColor: _sharedUi.night.color.border,
-    backgroundColor: _sharedUi.night.color.surface
-  },
-  trustedLabel: {
-    flex: 1,
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    lineHeight: 18
-  },
-  forget: {
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    borderRadius: _sharedUi.night.radius.row,
-    backgroundColor: _sharedUi.night.color.button
-  },
-  forgetText: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.micro,
-    fontWeight: "600"
-  },
-  note: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: _sharedUi.night.font.micro,
-    lineHeight: 16,
-    paddingHorizontal: 4
-  }
-});
-//# sourceMappingURL=AskBuoySettings.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.AskBuoySettings=AskBuoySettings;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _useAskBuoySettings=require("../store/useAskBuoySettings");var _askBuoySettings=require("../store/askBuoySettings");var _askBuoyStore=require("../store/askBuoyStore");var _useAskBuoy=require("../store/useAskBuoy");var _jsxRuntime=require("react/jsx-runtime");function AskBuoySettings(){const t=(0,_useAskBuoySettings.useAskBuoySettings)();const n=(0,_useAskBuoy.useAskBuoyState)().trusted;return(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:styles.scroll,contentContainerStyle:styles.content,testID:"buoy-ask-buoy-settings",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.section,children:"CHAT"}),(0,_jsxRuntime.jsx)(_sharedUi.ToggleRow,{testID:"buoy-ask-buoy-setting-thinking",label:"Show agent thinking",description:"Adds a collapsed strip under each answer: the model's reasoning, and every step it ran with its parameters, result, duration and token cost. Copy includes the steps and reasoning while this is on, so you can read the run outside the app.",value:t.showThinking,onValueChange:e=>_askBuoySettings.askBuoySettings.set("showThinking",e)}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.note,children:"Not every model reports reasoning. Claude thinks by default; most OpenAI models return none, and the strip then shows the steps alone."}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.section,children:"PERMISSIONS"}),(0,_jsxRuntime.jsx)(_sharedUi.ToggleRow,{testID:"buoy-ask-buoy-setting-readonly",label:"Read only",description:"Inspect the app, change nothing. Every write and simulation is refused until this is off. Undo still works \u2014 putting things back is the safe direction.",value:t.readOnly,onValueChange:e=>_askBuoySettings.askBuoySettings.set("readOnly",e)}),t.readOnly?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.note,testID:"buoy-ask-buoy-readonly-note",children:"On across reloads until you turn it off here. The header says \u201CRead only\u201D while it is on. It adds to whatever this app already restricts \u2014 it never loosens anything."}):null,(0,_jsxRuntime.jsx)(_sharedUi.ToggleRow,{testID:"buoy-ask-buoy-setting-bypass",tone:"warning",emphasizeLabel:t.bypassApprovals,disabled:t.readOnly,label:"Skip approval prompts",description:t.readOnly?"Unavailable while Read only is on \u2014 nothing can be approved.":"Runs every action the moment the agent calls it, with no Allow card \u2014 including the destructive ones that wipe or reset data.",value:t.bypassApprovals,onValueChange:e=>_askBuoySettings.askBuoySettings.set("bypassApprovals",e)}),t.bypassApprovals&&!t.readOnly?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.warning,testID:"buoy-ask-buoy-bypass-warning",children:[(0,_jsxRuntime.jsx)(_sharedUi.AlertTriangle,{size:14,color:_sharedUi.night.color.warning}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.warningText,children:"Nothing will ask before a change lands. A wipe or a reset runs on the model's word alone, and Undo only reverses the changes that can be reversed \u2014 the bar tells you which. This stays on across reloads and app restarts until you turn it off here, so leave it off on any device holding data you care about. It does not widen what the agent may reach: read-only mode, this app's deny list and the release-build refusals still apply."})]}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.note,children:"On by default for destructive actions only \u2014 reads and ordinary writes already run without asking, and the changes bar records them."}),n.length>0?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.trustedBox,testID:"buoy-ask-buoy-trusted",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.section,children:"ALLOWED WITHOUT ASKING \u2014 THIS CHAT"}),n.map(e=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.trustedRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.trustedLabel,numberOfLines:2,children:e.label}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:`buoy-ask-buoy-untrust-${e.key}`,accessibilityRole:"button",onPress:()=>_askBuoyStore.askBuoyStore.untrust(e.key),style:({pressed:o})=>[styles.forget,o&&{opacity:.7}],hitSlop:6,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.forgetText,children:"Ask again"})})]},e.key))]}):null]})}const styles=_reactNative.StyleSheet.create({scroll:{flex:1},content:{padding:_sharedUi.night.gutter,gap:10,paddingBottom:32},section:{color:_sharedUi.night.color.textTertiary,fontSize:10,fontWeight:"700",letterSpacing:.6,paddingHorizontal:4,paddingTop:4},warning:{flexDirection:"row",gap:8,padding:_sharedUi.night.cardPad,borderRadius:_sharedUi.night.radius.card,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.warning,backgroundColor:_sharedUi.night.color.surface},warningText:{flex:1,color:_sharedUi.night.color.warning,fontSize:_sharedUi.night.font.micro,lineHeight:16},trustedBox:{gap:6,paddingTop:6},trustedRow:{flexDirection:"row",alignItems:"center",gap:10,padding:_sharedUi.night.cardPad,borderRadius:_sharedUi.night.radius.card,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.surface},trustedLabel:{flex:1,color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,lineHeight:18},forget:{paddingHorizontal:10,paddingVertical:6,borderRadius:_sharedUi.night.radius.row,backgroundColor:_sharedUi.night.color.button},forgetText:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.micro,fontWeight:"600"},note:{color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.micro,lineHeight:16,paddingHorizontal:4}});

package/lib/commonjs/components/ChangesBar.js

@@ -1,212 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChangesBar = ChangesBar;
-exports.useLedgerEntries = useLedgerEntries;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _agentCore = require("@buoy-gg/agent-core");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * "The agent changed things" — the bar, and the list behind it.
- *
- * Ask Buoy mutates without asking, so this is what keeps the user in control:
- * if reality has been bent, you can never not know it. Same principle as the
- * impersonate and override banners.
- *
- * It counts REVERSIBLE and ONE-SHOT effects separately, which is the one place
- * this deliberately differs from the Scenarios banner. That one folds
- * transients into a single "N changes" total and then silently no-ops on them
- * at revert — a user who taps Undo, sees "4 changes", and finds three of them
- * still in place learns not to trust the bar. Better to say "1 undoable ·
- * 1 permanent" and be believed.
- */
-
-const EMPTY = [];
-function useLedgerEntries(ledger) {
-  return (0, _react.useSyncExternalStore)(fn => ledger?.subscribe(fn) ?? (() => {}), () => ledger?.list() ?? EMPTY, () => ledger?.list() ?? EMPTY);
-}
-function ChangesBar({
-  ledger,
-  onUndoAll,
-  expanded,
-  onToggle
-}) {
-  const entries = useLedgerEntries(ledger);
-  const outstanding = entries.filter(e => !e.undoneAt);
-  // Transients — navigation, taps — are one-shot ACTIONS, not changes. Counting
-  // them here read "Changed this app · 9 permanent" after a read-only tour,
-  // which is the bar lying in the alarming direction. They still appear in the
-  // expanded panel's footnote, because honesty, but they raise no banner.
-  const changes = outstanding.filter(e => e.effect.kind !== "transient");
-  if (changes.length === 0) return null;
-  const reversible = changes.filter(e => (0, _agentCore.isReversible)(e.effect));
-  const permanent = changes.length - reversible.length;
-  const transients = outstanding.length - changes.length;
-  const Chevron = expanded ? _sharedUi.ChevronDown : _sharedUi.ChevronRight;
-  const counts = [reversible.length > 0 ? `${reversible.length} undoable` : null, permanent > 0 ? `${permanent} permanent` : null].filter(Boolean).join(" · ");
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.wrap,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-      testID: "buoy-ask-buoy-changes-bar",
-      accessibilityRole: "button",
-      accessibilityState: {
-        expanded
-      },
-      onPress: onToggle,
-      style: styles.bar,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.dot
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.summary,
-        numberOfLines: 1,
-        children: "Changed this app"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.counts,
-        numberOfLines: 1,
-        children: counts
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Chevron, {
-        size: 12,
-        color: _sharedUi.night.color.textSecondary
-      })]
-    }), expanded && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.panel,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-        style: styles.panelScroll,
-        testID: "buoy-ask-buoy-changes-scroll",
-        keyboardShouldPersistTaps: "handled",
-        children: [changes.map(entry => {
-          const oneOff = !(0, _agentCore.isReversible)(entry.effect);
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.row,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.rowLabel,
-              children: entry.effect.label
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.rowTag, oneOff && styles.rowTagMuted],
-              children: oneOff ? "Permanent" : "Undoable"
-            })]
-          }, entry.id);
-        }), transients > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.row,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: [styles.rowLabel, styles.rowLabelMuted],
-            children: ["Also did ", transients, " one-shot action", transients === 1 ? "" : "s", " (navigation, taps) \u2014 nothing to undo."]
-          })
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.footer,
-        children: [reversible.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-          testID: "buoy-ask-buoy-undo-all",
-          accessibilityRole: "button",
-          onPress: onUndoAll,
-          style: ({
-            pressed
-          }) => [styles.undo, pressed && styles.pressed],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: styles.undoText,
-            children: ["Undo ", reversible.length, " change", reversible.length === 1 ? "" : "s"]
-          })
-        }), permanent > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.footnote,
-          children: "Permanent changes can't be undone from here."
-        })]
-      })]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  wrap: {
-    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderBottomColor: _sharedUi.night.color.border,
-    backgroundColor: _sharedUi.night.color.warningSoft
-  },
-  bar: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: _sharedUi.night.gutter,
-    paddingVertical: 10
-  },
-  dot: {
-    width: 7,
-    height: 7,
-    borderRadius: 4,
-    backgroundColor: _sharedUi.night.color.warning
-  },
-  summary: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  },
-  counts: {
-    flex: 1,
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption
-  },
-  panel: {
-    paddingHorizontal: _sharedUi.night.gutter,
-    paddingBottom: 12,
-    gap: 10
-  },
-  panelScroll: {
-    maxHeight: 180
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    gap: 10,
-    paddingVertical: 8,
-    borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderTopColor: _sharedUi.night.color.separator
-  },
-  rowLabel: {
-    flex: 1,
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    lineHeight: 18
-  },
-  rowTag: {
-    color: _sharedUi.night.color.accent,
-    fontSize: _sharedUi.night.font.micro,
-    fontWeight: "600",
-    letterSpacing: 0.6,
-    textTransform: "uppercase",
-    paddingTop: 2
-  },
-  rowTagMuted: {
-    color: _sharedUi.night.color.textTertiary
-  },
-  rowLabelMuted: {
-    color: _sharedUi.night.color.textTertiary
-  },
-  footer: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 12,
-    flexWrap: "wrap"
-  },
-  undo: {
-    paddingHorizontal: 14,
-    paddingVertical: 8,
-    borderRadius: _sharedUi.night.radius.row,
-    backgroundColor: _sharedUi.night.color.button
-  },
-  undoText: {
-    color: _sharedUi.night.color.accent,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  },
-  footnote: {
-    flex: 1,
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: _sharedUi.night.font.micro
-  },
-  pressed: {
-    opacity: 0.7
-  }
-});
-//# sourceMappingURL=ChangesBar.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ChangesBar=ChangesBar;exports.useLedgerEntries=useLedgerEntries;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _agentCore=require("@buoy-gg/agent-core");var _jsxRuntime=require("react/jsx-runtime");const EMPTY=[];function useLedgerEntries(o){return(0,_react.useSyncExternalStore)(n=>o?.subscribe(n)??(()=>{}),()=>o?.list()??EMPTY,()=>o?.list()??EMPTY)}function ChangesBar({ledger:o,onUndoAll:n,expanded:i,onToggle:h}){const g=useLedgerEntries(o);const a=g.filter(e=>!e.undoneAt);const r=a.filter(e=>e.effect.kind!=="transient");if(r.length===0)return null;const t=r.filter(e=>(0,_agentCore.isReversible)(e.effect));const l=r.length-t.length;const s=a.length-r.length;const d=i?_sharedUi.ChevronDown:_sharedUi.ChevronRight;const u=[t.length>0?`${t.length} undoable`:null,l>0?`${l} permanent`:null].filter(Boolean).join(" \xB7 ");return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.wrap,children:[(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{testID:"buoy-ask-buoy-changes-bar",accessibilityRole:"button",accessibilityState:{expanded:i},onPress:h,style:styles.bar,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.dot}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.summary,numberOfLines:1,children:"Changed this app"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.counts,numberOfLines:1,children:u}),(0,_jsxRuntime.jsx)(d,{size:12,color:_sharedUi.night.color.textSecondary})]}),i&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.panel,children:[(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:styles.panelScroll,testID:"buoy-ask-buoy-changes-scroll",keyboardShouldPersistTaps:"handled",children:[r.map(e=>{const c=!(0,_agentCore.isReversible)(e.effect);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.row,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rowLabel,children:e.effect.label}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.rowTag,c&&styles.rowTagMuted],children:c?"Permanent":"Undoable"})]},e.id)}),s>0&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.row,children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[styles.rowLabel,styles.rowLabelMuted],children:["Also did ",s," one-shot action",s===1?"":"s"," (navigation, taps) \u2014 nothing to undo."]})})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.footer,children:[t.length>0&&(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-undo-all",accessibilityRole:"button",onPress:n,style:({pressed:e})=>[styles.undo,e&&styles.pressed],children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.undoText,children:["Undo ",t.length," change",t.length===1?"":"s"]})}),l>0&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.footnote,children:"Permanent changes can't be undone from here."})]})]})]})}const styles=_reactNative.StyleSheet.create({wrap:{borderBottomWidth:_reactNative.StyleSheet.hairlineWidth,borderBottomColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.warningSoft},bar:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:_sharedUi.night.gutter,paddingVertical:10},dot:{width:7,height:7,borderRadius:4,backgroundColor:_sharedUi.night.color.warning},summary:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},counts:{flex:1,color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption},panel:{paddingHorizontal:_sharedUi.night.gutter,paddingBottom:12,gap:10},panelScroll:{maxHeight:180},row:{flexDirection:"row",alignItems:"flex-start",gap:10,paddingVertical:8,borderTopWidth:_reactNative.StyleSheet.hairlineWidth,borderTopColor:_sharedUi.night.color.separator},rowLabel:{flex:1,color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,lineHeight:18},rowTag:{color:_sharedUi.night.color.accent,fontSize:_sharedUi.night.font.micro,fontWeight:"600",letterSpacing:.6,textTransform:"uppercase",paddingTop:2},rowTagMuted:{color:_sharedUi.night.color.textTertiary},rowLabelMuted:{color:_sharedUi.night.color.textTertiary},footer:{flexDirection:"row",alignItems:"center",gap:12,flexWrap:"wrap"},undo:{paddingHorizontal:14,paddingVertical:8,borderRadius:_sharedUi.night.radius.row,backgroundColor:_sharedUi.night.color.button},undoText:{color:_sharedUi.night.color.accent,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},footnote:{flex:1,color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.micro},pressed:{opacity:.7}});

package/lib/commonjs/components/Composer.js

@@ -1,255 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Composer = Composer;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * The message box.
- *
- * This is the first keyboard-safe BOTTOM input in Buoy, and the reason none
- * existed before is that JsModal has no keyboard handling at all: the sheet is
- * `position:absolute; bottom:0` inside the app tree, not an RN `Modal`, so on
- * iOS the keyboard simply draws over it. Two other tools hit this and chose to
- * dodge it — NetworkNumberPrompt and StorageValueEditModal both say so in
- * comments and pin their inputs to the TOP of the screen. A chat cannot.
- *
- * What makes it work:
- * - `KeyboardPad` (see that file), iOS only. `KeyboardAvoidingView` looked
- *   right here and did nothing: it measures its frame relative to its PARENT
- *   and compares that with the keyboard's SCREEN position, which never
- *   overlap inside a bottom-anchored sheet. On Android Expo's default
- *   `softwareKeyboardLayoutMode: "resize"` shrinks the window and a
- *   bottom-anchored view rides up for free; adding padding there would lift
- *   it twice.
- * - The parent list carries `keyboardShouldPersistTaps="handled"`. Without it
- *   the first tap after typing only dismisses the keyboard and Send never
- *   fires — a real shipped bug in Time Machine, and invisible to Detox because
- *   `replaceText` opens no keyboard.
- * - `keyboardType="ascii-capable"`, because iOS Smart Punctuation rewrites
- *   straight quotes as curly ones. That permanently broke the raw-JSON editor
- *   in Storage, and a tester pasting a JSON blob here would hit the same wall.
- *
- * While the agent is working the send button becomes a STOP button — a
- * square, the universal glyph — rather than a spinner in a circle, which
- * looked like a disabled control and gave no hint it was tappable.
- */
-
-/**
- * One line of input, and the height of the send/stop button beside it — the
- * row only reads as level while those two agree.
- */
-const MIN_INPUT_HEIGHT = 40;
-/** ~5 lines, then it scrolls instead of eating the transcript. */
-const MAX_INPUT_HEIGHT = 120;
-const INPUT_PAD_V = _reactNative.Platform.OS === "ios" ? 10 : 6;
-const INPUT_PAD_H = 16;
-function Composer({
-  onSend,
-  onStop,
-  busy,
-  draft,
-  onDraftTaken,
-  disabled,
-  placeholder,
-  focusKey,
-  canFocus = true
-}) {
-  const [text, setText] = (0, _react.useState)("");
-  const inputRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    if (!focusKey || !canFocus || disabled) return;
-    inputRef.current?.focus();
-  }, [focusKey, canFocus, disabled]);
-  (0, _react.useEffect)(() => {
-    if (!draft) return;
-    // Appended, not assigned: they may have started typing something else in
-    // the moment between pressing Stop and this landing.
-    setText(current => current ? `${current} ${draft}` : draft);
-    onDraftTaken?.();
-  }, [draft, onDraftTaken]);
-  const submit = (0, _react.useCallback)(() => {
-    const value = text.trim();
-    if (!value) return;
-    setText("");
-    onSend(value);
-  }, [text, onSend]);
-  const canSend = text.trim().length > 0 && !busy && !disabled;
-  /**
-   * Typed something while a turn is running.
-   *
-   * `send` parks it and flushes it when the turn ends — but the only button on
-   * screen while busy was Stop, so the sole way to reach that was the
-   * keyboard's return key, and the "Queued" placeholder that explains it only
-   * appears AFTER you have managed it. The button is the affordance.
-   */
-  const canQueue = text.trim().length > 0 && busy && !disabled;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.wrap,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.field, disabled && styles.fieldDisabled],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-        ref: inputRef,
-        testID: "buoy-ask-buoy-input"
-        /*
-         * Empty means one line, always.
-         *
-         * The box is otherwise auto-height, and an iOS multiline TextInput
-         * grows with the text but never shrinks back: sending a two-line
-         * message cleared the text and left a two-line box standing over
-         * the 40pt round button beside it. Nothing on the native side
-         * reports the shrink either — on Fabric `onContentSizeChange` is
-         * emitted from `updateLayoutMetrics` (a LAYOUT change), not from a
-         * text change — so the height it last grew to is the height it
-         * keeps. Pinning the empty case is the whole fix: it is the only
-         * state that has to line up with the button, and it is exactly the
-         * state a send or a new conversation lands in.
-         */,
-        style: [styles.input, text.length === 0 && styles.inputEmpty],
-        value: text,
-        onChangeText: setText,
-        placeholder: placeholder ?? (disabled ? "Ask Buoy isn't set up yet" : "Ask, or tell it what to change…"),
-        placeholderTextColor: _sharedUi.night.color.placeholder,
-        multiline: true,
-        editable: !disabled
-        // Straight quotes only — see the header note.
-        ,
-        keyboardType: "ascii-capable",
-        autoCorrect: true,
-        autoCapitalize: "sentences"
-        // Enter sends; Shift-Enter is not a thing on a phone keyboard, and a
-        // multiline box with no submit affordance strands people.
-        ,
-        blurOnSubmit: false,
-        onSubmitEditing: submit,
-        returnKeyType: "send",
-        maxLength: 4000
-      })
-    }), canQueue && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-      testID: "buoy-ask-buoy-queue",
-      accessibilityRole: "button",
-      accessibilityLabel: "Queue message",
-      onPress: submit,
-      style: ({
-        pressed
-      }) => [styles.button, styles.queue, pressed && styles.pressed],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.sendGlyph, {
-          color: _sharedUi.night.color.accent
-        }],
-        children: "\u2191"
-      })
-    }), busy ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-      testID: "buoy-ask-buoy-stop",
-      accessibilityRole: "button",
-      accessibilityLabel: "Stop",
-      onPress: onStop,
-      style: ({
-        pressed
-      }) => [styles.button, styles.stop, pressed && styles.pressed],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.stopGlyph
-      })
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-      testID: "buoy-ask-buoy-send",
-      accessibilityRole: "button",
-      accessibilityLabel: "Send",
-      disabled: !canSend,
-      onPress: submit,
-      style: ({
-        pressed
-      }) => [styles.button, canSend ? styles.sendOn : styles.sendOff, pressed && canSend && styles.pressed],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.sendGlyph, {
-          color: canSend ? _sharedUi.night.color.onAccent : _sharedUi.night.color.textTertiary
-        }],
-        children: "\u2191"
-      })
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  wrap: {
-    flexDirection: "row",
-    alignItems: "flex-end",
-    gap: 8,
-    paddingHorizontal: _sharedUi.night.gutter,
-    paddingTop: 10,
-    paddingBottom: 6,
-    borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderTopColor: _sharedUi.night.color.border,
-    // Opaque: messages scroll UNDER the composer, and a translucent bar over
-    // moving text is unreadable.
-    backgroundColor: _sharedUi.night.color.bg
-  },
-  field: {
-    flex: 1,
-    minHeight: MIN_INPUT_HEIGHT,
-    justifyContent: "center",
-    borderRadius: 20,
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderColor: _sharedUi.night.color.border,
-    backgroundColor: _sharedUi.night.color.surfaceElevated
-  },
-  fieldDisabled: {
-    opacity: 0.6
-  },
-  input: {
-    maxHeight: MAX_INPUT_HEIGHT,
-    paddingHorizontal: INPUT_PAD_H,
-    paddingTop: INPUT_PAD_V,
-    paddingBottom: INPUT_PAD_V,
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.row
-    // No `lineHeight` here on purpose. A multiline TextInput on iOS lays out
-    // with the paragraph line height AND the font's own leading, so setting
-    // it made a one-line box measure ~56pt instead of 40 — the pill towered
-    // over the 40pt send/stop button beside it and the row read as crooked.
-  },
-  // Exactly the button's height, so the two read as one level row.
-  inputEmpty: {
-    height: MIN_INPUT_HEIGHT
-  },
-  button: {
-    width: 40,
-    height: 40,
-    borderRadius: 20,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  sendGlyph: {
-    fontSize: 20,
-    fontWeight: "700",
-    lineHeight: 22
-  },
-  sendOn: {
-    backgroundColor: _sharedUi.night.color.accent
-  },
-  sendOff: {
-    backgroundColor: _sharedUi.night.color.fill
-  },
-  stop: {
-    backgroundColor: _sharedUi.night.color.fillTertiary
-  },
-  // Outlined rather than filled: it sits beside Stop, and two solid buttons
-  // read as one control with two halves.
-  queue: {
-    backgroundColor: "transparent",
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderColor: _sharedUi.night.color.accentBorderStrong
-  },
-  stopGlyph: {
-    width: 12,
-    height: 12,
-    borderRadius: 2,
-    backgroundColor: _sharedUi.night.color.text
-  },
-  pressed: {
-    opacity: 0.7
-  }
-});
-//# sourceMappingURL=Composer.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.Composer=Composer;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");const MIN_INPUT_HEIGHT=40;const MAX_INPUT_HEIGHT=120;const INPUT_PAD_V=_reactNative.Platform.OS==="ios"?10:6;const INPUT_PAD_H=16;function Composer({onSend:c,onStop:p,busy:n,draft:r,onDraftTaken:a,disabled:t,placeholder:g,focusKey:u,canFocus:d=true}){const[o,s]=(0,_react.useState)("");const h=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{if(!u||!d||t)return;h.current?.focus()},[u,d,t]);(0,_react.useEffect)(()=>{if(!r)return;s(e=>e?`${e} ${r}`:r);a?.()},[r,a]);const l=(0,_react.useCallback)(()=>{const e=o.trim();if(!e)return;s("");c(e)},[o,c]);const i=o.trim().length>0&&!n&&!t;const b=o.trim().length>0&&n&&!t;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.wrap,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.field,t&&styles.fieldDisabled],children:(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:h,testID:"buoy-ask-buoy-input",style:[styles.input,o.length===0&&styles.inputEmpty],value:o,onChangeText:s,placeholder:g??(t?"Ask Buoy isn't set up yet":"Ask, or tell it what to change\u2026"),placeholderTextColor:_sharedUi.night.color.placeholder,multiline:true,editable:!t,keyboardType:"ascii-capable",autoCorrect:true,autoCapitalize:"sentences",blurOnSubmit:false,onSubmitEditing:l,returnKeyType:"send",maxLength:4e3})}),b&&(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-queue",accessibilityRole:"button",accessibilityLabel:"Queue message",onPress:l,style:({pressed:e})=>[styles.button,styles.queue,e&&styles.pressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.sendGlyph,{color:_sharedUi.night.color.accent}],children:"\u2191"})}),n?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-stop",accessibilityRole:"button",accessibilityLabel:"Stop",onPress:p,style:({pressed:e})=>[styles.button,styles.stop,e&&styles.pressed],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.stopGlyph})}):(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-send",accessibilityRole:"button",accessibilityLabel:"Send",disabled:!i,onPress:l,style:({pressed:e})=>[styles.button,i?styles.sendOn:styles.sendOff,e&&i&&styles.pressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.sendGlyph,{color:i?_sharedUi.night.color.onAccent:_sharedUi.night.color.textTertiary}],children:"\u2191"})})]})}const styles=_reactNative.StyleSheet.create({wrap:{flexDirection:"row",alignItems:"flex-end",gap:8,paddingHorizontal:_sharedUi.night.gutter,paddingTop:10,paddingBottom:6,borderTopWidth:_reactNative.StyleSheet.hairlineWidth,borderTopColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.bg},field:{flex:1,minHeight:MIN_INPUT_HEIGHT,justifyContent:"center",borderRadius:20,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.surfaceElevated},fieldDisabled:{opacity:.6},input:{maxHeight:MAX_INPUT_HEIGHT,paddingHorizontal:INPUT_PAD_H,paddingTop:INPUT_PAD_V,paddingBottom:INPUT_PAD_V,color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.row},inputEmpty:{height:MIN_INPUT_HEIGHT},button:{width:40,height:40,borderRadius:20,alignItems:"center",justifyContent:"center"},sendGlyph:{fontSize:20,fontWeight:"700",lineHeight:22},sendOn:{backgroundColor:_sharedUi.night.color.accent},sendOff:{backgroundColor:_sharedUi.night.color.fill},stop:{backgroundColor:_sharedUi.night.color.fillTertiary},queue:{backgroundColor:"transparent",borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.accentBorderStrong},stopGlyph:{width:12,height:12,borderRadius:2,backgroundColor:_sharedUi.night.color.text},pressed:{opacity:.7}});