@buoy-gg/ask-buoy 7.0.36 → 7.0.38

package/lib/commonjs/components/ChangesBar.js

@@ -1,211 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChangesBar = ChangesBar;
-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:!0}),exports.ChangesBar=ChangesBar;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_agentCore=require("@buoy-gg/agent-core"),_jsxRuntime=require("react/jsx-runtime");const EMPTY=[];function useLedgerEntries(e){return(0,_react.useSyncExternalStore)(t=>e?.subscribe(t)??(()=>{}),()=>e?.list()??EMPTY,()=>e?.list()??EMPTY)}function ChangesBar({ledger:e,onUndoAll:t,expanded:r,onToggle:i}){const n=useLedgerEntries(e).filter(e=>!e.undoneAt),s=n.filter(e=>"transient"!==e.effect.kind);if(0===s.length)return null;const o=s.filter(e=>(0,_agentCore.isReversible)(e.effect)),a=s.length-o.length,l=n.length-s.length,c=r?_sharedUi.ChevronDown:_sharedUi.ChevronRight,d=[o.length>0?`${o.length} undoable`:null,a>0?`${a} permanent`:null].filter(Boolean).join(" · ");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:r},onPress:i,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:d}),(0,_jsxRuntime.jsx)(c,{size:12,color:_sharedUi.night.color.textSecondary})]}),r&&(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:[s.map(e=>{const t=!(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,t&&styles.rowTagMuted],children:t?"Permanent":"Undoable"})]},e.id)}),l>0&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.row,children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[styles.rowLabel,styles.rowLabelMuted],children:["Also did ",l," one-shot action",1===l?"":"s"," (navigation, taps) — nothing to undo."]})})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.footer,children:[o.length>0&&(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-undo-all",accessibilityRole:"button",onPress:t,style:({pressed:e})=>[styles.undo,e&&styles.pressed],children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.undoText,children:["Undo ",o.length," change",1===o.length?"":"s"]})}),a>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:!0}),exports.Composer=Composer;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_jsxRuntime=require("react/jsx-runtime");const MIN_INPUT_HEIGHT=40,MAX_INPUT_HEIGHT=120,INPUT_PAD_V="ios"===_reactNative.Platform.OS?10:6,INPUT_PAD_H=16;function Composer({onSend:e,onStop:t,busy:s,draft:r,onDraftTaken:i,disabled:o,placeholder:a,focusKey:l,canFocus:n=!0}){const[c,d]=(0,_react.useState)(""),u=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{l&&n&&!o&&u.current?.focus()},[l,n,o]),(0,_react.useEffect)(()=>{r&&(d(e=>e?`${e} ${r}`:r),i?.())},[r,i]);const h=(0,_react.useCallback)(()=>{const t=c.trim();t&&(d(""),e(t))},[c,e]),y=c.trim().length>0&&!s&&!o,_=c.trim().length>0&&s&&!o;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.wrap,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.field,o&&styles.fieldDisabled],children:(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:u,testID:"buoy-ask-buoy-input",style:[styles.input,0===c.length&&styles.inputEmpty],value:c,onChangeText:d,placeholder:a??(o?"Ask Buoy isn't set up yet":"Ask, or tell it what to change…"),placeholderTextColor:_sharedUi.night.color.placeholder,multiline:!0,editable:!o,keyboardType:"ascii-capable",autoCorrect:!0,autoCapitalize:"sentences",blurOnSubmit:!1,onSubmitEditing:h,returnKeyType:"send",maxLength:4e3})}),_&&(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-queue",accessibilityRole:"button",accessibilityLabel:"Queue message",onPress:h,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:"↑"})}),s?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-stop",accessibilityRole:"button",accessibilityLabel:"Stop",onPress:t,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:!y,onPress:h,style:({pressed:e})=>[styles.button,y?styles.sendOn:styles.sendOff,e&&y&&styles.pressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.sendGlyph,{color:y?_sharedUi.night.color.onAccent:_sharedUi.night.color.textTertiary}],children:"↑"})})]})}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:40,justifyContent:"center",borderRadius:20,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.surfaceElevated},fieldDisabled:{opacity:.6},input:{maxHeight:120,paddingHorizontal:16,paddingTop:INPUT_PAD_V,paddingBottom:INPUT_PAD_V,color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.row},inputEmpty:{height:40},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}});

package/lib/commonjs/components/EmptyState.js

@@ -1,161 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmptyState = EmptyState;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _suggestions = require("../store/suggestions");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * The first screen.
- *
- * Written for someone who has never used a devtool. The suggestions are not
- * decoration — they are the fastest way to teach a tester what kind of sentence
- * works here, and they are phrased as outcomes ("why is this screen empty?")
- * rather than as tool names, because the tools are the thing this feature
- * exists to hide.
- */
-
-const isRelease = typeof __DEV__ !== "undefined" && !__DEV__;
-function EmptyState({
-  configured,
-  onPick,
-  availableToolIds = [],
-  readOnly = false
-}) {
-  const suggestions = (0, _suggestions.pickSuggestions)({
-    availableToolIds,
-    readOnly,
-    isRelease
-  });
-  if (!configured) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.wrap,
-      testID: "buoy-ask-buoy-unconfigured",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.title,
-        children: "Not set up yet"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.body,
-        children: ["Ask Buoy talks to your own company's AI endpoint \u2014 nothing goes to Buoy. A developer needs to add the ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.code,
-          children: "askBuoy"
-        }), " prop to", " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.code,
-          children: "<FloatingDevTools />"
-        }), " with your team's endpoint and model."]
-      })]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.wrap,
-    testID: "buoy-ask-buoy-empty",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.title,
-      children: "Ask about this app"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.body,
-      children: "Ask what the app is doing right now, or tell it to change something. Anything it changes shows up in a bar at the top, with what can be undone."
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.buildLine,
-      testID: "buoy-ask-buoy-build-line",
-      children: isRelease ? "Release build — reading, impersonation and navigation work; simulations (forcing server responses, driving the screen) need a dev build." : "Dev build — full simulation available."
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.group,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightSectionLabel, {
-        children: "Try asking"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.card,
-        children: suggestions.map((s, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Suggestion, {
-          text: s,
-          onPick: onPick,
-          last: i === suggestions.length - 1
-        }, s))
-      })]
-    })]
-  });
-}
-function Suggestion({
-  text,
-  onPick,
-  last
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-    testID: `buoy-ask-buoy-suggestion-${text.slice(0, 12)}`,
-    accessibilityRole: "button",
-    onPress: () => onPick(text),
-    style: ({
-      pressed
-    }) => [styles.row, !last && styles.rowDivider, pressed && styles.pressed],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.rowText,
-      children: text
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-      size: 14,
-      color: _sharedUi.night.color.textTertiary
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  wrap: {
-    flex: 1,
-    justifyContent: "center",
-    paddingHorizontal: _sharedUi.night.gutter,
-    paddingVertical: 24,
-    gap: 8
-  },
-  title: {
-    color: _sharedUi.night.color.text,
-    fontSize: 22,
-    fontWeight: "700",
-    letterSpacing: -0.3
-  },
-  body: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.body,
-    lineHeight: 20
-  },
-  code: {
-    color: _sharedUi.night.color.text,
-    fontFamily: "Menlo"
-  },
-  buildLine: {
-    marginTop: 8,
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: _sharedUi.night.font.micro,
-    lineHeight: 15
-  },
-  group: {
-    marginTop: _sharedUi.night.groupGap - 8
-  },
-  card: {
-    borderRadius: _sharedUi.night.radius.card,
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderColor: _sharedUi.night.color.border,
-    backgroundColor: _sharedUi.night.color.surface,
-    overflow: "hidden"
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    paddingHorizontal: _sharedUi.night.rowPadH,
-    paddingVertical: 13
-  },
-  rowDivider: {
-    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderBottomColor: _sharedUi.night.color.separator
-  },
-  rowText: {
-    flex: 1,
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.body,
-    lineHeight: 19
-  },
-  pressed: {
-    backgroundColor: _sharedUi.night.color.fill
-  }
-});
-//# sourceMappingURL=EmptyState.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EmptyState=EmptyState;var _reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_suggestions=require("../store/suggestions"),_jsxRuntime=require("react/jsx-runtime");const isRelease="undefined"!=typeof __DEV__&&!__DEV__;function EmptyState({configured:e,onPick:t,availableToolIds:i=[],readOnly:s=!1}){const r=(0,_suggestions.pickSuggestions)({availableToolIds:i,readOnly:s,isRelease:isRelease});return e?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.wrap,testID:"buoy-ask-buoy-empty",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.title,children:"Ask about this app"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.body,children:"Ask what the app is doing right now, or tell it to change something. Anything it changes shows up in a bar at the top, with what can be undone."}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.buildLine,testID:"buoy-ask-buoy-build-line",children:isRelease?"Release build — reading, impersonation and navigation work; simulations (forcing server responses, driving the screen) need a dev build.":"Dev build — full simulation available."}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.group,children:[(0,_jsxRuntime.jsx)(_sharedUi.NightSectionLabel,{children:"Try asking"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.card,children:r.map((e,i)=>(0,_jsxRuntime.jsx)(Suggestion,{text:e,onPick:t,last:i===r.length-1},e))})]})]}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.wrap,testID:"buoy-ask-buoy-unconfigured",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.title,children:"Not set up yet"}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.body,children:["Ask Buoy talks to your own company's AI endpoint — nothing goes to Buoy. A developer needs to add the ",(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.code,children:"askBuoy"})," prop to"," ",(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.code,children:"<FloatingDevTools />"})," with your team's endpoint and model."]})]})}function Suggestion({text:e,onPick:t,last:i}){return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{testID:`buoy-ask-buoy-suggestion-${e.slice(0,12)}`,accessibilityRole:"button",onPress:()=>t(e),style:({pressed:e})=>[styles.row,!i&&styles.rowDivider,e&&styles.pressed],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rowText,children:e}),(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:14,color:_sharedUi.night.color.textTertiary})]})}const styles=_reactNative.StyleSheet.create({wrap:{flex:1,justifyContent:"center",paddingHorizontal:_sharedUi.night.gutter,paddingVertical:24,gap:8},title:{color:_sharedUi.night.color.text,fontSize:22,fontWeight:"700",letterSpacing:-.3},body:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.body,lineHeight:20},code:{color:_sharedUi.night.color.text,fontFamily:"Menlo"},buildLine:{marginTop:8,color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.micro,lineHeight:15},group:{marginTop:_sharedUi.night.groupGap-8},card:{borderRadius:_sharedUi.night.radius.card,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.surface,overflow:"hidden"},row:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:_sharedUi.night.rowPadH,paddingVertical:13},rowDivider:{borderBottomWidth:_reactNative.StyleSheet.hairlineWidth,borderBottomColor:_sharedUi.night.color.separator},rowText:{flex:1,color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.body,lineHeight:19},pressed:{backgroundColor:_sharedUi.night.color.fill}});