@buoy-gg/ask-buoy 7.0.41 → 7.0.42

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

package/lib/module/components/Composer.js

@@ -1,250 +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:
- * - `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
+"use strict";import{useCallback as H,useEffect as x,useRef as _,useState as w}from"react";import{Platform as D,Pressable as p,StyleSheet as c,Text as C,TextInput as R,View as b}from"react-native";import{night as t}from"@buoy-gg/shared-ui";import{jsx as r,jsxs as E}from"react/jsx-runtime";const T=40;const G=120;const k=D.OS==="ios"?10:6;const W=16;export function Composer({onSend:h,onStop:I,busy:a,draft:l,onDraftTaken:y,disabled:n,placeholder:P,focusKey:g,canFocus:f=true}){const[i,u]=w("");const m=_(null);x(()=>{if(!g||!f||n)return;m.current?.focus()},[g,f,n]);x(()=>{if(!l)return;u(o=>o?`${o} ${l}`:l);y?.()},[l,y]);const d=H(()=>{const o=i.trim();if(!o)return;u("");h(o)},[i,h]);const s=i.trim().length>0&&!a&&!n;const S=i.trim().length>0&&a&&!n;return E(b,{style:e.wrap,children:[r(b,{style:[e.field,n&&e.fieldDisabled],children:r(R,{ref:m,testID:"buoy-ask-buoy-input",style:[e.input,i.length===0&&e.inputEmpty],value:i,onChangeText:u,placeholder:P??(n?"Ask Buoy isn't set up yet":"Ask, or tell it what to change\u2026"),placeholderTextColor:t.color.placeholder,multiline:true,editable:!n,keyboardType:"ascii-capable",autoCorrect:true,autoCapitalize:"sentences",blurOnSubmit:false,onSubmitEditing:d,returnKeyType:"send",maxLength:4e3})}),S&&r(p,{testID:"buoy-ask-buoy-queue",accessibilityRole:"button",accessibilityLabel:"Queue message",onPress:d,style:({pressed:o})=>[e.button,e.queue,o&&e.pressed],children:r(C,{style:[e.sendGlyph,{color:t.color.accent}],children:"\u2191"})}),a?r(p,{testID:"buoy-ask-buoy-stop",accessibilityRole:"button",accessibilityLabel:"Stop",onPress:I,style:({pressed:o})=>[e.button,e.stop,o&&e.pressed],children:r(b,{style:e.stopGlyph})}):r(p,{testID:"buoy-ask-buoy-send",accessibilityRole:"button",accessibilityLabel:"Send",disabled:!s,onPress:d,style:({pressed:o})=>[e.button,s?e.sendOn:e.sendOff,o&&s&&e.pressed],children:r(C,{style:[e.sendGlyph,{color:s?t.color.onAccent:t.color.textTertiary}],children:"\u2191"})})]})}const e=c.create({wrap:{flexDirection:"row",alignItems:"flex-end",gap:8,paddingHorizontal:t.gutter,paddingTop:10,paddingBottom:6,borderTopWidth:c.hairlineWidth,borderTopColor:t.color.border,backgroundColor:t.color.bg},field:{flex:1,minHeight:T,justifyContent:"center",borderRadius:20,borderWidth:c.hairlineWidth,borderColor:t.color.border,backgroundColor:t.color.surfaceElevated},fieldDisabled:{opacity:.6},input:{maxHeight:G,paddingHorizontal:W,paddingTop:k,paddingBottom:k,color:t.color.text,fontSize:t.font.row},inputEmpty:{height:T},button:{width:40,height:40,borderRadius:20,alignItems:"center",justifyContent:"center"},sendGlyph:{fontSize:20,fontWeight:"700",lineHeight:22},sendOn:{backgroundColor:t.color.accent},sendOff:{backgroundColor:t.color.fill},stop:{backgroundColor:t.color.fillTertiary},queue:{backgroundColor:"transparent",borderWidth:c.hairlineWidth,borderColor:t.color.accentBorderStrong},stopGlyph:{width:12,height:12,borderRadius:2,backgroundColor:t.color.text},pressed:{opacity:.7}});

package/lib/module/components/EmptyState.js

@@ -1,156 +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 { 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
+"use strict";import{Pressable as p,StyleSheet as c,Text as r,View as l}from"react-native";import{ChevronRight as b,night as e,NightSectionLabel as f}from"@buoy-gg/shared-ui";import{pickSuggestions as m}from"../store/suggestions";import{jsx as t,jsxs as n}from"react/jsx-runtime";const h=typeof __DEV__!=="undefined"&&!__DEV__;export function EmptyState({configured:i,onPick:s,availableToolIds:a=[],readOnly:d=false}){const u=m({availableToolIds:a,readOnly:d,isRelease:h});if(!i){return n(l,{style:o.wrap,testID:"buoy-ask-buoy-unconfigured",children:[t(r,{style:o.title,children:"Not set up yet"}),n(r,{style:o.body,children:["Ask Buoy talks to your own company's AI endpoint \u2014 nothing goes to Buoy. A developer needs to add the ",t(r,{style:o.code,children:"askBuoy"})," prop to"," ",t(r,{style:o.code,children:"<FloatingDevTools />"})," with your team's endpoint and model."]})]})}return n(l,{style:o.wrap,testID:"buoy-ask-buoy-empty",children:[t(r,{style:o.title,children:"Ask about this app"}),t(r,{style:o.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."}),t(r,{style:o.buildLine,testID:"buoy-ask-buoy-build-line",children:h?"Release build \u2014 reading, impersonation and navigation work; simulations (forcing server responses, driving the screen) need a dev build.":"Dev build \u2014 full simulation available."}),n(l,{style:o.group,children:[t(f,{children:"Try asking"}),t(l,{style:o.card,children:u.map((g,y)=>t(w,{text:g,onPick:s,last:y===u.length-1},g))})]})]})}function w({text:i,onPick:s,last:a}){return n(p,{testID:`buoy-ask-buoy-suggestion-${i.slice(0,12)}`,accessibilityRole:"button",onPress:()=>s(i),style:({pressed:d})=>[o.row,!a&&o.rowDivider,d&&o.pressed],children:[t(r,{style:o.rowText,children:i}),t(b,{size:14,color:e.color.textTertiary})]})}const o=c.create({wrap:{flex:1,justifyContent:"center",paddingHorizontal:e.gutter,paddingVertical:24,gap:8},title:{color:e.color.text,fontSize:22,fontWeight:"700",letterSpacing:-.3},body:{color:e.color.textSecondary,fontSize:e.font.body,lineHeight:20},code:{color:e.color.text,fontFamily:"Menlo"},buildLine:{marginTop:8,color:e.color.textTertiary,fontSize:e.font.micro,lineHeight:15},group:{marginTop:e.groupGap-8},card:{borderRadius:e.radius.card,borderWidth:c.hairlineWidth,borderColor:e.color.border,backgroundColor:e.color.surface,overflow:"hidden"},row:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:e.rowPadH,paddingVertical:13},rowDivider:{borderBottomWidth:c.hairlineWidth,borderBottomColor:e.color.separator},rowText:{flex:1,color:e.color.text,fontSize:e.font.body,lineHeight:19},pressed:{backgroundColor:e.color.fill}});