@buoy-gg/ask-buoy 7.0.34 → 7.0.36

package/lib/module/components/ApprovalCard.js

@@ -1 +1,239 @@
-"use strict";import{Pressable,StyleSheet,Text,View}from"react-native";import{AlertTriangle,night}from"@buoy-gg/shared-ui";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function ApprovalCard({pending:t,onAnswer:e}){return _jsxs(View,{style:styles.card,testID:"buoy-ask-buoy-approval",children:[_jsxs(View,{style:styles.titleRow,children:[_jsx(AlertTriangle,{size:14,color:night.color.warning}),_jsx(Text,{style:styles.title,children:"Allow this change?"})]}),_jsx(Text,{style:styles.label,children:t.label}),t.description?_jsx(Text,{style:styles.description,children:t.description}):null,_jsx(Text,{style:styles.reason,children:t.reason}),_jsxs(View,{style:styles.actions,children:[_jsx(Pressable,{testID:"buoy-ask-buoy-approve",accessibilityRole:"button",onPress:()=>e(!0),style:({pressed:t})=>[styles.button,styles.approve,t&&styles.pressed],children:_jsx(Text,{style:styles.approveText,children:"Allow"})}),_jsx(Pressable,{testID:"buoy-ask-buoy-reject",accessibilityRole:"button",onPress:()=>e(!1),style:({pressed:t})=>[styles.button,styles.reject,t&&styles.pressed],children:_jsx(Text,{style:styles.rejectText,children:"Not now"})})]})]})}const styles=StyleSheet.create({card:{marginHorizontal:night.gutter,marginBottom:10,padding:night.cardPad,borderRadius:night.radius.card,borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.accentBorderStrong,backgroundColor:night.color.surface,gap:6},titleRow:{flexDirection:"row",alignItems:"center",gap:6},title:{color:night.color.text,fontSize:night.font.caption,fontWeight:"600"},label:{color:night.color.text,fontSize:night.font.row,fontWeight:"600",lineHeight:20},description:{color:night.color.textSecondary,fontSize:night.font.caption,lineHeight:18},reason:{color:night.color.warning,fontSize:night.font.caption,lineHeight:18},actions:{flexDirection:"row",gap:8,marginTop:6},button:{paddingHorizontal:16,paddingVertical:9,borderRadius:night.radius.row},approve:{backgroundColor:night.color.accent},approveText:{color:night.color.onAccent,fontWeight:"600",fontSize:night.font.caption},reject:{backgroundColor:night.color.button},rejectText:{color:night.color.text,fontSize:night.font.caption},pressed:{opacity:.7}});
+"use strict";
+
+/**
+ * The approval prompt, shown only when the policy asks for a tap.
+ *
+ * It renders the EFFECT, not the payload. That is the whole design constraint:
+ * every other agent product assumes a developer is reading the proposed
+ * command before approving it, and the people this tool is for cannot evaluate
+ * `redux_dispatch({type:'SET_ENTITLEMENTS', payload:{…}})`. An approval prompt
+ * nobody can read is not oversight — it is a rubber stamp that looks like
+ * oversight, which is worse than having no prompt at all.
+ *
+ * WHICH IS WHY THE DETAIL IS COLLAPSED. The card sits between the message list
+ * and the composer, so its height is taken out of the transcript rather than
+ * scrolled: a card taller than the sheet pushes its own buttons off the bottom
+ * with nothing to scroll them back. That is what happened — `description` is
+ * the catalog summary, written for the MODEL, and zustand's runs to a
+ * twenty-line paragraph about merge semantics. A prompt you physically cannot
+ * answer is the worst failure mode this component has.
+ *
+ * So the visible card is fixed-height by construction — the title, the effect
+ * in one line, the consequence in one line, a disclosure, and the buttons —
+ * and the long text lives behind the disclosure inside a capped scroll box, so
+ * expanding it can never push the buttons away again either.
+ */
+import { useState } from "react";
+import { Pressable, ScrollView, StyleSheet, Text, View } from "react-native";
+import { AlertTriangle, ChevronDown, night } from "@buoy-gg/shared-ui";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ApprovalCard({
+  pending,
+  onAnswer
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.card,
+    testID: "buoy-ask-buoy-approval",
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.titleRow,
+      children: [/*#__PURE__*/_jsx(AlertTriangle, {
+        size: 14,
+        color: night.color.warning
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        children: "Allow this change?"
+      })]
+    }), pending.restored ? /*#__PURE__*/_jsx(Text, {
+      style: styles.restored,
+      testID: "buoy-ask-buoy-approval-restored",
+      children: "Asked before the app restarted \u2014 check it still applies."
+    }) : null, /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: pending.label
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.reason,
+      children: pending.reason
+    }), pending.description ? /*#__PURE__*/_jsx(ApprovalDetails, {
+      text: pending.description
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: styles.actions,
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        testID: "buoy-ask-buoy-approve",
+        accessibilityRole: "button",
+        onPress: () => onAnswer(true),
+        style: ({
+          pressed
+        }) => [styles.button, styles.approve, pressed && styles.pressed],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.approveText,
+          children: "Allow"
+        })
+      }), /*#__PURE__*/_jsx(Pressable, {
+        testID: "buoy-ask-buoy-reject",
+        accessibilityRole: "button",
+        onPress: () => onAnswer(false),
+        style: ({
+          pressed
+        }) => [styles.button, styles.reject, pressed && styles.pressed],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.rejectText,
+          children: "Not now"
+        })
+      })]
+    })]
+  });
+}
+
+/**
+ * The catalog's own description, behind a disclosure, closed by default.
+ *
+ * Owns its open state rather than taking it as a prop: nothing above the card
+ * needs to know, and answering the prompt unmounts the whole thing anyway.
+ * One ChevronDown rotated in place, not a swap between two icon components —
+ * the tree keeps its shape whichever way it is pointing.
+ */
+function ApprovalDetails({
+  text
+}) {
+  const [open, setOpen] = useState(false);
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      testID: "buoy-ask-buoy-approval-details",
+      accessibilityRole: "button",
+      accessibilityState: {
+        expanded: open
+      },
+      onPress: () => setOpen(prev => !prev),
+      style: ({
+        pressed
+      }) => [styles.disclosure, pressed && styles.pressed],
+      hitSlop: 6,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: open ? styles.chevronOpen : styles.chevronClosed,
+        children: /*#__PURE__*/_jsx(ChevronDown, {
+          size: 12,
+          color: night.color.textTertiary
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.disclosureText,
+        children: open ? "Hide details" : "Details"
+      })]
+    }), open ?
+    /*#__PURE__*/
+    // Capped and scrollable: the text behind this is unbounded, and the
+    // buttons below must stay on screen whatever it says.
+    _jsx(ScrollView, {
+      style: styles.detail,
+      contentContainerStyle: styles.detailContent,
+      nestedScrollEnabled: true,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.description,
+        children: text
+      })
+    }) : null]
+  });
+}
+const styles = StyleSheet.create({
+  card: {
+    marginHorizontal: night.gutter,
+    marginBottom: 10,
+    padding: night.cardPad,
+    borderRadius: night.radius.card,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: night.color.accentBorderStrong,
+    backgroundColor: night.color.surface,
+    gap: 6
+  },
+  titleRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6
+  },
+  title: {
+    color: night.color.text,
+    fontSize: night.font.caption,
+    fontWeight: "600"
+  },
+  label: {
+    color: night.color.text,
+    fontSize: night.font.row,
+    fontWeight: "600",
+    lineHeight: 20
+  },
+  description: {
+    color: night.color.textSecondary,
+    fontSize: night.font.caption,
+    lineHeight: 18
+  },
+  reason: {
+    color: night.color.warning,
+    fontSize: night.font.caption,
+    lineHeight: 18
+  },
+  restored: {
+    color: night.color.info,
+    backgroundColor: night.color.infoSoft,
+    fontSize: night.font.micro,
+    lineHeight: 16,
+    paddingHorizontal: 8,
+    paddingVertical: 5,
+    borderRadius: 8
+  },
+  disclosure: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    paddingVertical: 4
+  },
+  disclosureText: {
+    color: night.color.textTertiary,
+    fontSize: night.font.micro,
+    fontWeight: "600"
+  },
+  chevronOpen: {
+    transform: [{
+      rotate: "0deg"
+    }]
+  },
+  chevronClosed: {
+    transform: [{
+      rotate: "-90deg"
+    }]
+  },
+  detail: {
+    maxHeight: 150,
+    marginTop: 2
+  },
+  detailContent: {
+    paddingBottom: 2
+  },
+  actions: {
+    flexDirection: "row",
+    gap: 8,
+    marginTop: 6
+  },
+  button: {
+    paddingHorizontal: 16,
+    paddingVertical: 9,
+    borderRadius: night.radius.row
+  },
+  approve: {
+    backgroundColor: night.color.accent
+  },
+  approveText: {
+    color: night.color.onAccent,
+    fontWeight: "600",
+    fontSize: night.font.caption
+  },
+  reject: {
+    backgroundColor: night.color.button
+  },
+  rejectText: {
+    color: night.color.text,
+    fontSize: night.font.caption
+  },
+  pressed: {
+    opacity: 0.7
+  }
+});
+//# sourceMappingURL=ApprovalCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Pressable","ScrollView","StyleSheet","Text","View","AlertTriangle","ChevronDown","night","jsx","_jsx","jsxs","_jsxs","ApprovalCard","pending","onAnswer","style","styles","card","testID","children","titleRow","size","color","warning","title","restored","label","reason","description","ApprovalDetails","text","actions","accessibilityRole","onPress","pressed","button","approve","approveText","reject","rejectText","open","setOpen","accessibilityState","expanded","prev","disclosure","hitSlop","chevronOpen","chevronClosed","textTertiary","disclosureText","detail","contentContainerStyle","detailContent","nestedScrollEnabled","create","marginHorizontal","gutter","marginBottom","padding","cardPad","borderRadius","radius","borderWidth","hairlineWidth","borderColor","accentBorderStrong","backgroundColor","surface","gap","flexDirection","alignItems","fontSize","font","caption","fontWeight","row","lineHeight","textSecondary","info","infoSoft","micro","paddingHorizontal","paddingVertical","transform","rotate","maxHeight","marginTop","paddingBottom","accent","onAccent","opacity"],"sourceRoot":"../../../src","sources":["components/ApprovalCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/AskBuoyHeader.js

@@ -1 +1,193 @@
-"use strict";import{useEffect,useState}from"react";import{StyleSheet,TouchableOpacity,View}from"react-native";import{ModalHeader,night,Otto,Plus}from"@buoy-gg/shared-ui";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const HEADER_TICK_MS=200;export function AskBuoyHeader({configured:t,busy:e,failed:o=!1,activeLabel:s,toolCount:i,hasMessages:a,onBack:r,onReset:n}){const[l,c]=useState(!1);useEffect(()=>{e?s&&c(!0):c(!1)},[e,s]);const u=t?o?"error":e?s||l?"robot":"thinking":"idle":"confused",d=t?e?s?`${s}…`:"Thinking…":i>0?`Ready · ${i} tool${1===i?"":"s"} available`:"Ready":"Not set up in this app";return _jsxs(ModalHeader,{children:[r?_jsx(ModalHeader.Navigation,{onBack:r}):null,_jsx(View,{style:styles.otto,testID:"buoy-ask-buoy-otto",children:_jsx(Otto,{state:u,pixelSize:2,tickMs:200,water:!1})}),_jsx(ModalHeader.Content,{title:"Ask Buoy",subtitle:d,testID:"buoy-ask-buoy-title"}),_jsx(ModalHeader.Actions,{children:_jsx(TouchableOpacity,{testID:"buoy-ask-buoy-reset",accessibilityRole:"button",accessibilityLabel:"New conversation",disabled:!a,onPress:n,style:[styles.actionBtn,!a&&styles.actionBtnDisabled],children:_jsx(Plus,{size:14,color:a?night.color.textSecondary:night.color.textTertiary})})})]})}const styles=StyleSheet.create({otto:{marginRight:8,justifyContent:"center"},actionBtn:{width:32,height:32,borderRadius:8,backgroundColor:night.color.buttonSurface,borderWidth:1,borderColor:night.color.border,alignItems:"center",justifyContent:"center"},actionBtnDisabled:{opacity:.55}});
+"use strict";
+
+/**
+ * The sheet header.
+ *
+ * Built on the shared `ModalHeader` so it matches Console, Network and Events
+ * 1:1 — the stock JsModal header was designed for a single centred title and
+ * paints its "Double tap: Toggle • Triple tap: Close" hint through the middle
+ * of it, which is how "Ask Buoy" ended up overprinted by grey italics.
+ *
+ * The subtitle is the one piece of live status the sheet has: what the agent
+ * is doing right now, in words a tester can act on. "Thinking…" while a
+ * response is streaming with no tool in flight, the current tool's title
+ * while one runs, and the reachable tool count at rest so a "why can't it
+ * see my network calls" question has an answer in the header.
+ *
+ * "New conversation" moved up here from a 11pt text link under the composer.
+ * A reset that lives under the keyboard is a reset nobody finds. Copy sits
+ * beside it for the same reason: the transcript actions under the newest
+ * answer are only reachable once you have scrolled back down to it.
+ */
+import { useEffect, useState } from "react";
+import { StyleSheet, TouchableOpacity, View } from "react-native";
+import { Check, Copy, FileText, ModalHeader, night, Otto, Plus, SettingsSolid } from "@buoy-gg/shared-ui";
+import { useCopyAction } from "./useCopyAction";
+import { formatElapsed } from "../store/activityGroups";
+
+/**
+ * Slower than the sprite's default 140ms.
+ *
+ * This mascot is ambient status a user stares at for the length of a turn,
+ * not a moment of delight they glance at once — at the stock tick it read as
+ * fidgeting in the corner of the eye while you were trying to read the
+ * answer next to it. Every other placement keeps the default.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const HEADER_TICK_MS = 200;
+
+/** No conversation to copy — the button is left out rather than left dead. */
+const NO_TRANSCRIPT = () => "";
+export function AskBuoyHeader({
+  configured,
+  busy,
+  failed = false,
+  activeLabel,
+  awaitingApproval = false,
+  startedAt = null,
+  stopping = false,
+  readOnly = false,
+  toolCount,
+  hasMessages,
+  onBack,
+  onReset,
+  getTranscript,
+  onOpenSettings,
+  onTicket
+}) {
+  const {
+    copied,
+    copy
+  } = useCopyAction(getTranscript ?? NO_TRANSCRIPT);
+
+  /**
+   * ONE mascot state per turn, held to the end of it.
+   *
+   * `activeLabel` drops to null in the gap between two tool calls, so deriving
+   * the state from it directly flipped robot → thinking → robot on every
+   * boundary. A turn that runs four tools swapped the sprite eight times in
+   * about three seconds — a strobe that reads as a glitch, not as progress.
+   * So the robot latches: once this turn has driven a tool it stays `robot`
+   * until the turn ends, which is also the honest summary of that turn.
+   *
+   * The SUBTITLE still tracks each call, because updating a line of text is
+   * informative where restarting an animation is just noise.
+   */
+  const [droveTool, setDroveTool] = useState(false);
+  useEffect(() => {
+    if (!busy) setDroveTool(false);else if (activeLabel) setDroveTool(true);
+  }, [busy, activeLabel]);
+
+  /**
+   * The elapsed clock. Ticks only while a turn is running and not parked on
+   * the user (nothing is elapsing while an approval card waits for a tap).
+   */
+  const ticking = busy && !awaitingApproval && startedAt !== null;
+  const [now, setNow] = useState(() => Date.now());
+  useEffect(() => {
+    if (!ticking) return;
+    setNow(Date.now());
+    const timer = setInterval(() => setNow(Date.now()), 1000);
+    return () => clearInterval(timer);
+  }, [ticking]);
+  const elapsed = ticking && startedAt !== null ? formatElapsed(now - startedAt) : null;
+
+  /**
+   * Otto mirrors the subtitle, never contradicts it. This is the one place in
+   * the product where a mascot earns continuous presence: the user is waiting
+   * on a machine and the header is the only thing reporting on it.
+   *
+   * `robot` while a tool runs is literal — the agent IS driving the tools.
+   */
+  const otto = !configured ? "confused" : failed ? "error" : busy ? activeLabel || droveTool ? "robot" : "thinking" : "idle";
+  const working = stopping ? "Stopping" : activeLabel ?? "Thinking";
+  const subtitle = !configured ? "Not set up in this app" : awaitingApproval ? "Waiting for you" : busy ? elapsed ? `${working} · ${elapsed}` : `${working}…` : readOnly ? `Read only${toolCount > 0 ? ` · ${toolCount} tool${toolCount === 1 ? "" : "s"}` : ""}` : toolCount > 0 ? `Ready · ${toolCount} tool${toolCount === 1 ? "" : "s"} available` : "Ready";
+  return /*#__PURE__*/_jsxs(ModalHeader, {
+    children: [onBack ? /*#__PURE__*/_jsx(ModalHeader.Navigation, {
+      onBack: onBack
+    }) : null, /*#__PURE__*/_jsx(View, {
+      style: styles.otto,
+      testID: "buoy-ask-buoy-otto",
+      children: /*#__PURE__*/_jsx(Otto, {
+        state: otto,
+        pixelSize: 2,
+        tickMs: HEADER_TICK_MS,
+        water: false
+      })
+    }), /*#__PURE__*/_jsx(ModalHeader.Content, {
+      title: "Ask Buoy",
+      subtitle: subtitle,
+      testID: "buoy-ask-buoy-title"
+    }), /*#__PURE__*/_jsxs(ModalHeader.Actions, {
+      children: [onTicket ? /*#__PURE__*/_jsx(TouchableOpacity, {
+        testID: "buoy-ask-buoy-ticket",
+        accessibilityRole: "button",
+        accessibilityLabel: "Summarize for a ticket",
+        disabled: !hasMessages || busy,
+        onPress: onTicket,
+        style: [styles.actionBtn, (!hasMessages || busy) && styles.actionBtnDisabled],
+        children: /*#__PURE__*/_jsx(FileText, {
+          size: 14,
+          color: hasMessages && !busy ? night.color.textSecondary : night.color.textTertiary
+        })
+      }) : null, getTranscript ? /*#__PURE__*/_jsx(TouchableOpacity, {
+        testID: "buoy-ask-buoy-copy-chat",
+        accessibilityRole: "button",
+        accessibilityLabel: copied ? "Conversation copied" : "Copy conversation",
+        disabled: !hasMessages,
+        onPress: copy,
+        style: [styles.actionBtn, !hasMessages && styles.actionBtnDisabled],
+        children: copied ? /*#__PURE__*/_jsx(Check, {
+          size: 14,
+          color: night.color.accent
+        }) : /*#__PURE__*/_jsx(Copy, {
+          size: 14,
+          color: hasMessages ? night.color.textSecondary : night.color.textTertiary
+        })
+      }) : null, onOpenSettings ? /*#__PURE__*/_jsx(TouchableOpacity, {
+        testID: "buoy-ask-buoy-settings",
+        accessibilityRole: "button",
+        accessibilityLabel: "Settings",
+        onPress: onOpenSettings,
+        style: styles.actionBtn,
+        children: /*#__PURE__*/_jsx(SettingsSolid, {
+          size: 14,
+          color: night.color.textSecondary
+        })
+      }) : null, /*#__PURE__*/_jsx(TouchableOpacity, {
+        testID: "buoy-ask-buoy-reset",
+        accessibilityRole: "button",
+        accessibilityLabel: "New conversation",
+        disabled: !hasMessages,
+        onPress: onReset,
+        style: [styles.actionBtn, !hasMessages && styles.actionBtnDisabled],
+        children: /*#__PURE__*/_jsx(Plus, {
+          size: 14,
+          color: hasMessages ? night.color.textSecondary : night.color.textTertiary
+        })
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  // 32pt of Otto (16 grid × 2pt) reading as the header's status glyph.
+  otto: {
+    marginRight: 8,
+    justifyContent: "center"
+  },
+  // Same plate as the Console header's action buttons.
+  actionBtn: {
+    width: 32,
+    height: 32,
+    borderRadius: 8,
+    backgroundColor: night.color.buttonSurface,
+    borderWidth: 1,
+    borderColor: night.color.border,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  actionBtnDisabled: {
+    opacity: 0.55
+  }
+});
+//# sourceMappingURL=AskBuoyHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","StyleSheet","TouchableOpacity","View","Check","Copy","FileText","ModalHeader","night","Otto","Plus","SettingsSolid","useCopyAction","formatElapsed","jsx","_jsx","jsxs","_jsxs","HEADER_TICK_MS","NO_TRANSCRIPT","AskBuoyHeader","configured","busy","failed","activeLabel","awaitingApproval","startedAt","stopping","readOnly","toolCount","hasMessages","onBack","onReset","getTranscript","onOpenSettings","onTicket","copied","copy","droveTool","setDroveTool","ticking","now","setNow","Date","timer","setInterval","clearInterval","elapsed","otto","working","subtitle","children","Navigation","style","styles","testID","state","pixelSize","tickMs","water","Content","title","Actions","accessibilityRole","accessibilityLabel","disabled","onPress","actionBtn","actionBtnDisabled","size","color","textSecondary","textTertiary","accent","create","marginRight","justifyContent","width","height","borderRadius","backgroundColor","buttonSurface","borderWidth","borderColor","border","alignItems","opacity"],"sourceRoot":"../../../src","sources":["components/AskBuoyHeader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/AskBuoyIcon.js

@@ -1 +1,8 @@
-"use strict";export{AskBuoyIcon,ASK_BUOY_ICON_COLOR}from"@buoy-gg/floating-tools-core";
+"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

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

@@ -0,0 +1 @@
+{"version":3,"names":["AskBuoyIcon","ASK_BUOY_ICON_COLOR"],"sourceRoot":"../../../src","sources":["components/AskBuoyIcon.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,mBAAmB,QAAQ,8BAA8B","ignoreList":[]}