@buoy-gg/ask-buoy 7.0.34 → 7.0.36

package/lib/module/components/ChangesBar.js

@@ -1 +1,206 @@
-"use strict";import{useSyncExternalStore}from"react";import{Pressable,ScrollView,StyleSheet,Text,View}from"react-native";import{ChevronDown,ChevronRight,night}from"@buoy-gg/shared-ui";import{isReversible}from"@buoy-gg/agent-core";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const EMPTY=[];function useLedgerEntries(e){return useSyncExternalStore(t=>e?.subscribe(t)??(()=>{}),()=>e?.list()??EMPTY,()=>e?.list()??EMPTY)}export function ChangesBar({ledger:e,onUndoAll:t,expanded:o,onToggle:n}){const r=useLedgerEntries(e).filter(e=>!e.undoneAt),s=r.filter(e=>"transient"!==e.effect.kind);if(0===s.length)return null;const l=s.filter(e=>isReversible(e.effect)),i=s.length-l.length,a=r.length-s.length,c=o?ChevronDown:ChevronRight,d=[l.length>0?`${l.length} undoable`:null,i>0?`${i} permanent`:null].filter(Boolean).join(" · ");return _jsxs(View,{style:styles.wrap,children:[_jsxs(Pressable,{testID:"buoy-ask-buoy-changes-bar",accessibilityRole:"button",accessibilityState:{expanded:o},onPress:n,style:styles.bar,children:[_jsx(View,{style:styles.dot}),_jsx(Text,{style:styles.summary,numberOfLines:1,children:"Changed this app"}),_jsx(Text,{style:styles.counts,numberOfLines:1,children:d}),_jsx(c,{size:12,color:night.color.textSecondary})]}),o&&_jsxs(View,{style:styles.panel,children:[_jsxs(ScrollView,{style:styles.panelScroll,testID:"buoy-ask-buoy-changes-scroll",keyboardShouldPersistTaps:"handled",children:[s.map(e=>{const t=!isReversible(e.effect);return _jsxs(View,{style:styles.row,children:[_jsx(Text,{style:styles.rowLabel,children:e.effect.label}),_jsx(Text,{style:[styles.rowTag,t&&styles.rowTagMuted],children:t?"Permanent":"Undoable"})]},e.id)}),a>0&&_jsx(View,{style:styles.row,children:_jsxs(Text,{style:[styles.rowLabel,styles.rowLabelMuted],children:["Also did ",a," one-shot action",1===a?"":"s"," (navigation, taps) — nothing to undo."]})})]}),_jsxs(View,{style:styles.footer,children:[l.length>0&&_jsx(Pressable,{testID:"buoy-ask-buoy-undo-all",accessibilityRole:"button",onPress:t,style:({pressed:e})=>[styles.undo,e&&styles.pressed],children:_jsxs(Text,{style:styles.undoText,children:["Undo ",l.length," change",1===l.length?"":"s"]})}),i>0&&_jsx(Text,{style:styles.footnote,children:"Permanent changes can't be undone from here."})]})]})]})}const styles=StyleSheet.create({wrap:{borderBottomWidth:StyleSheet.hairlineWidth,borderBottomColor:night.color.border,backgroundColor:night.color.warningSoft},bar:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:night.gutter,paddingVertical:10},dot:{width:7,height:7,borderRadius:4,backgroundColor:night.color.warning},summary:{color:night.color.text,fontSize:night.font.caption,fontWeight:"600"},counts:{flex:1,color:night.color.textSecondary,fontSize:night.font.caption},panel:{paddingHorizontal:night.gutter,paddingBottom:12,gap:10},panelScroll:{maxHeight:180},row:{flexDirection:"row",alignItems:"flex-start",gap:10,paddingVertical:8,borderTopWidth:StyleSheet.hairlineWidth,borderTopColor:night.color.separator},rowLabel:{flex:1,color:night.color.text,fontSize:night.font.caption,lineHeight:18},rowTag:{color:night.color.accent,fontSize:night.font.micro,fontWeight:"600",letterSpacing:.6,textTransform:"uppercase",paddingTop:2},rowTagMuted:{color:night.color.textTertiary},rowLabelMuted:{color:night.color.textTertiary},footer:{flexDirection:"row",alignItems:"center",gap:12,flexWrap:"wrap"},undo:{paddingHorizontal:14,paddingVertical:8,borderRadius:night.radius.row,backgroundColor:night.color.button},undoText:{color:night.color.accent,fontSize:night.font.caption,fontWeight:"600"},footnote:{flex:1,color:night.color.textTertiary,fontSize:night.font.micro},pressed:{opacity:.7}});
+"use strict";
+
+/**
+ * "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.
+ */
+import { useSyncExternalStore } from "react";
+import { Pressable, ScrollView, StyleSheet, Text, View } from "react-native";
+import { ChevronDown, ChevronRight, night } from "@buoy-gg/shared-ui";
+import { isReversible } from "@buoy-gg/agent-core";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const EMPTY = [];
+function useLedgerEntries(ledger) {
+  return useSyncExternalStore(fn => ledger?.subscribe(fn) ?? (() => {}), () => ledger?.list() ?? EMPTY, () => ledger?.list() ?? EMPTY);
+}
+export 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 => isReversible(e.effect));
+  const permanent = changes.length - reversible.length;
+  const transients = outstanding.length - changes.length;
+  const Chevron = expanded ? ChevronDown : ChevronRight;
+  const counts = [reversible.length > 0 ? `${reversible.length} undoable` : null, permanent > 0 ? `${permanent} permanent` : null].filter(Boolean).join(" · ");
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.wrap,
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      testID: "buoy-ask-buoy-changes-bar",
+      accessibilityRole: "button",
+      accessibilityState: {
+        expanded
+      },
+      onPress: onToggle,
+      style: styles.bar,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.dot
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.summary,
+        numberOfLines: 1,
+        children: "Changed this app"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.counts,
+        numberOfLines: 1,
+        children: counts
+      }), /*#__PURE__*/_jsx(Chevron, {
+        size: 12,
+        color: night.color.textSecondary
+      })]
+    }), expanded && /*#__PURE__*/_jsxs(View, {
+      style: styles.panel,
+      children: [/*#__PURE__*/_jsxs(ScrollView, {
+        style: styles.panelScroll,
+        testID: "buoy-ask-buoy-changes-scroll",
+        keyboardShouldPersistTaps: "handled",
+        children: [changes.map(entry => {
+          const oneOff = !isReversible(entry.effect);
+          return /*#__PURE__*/_jsxs(View, {
+            style: styles.row,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.rowLabel,
+              children: entry.effect.label
+            }), /*#__PURE__*/_jsx(Text, {
+              style: [styles.rowTag, oneOff && styles.rowTagMuted],
+              children: oneOff ? "Permanent" : "Undoable"
+            })]
+          }, entry.id);
+        }), transients > 0 && /*#__PURE__*/_jsx(View, {
+          style: styles.row,
+          children: /*#__PURE__*/_jsxs(Text, {
+            style: [styles.rowLabel, styles.rowLabelMuted],
+            children: ["Also did ", transients, " one-shot action", transients === 1 ? "" : "s", " (navigation, taps) \u2014 nothing to undo."]
+          })
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.footer,
+        children: [reversible.length > 0 && /*#__PURE__*/_jsx(Pressable, {
+          testID: "buoy-ask-buoy-undo-all",
+          accessibilityRole: "button",
+          onPress: onUndoAll,
+          style: ({
+            pressed
+          }) => [styles.undo, pressed && styles.pressed],
+          children: /*#__PURE__*/_jsxs(Text, {
+            style: styles.undoText,
+            children: ["Undo ", reversible.length, " change", reversible.length === 1 ? "" : "s"]
+          })
+        }), permanent > 0 && /*#__PURE__*/_jsx(Text, {
+          style: styles.footnote,
+          children: "Permanent changes can't be undone from here."
+        })]
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  wrap: {
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: night.color.border,
+    backgroundColor: night.color.warningSoft
+  },
+  bar: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    paddingHorizontal: night.gutter,
+    paddingVertical: 10
+  },
+  dot: {
+    width: 7,
+    height: 7,
+    borderRadius: 4,
+    backgroundColor: night.color.warning
+  },
+  summary: {
+    color: night.color.text,
+    fontSize: night.font.caption,
+    fontWeight: "600"
+  },
+  counts: {
+    flex: 1,
+    color: night.color.textSecondary,
+    fontSize: night.font.caption
+  },
+  panel: {
+    paddingHorizontal: night.gutter,
+    paddingBottom: 12,
+    gap: 10
+  },
+  panelScroll: {
+    maxHeight: 180
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 10,
+    paddingVertical: 8,
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: night.color.separator
+  },
+  rowLabel: {
+    flex: 1,
+    color: night.color.text,
+    fontSize: night.font.caption,
+    lineHeight: 18
+  },
+  rowTag: {
+    color: night.color.accent,
+    fontSize: night.font.micro,
+    fontWeight: "600",
+    letterSpacing: 0.6,
+    textTransform: "uppercase",
+    paddingTop: 2
+  },
+  rowTagMuted: {
+    color: night.color.textTertiary
+  },
+  rowLabelMuted: {
+    color: night.color.textTertiary
+  },
+  footer: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    flexWrap: "wrap"
+  },
+  undo: {
+    paddingHorizontal: 14,
+    paddingVertical: 8,
+    borderRadius: night.radius.row,
+    backgroundColor: night.color.button
+  },
+  undoText: {
+    color: night.color.accent,
+    fontSize: night.font.caption,
+    fontWeight: "600"
+  },
+  footnote: {
+    flex: 1,
+    color: night.color.textTertiary,
+    fontSize: night.font.micro
+  },
+  pressed: {
+    opacity: 0.7
+  }
+});
+//# sourceMappingURL=ChangesBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSyncExternalStore","Pressable","ScrollView","StyleSheet","Text","View","ChevronDown","ChevronRight","night","isReversible","jsx","_jsx","jsxs","_jsxs","EMPTY","useLedgerEntries","ledger","fn","subscribe","list","ChangesBar","onUndoAll","expanded","onToggle","entries","outstanding","filter","e","undoneAt","changes","effect","kind","length","reversible","permanent","transients","Chevron","counts","Boolean","join","style","styles","wrap","children","testID","accessibilityRole","accessibilityState","onPress","bar","dot","summary","numberOfLines","size","color","textSecondary","panel","panelScroll","keyboardShouldPersistTaps","map","entry","oneOff","row","rowLabel","label","rowTag","rowTagMuted","id","rowLabelMuted","footer","pressed","undo","undoText","footnote","create","borderBottomWidth","hairlineWidth","borderBottomColor","border","backgroundColor","warningSoft","flexDirection","alignItems","gap","paddingHorizontal","gutter","paddingVertical","width","height","borderRadius","warning","text","fontSize","font","caption","fontWeight","flex","paddingBottom","maxHeight","borderTopWidth","borderTopColor","separator","lineHeight","accent","micro","letterSpacing","textTransform","paddingTop","textTertiary","flexWrap","radius","button","opacity"],"sourceRoot":"../../../src","sources":["components/ChangesBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Composer.js

@@ -1 +1,250 @@
-"use strict";import{useCallback,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";export function Composer({onSend:e,onStop:t,busy:o,disabled:s,placeholder:i}){const[l,r]=useState(""),n=useCallback(()=>{const t=l.trim();t&&(r(""),e(t))},[l,e]),a=l.trim().length>0&&!o&&!s;return _jsxs(View,{style:styles.wrap,children:[_jsx(View,{style:[styles.field,s&&styles.fieldDisabled],children:_jsx(TextInput,{testID:"buoy-ask-buoy-input",style:styles.input,value:l,onChangeText:r,placeholder:i??(s?"Ask Buoy isn't set up yet":"Ask, or tell it what to change…"),placeholderTextColor:night.color.placeholder,multiline:!0,editable:!s,keyboardType:"ascii-capable",autoCorrect:!0,autoCapitalize:"sentences",blurOnSubmit:!1,onSubmitEditing:n,returnKeyType:"send",maxLength:4e3})}),_jsx(Pressable,o?{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:!a,onPress:n,style:({pressed:e})=>[styles.button,a?styles.sendOn:styles.sendOff,e&&a&&styles.pressed],children:_jsx(Text,{style:[styles.sendGlyph,{color:a?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:"ios"===Platform.OS?10:6,paddingBottom:"ios"===Platform.OS?10:6,color:night.color.text,fontSize:night.font.row,lineHeight:20},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},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{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const isRelease="undefined"!=typeof __DEV__&&!__DEV__,SUGGESTIONS=["Why is this screen empty?","What did the last few network calls return?","Show me what's saved for this user","Make the next request to this screen fail with a 500"];export function EmptyState({configured:e,onPick:t}){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, and you can undo it."}),_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:SUGGESTIONS.map((e,o)=>_jsx(Suggestion,{text:e,onPick:t,last:o===SUGGESTIONS.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