@buoy-gg/ask-buoy 7.0.35 → 7.0.38

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/listRow.test.js

@@ -1,56 +1 @@
-"use strict";
-
-import { describe, expect, it } from "vitest";
-import { listRowBehaviour } from "./DataBlocks";
-
-/**
- * A list row can carry a picture AND an action, and both want the tap. These
- * are the rules that keep them apart — see `listRowBehaviour`.
- */
-describe("listRowBehaviour", () => {
-  it("a plain row does nothing on tap", () => {
-    expect(listRowBehaviour({})).toEqual({
-      canExpand: false,
-      rowRunsAction: false,
-      actionIsOwnControl: false
-    });
-  });
-  it("a row with a picture opens it", () => {
-    expect(listRowBehaviour({
-      image: "https://x/1.png"
-    })).toEqual({
-      canExpand: true,
-      rowRunsAction: false,
-      actionIsOwnControl: false
-    });
-  });
-  it("a row with only an action keeps running it from the whole row", () => {
-    expect(listRowBehaviour({
-      action: {
-        label: "Retry",
-        send: "retry"
-      }
-    })).toEqual({
-      canExpand: false,
-      rowRunsAction: true,
-      actionIsOwnControl: false
-    });
-  });
-  it("with BOTH, the body opens the picture and the action gets its own control", () => {
-    const b = listRowBehaviour({
-      image: "https://x/1.png",
-      action: {
-        label: "Retry",
-        send: "retry"
-      }
-    });
-    expect(b).toEqual({
-      canExpand: true,
-      rowRunsAction: false,
-      actionIsOwnControl: true
-    });
-    // The row body must never be the action's target — that is the whole point.
-    expect(b.rowRunsAction).toBe(false);
-  });
-});
-//# sourceMappingURL=listRow.test.js.map
+"use strict";import{describe,expect,it}from"vitest";import{listRowBehaviour}from"./DataBlocks";describe("listRowBehaviour",()=>{it("a plain row does nothing on tap",()=>{expect(listRowBehaviour({})).toEqual({canExpand:!1,rowRunsAction:!1,actionIsOwnControl:!1})}),it("a row with a picture opens it",()=>{expect(listRowBehaviour({image:"https://x/1.png"})).toEqual({canExpand:!0,rowRunsAction:!1,actionIsOwnControl:!1})}),it("a row with only an action keeps running it from the whole row",()=>{expect(listRowBehaviour({action:{label:"Retry",send:"retry"}})).toEqual({canExpand:!1,rowRunsAction:!0,actionIsOwnControl:!1})}),it("with BOTH, the body opens the picture and the action gets its own control",()=>{const t=listRowBehaviour({image:"https://x/1.png",action:{label:"Retry",send:"retry"}});expect(t).toEqual({canExpand:!0,rowRunsAction:!1,actionIsOwnControl:!0}),expect(t.rowRunsAction).toBe(!1)})});

package/lib/module/blocks/pageState.js

@@ -1,30 +1 @@
-"use strict";
-
-/**
- * The arithmetic behind a block's "+N more" footer, separated from the hook so
- * it can be tested without a renderer.
- *
- * The rule that matters: a control is offered ONLY when it changes what is on
- * screen. The previous version derived "+N more" from a `total` the source
- * reported while deriving the tap target from the array actually in hand, so a
- * block holding five items and claiming six rendered a "+1 more" with nothing
- * to reveal — a button that did nothing when tapped. This takes a count and a
- * limit and nothing else, so `canExpand` is the same fact as `hidden > 0`.
- */
-
-export function pageState(count, cap, limit, step) {
-  const shown = Math.min(limit, count);
-  const hidden = Math.max(0, count - shown);
-  // A block can be re-rendered in place with a shorter list than the one the
-  // limit was raised for; collapsing back to a cap nothing exceeds would move
-  // nothing, so it is not offered.
-  const expanded = limit > cap && count > cap;
-  return {
-    hidden,
-    next: Math.min(hidden, step),
-    expanded,
-    canExpand: hidden > 0,
-    canCollapse: expanded
-  };
-}
-//# sourceMappingURL=pageState.js.map
+"use strict";export function pageState(n,t,a,e){const c=Math.min(a,n),d=Math.max(0,n-c),i=a>t&&n>t;return{hidden:d,next:Math.min(d,e),expanded:i,canExpand:d>0,canCollapse:i}}

package/lib/module/blocks/pageState.test.js

@@ -1,56 +1 @@
-"use strict";
-
-/**
- * The "+N more" footer's arithmetic.
- *
- * The bug this covers: a list block showed "+1 more" that did nothing when
- * tapped. The count came from the `total` the model reported, the tap target
- * came from the array actually in hand, and the two disagreed — so the footer
- * advertised a row that was never sent. Every case below is about a control
- * being offered if and only if it changes the screen.
- */
-import { describe, expect, it } from "vitest";
-import { pageState } from "./pageState";
-const CAP = 10;
-const STEP = 5;
-const at = (count, limit) => pageState(count, CAP, limit, STEP);
-describe("what the footer offers", () => {
-  it("offers nothing when everything already fits", () => {
-    const s = at(4, CAP);
-    expect(s.hidden).toBe(0);
-    expect(s.canExpand).toBe(false);
-    expect(s.canCollapse).toBe(false);
-  });
-  it("never offers an expand that reveals nothing", () => {
-    // The dead "+1 more" this replaced: the label was drawn from a `total` the
-    // source reported, the tap target from the array in hand. `pageState` is
-    // given only the array, so a control it offers always moves something.
-    expect(at(5, CAP).canExpand).toBe(false);
-  });
-  it("reveals a page at a time rather than the whole list", () => {
-    // 100 items, cap 10: 10 → 15 → 20 → 25, exactly one step per tap.
-    expect(at(100, 10).next).toBe(5);
-    expect(at(100, 15).next).toBe(5);
-    expect(at(100, 20).hidden).toBe(80);
-  });
-  it("offers only the remainder on the last page", () => {
-    // 12 items shown to 10: two left, so the label promises two, not five.
-    expect(at(12, 10).next).toBe(2);
-    expect(at(12, 12).canExpand).toBe(false);
-  });
-  it("offers the way back only once something is expanded", () => {
-    expect(at(100, 10).canCollapse).toBe(false);
-    expect(at(100, 15).canCollapse).toBe(true);
-    expect(at(100, 15).expanded).toBe(true);
-  });
-  it("does not offer a collapse that moves nothing", () => {
-    // A block re-rendered in place with a shorter list than the limit was
-    // raised for: 3 items under a limit of 20. Folding back to 10 would look
-    // identical, so it is not offered.
-    const s = at(3, 20);
-    expect(s.canCollapse).toBe(false);
-    expect(s.expanded).toBe(false);
-    expect(s.hidden).toBe(0);
-  });
-});
-//# sourceMappingURL=pageState.test.js.map
+"use strict";import{describe,expect,it}from"vitest";import{pageState}from"./pageState";const CAP=10,STEP=5,at=(e,t)=>pageState(e,10,t,5);describe("what the footer offers",()=>{it("offers nothing when everything already fits",()=>{const e=at(4,10);expect(e.hidden).toBe(0),expect(e.canExpand).toBe(!1),expect(e.canCollapse).toBe(!1)}),it("never offers an expand that reveals nothing",()=>{expect(at(5,10).canExpand).toBe(!1)}),it("reveals a page at a time rather than the whole list",()=>{expect(at(100,10).next).toBe(5),expect(at(100,15).next).toBe(5),expect(at(100,20).hidden).toBe(80)}),it("offers only the remainder on the last page",()=>{expect(at(12,10).next).toBe(2),expect(at(12,12).canExpand).toBe(!1)}),it("offers the way back only once something is expanded",()=>{expect(at(100,10).canCollapse).toBe(!1),expect(at(100,15).canCollapse).toBe(!0),expect(at(100,15).expanded).toBe(!0)}),it("does not offer a collapse that moves nothing",()=>{const e=at(3,20);expect(e.canCollapse).toBe(!1),expect(e.expanded).toBe(!1),expect(e.hidden).toBe(0)})});

package/lib/module/blocks/primitives.js

@@ -1,389 +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
-    })
-  });
-}
-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]
-  });
-}
-
-/**
- * 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"
-  },
-  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";