@buoy-gg/ask-buoy 7.0.35 → 7.0.38

package/lib/commonjs/blocks/primitives.js

@@ -1,401 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ActionRow = ActionRow;
-exports.Card = Card;
-exports.More = More;
-exports.MoreNote = MoreNote;
-exports.ProvenanceBadge = ProvenanceBadge;
-exports.blockStyles = void 0;
-exports.toneColor = toneColor;
-exports.usePaged = usePaged;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _context = require("./context");
-var _pageState = require("./pageState");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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.
- */
-
-function toneColor(tone) {
-  switch (tone) {
-    case "accent":
-      return _sharedUi.night.color.accent;
-    case "warning":
-      return _sharedUi.night.color.warning;
-    case "danger":
-      return _sharedUi.night.color.danger;
-    case "info":
-      return _sharedUi.night.color.info;
-    case "muted":
-      return _sharedUi.night.color.textTertiary;
-    default:
-      return _sharedUi.night.color.text;
-  }
-}
-
-/** Quiet when live; loud when the data was changed, mocked, or invented. */
-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" ? _sharedUi.night.color.warning : source === "mocked" ? _sharedUi.night.color.danger : _sharedUi.night.color.textTertiary;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.badge, {
-      borderColor: color
-    }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.badgeText, {
-        color
-      }],
-      children: label
-    })
-  });
-}
-function Card({
-  title,
-  source,
-  children,
-  testID,
-  tone
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.card, tone === "warning" && styles.cardWarning, tone === "danger" && styles.cardDanger, tone === "info" && styles.cardInfo],
-    testID: testID,
-    children: [(title || source && source !== "live") && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.titleRow,
-      children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.title,
-        numberOfLines: 2,
-        children: title
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.flex
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ProvenanceBadge, {
-        source: source
-      })]
-    }), children]
-  });
-}
-
-/**
- * How many rows one tap of "Show N more" reveals.
- *
- * Deliberately smaller than any block's initial cap. Expanding used to be
- * all-or-nothing, so a hundred-row list arrived in one tap and buried the
- * answer it was attached to under a scroll the reader had to fight back up.
- * A page at a time keeps the conversation the thing you are reading.
- */
-const PAGE_STEP = 5;
-/**
- * A capped list that grows a page at a time.
- *
- * The callers used to spell the expander's enabled-ness out themselves
- * (`items.length > visible.length || expanded ? toggle : undefined`) at seven
- * call sites, and getting it wrong rendered a "+N more" that did nothing when
- * tapped. Both halves live here now so a call site cannot express that state.
- */
-function usePaged(items, cap, step = PAGE_STEP) {
-  const [limit, setLimit] = (0, _react.useState)(cap);
-  const {
-    hidden,
-    next,
-    expanded,
-    canExpand,
-    canCollapse
-  } = (0, _pageState.pageState)(items.length, cap, limit, step);
-  return {
-    visible: items.slice(0, limit),
-    hidden,
-    next,
-    expanded,
-    showMore: canExpand ? () => setLimit(n => n + step) : undefined,
-    showLess: canCollapse ? () => setLimit(cap) : undefined
-  };
-}
-
-/**
- * The footer of a paged list: reveal one more page, or fold back to the cap.
- *
- * It knows nothing about any `total` the source reported, and that is the
- * point. The old version drew its count from that number while drawing its tap
- * target from the array actually in hand — so a block holding five items and
- * claiming six rendered "+1 more" with nothing behind it. The engine hands the
- * whole list over now (see agent-core's receipts), so what this can show and
- * what it can reveal are the same thing by construction.
- */
-function More({
-  paged
-}) {
-  const {
-    next,
-    showMore,
-    showLess
-  } = paged;
-  if (!showMore && !showLess) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.moreRow,
-    children: [showMore ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-      testID: "buoy-block-show-more",
-      onPress: showMore,
-      style: [styles.more, styles.moreCell],
-      accessibilityRole: "button",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.moreText,
-        children: ["Show ", next, " more"]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronDown, {
-        size: 12,
-        color: _sharedUi.night.color.textTertiary
-      })]
-    }) : null, showLess ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-      testID: "buoy-block-show-fewer",
-      onPress: showLess,
-      style: [styles.more, styles.moreCell],
-      accessibilityRole: "button",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.moreText,
-        children: "Show fewer"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronUp, {
-        size: 12,
-        color: _sharedUi.night.color.textTertiary
-      })]
-    }) : null]
-  });
-}
-
-/**
- * A list that CANNOT grow: the cap was applied where the block was built, so
- * the rest was never sent. Stated, never offered as a tap.
- */
-function MoreNote({
-  shown,
-  total
-}) {
-  if (!total || total <= shown) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.more,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-      style: styles.moreNote,
-      children: [shown, " of ", total, " shown"]
-    })
-  });
-}
-
-/** Up to two buttons. One primary (accent, dark ink), one plate. */
-function ActionRow({
-  actions,
-  blockId,
-  align = "left"
-}) {
-  const h = (0, _context.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.actions, align === "right" && styles.actionsRight],
-    children: supported.slice(0, 2).map(a => {
-      const state = h.actionState?.[(0, _context.actionKey)(blockId, a)];
-      const disabled = !!h.busy || state === "running" || state === "done";
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-          size: "small",
-          color: a.primary ? _sharedUi.night.color.onAccent : _sharedUi.night.color.text
-        }) : state === "done" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Check, {
-          size: 12,
-          color: a.primary ? _sharedUi.night.color.onAccent : _sharedUi.night.color.accent
-        }) : state === "failed" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-          size: 12,
-          color: _sharedUi.night.color.danger
-        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.buttonText, a.primary ? styles.buttonTextPrimary : styles.buttonTextPlate],
-          children: a.label
-        })]
-      }, a.label);
-    })
-  });
-}
-const blockStyles = exports.blockStyles = _reactNative.StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    paddingHorizontal: 12,
-    paddingVertical: 9
-  },
-  rowDivider: {
-    borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderTopColor: _sharedUi.night.color.separator
-  },
-  rowTitle: {
-    flex: 1,
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.body,
-    lineHeight: 19
-  },
-  rowSub: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption,
-    lineHeight: 17
-  },
-  rowTrailing: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: _sharedUi.night.font.caption,
-    maxWidth: 120,
-    textAlign: "right"
-  },
-  mono: {
-    fontFamily: "Menlo",
-    fontSize: 12,
-    color: _sharedUi.night.color.text
-  },
-  pill: {
-    paddingHorizontal: 7,
-    paddingVertical: 2,
-    borderRadius: _sharedUi.night.radius.badge,
-    backgroundColor: _sharedUi.night.color.fill
-  },
-  pillText: {
-    fontSize: _sharedUi.night.font.micro,
-    fontWeight: "700",
-    letterSpacing: 0.4,
-    color: _sharedUi.night.color.textSecondary
-  }
-});
-const styles = _reactNative.StyleSheet.create({
-  card: {
-    borderRadius: _sharedUi.night.radius.card,
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderColor: _sharedUi.night.color.border,
-    backgroundColor: _sharedUi.night.color.surface,
-    overflow: "hidden"
-  },
-  cardWarning: {
-    borderColor: _sharedUi.night.color.warning,
-    backgroundColor: _sharedUi.night.color.warningSoft
-  },
-  cardDanger: {
-    borderColor: _sharedUi.night.color.danger,
-    backgroundColor: _sharedUi.night.color.dangerSoft
-  },
-  cardInfo: {
-    borderColor: _sharedUi.night.color.accentBorderStrong,
-    backgroundColor: _sharedUi.night.color.accentSoft
-  },
-  titleRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingTop: 10,
-    paddingBottom: 6
-  },
-  flex: {
-    flex: 1
-  },
-  title: {
-    flex: 1,
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  },
-  badge: {
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderRadius: _sharedUi.night.radius.badge,
-    paddingHorizontal: 6,
-    paddingVertical: 2
-  },
-  badgeText: {
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.6
-  },
-  // The footer splits into up to three cells; each keeps the full-width rule
-  // above it so the list still reads as ending at a line.
-  moreRow: {
-    flexDirection: "row"
-  },
-  more: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 4,
-    paddingVertical: 9,
-    paddingHorizontal: 8,
-    borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderTopColor: _sharedUi.night.color.separator
-  },
-  // Only inside `moreRow` — a bare `MoreNote` sits in the Card's column,
-  // where flex:1 means "grow vertically".
-  moreCell: {
-    flex: 1
-  },
-  moreText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  },
-  moreNote: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: _sharedUi.night.font.caption
-  },
-  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: _sharedUi.night.radius.row
-  },
-  buttonPrimary: {
-    backgroundColor: _sharedUi.night.color.accent
-  },
-  buttonPlate: {
-    backgroundColor: _sharedUi.night.color.button
-  },
-  buttonDisabled: {
-    opacity: 0.55
-  },
-  buttonText: {
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  },
-  buttonTextPrimary: {
-    color: _sharedUi.night.color.onAccent
-  },
-  buttonTextPlate: {
-    color: _sharedUi.night.color.text
-  },
-  pressed: {
-    opacity: 0.7
-  }
-});
-//# sourceMappingURL=primitives.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ActionRow=ActionRow,exports.Card=Card,exports.More=More,exports.MoreNote=MoreNote,exports.ProvenanceBadge=ProvenanceBadge,exports.blockStyles=void 0,exports.toneColor=toneColor,exports.usePaged=usePaged;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_context=require("./context"),_pageState=require("./pageState"),_jsxRuntime=require("react/jsx-runtime");function toneColor(e){switch(e){case"accent":return _sharedUi.night.color.accent;case"warning":return _sharedUi.night.color.warning;case"danger":return _sharedUi.night.color.danger;case"info":return _sharedUi.night.color.info;case"muted":return _sharedUi.night.color.textTertiary;default:return _sharedUi.night.color.text}}function ProvenanceBadge({source:e}){if(!e||"live"===e)return null;const t="changed"===e?"CHANGED BY ASK BUOY":"mocked"===e?"MOCKED":"FROM THE MODEL",r="changed"===e?_sharedUi.night.color.warning:"mocked"===e?_sharedUi.night.color.danger:_sharedUi.night.color.textTertiary;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.badge,{borderColor:r}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.badgeText,{color:r}],children:t})})}function Card({title:e,source:t,children:r,testID:o,tone:i,collapsible:n,summary:s}){const[a,l]=(0,_react.useState)(!1),c=!!n&&!a;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.card,"warning"===i&&styles.cardWarning,"danger"===i&&styles.cardDanger,"info"===i&&styles.cardInfo],testID:o,children:[(e||t&&"live"!==t)&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.titleRow,children:[e?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.title,numberOfLines:2,children:e}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.flex}),(0,_jsxRuntime.jsx)(ProvenanceBadge,{source:t})]}),n?(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{testID:o?`${o}-toggle`:void 0,onPress:()=>l(e=>!e),accessibilityRole:"button",accessibilityState:{expanded:a},accessibilityLabel:`${s??"Details"}, ${a?"hide":"show"}`,style:({pressed:e})=>[styles.disclosure,!c&&styles.disclosureOpen,e&&styles.pressed],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.disclosureText,numberOfLines:1,children:s??"Details"}),c?(0,_jsxRuntime.jsx)(_sharedUi.ChevronDown,{size:12,color:_sharedUi.night.color.textTertiary}):(0,_jsxRuntime.jsx)(_sharedUi.ChevronUp,{size:12,color:_sharedUi.night.color.textTertiary})]}):null,c?null:r]})}const PAGE_STEP=5;function usePaged(e,t,r=PAGE_STEP){const[o,i]=(0,_react.useState)(t),{hidden:n,next:s,expanded:a,canExpand:l,canCollapse:c}=(0,_pageState.pageState)(e.length,t,o,r);return{visible:e.slice(0,o),hidden:n,next:s,expanded:a,showMore:l?()=>i(e=>e+r):void 0,showLess:c?()=>i(t):void 0}}function More({paged:e}){const{next:t,showMore:r,showLess:o}=e;return r||o?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.moreRow,children:[r?(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{testID:"buoy-block-show-more",onPress:r,style:[styles.more,styles.moreCell],accessibilityRole:"button",children:[(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.moreText,children:["Show ",t," more"]}),(0,_jsxRuntime.jsx)(_sharedUi.ChevronDown,{size:12,color:_sharedUi.night.color.textTertiary})]}):null,o?(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{testID:"buoy-block-show-fewer",onPress:o,style:[styles.more,styles.moreCell],accessibilityRole:"button",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.moreText,children:"Show fewer"}),(0,_jsxRuntime.jsx)(_sharedUi.ChevronUp,{size:12,color:_sharedUi.night.color.textTertiary})]}):null]}):null}function MoreNote({shown:e,total:t}){return!t||t<=e?null:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.more,children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.moreNote,children:[e," of ",t," shown"]})})}function ActionRow({actions:e,blockId:t,align:r="left"}){const o=(0,_context.useBlockHandlers)();if(!e?.length)return null;const i=e.filter(e=>e.openTool?!1!==o.supports?.openTool:e.minimize?!1!==o.supports?.minimize:!e.dispatch||!1!==o.supports?.dispatch);return 0===i.length?null:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.actions,"right"===r&&styles.actionsRight],children:i.slice(0,2).map(e=>{const r=o.actionState?.[(0,_context.actionKey)(t,e)],i=!!o.busy||"running"===r||"done"===r;return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:e.label,testID:`buoy-block-action-${e.label.toLowerCase().replace(/\s+/g,"-")}`,disabled:i,onPress:()=>{o.runAction(e,t)},style:({pressed:t})=>[styles.button,e.primary?styles.buttonPrimary:styles.buttonPlate,i&&styles.buttonDisabled,t&&!i&&styles.pressed],children:["running"===r?(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{size:"small",color:e.primary?_sharedUi.night.color.onAccent:_sharedUi.night.color.text}):"done"===r?(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:12,color:e.primary?_sharedUi.night.color.onAccent:_sharedUi.night.color.accent}):"failed"===r?(0,_jsxRuntime.jsx)(_sharedUi.X,{size:12,color:_sharedUi.night.color.danger}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.buttonText,e.primary?styles.buttonTextPrimary:styles.buttonTextPlate],children:e.label})]},e.label)})})}const blockStyles=exports.blockStyles=_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:12,paddingVertical:9},rowDivider:{borderTopWidth:_reactNative.StyleSheet.hairlineWidth,borderTopColor:_sharedUi.night.color.separator},rowTitle:{flex:1,color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.body,lineHeight:19},rowSub:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,lineHeight:17},rowTrailing:{color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.caption,maxWidth:120,textAlign:"right"},mono:{fontFamily:"Menlo",fontSize:12,color:_sharedUi.night.color.text},pill:{paddingHorizontal:7,paddingVertical:2,borderRadius:_sharedUi.night.radius.badge,backgroundColor:_sharedUi.night.color.fill},pillText:{fontSize:_sharedUi.night.font.micro,fontWeight:"700",letterSpacing:.4,color:_sharedUi.night.color.textSecondary}}),styles=_reactNative.StyleSheet.create({card:{borderRadius:_sharedUi.night.radius.card,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.surface,overflow:"hidden"},cardWarning:{borderColor:_sharedUi.night.color.warning,backgroundColor:_sharedUi.night.color.warningSoft},cardDanger:{borderColor:_sharedUi.night.color.danger,backgroundColor:_sharedUi.night.color.dangerSoft},cardInfo:{borderColor:_sharedUi.night.color.accentBorderStrong,backgroundColor:_sharedUi.night.color.accentSoft},titleRow:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:12,paddingTop:10,paddingBottom:6},flex:{flex:1},title:{flex:1,color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},disclosure:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:12,paddingVertical:9},disclosureOpen:{borderBottomWidth:_reactNative.StyleSheet.hairlineWidth,borderBottomColor:_sharedUi.night.color.separator},disclosureText:{flex:1,color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption},badge:{borderWidth:_reactNative.StyleSheet.hairlineWidth,borderRadius:_sharedUi.night.radius.badge,paddingHorizontal:6,paddingVertical:2},badgeText:{fontSize:9,fontWeight:"700",letterSpacing:.6},moreRow:{flexDirection:"row"},more:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:4,paddingVertical:9,paddingHorizontal:8,borderTopWidth:_reactNative.StyleSheet.hairlineWidth,borderTopColor:_sharedUi.night.color.separator},moreCell:{flex:1},moreText:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},moreNote:{color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.caption},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:_sharedUi.night.radius.row},buttonPrimary:{backgroundColor:_sharedUi.night.color.accent},buttonPlate:{backgroundColor:_sharedUi.night.color.button},buttonDisabled:{opacity:.55},buttonText:{fontSize:_sharedUi.night.font.caption,fontWeight:"600"},buttonTextPrimary:{color:_sharedUi.night.color.onAccent},buttonTextPlate:{color:_sharedUi.night.color.text},pressed:{opacity:.7}});

package/lib/commonjs/blocks/primitivesIndex.js

@@ -1,62 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ActionRow", {
-  enumerable: true,
-  get: function () {
-    return _primitives.ActionRow;
-  }
-});
-Object.defineProperty(exports, "Card", {
-  enumerable: true,
-  get: function () {
-    return _primitives.Card;
-  }
-});
-Object.defineProperty(exports, "More", {
-  enumerable: true,
-  get: function () {
-    return _primitives.More;
-  }
-});
-Object.defineProperty(exports, "MoreNote", {
-  enumerable: true,
-  get: function () {
-    return _primitives.MoreNote;
-  }
-});
-Object.defineProperty(exports, "ProvenanceBadge", {
-  enumerable: true,
-  get: function () {
-    return _primitives.ProvenanceBadge;
-  }
-});
-Object.defineProperty(exports, "blockStyles", {
-  enumerable: true,
-  get: function () {
-    return _primitives.blockStyles;
-  }
-});
-Object.defineProperty(exports, "toneColor", {
-  enumerable: true,
-  get: function () {
-    return _primitives.toneColor;
-  }
-});
-Object.defineProperty(exports, "useBlockHandlers", {
-  enumerable: true,
-  get: function () {
-    return _context.useBlockHandlers;
-  }
-});
-Object.defineProperty(exports, "usePaged", {
-  enumerable: true,
-  get: function () {
-    return _primitives.usePaged;
-  }
-});
-var _primitives = require("./primitives");
-var _context = require("./context");
-//# sourceMappingURL=primitivesIndex.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ActionRow",{enumerable:!0,get:function(){return _primitives.ActionRow}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function(){return _primitives.Card}}),Object.defineProperty(exports,"More",{enumerable:!0,get:function(){return _primitives.More}}),Object.defineProperty(exports,"MoreNote",{enumerable:!0,get:function(){return _primitives.MoreNote}}),Object.defineProperty(exports,"ProvenanceBadge",{enumerable:!0,get:function(){return _primitives.ProvenanceBadge}}),Object.defineProperty(exports,"blockStyles",{enumerable:!0,get:function(){return _primitives.blockStyles}}),Object.defineProperty(exports,"toneColor",{enumerable:!0,get:function(){return _primitives.toneColor}}),Object.defineProperty(exports,"useBlockHandlers",{enumerable:!0,get:function(){return _context.useBlockHandlers}}),Object.defineProperty(exports,"usePaged",{enumerable:!0,get:function(){return _primitives.usePaged}});var _primitives=require("./primitives"),_context=require("./context");

package/lib/commonjs/components/ApprovalCard.js

@@ -1,140 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ApprovalCard = ApprovalCard;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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.
- */
-
-function ApprovalCard({
-  pending,
-  onAnswer
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.card,
-    testID: "buoy-ask-buoy-approval",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.titleRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
-        size: 14,
-        color: _sharedUi.night.color.warning
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.title,
-        children: "Allow this change?"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.label,
-      children: pending.label
-    }), pending.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.description,
-      children: pending.description
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.reason,
-      children: pending.reason
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.actions,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        testID: "buoy-ask-buoy-approve",
-        accessibilityRole: "button",
-        onPress: () => onAnswer(true),
-        style: ({
-          pressed
-        }) => [styles.button, styles.approve, pressed && styles.pressed],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.approveText,
-          children: "Allow"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        testID: "buoy-ask-buoy-reject",
-        accessibilityRole: "button",
-        onPress: () => onAnswer(false),
-        style: ({
-          pressed
-        }) => [styles.button, styles.reject, pressed && styles.pressed],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.rejectText,
-          children: "Not now"
-        })
-      })]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  card: {
-    marginHorizontal: _sharedUi.night.gutter,
-    marginBottom: 10,
-    padding: _sharedUi.night.cardPad,
-    borderRadius: _sharedUi.night.radius.card,
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderColor: _sharedUi.night.color.accentBorderStrong,
-    backgroundColor: _sharedUi.night.color.surface,
-    gap: 6
-  },
-  titleRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6
-  },
-  title: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  },
-  label: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.row,
-    fontWeight: "600",
-    lineHeight: 20
-  },
-  description: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption,
-    lineHeight: 18
-  },
-  reason: {
-    color: _sharedUi.night.color.warning,
-    fontSize: _sharedUi.night.font.caption,
-    lineHeight: 18
-  },
-  actions: {
-    flexDirection: "row",
-    gap: 8,
-    marginTop: 6
-  },
-  button: {
-    paddingHorizontal: 16,
-    paddingVertical: 9,
-    borderRadius: _sharedUi.night.radius.row
-  },
-  approve: {
-    backgroundColor: _sharedUi.night.color.accent
-  },
-  approveText: {
-    color: _sharedUi.night.color.onAccent,
-    fontWeight: "600",
-    fontSize: _sharedUi.night.font.caption
-  },
-  reject: {
-    backgroundColor: _sharedUi.night.color.button
-  },
-  rejectText: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption
-  },
-  pressed: {
-    opacity: 0.7
-  }
-});
-//# sourceMappingURL=ApprovalCard.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApprovalCard=ApprovalCard;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_jsxRuntime=require("react/jsx-runtime");function ApprovalCard({pending:e,onAnswer:t}){const[r,i]=(0,_react.useState)("");return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.card,testID:"buoy-ask-buoy-approval",children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.titleRow,children:[(0,_jsxRuntime.jsx)(_sharedUi.AlertTriangle,{size:14,color:_sharedUi.night.color.warning}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.title,children:"Allow this change?"})]}),e.restored?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.restored,testID:"buoy-ask-buoy-approval-restored",children:"Asked before the app restarted — check it still applies."}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.label,children:e.label}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.reason,children:e.reason}),e.description?(0,_jsxRuntime.jsx)(ApprovalDetails,{text:e.description}):null,(0,_jsxRuntime.jsx)(_reactNative.TextInput,{testID:"buoy-ask-buoy-approval-note",value:r,onChangeText:i,placeholder:"Add a note for the agent (optional)",placeholderTextColor:_sharedUi.night.color.textTertiary,style:styles.note,returnKeyType:"done",blurOnSubmit:!0}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actions,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-approve",accessibilityRole:"button",onPress:()=>t({approved:!0,reason:r}),style:({pressed:e})=>[styles.button,styles.approve,e&&styles.pressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.approveText,children:"Allow"})}),e.restored?null:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-approve-trust",accessibilityRole:"button",onPress:()=>t({approved:!0,reason:r,trust:!0}),style:({pressed:e})=>[styles.button,styles.trust,e&&styles.pressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.trustText,children:"Allow for this chat"})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-reject",accessibilityRole:"button",onPress:()=>t({approved:!1,reason:r}),style:({pressed:e})=>[styles.button,styles.reject,e&&styles.pressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rejectText,children:"Not now"})})]})]})}function ApprovalDetails({text:e}){const[t,r]=(0,_react.useState)(!1);return(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{testID:"buoy-ask-buoy-approval-details",accessibilityRole:"button",accessibilityState:{expanded:t},onPress:()=>r(e=>!e),style:({pressed:e})=>[styles.disclosure,e&&styles.pressed],hitSlop:6,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:t?styles.chevronOpen:styles.chevronClosed,children:(0,_jsxRuntime.jsx)(_sharedUi.ChevronDown,{size:12,color:_sharedUi.night.color.textTertiary})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.disclosureText,children:t?"Hide details":"Details"})]}),t?(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{style:styles.detail,contentContainerStyle:styles.detailContent,nestedScrollEnabled:!0,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.description,children:e})}):null]})}const styles=_reactNative.StyleSheet.create({card:{marginHorizontal:_sharedUi.night.gutter,marginBottom:10,padding:_sharedUi.night.cardPad,borderRadius:_sharedUi.night.radius.card,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.accentBorderStrong,backgroundColor:_sharedUi.night.color.surface,gap:6},titleRow:{flexDirection:"row",alignItems:"center",gap:6},title:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},label:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.row,fontWeight:"600",lineHeight:20},description:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,lineHeight:18},reason:{color:_sharedUi.night.color.warning,fontSize:_sharedUi.night.font.caption,lineHeight:18},restored:{color:_sharedUi.night.color.info,backgroundColor:_sharedUi.night.color.infoSoft,fontSize:_sharedUi.night.font.micro,lineHeight:16,paddingHorizontal:8,paddingVertical:5,borderRadius:8},disclosure:{flexDirection:"row",alignItems:"center",gap:4,paddingVertical:4},disclosureText:{color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.micro,fontWeight:"600"},chevronOpen:{transform:[{rotate:"0deg"}]},chevronClosed:{transform:[{rotate:"-90deg"}]},detail:{maxHeight:150,marginTop:2},detailContent:{paddingBottom:2},note:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,paddingHorizontal:10,paddingVertical:7,borderRadius:_sharedUi.night.radius.row,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.button,marginTop:2},actions:{flexDirection:"row",flexWrap:"wrap",gap:8,marginTop:6},button:{paddingHorizontal:16,paddingVertical:9,borderRadius:_sharedUi.night.radius.row},approve:{backgroundColor:_sharedUi.night.color.accent},approveText:{color:_sharedUi.night.color.onAccent,fontWeight:"600",fontSize:_sharedUi.night.font.caption},trust:{backgroundColor:_sharedUi.night.color.button,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.accentBorderStrong},trustText:{color:_sharedUi.night.color.accent,fontWeight:"600",fontSize:_sharedUi.night.font.caption},reject:{backgroundColor:_sharedUi.night.color.button},rejectText:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption},pressed:{opacity:.7}});