@buoy-gg/ask-buoy 7.0.38 → 7.0.39

package/lib/commonjs/components/Composer.js

@@ -1 +1,255 @@
-"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}});
+"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

package/lib/commonjs/components/Composer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_sharedUi","_jsxRuntime","MIN_INPUT_HEIGHT","MAX_INPUT_HEIGHT","INPUT_PAD_V","Platform","OS","INPUT_PAD_H","Composer","onSend","onStop","busy","draft","onDraftTaken","disabled","placeholder","focusKey","canFocus","text","setText","useState","inputRef","useRef","useEffect","current","focus","submit","useCallback","value","trim","canSend","length","canQueue","jsxs","View","style","styles","wrap","children","jsx","field","fieldDisabled","TextInput","ref","testID","input","inputEmpty","onChangeText","placeholderTextColor","night","color","multiline","editable","keyboardType","autoCorrect","autoCapitalize","blurOnSubmit","onSubmitEditing","returnKeyType","maxLength","Pressable","accessibilityRole","accessibilityLabel","onPress","pressed","button","queue","Text","sendGlyph","accent","stop","stopGlyph","sendOn","sendOff","onAccent","textTertiary","StyleSheet","create","flexDirection","alignItems","gap","paddingHorizontal","gutter","paddingTop","paddingBottom","borderTopWidth","hairlineWidth","borderTopColor","border","backgroundColor","bg","flex","minHeight","justifyContent","borderRadius","borderWidth","borderColor","surfaceElevated","opacity","maxHeight","fontSize","font","row","height","width","fontWeight","lineHeight","fill","fillTertiary","accentBorderStrong"],"sourceRoot":"../../../src","sources":["components/Composer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/EmptyState.js

@@ -1 +1,161 @@
-"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}});
+"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

package/lib/commonjs/components/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_sharedUi","_suggestions","_jsxRuntime","isRelease","__DEV__","EmptyState","configured","onPick","availableToolIds","readOnly","suggestions","pickSuggestions","jsxs","View","style","styles","wrap","testID","children","jsx","Text","title","body","code","buildLine","group","NightSectionLabel","card","map","s","i","Suggestion","text","last","length","Pressable","slice","accessibilityRole","onPress","pressed","row","rowDivider","rowText","ChevronRight","size","color","night","textTertiary","StyleSheet","create","flex","justifyContent","paddingHorizontal","gutter","paddingVertical","gap","fontSize","fontWeight","letterSpacing","textSecondary","font","lineHeight","fontFamily","marginTop","micro","groupGap","borderRadius","radius","borderWidth","hairlineWidth","borderColor","border","backgroundColor","surface","overflow","flexDirection","alignItems","rowPadH","borderBottomWidth","borderBottomColor","separator","fill"],"sourceRoot":"../../../src","sources":["components/EmptyState.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/KeyboardPad.js

@@ -1 +1,80 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.KeyboardPad=KeyboardPad;var _react=require("react"),_reactNative=require("react-native"),_jsxRuntime=require("react/jsx-runtime");function KeyboardPad({children:e}){const t=(0,_react.useRef)(null),r=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;return(0,_react.useEffect)(()=>{if("ios"!==_reactNative.Platform.OS)return;const e=(e,t)=>{_reactNative.Animated.timing(r,{toValue:e,duration:t.duration||250,easing:_reactNative.Easing.bezier(.17,.59,.4,.77),useNativeDriver:!1}).start()},a=[_reactNative.Keyboard.addListener("keyboardWillChangeFrame",r=>{const a=t.current;a&&a.measureInWindow((t,a,i,n)=>{const c=a+n-r.endCoordinates.screenY;e(Math.max(0,c),r)})}),_reactNative.Keyboard.addListener("keyboardWillHide",t=>e(0,t))];return()=>a.forEach(e=>e.remove())},[r]),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{ref:t,style:[styles.flex,{paddingBottom:r}],children:e})}const styles=_reactNative.StyleSheet.create({flex:{flex:1}});
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KeyboardPad = KeyboardPad;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Keeps the composer above the iOS keyboard.
+ *
+ * Why not `KeyboardAvoidingView`: it takes its frame from `onLayout`, which
+ * is RELATIVE TO ITS PARENT, and compares that to the keyboard's SCREEN
+ * position. That only agrees when the view starts at the window's origin.
+ * Ask Buoy is a JsModal — an absolutely positioned sheet anchored to the
+ * bottom of the app tree — so the view's local bottom (a few hundred points
+ * into the sheet) sits well above the keyboard's screen Y, the overlap comes
+ * out as zero, and nothing moves. The keyboard drew over the composer with
+ * a "working" `KeyboardAvoidingView` around it.
+ *
+ * This measures the SAME thing in the SAME coordinate space: the wrapper's
+ * bottom edge in window coordinates via `measureInWindow`, against the
+ * keyboard's `endCoordinates.screenY`. The difference is the overlap, and it
+ * becomes bottom padding animated over the keyboard's own duration so the
+ * composer rides the keyboard instead of jumping after it.
+ *
+ * The wrapper is `flex: 1` inside a fixed-height sheet body, so its OUTER
+ * bounds never change when its padding does — re-measuring on a later
+ * frame-change event (a predictive-text bar appearing, an emoji keyboard)
+ * gives the same bottom edge.
+ *
+ * iOS only. Android's window resizes under the keyboard
+ * (`softwareKeyboardLayoutMode: "resize"`, both the Expo and the RN CLI
+ * template default) and a bottom-anchored sheet rides up for free; padding
+ * there would lift it twice. Web has no keyboard events and no keyboard.
+ */
+
+function KeyboardPad({
+  children
+}) {
+  const ref = (0, _react.useRef)(null);
+  const pad = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    if (_reactNative.Platform.OS !== "ios") return;
+    const animateTo = (value, event) => {
+      _reactNative.Animated.timing(pad, {
+        toValue: value,
+        duration: event.duration || 250,
+        // iOS's keyboard curve; `keyboard` is the matching Easing preset.
+        easing: _reactNative.Easing.bezier(0.17, 0.59, 0.4, 0.77),
+        useNativeDriver: false
+      }).start();
+    };
+    const onChange = event => {
+      const node = ref.current;
+      if (!node) return;
+      node.measureInWindow((_x, y, _w, h) => {
+        const overlap = y + h - event.endCoordinates.screenY;
+        animateTo(Math.max(0, overlap), event);
+      });
+    };
+    const onHide = event => animateTo(0, event);
+    const subs = [_reactNative.Keyboard.addListener("keyboardWillChangeFrame", onChange), _reactNative.Keyboard.addListener("keyboardWillHide", onHide)];
+    return () => subs.forEach(s => s.remove());
+  }, [pad]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    ref: ref,
+    style: [styles.flex, {
+      paddingBottom: pad
+    }],
+    children: children
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  flex: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=KeyboardPad.js.map

package/lib/commonjs/components/KeyboardPad.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_jsxRuntime","KeyboardPad","children","ref","useRef","pad","Animated","Value","current","useEffect","Platform","OS","animateTo","value","event","timing","toValue","duration","easing","Easing","bezier","useNativeDriver","start","onChange","node","measureInWindow","_x","y","_w","h","overlap","endCoordinates","screenY","Math","max","onHide","subs","Keyboard","addListener","forEach","s","remove","jsx","View","style","styles","flex","paddingBottom","StyleSheet","create"],"sourceRoot":"../../../src","sources":["components/KeyboardPad.tsx"],"mappings":";;;;;;AA4BA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA0G,IAAAE,WAAA,GAAAF,OAAA;AA7B1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIO,SAASG,WAAWA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EACjE,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAO,IAAI,CAAC;EAC9B,MAAMC,GAAG,GAAG,IAAAD,aAAM,EAAC,IAAIE,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEjD,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IAE3B,MAAMC,SAAS,GAAGA,CAACC,KAAa,EAAEC,KAAoB,KAAK;MACzDR,qBAAQ,CAACS,MAAM,CAACV,GAAG,EAAE;QACnBW,OAAO,EAAEH,KAAK;QACdI,QAAQ,EAAEH,KAAK,CAACG,QAAQ,IAAI,GAAG;QAC/B;QACAC,MAAM,EAAEC,mBAAM,CAACC,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC;QAC5CC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACZ,CAAC;IAED,MAAMC,QAAQ,GAAIT,KAAoB,IAAK;MACzC,MAAMU,IAAI,GAAGrB,GAAG,CAACK,OAAO;MACxB,IAAI,CAACgB,IAAI,EAAE;MACXA,IAAI,CAACC,eAAe,CAAC,CAACC,EAAE,EAAEC,CAAC,EAAEC,EAAE,EAAEC,CAAC,KAAK;QACrC,MAAMC,OAAO,GAAGH,CAAC,GAAGE,CAAC,GAAGf,KAAK,CAACiB,cAAc,CAACC,OAAO;QACpDpB,SAAS,CAACqB,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,OAAO,CAAC,EAAEhB,KAAK,CAAC;MACxC,CAAC,CAAC;IACJ,CAAC;IACD,MAAMqB,MAAM,GAAIrB,KAAoB,IAAKF,SAAS,CAAC,CAAC,EAAEE,KAAK,CAAC;IAE5D,MAAMsB,IAAI,GAAG,CACXC,qBAAQ,CAACC,WAAW,CAAC,yBAAyB,EAAEf,QAAQ,CAAC,EACzDc,qBAAQ,CAACC,WAAW,CAAC,kBAAkB,EAAEH,MAAM,CAAC,CACjD;IACD,OAAO,MAAMC,IAAI,CAACG,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC;EAC9C,CAAC,EAAE,CAACpC,GAAG,CAAC,CAAC;EAET,oBACE,IAAAL,WAAA,CAAA0C,GAAA,EAAC3C,YAAA,CAAAO,QAAQ,CAACqC,IAAI;IAACxC,GAAG,EAAEA,GAAI;IAACyC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,aAAa,EAAE1C;IAAI,CAAC,CAAE;IAAAH,QAAA,EACnEA;EAAQ,CACI,CAAC;AAEpB;AAEA,MAAM2C,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAAEH,IAAI,EAAE;IAAEA,IAAI,EAAE;EAAE;AAAE,CAAC,CAAC","ignoreList":[]}