@buoy-gg/ask-buoy 7.0.38 → 7.0.40

package/lib/module/components/Composer.js

@@ -1 +1,250 @@
-"use strict";import{useCallback,useEffect,useRef,useState}from"react";import{Platform,Pressable,StyleSheet,Text,TextInput,View}from"react-native";import{night}from"@buoy-gg/shared-ui";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const MIN_INPUT_HEIGHT=40,MAX_INPUT_HEIGHT=120,INPUT_PAD_V="ios"===Platform.OS?10:6,INPUT_PAD_H=16;export function Composer({onSend:e,onStop:t,busy:s,draft:o,onDraftTaken:r,disabled:l,placeholder:i,focusKey:n,canFocus:a=!0}){const[c,d]=useState(""),u=useRef(null);useEffect(()=>{n&&a&&!l&&u.current?.focus()},[n,a,l]),useEffect(()=>{o&&(d(e=>e?`${e} ${o}`:o),r?.())},[o,r]);const y=useCallback(()=>{const t=c.trim();t&&(d(""),e(t))},[c,e]),h=c.trim().length>0&&!s&&!l,b=c.trim().length>0&&s&&!l;return _jsxs(View,{style:styles.wrap,children:[_jsx(View,{style:[styles.field,l&&styles.fieldDisabled],children:_jsx(TextInput,{ref:u,testID:"buoy-ask-buoy-input",style:[styles.input,0===c.length&&styles.inputEmpty],value:c,onChangeText:d,placeholder:i??(l?"Ask Buoy isn't set up yet":"Ask, or tell it what to change…"),placeholderTextColor:night.color.placeholder,multiline:!0,editable:!l,keyboardType:"ascii-capable",autoCorrect:!0,autoCapitalize:"sentences",blurOnSubmit:!1,onSubmitEditing:y,returnKeyType:"send",maxLength:4e3})}),b&&_jsx(Pressable,{testID:"buoy-ask-buoy-queue",accessibilityRole:"button",accessibilityLabel:"Queue message",onPress:y,style:({pressed:e})=>[styles.button,styles.queue,e&&styles.pressed],children:_jsx(Text,{style:[styles.sendGlyph,{color:night.color.accent}],children:"↑"})}),_jsx(Pressable,s?{testID:"buoy-ask-buoy-stop",accessibilityRole:"button",accessibilityLabel:"Stop",onPress:t,style:({pressed:e})=>[styles.button,styles.stop,e&&styles.pressed],children:_jsx(View,{style:styles.stopGlyph})}:{testID:"buoy-ask-buoy-send",accessibilityRole:"button",accessibilityLabel:"Send",disabled:!h,onPress:y,style:({pressed:e})=>[styles.button,h?styles.sendOn:styles.sendOff,e&&h&&styles.pressed],children:_jsx(Text,{style:[styles.sendGlyph,{color:h?night.color.onAccent:night.color.textTertiary}],children:"↑"})})]})}const styles=StyleSheet.create({wrap:{flexDirection:"row",alignItems:"flex-end",gap:8,paddingHorizontal:night.gutter,paddingTop:10,paddingBottom:6,borderTopWidth:StyleSheet.hairlineWidth,borderTopColor:night.color.border,backgroundColor:night.color.bg},field:{flex:1,minHeight:40,justifyContent:"center",borderRadius:20,borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.border,backgroundColor:night.color.surfaceElevated},fieldDisabled:{opacity:.6},input:{maxHeight:120,paddingHorizontal:16,paddingTop:INPUT_PAD_V,paddingBottom:INPUT_PAD_V,color:night.color.text,fontSize: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:night.color.accent},sendOff:{backgroundColor:night.color.fill},stop:{backgroundColor:night.color.fillTertiary},queue:{backgroundColor:"transparent",borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.accentBorderStrong},stopGlyph:{width:12,height:12,borderRadius:2,backgroundColor:night.color.text},pressed:{opacity:.7}});
+"use strict";
+
+/**
+ * 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.
+ */
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Platform, Pressable, StyleSheet, Text, TextInput, View } from "react-native";
+import { night } from "@buoy-gg/shared-ui";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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 = Platform.OS === "ios" ? 10 : 6;
+const INPUT_PAD_H = 16;
+export function Composer({
+  onSend,
+  onStop,
+  busy,
+  draft,
+  onDraftTaken,
+  disabled,
+  placeholder,
+  focusKey,
+  canFocus = true
+}) {
+  const [text, setText] = useState("");
+  const inputRef = useRef(null);
+  useEffect(() => {
+    if (!focusKey || !canFocus || disabled) return;
+    inputRef.current?.focus();
+  }, [focusKey, canFocus, disabled]);
+  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 = 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__*/_jsxs(View, {
+    style: styles.wrap,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.field, disabled && styles.fieldDisabled],
+      children: /*#__PURE__*/_jsx(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: 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__*/_jsx(Pressable, {
+      testID: "buoy-ask-buoy-queue",
+      accessibilityRole: "button",
+      accessibilityLabel: "Queue message",
+      onPress: submit,
+      style: ({
+        pressed
+      }) => [styles.button, styles.queue, pressed && styles.pressed],
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.sendGlyph, {
+          color: night.color.accent
+        }],
+        children: "\u2191"
+      })
+    }), busy ? /*#__PURE__*/_jsx(Pressable, {
+      testID: "buoy-ask-buoy-stop",
+      accessibilityRole: "button",
+      accessibilityLabel: "Stop",
+      onPress: onStop,
+      style: ({
+        pressed
+      }) => [styles.button, styles.stop, pressed && styles.pressed],
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.stopGlyph
+      })
+    }) : /*#__PURE__*/_jsx(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__*/_jsx(Text, {
+        style: [styles.sendGlyph, {
+          color: canSend ? night.color.onAccent : night.color.textTertiary
+        }],
+        children: "\u2191"
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  wrap: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    gap: 8,
+    paddingHorizontal: night.gutter,
+    paddingTop: 10,
+    paddingBottom: 6,
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: night.color.border,
+    // Opaque: messages scroll UNDER the composer, and a translucent bar over
+    // moving text is unreadable.
+    backgroundColor: night.color.bg
+  },
+  field: {
+    flex: 1,
+    minHeight: MIN_INPUT_HEIGHT,
+    justifyContent: "center",
+    borderRadius: 20,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: night.color.border,
+    backgroundColor: 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: night.color.text,
+    fontSize: 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: night.color.accent
+  },
+  sendOff: {
+    backgroundColor: night.color.fill
+  },
+  stop: {
+    backgroundColor: 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: StyleSheet.hairlineWidth,
+    borderColor: night.color.accentBorderStrong
+  },
+  stopGlyph: {
+    width: 12,
+    height: 12,
+    borderRadius: 2,
+    backgroundColor: night.color.text
+  },
+  pressed: {
+    opacity: 0.7
+  }
+});
+//# sourceMappingURL=Composer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","Platform","Pressable","StyleSheet","Text","TextInput","View","night","jsx","_jsx","jsxs","_jsxs","MIN_INPUT_HEIGHT","MAX_INPUT_HEIGHT","INPUT_PAD_V","OS","INPUT_PAD_H","Composer","onSend","onStop","busy","draft","onDraftTaken","disabled","placeholder","focusKey","canFocus","text","setText","inputRef","current","focus","submit","value","trim","canSend","length","canQueue","style","styles","wrap","children","field","fieldDisabled","ref","testID","input","inputEmpty","onChangeText","placeholderTextColor","color","multiline","editable","keyboardType","autoCorrect","autoCapitalize","blurOnSubmit","onSubmitEditing","returnKeyType","maxLength","accessibilityRole","accessibilityLabel","onPress","pressed","button","queue","sendGlyph","accent","stop","stopGlyph","sendOn","sendOff","onAccent","textTertiary","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/module/components/EmptyState.js

@@ -1 +1,156 @@
-"use strict";import{Pressable,StyleSheet,Text,View}from"react-native";import{ChevronRight,night,NightSectionLabel}from"@buoy-gg/shared-ui";import{pickSuggestions}from"../store/suggestions";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const isRelease="undefined"!=typeof __DEV__&&!__DEV__;export function EmptyState({configured:e,onPick:t,availableToolIds:o=[],readOnly:i=!1}){const s=pickSuggestions({availableToolIds:o,readOnly:i,isRelease:isRelease});return _jsxs(View,e?{style:styles.wrap,testID:"buoy-ask-buoy-empty",children:[_jsx(Text,{style:styles.title,children:"Ask about this app"}),_jsx(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."}),_jsx(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."}),_jsxs(View,{style:styles.group,children:[_jsx(NightSectionLabel,{children:"Try asking"}),_jsx(View,{style:styles.card,children:s.map((e,o)=>_jsx(Suggestion,{text:e,onPick:t,last:o===s.length-1},e))})]})]}:{style:styles.wrap,testID:"buoy-ask-buoy-unconfigured",children:[_jsx(Text,{style:styles.title,children:"Not set up yet"}),_jsxs(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 ",_jsx(Text,{style:styles.code,children:"askBuoy"})," prop to"," ",_jsx(Text,{style:styles.code,children:"<FloatingDevTools />"})," with your team's endpoint and model."]})]})}function Suggestion({text:e,onPick:t,last:o}){return _jsxs(Pressable,{testID:`buoy-ask-buoy-suggestion-${e.slice(0,12)}`,accessibilityRole:"button",onPress:()=>t(e),style:({pressed:e})=>[styles.row,!o&&styles.rowDivider,e&&styles.pressed],children:[_jsx(Text,{style:styles.rowText,children:e}),_jsx(ChevronRight,{size:14,color:night.color.textTertiary})]})}const styles=StyleSheet.create({wrap:{flex:1,justifyContent:"center",paddingHorizontal:night.gutter,paddingVertical:24,gap:8},title:{color:night.color.text,fontSize:22,fontWeight:"700",letterSpacing:-.3},body:{color:night.color.textSecondary,fontSize:night.font.body,lineHeight:20},code:{color:night.color.text,fontFamily:"Menlo"},buildLine:{marginTop:8,color:night.color.textTertiary,fontSize:night.font.micro,lineHeight:15},group:{marginTop:night.groupGap-8},card:{borderRadius:night.radius.card,borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.border,backgroundColor:night.color.surface,overflow:"hidden"},row:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:night.rowPadH,paddingVertical:13},rowDivider:{borderBottomWidth:StyleSheet.hairlineWidth,borderBottomColor:night.color.separator},rowText:{flex:1,color:night.color.text,fontSize:night.font.body,lineHeight:19},pressed:{backgroundColor:night.color.fill}});
+"use strict";
+
+/**
+ * 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.
+ */
+import { Pressable, StyleSheet, Text, View } from "react-native";
+import { ChevronRight, night, NightSectionLabel } from "@buoy-gg/shared-ui";
+import { pickSuggestions } from "../store/suggestions";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const isRelease = typeof __DEV__ !== "undefined" && !__DEV__;
+export function EmptyState({
+  configured,
+  onPick,
+  availableToolIds = [],
+  readOnly = false
+}) {
+  const suggestions = pickSuggestions({
+    availableToolIds,
+    readOnly,
+    isRelease
+  });
+  if (!configured) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: styles.wrap,
+      testID: "buoy-ask-buoy-unconfigured",
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        children: "Not set up yet"
+      }), /*#__PURE__*/_jsxs(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__*/_jsx(Text, {
+          style: styles.code,
+          children: "askBuoy"
+        }), " prop to", " ", /*#__PURE__*/_jsx(Text, {
+          style: styles.code,
+          children: "<FloatingDevTools />"
+        }), " with your team's endpoint and model."]
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.wrap,
+    testID: "buoy-ask-buoy-empty",
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.title,
+      children: "Ask about this app"
+    }), /*#__PURE__*/_jsx(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__*/_jsx(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__*/_jsxs(View, {
+      style: styles.group,
+      children: [/*#__PURE__*/_jsx(NightSectionLabel, {
+        children: "Try asking"
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.card,
+        children: suggestions.map((s, i) => /*#__PURE__*/_jsx(Suggestion, {
+          text: s,
+          onPick: onPick,
+          last: i === suggestions.length - 1
+        }, s))
+      })]
+    })]
+  });
+}
+function Suggestion({
+  text,
+  onPick,
+  last
+}) {
+  return /*#__PURE__*/_jsxs(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__*/_jsx(Text, {
+      style: styles.rowText,
+      children: text
+    }), /*#__PURE__*/_jsx(ChevronRight, {
+      size: 14,
+      color: night.color.textTertiary
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  wrap: {
+    flex: 1,
+    justifyContent: "center",
+    paddingHorizontal: night.gutter,
+    paddingVertical: 24,
+    gap: 8
+  },
+  title: {
+    color: night.color.text,
+    fontSize: 22,
+    fontWeight: "700",
+    letterSpacing: -0.3
+  },
+  body: {
+    color: night.color.textSecondary,
+    fontSize: night.font.body,
+    lineHeight: 20
+  },
+  code: {
+    color: night.color.text,
+    fontFamily: "Menlo"
+  },
+  buildLine: {
+    marginTop: 8,
+    color: night.color.textTertiary,
+    fontSize: night.font.micro,
+    lineHeight: 15
+  },
+  group: {
+    marginTop: night.groupGap - 8
+  },
+  card: {
+    borderRadius: night.radius.card,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: night.color.border,
+    backgroundColor: night.color.surface,
+    overflow: "hidden"
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    paddingHorizontal: night.rowPadH,
+    paddingVertical: 13
+  },
+  rowDivider: {
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: night.color.separator
+  },
+  rowText: {
+    flex: 1,
+    color: night.color.text,
+    fontSize: night.font.body,
+    lineHeight: 19
+  },
+  pressed: {
+    backgroundColor: night.color.fill
+  }
+});
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","StyleSheet","Text","View","ChevronRight","night","NightSectionLabel","pickSuggestions","jsx","_jsx","jsxs","_jsxs","isRelease","__DEV__","EmptyState","configured","onPick","availableToolIds","readOnly","suggestions","style","styles","wrap","testID","children","title","body","code","buildLine","group","card","map","s","i","Suggestion","text","last","length","slice","accessibilityRole","onPress","pressed","row","rowDivider","rowText","size","color","textTertiary","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/module/components/KeyboardPad.js

@@ -1 +1,75 @@
-"use strict";import{useEffect,useRef}from"react";import{Animated,Easing,Keyboard,Platform,StyleSheet}from"react-native";import{jsx as _jsx}from"react/jsx-runtime";export function KeyboardPad({children:e}){const t=useRef(null),r=useRef(new Animated.Value(0)).current;return useEffect(()=>{if("ios"!==Platform.OS)return;const e=(e,t)=>{Animated.timing(r,{toValue:e,duration:t.duration||250,easing:Easing.bezier(.17,.59,.4,.77),useNativeDriver:!1}).start()},a=[Keyboard.addListener("keyboardWillChangeFrame",r=>{const a=t.current;a&&a.measureInWindow((t,a,n,i)=>{const s=a+i-r.endCoordinates.screenY;e(Math.max(0,s),r)})}),Keyboard.addListener("keyboardWillHide",t=>e(0,t))];return()=>a.forEach(e=>e.remove())},[r]),_jsx(Animated.View,{ref:t,style:[styles.flex,{paddingBottom:r}],children:e})}const styles=StyleSheet.create({flex:{flex:1}});
+"use strict";
+
+/**
+ * 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.
+ */
+import { useEffect, useRef } from "react";
+import { Animated, Easing, Keyboard, Platform, StyleSheet } from "react-native";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function KeyboardPad({
+  children
+}) {
+  const ref = useRef(null);
+  const pad = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    if (Platform.OS !== "ios") return;
+    const animateTo = (value, event) => {
+      Animated.timing(pad, {
+        toValue: value,
+        duration: event.duration || 250,
+        // iOS's keyboard curve; `keyboard` is the matching Easing preset.
+        easing: 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 = [Keyboard.addListener("keyboardWillChangeFrame", onChange), Keyboard.addListener("keyboardWillHide", onHide)];
+    return () => subs.forEach(s => s.remove());
+  }, [pad]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ref: ref,
+    style: [styles.flex, {
+      paddingBottom: pad
+    }],
+    children: children
+  });
+}
+const styles = StyleSheet.create({
+  flex: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=KeyboardPad.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","Animated","Easing","Keyboard","Platform","StyleSheet","jsx","_jsx","KeyboardPad","children","ref","pad","Value","current","OS","animateTo","value","event","timing","toValue","duration","easing","bezier","useNativeDriver","start","onChange","node","measureInWindow","_x","y","_w","h","overlap","endCoordinates","screenY","Math","max","onHide","subs","addListener","forEach","s","remove","View","style","styles","flex","paddingBottom","create"],"sourceRoot":"../../../src","sources":["components/KeyboardPad.tsx"],"mappings":";;AAAA;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;AACA,SAASA,SAAS,EAAEC,MAAM,QAAwB,OAAO;AACzD,SAASC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,UAAU,QAAkC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1G,OAAO,SAASC,WAAWA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EACjE,MAAMC,GAAG,GAAGV,MAAM,CAAO,IAAI,CAAC;EAC9B,MAAMW,GAAG,GAAGX,MAAM,CAAC,IAAIC,QAAQ,CAACW,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEjDd,SAAS,CAAC,MAAM;IACd,IAAIK,QAAQ,CAACU,EAAE,KAAK,KAAK,EAAE;IAE3B,MAAMC,SAAS,GAAGA,CAACC,KAAa,EAAEC,KAAoB,KAAK;MACzDhB,QAAQ,CAACiB,MAAM,CAACP,GAAG,EAAE;QACnBQ,OAAO,EAAEH,KAAK;QACdI,QAAQ,EAAEH,KAAK,CAACG,QAAQ,IAAI,GAAG;QAC/B;QACAC,MAAM,EAAEnB,MAAM,CAACoB,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,GAAIR,KAAoB,IAAK;MACzC,MAAMS,IAAI,GAAGhB,GAAG,CAACG,OAAO;MACxB,IAAI,CAACa,IAAI,EAAE;MACXA,IAAI,CAACC,eAAe,CAAC,CAACC,EAAE,EAAEC,CAAC,EAAEC,EAAE,EAAEC,CAAC,KAAK;QACrC,MAAMC,OAAO,GAAGH,CAAC,GAAGE,CAAC,GAAGd,KAAK,CAACgB,cAAc,CAACC,OAAO;QACpDnB,SAAS,CAACoB,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,OAAO,CAAC,EAAEf,KAAK,CAAC;MACxC,CAAC,CAAC;IACJ,CAAC;IACD,MAAMoB,MAAM,GAAIpB,KAAoB,IAAKF,SAAS,CAAC,CAAC,EAAEE,KAAK,CAAC;IAE5D,MAAMqB,IAAI,GAAG,CACXnC,QAAQ,CAACoC,WAAW,CAAC,yBAAyB,EAAEd,QAAQ,CAAC,EACzDtB,QAAQ,CAACoC,WAAW,CAAC,kBAAkB,EAAEF,MAAM,CAAC,CACjD;IACD,OAAO,MAAMC,IAAI,CAACE,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC;EAC9C,CAAC,EAAE,CAAC/B,GAAG,CAAC,CAAC;EAET,oBACEJ,IAAA,CAACN,QAAQ,CAAC0C,IAAI;IAACjC,GAAG,EAAEA,GAAI;IAACkC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,aAAa,EAAEpC;IAAI,CAAC,CAAE;IAAAF,QAAA,EACnEA;EAAQ,CACI,CAAC;AAEpB;AAEA,MAAMoC,MAAM,GAAGxC,UAAU,CAAC2C,MAAM,CAAC;EAAEF,IAAI,EAAE;IAAEA,IAAI,EAAE;EAAE;AAAE,CAAC,CAAC","ignoreList":[]}