@buoy-gg/ask-buoy 7.0.33 → 7.0.34

package/lib/module/components/AskBuoyIcon.js

@@ -1,8 +1 @@
-"use strict";
-
-/**
- * Re-exported from floating-tools-core so the tool package has one import
- * surface, matching how every other Buoy tool exposes its icon.
- */
-export { AskBuoyIcon, ASK_BUOY_ICON_COLOR } from "@buoy-gg/floating-tools-core";
-//# sourceMappingURL=AskBuoyIcon.js.map
+"use strict";export{AskBuoyIcon,ASK_BUOY_ICON_COLOR}from"@buoy-gg/floating-tools-core";

package/lib/module/components/AskBuoyModal.js

@@ -1,317 +1 @@
-"use strict";
-
-/**
- * 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, KeyboardAvoidingView, Platform, StyleSheet, Text, View } from "react-native";
-import { isReversible } from "@buoy-gg/agent-core";
-import { dispatchToolAction, FeatureGate, Info, JsModal, night, useSafeAreaInsets } from "@buoy-gg/shared-ui";
-import { BlockHandlersProvider } from "../blocks";
-import { ApprovalCard } from "./ApprovalCard";
-import { ChangesBar } from "./ChangesBar";
-import { Composer } from "./Composer";
-import { AskBuoyHeader } from "./AskBuoyHeader";
-import { EmptyState } from "./EmptyState";
-import { MessageList } from "./MessageList";
-import { askBuoyStore } from "../store/askBuoyStore";
-import { useAskBuoy } from "../store/useAskBuoy";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function AskBuoyModal({
-  visible,
-  onClose,
-  onBack,
-  onMinimize,
-  persistenceKey,
-  config
-}) {
-  const {
-    state,
-    send,
-    stop,
-    reset,
-    approve,
-    retry,
-    answer,
-    runAction,
-    configured,
-    toolCount
-  } = useAskBuoy(config);
-  const [changesOpen, setChangesOpen] = useState(false);
-  // 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
-  });
-
-  /**
-   * `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.
-   */
-  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 l = askBuoyStore.getLedger();
-          if (l) await l.revertAll(dispatchToolAction);
-          reset();
-        })();
-      }
-    }, {
-      text: "Clear anyway",
-      style: "destructive",
-      onPress: reset
-    }, {
-      text: "Cancel",
-      style: "cancel"
-    }]);
-  }, [reset]);
-
-  // 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 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
-    }
-  }), [answer, runAction, onMinimize, state.answers, state.actionState, state.busy]);
-
-  // 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 lastMessage = state.messages[state.messages.length - 1];
-  const failed = !state.busy && lastMessage?.role === "assistant" && !!lastMessage.error;
-  const header = /*#__PURE__*/_jsx(AskBuoyHeader, {
-    configured: configured,
-    busy: state.busy,
-    failed: failed,
-    activeLabel: activeLabel,
-    toolCount: toolCount,
-    hasMessages: state.messages.length > 0,
-    onBack: onBack,
-    onReset: confirmReset
-  });
-  return /*#__PURE__*/_jsx(JsModal, {
-    visible: visible,
-    onClose: onClose
-    // 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,
-    persistenceKey: persistenceKey ?? "buoy-ask-buoy",
-    enablePersistence: true,
-    children: /*#__PURE__*/_jsx(BlockHandlersProvider, {
-      value: blockHandlers,
-      children: /*#__PURE__*/_jsxs(View, {
-        style: [styles.root, {
-          paddingBottom: insets.bottom
-        }],
-        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(KeyboardAvoidingView, {
-          style: styles.flex
-          // iOS only: Android's default softwareKeyboardLayoutMode is "resize",
-          // so the window shrinks and a bottom-anchored view rides up already.
-          // Padding on both would lift the composer twice.
-          ,
-          behavior: Platform.OS === "ios" ? "padding" : undefined,
-          enabled: Platform.OS === "ios",
-          keyboardVerticalOffset: insets.bottom,
-          children: /*#__PURE__*/_jsxs(FeatureGate, {
-            featureName: "Ask Buoy",
-            children: [/*#__PURE__*/_jsx(MessageList, {
-              messages: state.messages,
-              onRetry: retry,
-              ListEmptyComponent: /*#__PURE__*/_jsx(EmptyState, {
-                configured: configured,
-                onPick: send
-              })
-            }), state.pending && /*#__PURE__*/_jsx(ApprovalCard, {
-              pending: state.pending,
-              onAnswer: approve
-            }), /*#__PURE__*/_jsx(Composer, {
-              onSend: send,
-              onStop: stop,
-              busy: state.busy,
-              disabled: !configured,
-              placeholder: state.queued ? "Queued — sends when this turn finishes" : 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"
-  },
-  flex: {
-    flex: 1
-  },
-  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
+"use strict";import{useCallback,useEffect,useMemo,useRef,useState}from"react";import{Alert,Animated,KeyboardAvoidingView,Platform,StyleSheet,Text,View}from"react-native";import{isReversible}from"@buoy-gg/agent-core";import{dispatchToolAction,FeatureGate,Info,JsModal,night,useSafeAreaInsets}from"@buoy-gg/shared-ui";import{BlockHandlersProvider}from"../blocks";import{ApprovalCard}from"./ApprovalCard";import{ChangesBar}from"./ChangesBar";import{Composer}from"./Composer";import{AskBuoyHeader}from"./AskBuoyHeader";import{EmptyState}from"./EmptyState";import{MessageList}from"./MessageList";import{askBuoyStore}from"../store/askBuoyStore";import{useAskBuoy}from"../store/useAskBuoy";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function AskBuoyModal({visible:e,onClose:t,onBack:o,onMinimize:s,persistenceKey:n,config:r}){const{state:a,send:i,stop:l,reset:u,approve:c,retry:d,answer:m,runAction:g,configured:f,toolCount:p}=useAskBuoy(r),[y,h]=useState(!1),b=useSafeAreaInsets({minBottom:16}),k=useCallback(()=>{const e=askBuoyStore.getLedger();e&&(async()=>{const t=await e.revertAll(dispatchToolAction);if(0===t.failed.length)return void askBuoyStore.setNotice(null);const o=t.failed.map(e=>`${e.label} (${e.error})`).join("; ");askBuoyStore.setNotice(`Couldn't undo ${t.failed.length} change${1===t.failed.length?"":"s"} — ${o}`)})()},[]),x=useCallback(()=>h(e=>!e),[]),A=useRef(new Animated.Value(560)).current,S=useRef(!1),B=useCallback(()=>{S.current||(S.current=!0,A.stopAnimation(e=>{const t="number"==typeof e&&e>200?e:560;Animated.timing(A,{toValue:120,duration:220,useNativeDriver:!1}).start(()=>{setTimeout(()=>{Animated.spring(A,{toValue:t,friction:9,useNativeDriver:!1}).start(()=>{S.current=!1})},2500)})}))},[A]),v=useMemo(()=>{const e=a.messages[a.messages.length-1];if(!e||"assistant"!==e.role)return"";const t=e.blocks.filter(e=>"peek"===e.block.kind).length;return t>0?`${e.id}:${t}`:""},[a.messages]),C=useRef("");useEffect(()=>{v&&v!==C.current&&!1!==r?.peek&&B(),C.current=v},[v,B,r]);const j=useCallback(()=>{const e=askBuoyStore.getLedger(),t=e?.list().filter(e=>!e.undoneAt&&isReversible(e.effect)).length??0;0!==t?Alert.alert("Undo changes first?",`Ask Buoy made ${t} change${1===t?"":"s"} that can still be undone. Clearing the conversation loses the only automatic undo for ${1===t?"it":"them"}.`,[{text:"Undo, then clear",onPress:()=>{(async()=>{const e=askBuoyStore.getLedger();e&&await e.revertAll(dispatchToolAction),u()})()}},{text:"Clear anyway",style:"destructive",onPress:u},{text:"Cancel",style:"cancel"}]):u()},[u]),w=useMemo(()=>{const e=a.messages[a.messages.length-1];return e&&"assistant"===e.role&&e.streaming?e.toolCalls.find(e=>"running"===e.status)?.label??null:null},[a.messages]),_=useMemo(()=>({answer:m,runAction:(e,t)=>{if(!e.minimize)return g(e,t);s?.({mode:"bottomSheet"})},answered:a.answers,actionState:a.actionState,busy:a.busy,supports:{openTool:!1,minimize:!!s,dispatch:!0}}),[m,g,s,a.answers,a.actionState,a.busy]),M=a.messages[a.messages.length-1],T=!a.busy&&"assistant"===M?.role&&!!M.error,P=_jsx(AskBuoyHeader,{configured:f,busy:a.busy,failed:T,activeLabel:w,toolCount:p,hasMessages:a.messages.length>0,onBack:o,onReset:j});return _jsx(JsModal,{visible:e,onClose:t,disableScrollWrapper:!0,background:!1,initialHeight:560,animatedHeight:A,header:{customContent:P,showToggleButton:!1},onBack:o,onMinimize:s,persistenceKey:n??"buoy-ask-buoy",enablePersistence:!0,children:_jsx(BlockHandlersProvider,{value:_,children:_jsxs(View,{style:[styles.root,{paddingBottom:b.bottom}],children:[_jsx(ChangesBar,{ledger:askBuoyStore.getLedger(),onUndoAll:k,expanded:y,onToggle:x}),a.notice&&_jsxs(View,{style:styles.notice,testID:"buoy-ask-buoy-notice",children:[_jsx(Info,{size:14,color:night.color.info}),_jsx(Text,{style:styles.noticeText,children:a.notice})]}),_jsx(KeyboardAvoidingView,{style:styles.flex,behavior:"ios"===Platform.OS?"padding":void 0,enabled:"ios"===Platform.OS,keyboardVerticalOffset:b.bottom,children:_jsxs(FeatureGate,{featureName:"Ask Buoy",children:[_jsx(MessageList,{messages:a.messages,onRetry:d,ListEmptyComponent:_jsx(EmptyState,{configured:f,onPick:i})}),a.pending&&_jsx(ApprovalCard,{pending:a.pending,onAnswer:c}),_jsx(Composer,{onSend:i,onStop:l,busy:a.busy,disabled:!f,placeholder:a.queued?"Queued — sends when this turn finishes":a.awaitingBlockId?"Pick an option above, or type…":void 0})]})})]})})})}const styles=StyleSheet.create({root:{flex:1,backgroundColor:"transparent"},flex:{flex:1},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}});

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}});