@buoy-gg/ask-buoy 7.0.33 → 7.0.34

package/lib/module/blocks/icons.js

@@ -1,91 +1 @@
-"use strict";
-
-/** The small named icons a block may ask for. One place, one size. */
-import { View, StyleSheet } from "react-native";
-import { AlertTriangle, Check, Clock, Database, Eye, Globe, Image as ImageIcon, Info, Layers, Navigation, night, User } from "@buoy-gg/shared-ui";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function BlockIcon({
-  name,
-  size = 14
-}) {
-  const c = night.color.textSecondary;
-  const icon = (() => {
-    switch (name) {
-      case "network":
-        return /*#__PURE__*/_jsx(Globe, {
-          size: size,
-          color: c
-        });
-      case "storage":
-        return /*#__PURE__*/_jsx(Database, {
-          size: size,
-          color: c
-        });
-      case "route":
-        return /*#__PURE__*/_jsx(Navigation, {
-          size: size,
-          color: c
-        });
-      case "screen":
-        return /*#__PURE__*/_jsx(Eye, {
-          size: size,
-          color: c
-        });
-      case "user":
-        return /*#__PURE__*/_jsx(User, {
-          size: size,
-          color: c
-        });
-      case "image":
-        return /*#__PURE__*/_jsx(ImageIcon, {
-          size: size,
-          color: c
-        });
-      case "check":
-        return /*#__PURE__*/_jsx(Check, {
-          size: size,
-          color: night.color.accent
-        });
-      case "warn":
-        return /*#__PURE__*/_jsx(AlertTriangle, {
-          size: size,
-          color: night.color.warning
-        });
-      case "info":
-        return /*#__PURE__*/_jsx(Info, {
-          size: size,
-          color: night.color.info
-        });
-      case "store":
-        return /*#__PURE__*/_jsx(Layers, {
-          size: size,
-          color: c
-        });
-      case "query":
-        return /*#__PURE__*/_jsx(Layers, {
-          size: size,
-          color: c
-        });
-      case "clock":
-        return /*#__PURE__*/_jsx(Clock, {
-          size: size,
-          color: c
-        });
-    }
-  })();
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.wrap,
-    children: icon
-  });
-}
-const styles = StyleSheet.create({
-  wrap: {
-    width: 24,
-    height: 24,
-    borderRadius: 6,
-    backgroundColor: night.color.fill,
-    alignItems: "center",
-    justifyContent: "center"
-  }
-});
-//# sourceMappingURL=icons.js.map
+"use strict";import{View,StyleSheet}from"react-native";import{AlertTriangle,Check,Clock,Database,Eye,Globe,Image as ImageIcon,Info,Layers,Navigation,night,User}from"@buoy-gg/shared-ui";import{jsx as _jsx}from"react/jsx-runtime";export function BlockIcon({name:e,size:r=14}){const o=night.color.textSecondary,s=(()=>{switch(e){case"network":return _jsx(Globe,{size:r,color:o});case"storage":return _jsx(Database,{size:r,color:o});case"route":return _jsx(Navigation,{size:r,color:o});case"screen":return _jsx(Eye,{size:r,color:o});case"user":return _jsx(User,{size:r,color:o});case"image":return _jsx(ImageIcon,{size:r,color:o});case"check":return _jsx(Check,{size:r,color:night.color.accent});case"warn":return _jsx(AlertTriangle,{size:r,color:night.color.warning});case"info":return _jsx(Info,{size:r,color:night.color.info});case"store":case"query":return _jsx(Layers,{size:r,color:o});case"clock":return _jsx(Clock,{size:r,color:o})}})();return _jsx(View,{style:styles.wrap,children:s})}const styles=StyleSheet.create({wrap:{width:24,height:24,borderRadius:6,backgroundColor:night.color.fill,alignItems:"center",justifyContent:"center"}});

package/lib/module/blocks/index.js

@@ -1,8 +1 @@
-"use strict";
-
-export { BlockRenderer } from "./BlockRenderer";
-export { BlockHandlersProvider, useBlockHandlers } from "./context";
-export { Card, ActionRow, ProvenanceBadge } from "./primitives";
-export { MessageActions, ReasoningStrip, ElapsedRow, QueuedComposer, ReloadDivider, Timestamp, EditableUserBubble } from "./ChromePrototypes";
-export { LivePill } from "./ExtraBlocks";
-//# sourceMappingURL=index.js.map
+"use strict";export{BlockRenderer}from"./BlockRenderer";export{BlockHandlersProvider,useBlockHandlers}from"./context";export{Card,ActionRow,ProvenanceBadge}from"./primitives";export{MessageActions,ReasoningStrip,ElapsedRow,QueuedComposer,ReloadDivider,Timestamp,EditableUserBubble}from"./ChromePrototypes";export{LivePill}from"./ExtraBlocks";

package/lib/module/blocks/primitives.js

@@ -1,301 +1 @@
-"use strict";
-
-/**
- * The few visual pieces every block shares: the card, its title row with the
- * provenance badge, a "+N more" expander, and the two-button action row.
- * Night tokens only — a block must look like every other Buoy surface.
- */
-import { useState } from "react";
-import { ActivityIndicator, Pressable, StyleSheet, Text, View } from "react-native";
-import { Check, ChevronDown, night, X } from "@buoy-gg/shared-ui";
-import { actionKey, useBlockHandlers } from "./context";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function toneColor(tone) {
-  switch (tone) {
-    case "accent":
-      return night.color.accent;
-    case "warning":
-      return night.color.warning;
-    case "danger":
-      return night.color.danger;
-    case "info":
-      return night.color.info;
-    case "muted":
-      return night.color.textTertiary;
-    default:
-      return night.color.text;
-  }
-}
-
-/** Quiet when live; loud when the data was changed, mocked, or invented. */
-export function ProvenanceBadge({
-  source
-}) {
-  if (!source || source === "live") return null;
-  const label = source === "changed" ? "CHANGED BY ASK BUOY" : source === "mocked" ? "MOCKED" : "FROM THE MODEL";
-  const color = source === "changed" ? night.color.warning : source === "mocked" ? night.color.danger : night.color.textTertiary;
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.badge, {
-      borderColor: color
-    }],
-    children: /*#__PURE__*/_jsx(Text, {
-      style: [styles.badgeText, {
-        color
-      }],
-      children: label
-    })
-  });
-}
-export function Card({
-  title,
-  source,
-  children,
-  testID,
-  tone
-}) {
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.card, tone === "warning" && styles.cardWarning, tone === "danger" && styles.cardDanger, tone === "info" && styles.cardInfo],
-    testID: testID,
-    children: [(title || source && source !== "live") && /*#__PURE__*/_jsxs(View, {
-      style: styles.titleRow,
-      children: [title ? /*#__PURE__*/_jsx(Text, {
-        style: styles.title,
-        numberOfLines: 2,
-        children: title
-      }) : /*#__PURE__*/_jsx(View, {
-        style: styles.flex
-      }), /*#__PURE__*/_jsx(ProvenanceBadge, {
-        source: source
-      })]
-    }), children]
-  });
-}
-
-/** "+N more" — renders the hidden rows when tapped. Never a nested scroller. */
-export function More({
-  shown,
-  total,
-  onExpand,
-  expanded
-}) {
-  if (!total || total <= shown) return null;
-  return /*#__PURE__*/_jsxs(Pressable, {
-    onPress: onExpand,
-    disabled: !onExpand,
-    style: styles.more,
-    accessibilityRole: "button",
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.moreText,
-      children: expanded ? "Show fewer" : `+${total - shown} more`
-    }), onExpand ? /*#__PURE__*/_jsx(ChevronDown, {
-      size: 12,
-      color: night.color.textTertiary
-    }) : null]
-  });
-}
-export function useExpand(items, cap) {
-  const [expanded, setExpanded] = useState(false);
-  return {
-    visible: expanded ? items : items.slice(0, cap),
-    expanded,
-    toggle: () => setExpanded(v => !v)
-  };
-}
-
-/** Up to two buttons. One primary (accent, dark ink), one plate. */
-export function ActionRow({
-  actions,
-  blockId,
-  align = "left"
-}) {
-  const h = useBlockHandlers();
-  if (!actions?.length) return null;
-  const supported = actions.filter(a => {
-    if (a.openTool) return h.supports?.openTool !== false;
-    if (a.minimize) return h.supports?.minimize !== false;
-    if (a.dispatch) return h.supports?.dispatch !== false;
-    return true;
-  });
-  if (supported.length === 0) return null;
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.actions, align === "right" && styles.actionsRight],
-    children: supported.slice(0, 2).map(a => {
-      const state = h.actionState?.[actionKey(blockId, a)];
-      const disabled = !!h.busy || state === "running" || state === "done";
-      return /*#__PURE__*/_jsxs(Pressable, {
-        accessibilityRole: "button",
-        accessibilityLabel: a.label,
-        testID: `buoy-block-action-${a.label.toLowerCase().replace(/\s+/g, "-")}`,
-        disabled: disabled,
-        onPress: () => void h.runAction(a, blockId),
-        style: ({
-          pressed
-        }) => [styles.button, a.primary ? styles.buttonPrimary : styles.buttonPlate, disabled && styles.buttonDisabled, pressed && !disabled && styles.pressed],
-        children: [state === "running" ? /*#__PURE__*/_jsx(ActivityIndicator, {
-          size: "small",
-          color: a.primary ? night.color.onAccent : night.color.text
-        }) : state === "done" ? /*#__PURE__*/_jsx(Check, {
-          size: 12,
-          color: a.primary ? night.color.onAccent : night.color.accent
-        }) : state === "failed" ? /*#__PURE__*/_jsx(X, {
-          size: 12,
-          color: night.color.danger
-        }) : null, /*#__PURE__*/_jsx(Text, {
-          style: [styles.buttonText, a.primary ? styles.buttonTextPrimary : styles.buttonTextPlate],
-          children: a.label
-        })]
-      }, a.label);
-    })
-  });
-}
-export const blockStyles = StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    paddingHorizontal: 12,
-    paddingVertical: 9
-  },
-  rowDivider: {
-    borderTopWidth: StyleSheet.hairlineWidth,
-    borderTopColor: night.color.separator
-  },
-  rowTitle: {
-    flex: 1,
-    color: night.color.text,
-    fontSize: night.font.body,
-    lineHeight: 19
-  },
-  rowSub: {
-    color: night.color.textSecondary,
-    fontSize: night.font.caption,
-    lineHeight: 17
-  },
-  rowTrailing: {
-    color: night.color.textTertiary,
-    fontSize: night.font.caption,
-    maxWidth: 120,
-    textAlign: "right"
-  },
-  mono: {
-    fontFamily: "Menlo",
-    fontSize: 12,
-    color: night.color.text
-  },
-  pill: {
-    paddingHorizontal: 7,
-    paddingVertical: 2,
-    borderRadius: night.radius.badge,
-    backgroundColor: night.color.fill
-  },
-  pillText: {
-    fontSize: night.font.micro,
-    fontWeight: "700",
-    letterSpacing: 0.4,
-    color: night.color.textSecondary
-  }
-});
-const styles = StyleSheet.create({
-  card: {
-    borderRadius: night.radius.card,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: night.color.border,
-    backgroundColor: night.color.surface,
-    overflow: "hidden"
-  },
-  cardWarning: {
-    borderColor: night.color.warning,
-    backgroundColor: night.color.warningSoft
-  },
-  cardDanger: {
-    borderColor: night.color.danger,
-    backgroundColor: night.color.dangerSoft
-  },
-  cardInfo: {
-    borderColor: night.color.accentBorderStrong,
-    backgroundColor: night.color.accentSoft
-  },
-  titleRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingTop: 10,
-    paddingBottom: 6
-  },
-  flex: {
-    flex: 1
-  },
-  title: {
-    flex: 1,
-    color: night.color.text,
-    fontSize: night.font.caption,
-    fontWeight: "600"
-  },
-  badge: {
-    borderWidth: StyleSheet.hairlineWidth,
-    borderRadius: night.radius.badge,
-    paddingHorizontal: 6,
-    paddingVertical: 2
-  },
-  badgeText: {
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.6
-  },
-  more: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 4,
-    paddingVertical: 9,
-    borderTopWidth: StyleSheet.hairlineWidth,
-    borderTopColor: night.color.separator
-  },
-  moreText: {
-    color: night.color.textSecondary,
-    fontSize: night.font.caption,
-    fontWeight: "600"
-  },
-  actions: {
-    flexDirection: "row",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    flexWrap: "wrap"
-  },
-  actionsRight: {
-    justifyContent: "flex-end"
-  },
-  button: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingHorizontal: 14,
-    paddingVertical: 9,
-    borderRadius: night.radius.row
-  },
-  buttonPrimary: {
-    backgroundColor: night.color.accent
-  },
-  buttonPlate: {
-    backgroundColor: night.color.button
-  },
-  buttonDisabled: {
-    opacity: 0.55
-  },
-  buttonText: {
-    fontSize: night.font.caption,
-    fontWeight: "600"
-  },
-  buttonTextPrimary: {
-    color: night.color.onAccent
-  },
-  buttonTextPlate: {
-    color: night.color.text
-  },
-  pressed: {
-    opacity: 0.7
-  }
-});
-//# sourceMappingURL=primitives.js.map
+"use strict";import{useState}from"react";import{ActivityIndicator,Pressable,StyleSheet,Text,View}from"react-native";import{Check,ChevronDown,night,X}from"@buoy-gg/shared-ui";import{actionKey,useBlockHandlers}from"./context";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function toneColor(t){switch(t){case"accent":return night.color.accent;case"warning":return night.color.warning;case"danger":return night.color.danger;case"info":return night.color.info;case"muted":return night.color.textTertiary;default:return night.color.text}}export function ProvenanceBadge({source:t}){if(!t||"live"===t)return null;const e="changed"===t?"CHANGED BY ASK BUOY":"mocked"===t?"MOCKED":"FROM THE MODEL",o="changed"===t?night.color.warning:"mocked"===t?night.color.danger:night.color.textTertiary;return _jsx(View,{style:[styles.badge,{borderColor:o}],children:_jsx(Text,{style:[styles.badgeText,{color:o}],children:e})})}export function Card({title:t,source:e,children:o,testID:r,tone:n}){return _jsxs(View,{style:[styles.card,"warning"===n&&styles.cardWarning,"danger"===n&&styles.cardDanger,"info"===n&&styles.cardInfo],testID:r,children:[(t||e&&"live"!==e)&&_jsxs(View,{style:styles.titleRow,children:[t?_jsx(Text,{style:styles.title,numberOfLines:2,children:t}):_jsx(View,{style:styles.flex}),_jsx(ProvenanceBadge,{source:e})]}),o]})}export function More({shown:t,total:e,onExpand:o,expanded:r}){return!e||e<=t?null:_jsxs(Pressable,{onPress:o,disabled:!o,style:styles.more,accessibilityRole:"button",children:[_jsx(Text,{style:styles.moreText,children:r?"Show fewer":`+${e-t} more`}),o?_jsx(ChevronDown,{size:12,color:night.color.textTertiary}):null]})}export function useExpand(t,e){const[o,r]=useState(!1);return{visible:o?t:t.slice(0,e),expanded:o,toggle:()=>r(t=>!t)}}export function ActionRow({actions:t,blockId:e,align:o="left"}){const r=useBlockHandlers();if(!t?.length)return null;const n=t.filter(t=>t.openTool?!1!==r.supports?.openTool:t.minimize?!1!==r.supports?.minimize:!t.dispatch||!1!==r.supports?.dispatch);return 0===n.length?null:_jsx(View,{style:[styles.actions,"right"===o&&styles.actionsRight],children:n.slice(0,2).map(t=>{const o=r.actionState?.[actionKey(e,t)],n=!!r.busy||"running"===o||"done"===o;return _jsxs(Pressable,{accessibilityRole:"button",accessibilityLabel:t.label,testID:`buoy-block-action-${t.label.toLowerCase().replace(/\s+/g,"-")}`,disabled:n,onPress:()=>{r.runAction(t,e)},style:({pressed:e})=>[styles.button,t.primary?styles.buttonPrimary:styles.buttonPlate,n&&styles.buttonDisabled,e&&!n&&styles.pressed],children:["running"===o?_jsx(ActivityIndicator,{size:"small",color:t.primary?night.color.onAccent:night.color.text}):"done"===o?_jsx(Check,{size:12,color:t.primary?night.color.onAccent:night.color.accent}):"failed"===o?_jsx(X,{size:12,color:night.color.danger}):null,_jsx(Text,{style:[styles.buttonText,t.primary?styles.buttonTextPrimary:styles.buttonTextPlate],children:t.label})]},t.label)})})}export const blockStyles=StyleSheet.create({row:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:12,paddingVertical:9},rowDivider:{borderTopWidth:StyleSheet.hairlineWidth,borderTopColor:night.color.separator},rowTitle:{flex:1,color:night.color.text,fontSize:night.font.body,lineHeight:19},rowSub:{color:night.color.textSecondary,fontSize:night.font.caption,lineHeight:17},rowTrailing:{color:night.color.textTertiary,fontSize:night.font.caption,maxWidth:120,textAlign:"right"},mono:{fontFamily:"Menlo",fontSize:12,color:night.color.text},pill:{paddingHorizontal:7,paddingVertical:2,borderRadius:night.radius.badge,backgroundColor:night.color.fill},pillText:{fontSize:night.font.micro,fontWeight:"700",letterSpacing:.4,color:night.color.textSecondary}});const styles=StyleSheet.create({card:{borderRadius:night.radius.card,borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.border,backgroundColor:night.color.surface,overflow:"hidden"},cardWarning:{borderColor:night.color.warning,backgroundColor:night.color.warningSoft},cardDanger:{borderColor:night.color.danger,backgroundColor:night.color.dangerSoft},cardInfo:{borderColor:night.color.accentBorderStrong,backgroundColor:night.color.accentSoft},titleRow:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:12,paddingTop:10,paddingBottom:6},flex:{flex:1},title:{flex:1,color:night.color.text,fontSize:night.font.caption,fontWeight:"600"},badge:{borderWidth:StyleSheet.hairlineWidth,borderRadius:night.radius.badge,paddingHorizontal:6,paddingVertical:2},badgeText:{fontSize:9,fontWeight:"700",letterSpacing:.6},more:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:4,paddingVertical:9,borderTopWidth:StyleSheet.hairlineWidth,borderTopColor:night.color.separator},moreText:{color:night.color.textSecondary,fontSize:night.font.caption,fontWeight:"600"},actions:{flexDirection:"row",gap:8,paddingHorizontal:12,paddingVertical:10,flexWrap:"wrap"},actionsRight:{justifyContent:"flex-end"},button:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:14,paddingVertical:9,borderRadius:night.radius.row},buttonPrimary:{backgroundColor:night.color.accent},buttonPlate:{backgroundColor:night.color.button},buttonDisabled:{opacity:.55},buttonText:{fontSize:night.font.caption,fontWeight:"600"},buttonTextPrimary:{color:night.color.onAccent},buttonTextPlate:{color:night.color.text},pressed:{opacity:.7}});

package/lib/module/blocks/primitivesIndex.js

@@ -1,5 +1 @@
-"use strict";
-
-export { ActionRow, blockStyles, Card, More, ProvenanceBadge, toneColor, useExpand } from "./primitives";
-export { useBlockHandlers } from "./context";
-//# sourceMappingURL=primitivesIndex.js.map
+"use strict";export{ActionRow,blockStyles,Card,More,ProvenanceBadge,toneColor,useExpand}from"./primitives";export{useBlockHandlers}from"./context";

package/lib/module/components/ApprovalCard.js

@@ -1,135 +1 @@
-"use strict";
-
-/**
- * The approval prompt, shown only when the app opted into `requireApproval`.
- *
- * 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.
- */
-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,
-  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?"
-      })]
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.label,
-      children: pending.label
-    }), pending.description ? /*#__PURE__*/_jsx(Text, {
-      style: styles.description,
-      children: pending.description
-    }) : null, /*#__PURE__*/_jsx(Text, {
-      style: styles.reason,
-      children: pending.reason
-    }), /*#__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"
-        })
-      })]
-    })]
-  });
-}
-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: 0.7
-  }
-});
-//# sourceMappingURL=ApprovalCard.js.map
+"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}});

package/lib/module/components/AskBuoyHeader.js

@@ -1,124 +1 @@
-"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.
- */
-import { useEffect, useState } from "react";
-import { StyleSheet, TouchableOpacity, View } from "react-native";
-import { ModalHeader, night, Otto, Plus } from "@buoy-gg/shared-ui";
-
-/**
- * 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;
-export function AskBuoyHeader({
-  configured,
-  busy,
-  failed = false,
-  activeLabel,
-  toolCount,
-  hasMessages,
-  onBack,
-  onReset
-}) {
-  /**
-   * 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]);
-
-  /**
-   * 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 subtitle = !configured ? "Not set up in this app" : busy ? activeLabel ? `${activeLabel}…` : "Thinking…" : 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__*/_jsx(ModalHeader.Actions, {
-      children: /*#__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
+"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}});