@buoy-gg/ask-buoy 7.0.36 → 7.0.38

package/lib/module/blocks/primitives.js

@@ -1,445 +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, ChevronUp, night, X } from "@buoy-gg/shared-ui";
-import { actionKey, useBlockHandlers } from "./context";
-import { pageState } from "./pageState";
-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
-    })
-  });
-}
-
-/**
- * The block card. Optionally folds its body away behind a one-line summary.
- *
- * A card is `collapsible` when its body is reference material rather than the
- * answer — raw JSON, a field-by-field diff, anything a person reads only when
- * they have a reason to. It stays folded until asked, because the chat is what
- * the reader came for and a screen of `promoCode: null` buries it. What must
- * NEVER fold is the part that carries meaning without being read: the title
- * and the provenance badge stay on the face of the card in both states, so
- * "CHANGED BY ASK BUOY" can't be hidden by the same tap that hides the detail.
- */
-export function Card({
-  title,
-  source,
-  children,
-  testID,
-  tone,
-  collapsible,
-  summary
-}) {
-  const [expanded, setExpanded] = useState(false);
-  const folded = !!collapsible && !expanded;
-  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
-      })]
-    }), collapsible ? /*#__PURE__*/_jsxs(Pressable, {
-      testID: testID ? `${testID}-toggle` : undefined,
-      onPress: () => setExpanded(v => !v),
-      accessibilityRole: "button",
-      accessibilityState: {
-        expanded
-      },
-      accessibilityLabel: `${summary ?? "Details"}, ${expanded ? "hide" : "show"}`,
-      style: ({
-        pressed
-      }) => [styles.disclosure, !folded && styles.disclosureOpen, pressed && styles.pressed],
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.disclosureText,
-        numberOfLines: 1,
-        children: summary ?? "Details"
-      }), folded ? /*#__PURE__*/_jsx(ChevronDown, {
-        size: 12,
-        color: night.color.textTertiary
-      }) : /*#__PURE__*/_jsx(ChevronUp, {
-        size: 12,
-        color: night.color.textTertiary
-      })]
-    }) : null, folded ? null : 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.
- */
-export function usePaged(items, cap, step = PAGE_STEP) {
-  const [limit, setLimit] = useState(cap);
-  const {
-    hidden,
-    next,
-    expanded,
-    canExpand,
-    canCollapse
-  } = 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.
- */
-export function More({
-  paged
-}) {
-  const {
-    next,
-    showMore,
-    showLess
-  } = paged;
-  if (!showMore && !showLess) return null;
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.moreRow,
-    children: [showMore ? /*#__PURE__*/_jsxs(Pressable, {
-      testID: "buoy-block-show-more",
-      onPress: showMore,
-      style: [styles.more, styles.moreCell],
-      accessibilityRole: "button",
-      children: [/*#__PURE__*/_jsxs(Text, {
-        style: styles.moreText,
-        children: ["Show ", next, " more"]
-      }), /*#__PURE__*/_jsx(ChevronDown, {
-        size: 12,
-        color: night.color.textTertiary
-      })]
-    }) : null, showLess ? /*#__PURE__*/_jsxs(Pressable, {
-      testID: "buoy-block-show-fewer",
-      onPress: showLess,
-      style: [styles.more, styles.moreCell],
-      accessibilityRole: "button",
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.moreText,
-        children: "Show fewer"
-      }), /*#__PURE__*/_jsx(ChevronUp, {
-        size: 12,
-        color: 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.
- */
-export function MoreNote({
-  shown,
-  total
-}) {
-  if (!total || total <= shown) return null;
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.more,
-    children: /*#__PURE__*/_jsxs(Text, {
-      style: styles.moreNote,
-      children: [shown, " of ", total, " shown"]
-    })
-  });
-}
-
-/** 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"
-  },
-  disclosure: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 9
-  },
-  // Only when open: closed, the card ends at this row and a rule under it
-  // would draw a line beneath nothing.
-  disclosureOpen: {
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: night.color.separator
-  },
-  disclosureText: {
-    flex: 1,
-    color: night.color.textSecondary,
-    fontSize: night.font.caption
-  },
-  badge: {
-    borderWidth: StyleSheet.hairlineWidth,
-    borderRadius: 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: StyleSheet.hairlineWidth,
-    borderTopColor: 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: night.color.textSecondary,
-    fontSize: night.font.caption,
-    fontWeight: "600"
-  },
-  moreNote: {
-    color: night.color.textTertiary,
-    fontSize: 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: 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,ChevronUp,night,X}from"@buoy-gg/shared-ui";import{actionKey,useBlockHandlers}from"./context";import{pageState}from"./pageState";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function toneColor(e){switch(e){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:e}){if(!e||"live"===e)return null;const t="changed"===e?"CHANGED BY ASK BUOY":"mocked"===e?"MOCKED":"FROM THE MODEL",o="changed"===e?night.color.warning:"mocked"===e?night.color.danger:night.color.textTertiary;return _jsx(View,{style:[styles.badge,{borderColor:o}],children:_jsx(Text,{style:[styles.badgeText,{color:o}],children:t})})}export function Card({title:e,source:t,children:o,testID:r,tone:n,collapsible:i,summary:l}){const[s,c]=useState(!1),a=!!i&&!s;return _jsxs(View,{style:[styles.card,"warning"===n&&styles.cardWarning,"danger"===n&&styles.cardDanger,"info"===n&&styles.cardInfo],testID:r,children:[(e||t&&"live"!==t)&&_jsxs(View,{style:styles.titleRow,children:[e?_jsx(Text,{style:styles.title,numberOfLines:2,children:e}):_jsx(View,{style:styles.flex}),_jsx(ProvenanceBadge,{source:t})]}),i?_jsxs(Pressable,{testID:r?`${r}-toggle`:void 0,onPress:()=>c(e=>!e),accessibilityRole:"button",accessibilityState:{expanded:s},accessibilityLabel:`${l??"Details"}, ${s?"hide":"show"}`,style:({pressed:e})=>[styles.disclosure,!a&&styles.disclosureOpen,e&&styles.pressed],children:[_jsx(Text,{style:styles.disclosureText,numberOfLines:1,children:l??"Details"}),_jsx(a?ChevronDown:ChevronUp,{size:12,color:night.color.textTertiary})]}):null,a?null:o]})}const PAGE_STEP=5;export function usePaged(e,t,o=5){const[r,n]=useState(t),{hidden:i,next:l,expanded:s,canExpand:c,canCollapse:a}=pageState(e.length,t,r,o);return{visible:e.slice(0,r),hidden:i,next:l,expanded:s,showMore:c?()=>n(e=>e+o):void 0,showLess:a?()=>n(t):void 0}}export function More({paged:e}){const{next:t,showMore:o,showLess:r}=e;return o||r?_jsxs(View,{style:styles.moreRow,children:[o?_jsxs(Pressable,{testID:"buoy-block-show-more",onPress:o,style:[styles.more,styles.moreCell],accessibilityRole:"button",children:[_jsxs(Text,{style:styles.moreText,children:["Show ",t," more"]}),_jsx(ChevronDown,{size:12,color:night.color.textTertiary})]}):null,r?_jsxs(Pressable,{testID:"buoy-block-show-fewer",onPress:r,style:[styles.more,styles.moreCell],accessibilityRole:"button",children:[_jsx(Text,{style:styles.moreText,children:"Show fewer"}),_jsx(ChevronUp,{size:12,color:night.color.textTertiary})]}):null]}):null}export function MoreNote({shown:e,total:t}){return!t||t<=e?null:_jsx(View,{style:styles.more,children:_jsxs(Text,{style:styles.moreNote,children:[e," of ",t," shown"]})})}export function ActionRow({actions:e,blockId:t,align:o="left"}){const r=useBlockHandlers();if(!e?.length)return null;const n=e.filter(e=>e.openTool?!1!==r.supports?.openTool:e.minimize?!1!==r.supports?.minimize:!e.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(e=>{const o=r.actionState?.[actionKey(t,e)],n=!!r.busy||"running"===o||"done"===o;return _jsxs(Pressable,{accessibilityRole:"button",accessibilityLabel:e.label,testID:`buoy-block-action-${e.label.toLowerCase().replace(/\s+/g,"-")}`,disabled:n,onPress:()=>{r.runAction(e,t)},style:({pressed:t})=>[styles.button,e.primary?styles.buttonPrimary:styles.buttonPlate,n&&styles.buttonDisabled,t&&!n&&styles.pressed],children:["running"===o?_jsx(ActivityIndicator,{size:"small",color:e.primary?night.color.onAccent:night.color.text}):"done"===o?_jsx(Check,{size:12,color:e.primary?night.color.onAccent:night.color.accent}):"failed"===o?_jsx(X,{size:12,color:night.color.danger}):null,_jsx(Text,{style:[styles.buttonText,e.primary?styles.buttonTextPrimary:styles.buttonTextPlate],children:e.label})]},e.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"},disclosure:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:12,paddingVertical:9},disclosureOpen:{borderBottomWidth:StyleSheet.hairlineWidth,borderBottomColor:night.color.separator},disclosureText:{flex:1,color:night.color.textSecondary,fontSize:night.font.caption},badge:{borderWidth:StyleSheet.hairlineWidth,borderRadius: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:StyleSheet.hairlineWidth,borderTopColor:night.color.separator},moreCell:{flex:1},moreText:{color:night.color.textSecondary,fontSize:night.font.caption,fontWeight:"600"},moreNote:{color:night.color.textTertiary,fontSize: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: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, MoreNote, ProvenanceBadge, toneColor, usePaged } from "./primitives";
-export { useBlockHandlers } from "./context";
-//# sourceMappingURL=primitivesIndex.js.map
+"use strict";export{ActionRow,blockStyles,Card,More,MoreNote,ProvenanceBadge,toneColor,usePaged}from"./primitives";export{useBlockHandlers}from"./context";