@buoy-gg/ask-buoy 7.0.35 → 7.0.38

package/lib/module/components/AskBuoySettings.js

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

package/lib/module/components/ChangesBar.js

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

package/lib/module/components/Composer.js

@@ -1,170 +1 @@
-"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:
- * - `KeyboardAvoidingView` with `behavior="padding"`, iOS only. 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, 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,
-  onStop,
-  busy,
-  disabled,
-  placeholder
-}) {
-  const [text, setText] = useState("");
-  const submit = useCallback(() => {
-    const value = text.trim();
-    if (!value) return;
-    setText("");
-    onSend(value);
-  }, [text, onSend]);
-  const canSend = 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, {
-        testID: "buoy-ask-buoy-input",
-        style: styles.input,
-        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
-      })
-    }), 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: 40,
-    justifyContent: "center",
-    borderRadius: 20,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: night.color.border,
-    backgroundColor: night.color.surfaceElevated
-  },
-  fieldDisabled: {
-    opacity: 0.6
-  },
-  input: {
-    maxHeight: 120,
-    paddingHorizontal: 16,
-    paddingTop: Platform.OS === "ios" ? 10 : 6,
-    paddingBottom: Platform.OS === "ios" ? 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: 0.7
-  }
-});
-//# sourceMappingURL=Composer.js.map
+"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}});

package/lib/module/components/EmptyState.js

@@ -1,149 +1 @@
-"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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const isRelease = typeof __DEV__ !== "undefined" && !__DEV__;
-const 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,
-  onPick
-}) {
-  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, and you can undo it."
-    }), /*#__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
+"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}});

package/lib/module/components/KeyboardPad.js

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