@buoy-gg/ask-buoy 7.0.41 → 7.0.43

package/lib/module/components/AskBuoyModal.js

@@ -1,478 +1,3 @@
-"use strict";
+"use strict";import{useCallback as a,useEffect as g,useMemo as A,useRef as p,useState as P}from"react";import{Alert as W,Animated as I,StyleSheet as we,Text as Ce,View as G}from"react-native";import{isReversible as xe}from"@buoy-gg/agent-core";import{dispatchToolAction as Be,FeatureGate as $e,Info as Pe,JsModal as Ie,ModalHeader as H,night as f,setToolAttention as l,useSafeAreaInsets as He}from"@buoy-gg/shared-ui";import{BlockHandlersProvider as Le}from"../blocks";import{ApprovalCard as Me}from"./ApprovalCard";import{ChangesBar as Oe,useLedgerEntries as Re}from"./ChangesBar";import{ruleStatesFrom as De}from"../blocks/ruleStates";import{Composer as Ke}from"./Composer";import{KeyboardPad as Ee}from"./KeyboardPad";import{AskBuoyHeader as Ne}from"./AskBuoyHeader";import{AskBuoySettings as je}from"./AskBuoySettings";import{EmptyState as Fe}from"./EmptyState";import{MessageList as qe,transcriptToText as Ue}from"./MessageList";import{QueuedMessages as Ve}from"./QueuedMessages";import{askBuoyStore as i,queuePauseReason as _e}from"../store/askBuoyStore";import{TICKET_PROMPT as ze}from"../store/ticketPrompt";import{useAskBuoy as Qe}from"../store/useAskBuoy";import{useAskBuoySettings as We}from"../store/useAskBuoySettings";import{jsx as n,jsxs as T,Fragment as Ge}from"react/jsx-runtime";export function AskBuoyModal({visible:w,onClose:M,onBack:O,onMinimize:m,persistenceKey:J,config:y}){const{state:e,send:h,stop:C,reset:b,undoThenReset:R,approve:X,retry:Y,answer:D,runAction:K,editQueued:Z,removeQueued:ee,configured:x,toolCount:te,availableToolIds:se}=Qe(y);const[ne,oe]=P(false);const re=a(()=>{C();M()},[C,M]);const ae=a(()=>i.clearDraft(),[]);const[k,B]=P(false);const ie=a(()=>B(false),[]);const le=a(()=>B(true),[]);const u=!w;const E=!!e.pending||!!e.awaitingBlockId;const o=e.messages[e.messages.length-1];const v=p(false);const N=p(e.busy);g(()=>{if(u&&N.current&&!e.busy)v.current=true;if(!u)v.current=false;N.current=e.busy},[u,e.busy]);g(()=>{if(!u){l("ask-buoy",null);return}if(E){l("ask-buoy",{kind:"needsInput",label:e.pending?"Needs your approval":"Has a question for you"})}else if(v.current&&o?.role==="assistant"&&o.error){l("ask-buoy",{kind:"failed",label:"The last turn failed"})}else if(v.current&&!e.busy){l("ask-buoy",{kind:"done",label:"Finished"})}else{l("ask-buoy",null)}},[u,E,e.busy,e.pending,o]);g(()=>()=>l("ask-buoy",null),[]);g(()=>{if(e.pending&&k)B(false)},[e.pending,k]);const ue=He({minBottom:16});const[ce,de]=P("bottomSheet");const ge=ce==="floating"?0:ue.bottom;const pe=a(()=>{const t=i.getLedger();if(!t)return;void(async()=>{const s=await t.revertAll(Be);if(s.failed.length===0){i.setNotice(null);return}const r=s.failed.map(d=>`${d.label} (${d.error})`).join("; ");i.setNotice(`Couldn't undo ${s.failed.length} change${s.failed.length===1?"":"s"} \u2014 ${r}`)})()},[]);const fe=a(()=>oe(t=>!t),[]);const c=p(new I.Value(560)).current;const $=p(false);const j=a(()=>{if($.current)return;$.current=true;c.stopAnimation(t=>{const s=typeof t==="number"&&t>200?t:560;I.timing(c,{toValue:120,duration:220,useNativeDriver:false}).start(()=>{setTimeout(()=>{I.spring(c,{toValue:s,friction:9,useNativeDriver:false}).start(()=>{$.current=false})},2500)})})},[c]);const S=A(()=>{const t=e.messages[e.messages.length-1];if(!t||t.role!=="assistant")return"";const s=t.blocks.filter(r=>r.block.kind==="peek").length;return s>0?`${t.id}:${s}`:""},[e.messages]);const F=p("");g(()=>{if(S&&S!==F.current&&y?.peek!==false)j();F.current=S},[S,j,y]);const me=a(()=>{const t=i.getLedger();const s=t?.list().filter(r=>!r.undoneAt&&xe(r.effect)).length??0;if(s===0){b();return}W.alert("Undo changes first?",`Ask Buoy made ${s} change${s===1?"":"s"} that can still be undone. Clearing the conversation loses the only automatic undo for ${s===1?"it":"them"}.`,[{text:"Undo, then clear",onPress:()=>{void(async()=>{const r=await R();if(r.cleared)return;const d=r.reverted+r.failed.length;const Te=r.failed.map(Q=>`${Q.label} (${Q.error})`).join("\n");W.alert(`Couldn't undo ${r.failed.length} of ${d} change${d===1?"":"s"}`,`${Te}
 
-/**
- * Ask Buoy — the sheet.
- *
- * Manual JsModal chrome rather than the declarative `InstalledApp.modal` path,
- * because `ToolModalShell` forwards neither `footer`/`footerHeight` nor
- * `initialHeight`, and a conversation in a 400pt sheet with no sticky composer
- * is not usable.
- *
- * The layout rules here are all learned ones, each noted at its line: one
- * scroller owned by the message list, no animated background competing with
- * streaming text, transparent containers so the sheet's own chrome shows, and
- * an iOS-only keyboard offset.
- *
- * Top to bottom: header (title, live status, new-conversation) · changes bar
- * (only once something has been changed) · transcript · approval card (only
- * with `requireApproval`) · composer. Nothing else. The old "New conversation"
- * text link under the composer is gone — it is the header's + button now.
- */
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Alert, Animated, StyleSheet, Text, View } from "react-native";
-import { isReversible } from "@buoy-gg/agent-core";
-import { dispatchToolAction, FeatureGate, Info, JsModal, ModalHeader, night, setToolAttention, useSafeAreaInsets } from "@buoy-gg/shared-ui";
-import { BlockHandlersProvider } from "../blocks";
-import { ApprovalCard } from "./ApprovalCard";
-import { ChangesBar, useLedgerEntries } from "./ChangesBar";
-import { ruleStatesFrom } from "../blocks/ruleStates";
-import { Composer } from "./Composer";
-import { KeyboardPad } from "./KeyboardPad";
-import { AskBuoyHeader } from "./AskBuoyHeader";
-import { AskBuoySettings } from "./AskBuoySettings";
-import { EmptyState } from "./EmptyState";
-import { MessageList, transcriptToText } from "./MessageList";
-import { QueuedMessages } from "./QueuedMessages";
-import { askBuoyStore, queuePauseReason } from "../store/askBuoyStore";
-import { TICKET_PROMPT } from "../store/ticketPrompt";
-import { useAskBuoy } from "../store/useAskBuoy";
-import { useAskBuoySettings } from "../store/useAskBuoySettings";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export function AskBuoyModal({
-  visible,
-  onClose,
-  onBack,
-  onMinimize,
-  persistenceKey,
-  config
-}) {
-  const {
-    state,
-    send,
-    stop,
-    reset,
-    undoThenReset,
-    approve,
-    retry,
-    answer,
-    runAction,
-    editQueued,
-    removeQueued,
-    configured,
-    toolCount,
-    availableToolIds
-  } = useAskBuoy(config);
-  const [changesOpen, setChangesOpen] = useState(false);
-
-  /**
-   * Closing the sheet stops the turn.
-   *
-   * It did not, and the turn had no Stop left once the window was gone: closed
-   * mid-answer, the agent ran on invisibly — finishing tool calls and writing
-   * a full reply into a transcript nobody was watching. Dismissing the chat is
-   * the most natural "make it stop" gesture there is, and tool calls CHANGE
-   * THE APP, so a turn nobody can see or halt is the wrong thing to leave
-   * running. Minimise is the affordance for "keep going while I look" — that
-   * one deliberately does not stop anything.
-   */
-  const closeAndStop = useCallback(() => {
-    stop();
-    onClose();
-  }, [stop, onClose]);
-  const takeDraft = useCallback(() => askBuoyStore.clearDraft(), []);
-
-  /**
-   * Settings replaces the transcript in place rather than opening over it. The
-   * sheet's own back arrow is the way out, and the conversation is untouched
-   * underneath — a toggle you flip here should be visible the moment you go
-   * back, not after dismissing something.
-   */
-  const [showSettings, setShowSettings] = useState(false);
-  const closeSettings = useCallback(() => setShowSettings(false), []);
-  const openSettings = useCallback(() => setShowSettings(true), []);
-
-  /**
-   * An approval that arrives while the sheet is hidden HOLDS, and the rail says
-   * so.
-   *
-   * It used to auto-decline: minimised, the card was simply not on screen —
-   * the host keeps this component mounted with `visible={false}` — so the turn
-   * parked on a promise nobody could answer, and failing safe meant declining
-   * the change and ending the turn. Which made minimise mean "stop", the
-   * opposite of what it is for ("keep going while I look at the app").
-   *
-   * Now the chip in the minimised rail gets a badge — "!" for needs-input, a
-   * dot for finished or failed — through the `setToolAttention` seam, and
-   * tapping the chip is the existing restore path, so the card is one tap
-   * away rather than gone. The approval wait is already excluded from the
-   * turn's deadline, so holding costs nothing. Closing the sheet still stops.
-   *
-   * The settings view hides the card while `visible` stays true, so a question
-   * arriving there flips back to the chat: a card you cannot see is the
-   * original bug in a different coat.
-   */
-  const hidden = !visible;
-  const awaitingUser = !!state.pending || !!state.awaitingBlockId;
-  const lastMessage = state.messages[state.messages.length - 1];
-  const finishedWhileHidden = useRef(false);
-  const wasBusy = useRef(state.busy);
-  useEffect(() => {
-    if (hidden && wasBusy.current && !state.busy) finishedWhileHidden.current = true;
-    if (!hidden) finishedWhileHidden.current = false;
-    wasBusy.current = state.busy;
-  }, [hidden, state.busy]);
-  useEffect(() => {
-    if (!hidden) {
-      setToolAttention("ask-buoy", null);
-      return;
-    }
-    if (awaitingUser) {
-      setToolAttention("ask-buoy", {
-        kind: "needsInput",
-        label: state.pending ? "Needs your approval" : "Has a question for you"
-      });
-    } else if (finishedWhileHidden.current && lastMessage?.role === "assistant" && lastMessage.error) {
-      setToolAttention("ask-buoy", {
-        kind: "failed",
-        label: "The last turn failed"
-      });
-    } else if (finishedWhileHidden.current && !state.busy) {
-      setToolAttention("ask-buoy", {
-        kind: "done",
-        label: "Finished"
-      });
-    } else {
-      setToolAttention("ask-buoy", null);
-    }
-  }, [hidden, awaitingUser, state.busy, state.pending, lastMessage]);
-  useEffect(() => () => setToolAttention("ask-buoy", null), []);
-  useEffect(() => {
-    if (state.pending && showSettings) setShowSettings(false);
-  }, [state.pending, showSettings]);
-  // A hardcoded device map, not the native library — an unmapped phone
-  // silently returns bottom: 0, which is how footers ended up sitting on the
-  // home indicator.
-  const insets = useSafeAreaInsets({
-    minBottom: 16
-  });
-  /**
-   * The safe-area inset is for the HOME INDICATOR, and only a bottom sheet
-   * touches it. A floating window is positioned away from the screen edge and
-   * clips its own rounded corner, so the same padding is just a band of dead
-   * space under the composer in the smallest layout the tool has.
-   *
-   * JsModal owns the mode (it restores a persisted one on mount and reports it
-   * here), so this mirrors rather than decides. Default matches JsModal's own:
-   * a sheet until told otherwise.
-   */
-  const [mode, setMode] = useState("bottomSheet");
-  const bottomInset = mode === "floating" ? 0 : insets.bottom;
-
-  /**
-   * `dispatchToolAction` is imported STATICALLY at the top of this file, not
-   * with `import()`. A dynamic import here resolves through Metro's
-   * async-require path, which in a lazy dev bundle rejects with "Expected
-   * HMRClient.setup() call at startup" — and because the promise was voided,
-   * Undo did nothing at all while the bar went on claiming the changes were
-   * undoable. shared-ui is already a static dependency of this component.
-   *
-   * A failed revert is SHOWN. `revertAll` reports what it could not put back,
-   * and swallowing that is the same failure in a quieter form: the whole
-   * reason mutations may auto-run is that undo is real.
-   */
-  const undoAll = useCallback(() => {
-    const ledger = askBuoyStore.getLedger();
-    if (!ledger) return;
-    void (async () => {
-      const outcome = await ledger.revertAll(dispatchToolAction);
-      if (outcome.failed.length === 0) {
-        askBuoyStore.setNotice(null);
-        return;
-      }
-      const detail = outcome.failed.map(f => `${f.label} (${f.error})`).join("; ");
-      askBuoyStore.setNotice(`Couldn't undo ${outcome.failed.length} change${outcome.failed.length === 1 ? "" : "s"} — ${detail}`);
-    })();
-  }, []);
-  const toggleChanges = useCallback(() => setChangesOpen(v => !v), []);
-
-  /**
-   * PEEK. When the agent navigates or taps, the sheet drops to a 120pt strip
-   * for ~2.5s so the user watches the app do it, then springs back to the
-   * height it had (including a user's drag-resize — the value is read live,
-   * never assumed). Rides JsModal's external `animatedHeight` seam, so the
-   * modal's own drag-resize keeps working on the same value.
-   */
-  const sheetHeight = useRef(new Animated.Value(560)).current;
-  const peeking = useRef(false);
-  const runPeek = useCallback(() => {
-    if (peeking.current) return;
-    peeking.current = true;
-    sheetHeight.stopAnimation(from => {
-      const restoreTo = typeof from === "number" && from > 200 ? from : 560;
-      Animated.timing(sheetHeight, {
-        toValue: 120,
-        duration: 220,
-        useNativeDriver: false
-      }).start(() => {
-        setTimeout(() => {
-          Animated.spring(sheetHeight, {
-            toValue: restoreTo,
-            friction: 9,
-            useNativeDriver: false
-          }).start(() => {
-            peeking.current = false;
-          });
-        }, 2500);
-      });
-    });
-  }, [sheetHeight]);
-
-  // A new `peek` receipt (navigate, tap) triggers the shrink. Keyed by
-  // message id + count so a fresh assistant message restarts the count.
-  const peekKey = useMemo(() => {
-    const last = state.messages[state.messages.length - 1];
-    if (!last || last.role !== "assistant") return "";
-    const peeks = last.blocks.filter(p => p.block.kind === "peek").length;
-    return peeks > 0 ? `${last.id}:${peeks}` : "";
-  }, [state.messages]);
-  const prevPeekKey = useRef("");
-  useEffect(() => {
-    if (peekKey && peekKey !== prevPeekKey.current && config?.peek !== false) runPeek();
-    prevPeekKey.current = peekKey;
-  }, [peekKey, runPeek, config]);
-
-  /**
-   * New conversation, guarded. Clearing the session clears the ledger — the
-   * ONLY undo surface — while the agent's changes stay live in the app, so
-   * with reversible changes outstanding the user chooses their fate first.
-   *
-   * "Undo, then clear" reads the outcome. It did not: two of five reverts
-   * would fail (a key changed since) and the conversation cleared anyway,
-   * leaving two changes live with no record. Now a failed undo keeps the
-   * conversation and names what is still applied; clearing is a second,
-   * explicit tap. See resetConversation.ts.
-   */
-  const confirmReset = useCallback(() => {
-    const ledger = askBuoyStore.getLedger();
-    const reversible = ledger?.list().filter(e => !e.undoneAt && isReversible(e.effect)).length ?? 0;
-    if (reversible === 0) {
-      reset();
-      return;
-    }
-    Alert.alert("Undo changes first?", `Ask Buoy made ${reversible} change${reversible === 1 ? "" : "s"} that can still be undone. Clearing the conversation loses the only automatic undo for ${reversible === 1 ? "it" : "them"}.`, [{
-      text: "Undo, then clear",
-      onPress: () => {
-        void (async () => {
-          const outcome = await undoThenReset();
-          if (outcome.cleared) return;
-          const total = outcome.reverted + outcome.failed.length;
-          const stillApplied = outcome.failed.map(f => `${f.label} (${f.error})`).join("\n");
-          Alert.alert(`Couldn't undo ${outcome.failed.length} of ${total} change${total === 1 ? "" : "s"}`, `${stillApplied}\n\nStill applied in the app. Clear the conversation anyway?`, [{
-            text: "Keep conversation",
-            style: "cancel"
-          }, {
-            text: "Clear anyway",
-            style: "destructive",
-            onPress: reset
-          }]);
-        })();
-      }
-    }, {
-      text: "Clear anyway",
-      style: "destructive",
-      onPress: reset
-    }, {
-      text: "Cancel",
-      style: "cancel"
-    }]);
-  }, [reset, undoThenReset]);
-
-  // The header's live status: the title of whichever tool call is in flight.
-  const activeLabel = useMemo(() => {
-    const last = state.messages[state.messages.length - 1];
-    if (!last || last.role !== "assistant" || !last.streaming) return null;
-    return last.toolCalls.find(c => c.status === "running")?.label ?? null;
-  }, [state.messages]);
-
-  /**
-   * What a block can do in THIS host. `minimize` collapses the sheet to the
-   * rail so the user can look at the app (the peek chip). `openTool` has no
-   * seam yet, so those buttons don't render here rather than render dead.
-   */
-  const ledgerEntries = useLedgerEntries(askBuoyStore.getLedger());
-  const ruleStates = useMemo(() => ruleStatesFrom(ledgerEntries), [ledgerEntries]);
-  const blockHandlers = useMemo(() => ({
-    answer,
-    runAction: (action, blockId) => {
-      if (action.minimize) {
-        onMinimize?.({
-          mode: "bottomSheet"
-        });
-        return;
-      }
-      return runAction(action, blockId);
-    },
-    answered: state.answers,
-    actionState: state.actionState,
-    busy: state.busy,
-    supports: {
-      openTool: false,
-      minimize: !!onMinimize,
-      dispatch: true
-    },
-    rules: ruleStates
-  }), [answer, runAction, onMinimize, state.answers, state.actionState, state.busy, ruleStates]);
-
-  // The last assistant turn carrying an error is the only "it went wrong"
-  // signal the header can read; it clears as soon as the next send starts.
-  const failed = !state.busy && lastMessage?.role === "assistant" && !!lastMessage.error;
-  /**
-   * Stop invites a redirect. The turn just ended because the user said so;
-   * the likeliest next move is "do this instead", not "do that again" — so
-   * the composer takes focus with that prompt. Keyed by the stopped message so
-   * it happens once per stop, and only while the sheet is on screen.
-   */
-  const redirectKey = !state.busy && lastMessage?.role === "assistant" && lastMessage.stopped && !lastMessage.error ? lastMessage.id : null;
-  const queuePaused = queuePauseReason(state);
-
-  // Built on press, not on render — a streaming answer would otherwise rebuild
-  // the whole transcript on every frame for a button nobody tapped.
-  const {
-    showThinking,
-    readOnly
-  } = useAskBuoySettings();
-  const getTranscript = useCallback(() => transcriptToText(state.messages, showThinking), [state.messages, showThinking]);
-  const requestTicket = useCallback(() => send(TICKET_PROMPT), [send]);
-  const header = showSettings ? /*#__PURE__*/_jsxs(ModalHeader, {
-    children: [/*#__PURE__*/_jsx(ModalHeader.Navigation, {
-      onBack: closeSettings
-    }), /*#__PURE__*/_jsx(ModalHeader.Content, {
-      title: "Settings",
-      subtitle: "Ask Buoy",
-      testID: "buoy-ask-buoy-settings-title"
-    })]
-  }) : /*#__PURE__*/_jsx(AskBuoyHeader, {
-    configured: configured,
-    busy: state.busy,
-    failed: failed,
-    activeLabel: activeLabel,
-    awaitingApproval: !!state.pending,
-    startedAt: lastMessage?.role === "assistant" && lastMessage.streaming ? lastMessage.startedAt ?? null : null,
-    stopping: state.stopping,
-    readOnly: readOnly,
-    toolCount: toolCount,
-    hasMessages: state.messages.length > 0,
-    onBack: onBack,
-    onReset: confirmReset,
-    getTranscript: getTranscript,
-    onOpenSettings: openSettings,
-    onTicket: requestTicket
-  });
-  return /*#__PURE__*/_jsx(JsModal, {
-    visible: visible,
-    onClose: closeAndStop
-    // The message list is the only scroller. JsModal's default wrapper is
-    // flexGrow:1, which makes a nested flex:1 scroller resolve against the
-    // content and never scroll at all.
-    ,
-    disableScrollWrapper: true
-    // ToolBackground is an animated star field. A chat re-renders on every
-    // streamed token; two continuous animations competing is a dropped
-    // frame budget for no benefit.
-    ,
-    background: false,
-    initialHeight: 560,
-    animatedHeight: sheetHeight,
-    header: {
-      customContent: header,
-      showToggleButton: false
-    },
-    onBack: onBack,
-    onMinimize: onMinimize,
-    onModeChange: setMode,
-    persistenceKey: persistenceKey ?? "buoy-ask-buoy",
-    enablePersistence: true,
-    children: /*#__PURE__*/_jsx(BlockHandlersProvider, {
-      value: blockHandlers,
-      children: /*#__PURE__*/_jsxs(View, {
-        style: [styles.root, {
-          paddingBottom: bottomInset
-        }],
-        children: [/*#__PURE__*/_jsx(ChangesBar, {
-          ledger: askBuoyStore.getLedger(),
-          onUndoAll: undoAll,
-          expanded: changesOpen,
-          onToggle: toggleChanges
-        }), state.notice && /*#__PURE__*/_jsxs(View, {
-          style: styles.notice,
-          testID: "buoy-ask-buoy-notice",
-          children: [/*#__PURE__*/_jsx(Info, {
-            size: 14,
-            color: night.color.info
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.noticeText,
-            children: state.notice
-          })]
-        }), /*#__PURE__*/_jsx(KeyboardPad, {
-          children: /*#__PURE__*/_jsx(FeatureGate, {
-            featureName: "Ask Buoy",
-            children: showSettings ? /*#__PURE__*/_jsx(AskBuoySettings, {}) : /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsx(MessageList, {
-                messages: state.messages,
-                onRetry: retry,
-                waitingOnUser: !!state.pending || !!state.awaitingBlockId,
-                ListEmptyComponent: /*#__PURE__*/_jsx(EmptyState, {
-                  configured: configured,
-                  onPick: send,
-                  availableToolIds: availableToolIds,
-                  readOnly: readOnly || !!config?.policy?.readOnly
-                })
-              }), /*#__PURE__*/_jsx(QueuedMessages, {
-                items: state.queued,
-                paused: queuePaused,
-                onEdit: editQueued,
-                onRemove: removeQueued
-              }), state.pending && /*#__PURE__*/_jsx(ApprovalCard, {
-                pending: state.pending,
-                onAnswer: approve
-              }), /*#__PURE__*/_jsx(Composer, {
-                onSend: send,
-                onStop: stop,
-                busy: state.busy,
-                draft: state.draft,
-                onDraftTaken: takeDraft,
-                disabled: !configured,
-                focusKey: redirectKey,
-                canFocus: visible,
-                placeholder: redirectKey ? "Tell it what to do differently…" : state.awaitingBlockId ? "Pick an option above, or type…" : undefined
-              })]
-            })
-          })
-        })]
-      })
-    })
-  });
-}
-const styles = StyleSheet.create({
-  // Transparent or it paints over the sheet's own chrome — the convention is
-  // repeated verbatim across every Buoy tool body.
-  root: {
-    flex: 1,
-    backgroundColor: "transparent"
-  },
-  notice: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    gap: 8,
-    paddingHorizontal: night.gutter,
-    paddingVertical: 10,
-    backgroundColor: night.color.infoSoft
-  },
-  noticeText: {
-    flex: 1,
-    color: night.color.text,
-    fontSize: night.font.caption,
-    lineHeight: 18
-  }
-});
-//# sourceMappingURL=AskBuoyModal.js.map
+Still applied in the app. Clear the conversation anyway?`,[{text:"Keep conversation",style:"cancel"},{text:"Clear anyway",style:"destructive",onPress:b}])})()}},{text:"Clear anyway",style:"destructive",onPress:b},{text:"Cancel",style:"cancel"}])},[b,R]);const ye=A(()=>{const t=e.messages[e.messages.length-1];if(!t||t.role!=="assistant"||!t.streaming)return null;return t.toolCalls.find(s=>s.status==="running")?.label??null},[e.messages]);const q=Re(i.getLedger());const U=A(()=>De(q),[q]);const he=A(()=>({answer:D,runAction:(t,s)=>{if(t.minimize){m?.({mode:"bottomSheet"});return}return K(t,s)},answered:e.answers,actionState:e.actionState,busy:e.busy,supports:{openTool:false,minimize:!!m,dispatch:true},rules:U}),[D,K,m,e.answers,e.actionState,e.busy,U]);const be=!e.busy&&o?.role==="assistant"&&!!o.error;const V=!e.busy&&o?.role==="assistant"&&o.stopped&&!o.error?o.id:null;const ke=_e(e);const{showThinking:_,readOnly:z}=We();const ve=a(()=>Ue(e.messages,_),[e.messages,_]);const Se=a(()=>h(ze),[h]);const Ae=k?T(H,{children:[n(H.Navigation,{onBack:ie}),n(H.Content,{title:"Settings",subtitle:"Ask Buoy",testID:"buoy-ask-buoy-settings-title"})]}):n(Ne,{configured:x,busy:e.busy,failed:be,activeLabel:ye,awaitingApproval:!!e.pending,startedAt:o?.role==="assistant"&&o.streaming?o.startedAt??null:null,stopping:e.stopping,readOnly:z,toolCount:te,hasMessages:e.messages.length>0,onBack:O,onReset:me,getTranscript:ve,onOpenSettings:le,onTicket:Se});return n(Ie,{visible:w,onClose:re,disableScrollWrapper:true,background:false,initialHeight:560,animatedHeight:c,header:{customContent:Ae,showToggleButton:false},onBack:O,onMinimize:m,onModeChange:de,persistenceKey:J??"buoy-ask-buoy",enablePersistence:true,children:n(Le,{value:he,children:T(G,{style:[L.root,{paddingBottom:ge}],children:[n(Oe,{ledger:i.getLedger(),onUndoAll:pe,expanded:ne,onToggle:fe}),e.notice&&T(G,{style:L.notice,testID:"buoy-ask-buoy-notice",children:[n(Pe,{size:14,color:f.color.info}),n(Ce,{style:L.noticeText,children:e.notice})]}),n(Ee,{children:n($e,{featureName:"Ask Buoy",children:k?n(je,{}):T(Ge,{children:[n(qe,{messages:e.messages,onRetry:Y,waitingOnUser:!!e.pending||!!e.awaitingBlockId,ListEmptyComponent:n(Fe,{configured:x,onPick:h,availableToolIds:se,readOnly:z||!!y?.policy?.readOnly})}),n(Ve,{items:e.queued,paused:ke,onEdit:Z,onRemove:ee}),e.pending&&n(Me,{pending:e.pending,onAnswer:X}),n(Ke,{onSend:h,onStop:C,busy:e.busy,draft:e.draft,onDraftTaken:ae,disabled:!x,focusKey:V,canFocus:w,placeholder:V?"Tell it what to do differently\u2026":e.awaitingBlockId?"Pick an option above, or type\u2026":void 0})]})})})]})})})}const L=we.create({root:{flex:1,backgroundColor:"transparent"},notice:{flexDirection:"row",alignItems:"flex-start",gap:8,paddingHorizontal:f.gutter,paddingVertical:10,backgroundColor:f.color.infoSoft},noticeText:{flex:1,color:f.color.text,fontSize:f.font.caption,lineHeight:18}});

package/lib/module/components/AskBuoySettings.js

@@ -1,176 +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 { 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 settings = useAskBuoySettings();
-  const trusted = useAskBuoyState().trusted;
-  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."
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.section,
-      children: "PERMISSIONS"
-    }), /*#__PURE__*/_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 \u2014 putting things back is the safe direction.",
-      value: settings.readOnly,
-      onValueChange: next => askBuoySettings.set("readOnly", next)
-    }), settings.readOnly ? /*#__PURE__*/_jsx(Text, {
-      style: styles.note,
-      testID: "buoy-ask-buoy-readonly-note",
-      children: "On across reloads until you turn it off here. The header says \u201CRead only\u201D while it is on. It adds to whatever this app already restricts \u2014 it never loosens anything."
-    }) : null, /*#__PURE__*/_jsx(ToggleRow, {
-      testID: "buoy-ask-buoy-setting-bypass",
-      tone: "warning",
-      emphasizeLabel: settings.bypassApprovals,
-      disabled: settings.readOnly,
-      label: "Skip approval prompts",
-      description: settings.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: settings.bypassApprovals,
-      onValueChange: next => askBuoySettings.set("bypassApprovals", next)
-    }), settings.bypassApprovals && !settings.readOnly ? /*#__PURE__*/_jsxs(View, {
-      style: styles.warning,
-      testID: "buoy-ask-buoy-bypass-warning",
-      children: [/*#__PURE__*/_jsx(AlertTriangle, {
-        size: 14,
-        color: night.color.warning
-      }), /*#__PURE__*/_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 \u2014 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."
-      })]
-    }) : /*#__PURE__*/_jsx(Text, {
-      style: styles.note,
-      children: "On by default for destructive actions only \u2014 reads and ordinary writes already run without asking, and the changes bar records them."
-    }), trusted.length > 0 ? /*#__PURE__*/_jsxs(View, {
-      style: styles.trustedBox,
-      testID: "buoy-ask-buoy-trusted",
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.section,
-        children: "ALLOWED WITHOUT ASKING \u2014 THIS CHAT"
-      }), trusted.map(t => /*#__PURE__*/_jsxs(View, {
-        style: styles.trustedRow,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.trustedLabel,
-          numberOfLines: 2,
-          children: t.label
-        }), /*#__PURE__*/_jsx(Pressable, {
-          testID: `buoy-ask-buoy-untrust-${t.key}`,
-          accessibilityRole: "button",
-          onPress: () => askBuoyStore.untrust(t.key),
-          style: ({
-            pressed
-          }) => [styles.forget, pressed && {
-            opacity: 0.7
-          }],
-          hitSlop: 6,
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.forgetText,
-            children: "Ask again"
-          })
-        })]
-      }, t.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: 0.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
-  }
-});
-//# sourceMappingURL=AskBuoySettings.js.map
+"use strict";import{Pressable as y,ScrollView as p,StyleSheet as i,Text as s,View as l}from"react-native";import{AlertTriangle as g,night as e,ToggleRow as d}from"@buoy-gg/shared-ui";import{useAskBuoySettings as b}from"../store/useAskBuoySettings";import{askBuoySettings as u}from"../store/askBuoySettings";import{askBuoyStore as f}from"../store/askBuoyStore";import{useAskBuoyState as w}from"../store/useAskBuoy";import{jsx as o,jsxs as a}from"react/jsx-runtime";export function AskBuoySettings(){const r=b();const c=w().trusted;return a(p,{style:t.scroll,contentContainerStyle:t.content,testID:"buoy-ask-buoy-settings",children:[o(s,{style:t.section,children:"CHAT"}),o(d,{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:r.showThinking,onValueChange:n=>u.set("showThinking",n)}),o(s,{style:t.note,children:"Not every model reports reasoning. Claude thinks by default; most OpenAI models return none, and the strip then shows the steps alone."}),o(s,{style:t.section,children:"PERMISSIONS"}),o(d,{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 \u2014 putting things back is the safe direction.",value:r.readOnly,onValueChange:n=>u.set("readOnly",n)}),r.readOnly?o(s,{style:t.note,testID:"buoy-ask-buoy-readonly-note",children:"On across reloads until you turn it off here. The header says \u201CRead only\u201D while it is on. It adds to whatever this app already restricts \u2014 it never loosens anything."}):null,o(d,{testID:"buoy-ask-buoy-setting-bypass",tone:"warning",emphasizeLabel:r.bypassApprovals,disabled:r.readOnly,label:"Skip approval prompts",description:r.readOnly?"Unavailable while Read only is on \u2014 nothing can be approved.":"Runs every action the moment the agent calls it, with no Allow card \u2014 including the destructive ones that wipe or reset data.",value:r.bypassApprovals,onValueChange:n=>u.set("bypassApprovals",n)}),r.bypassApprovals&&!r.readOnly?a(l,{style:t.warning,testID:"buoy-ask-buoy-bypass-warning",children:[o(g,{size:14,color:e.color.warning}),o(s,{style:t.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 \u2014 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."})]}):o(s,{style:t.note,children:"On by default for destructive actions only \u2014 reads and ordinary writes already run without asking, and the changes bar records them."}),c.length>0?a(l,{style:t.trustedBox,testID:"buoy-ask-buoy-trusted",children:[o(s,{style:t.section,children:"ALLOWED WITHOUT ASKING \u2014 THIS CHAT"}),c.map(n=>a(l,{style:t.trustedRow,children:[o(s,{style:t.trustedLabel,numberOfLines:2,children:n.label}),o(y,{testID:`buoy-ask-buoy-untrust-${n.key}`,accessibilityRole:"button",onPress:()=>f.untrust(n.key),style:({pressed:h})=>[t.forget,h&&{opacity:.7}],hitSlop:6,children:o(s,{style:t.forgetText,children:"Ask again"})})]},n.key))]}):null]})}const t=i.create({scroll:{flex:1},content:{padding:e.gutter,gap:10,paddingBottom:32},section:{color:e.color.textTertiary,fontSize:10,fontWeight:"700",letterSpacing:.6,paddingHorizontal:4,paddingTop:4},warning:{flexDirection:"row",gap:8,padding:e.cardPad,borderRadius:e.radius.card,borderWidth:i.hairlineWidth,borderColor:e.color.warning,backgroundColor:e.color.surface},warningText:{flex:1,color:e.color.warning,fontSize:e.font.micro,lineHeight:16},trustedBox:{gap:6,paddingTop:6},trustedRow:{flexDirection:"row",alignItems:"center",gap:10,padding:e.cardPad,borderRadius:e.radius.card,borderWidth:i.hairlineWidth,borderColor:e.color.border,backgroundColor:e.color.surface},trustedLabel:{flex:1,color:e.color.text,fontSize:e.font.caption,lineHeight:18},forget:{paddingHorizontal:10,paddingVertical:6,borderRadius:e.radius.row,backgroundColor:e.color.button},forgetText:{color:e.color.text,fontSize:e.font.micro,fontWeight:"600"},note:{color:e.color.textTertiary,fontSize:e.font.micro,lineHeight:16,paddingHorizontal:4}});