@buoy-gg/ask-buoy 7.0.33 → 7.0.34

package/lib/commonjs/blocks/ReceiptBlocks.js

@@ -1,596 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Crash = Crash;
-exports.LogList = LogList;
-exports.Peek = Peek;
-exports.RequestCard = RequestCard;
-exports.RequestList = RequestList;
-exports.RouteChips = RouteChips;
-exports.RuleCard = RuleCard;
-exports.ScreenElements = ScreenElements;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _agentCore = require("@buoy-gg/agent-core");
-var _context = require("./context");
-var _primitives = require("./primitives");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Receipts — engine-made blocks for the tools people ask about most.
- * Each one is a card the matching Buoy tool could have drawn, with one tap
- * into that tool where the host supports it.
- */
-
-function statusColor(status) {
-  if (status === undefined) return _sharedUi.night.color.textTertiary;
-  if (status >= 500) return _sharedUi.night.color.danger;
-  if (status >= 400) return _sharedUi.night.color.warning;
-  if (status >= 300) return _sharedUi.night.color.info;
-  return _sharedUi.night.color.accent;
-}
-function pathOf(url) {
-  try {
-    const u = new URL(url);
-    return u.pathname + (u.search ? "?…" : "");
-  } catch {
-    return url;
-  }
-}
-function StatusPill({
-  status
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [_primitives.blockStyles.pill, {
-      backgroundColor: `${statusColor(status)}22`
-    }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [_primitives.blockStyles.pillText, {
-        color: statusColor(status)
-      }],
-      children: status ?? "…"
-    })
-  });
-}
-function RequestList({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  const canOpen = h.supports?.openTool !== false;
-  const {
-    visible,
-    expanded,
-    toggle
-  } = (0, _primitives.useExpand)(block.requests, _agentCore.CAPS.listItems);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    title: block.title ?? "Network requests",
-    source: block.source,
-    testID: `buoy-block-requests-${block.id}`,
-    children: [visible.map((r, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-      disabled: !canOpen,
-      onPress: () => void h.runAction({
-        label: "Open in Network",
-        openTool: {
-          toolId: "network",
-          select: r.id
-        }
-      }, block.id),
-      style: [_primitives.blockStyles.row, i > 0 && _primitives.blockStyles.rowDivider],
-      accessibilityRole: canOpen ? "button" : undefined,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.method,
-        children: r.method
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: _primitives.blockStyles.rowTitle,
-        numberOfLines: 1,
-        children: pathOf(r.url)
-      }), r.mocked ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.mockedChip,
-        children: "MOCKED"
-      }) : null, r.durationMs !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: _primitives.blockStyles.rowTrailing,
-        children: [r.durationMs, " ms"]
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(StatusPill, {
-        status: r.status
-      }), canOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-        size: 12,
-        color: _sharedUi.night.color.textTertiary
-      }) : null]
-    }, r.id)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.More, {
-      shown: visible.length,
-      total: block.total ?? block.requests.length,
-      onExpand: block.requests.length > visible.length || expanded ? toggle : undefined,
-      expanded: expanded
-    })]
-  });
-}
-function RequestCard({
-  block
-}) {
-  const [tab, setTab] = (0, _react.useState)("response");
-  const body = tab === "response" ? block.responseBody : block.requestBody;
-  const text = body === undefined ? "(none)" : typeof body === "string" ? body : JSON.stringify(body, null, 2);
-  const h = (0, _context.useBlockHandlers)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    source: block.source,
-    testID: `buoy-block-request-${block.id}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [_primitives.blockStyles.row, styles.reqHead],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.method,
-        children: block.request.method
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: _primitives.blockStyles.rowTitle,
-        numberOfLines: 2,
-        children: pathOf(block.request.url)
-      }), block.request.mocked ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.mockedChip,
-        children: "MOCKED"
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(StatusPill, {
-        status: block.request.status
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.tabs,
-      children: ["response", "request"].map(t => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        onPress: () => setTab(t),
-        style: [styles.tab, tab === t && styles.tabOn],
-        accessibilityRole: "tab",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.tabText, tab === t && styles.tabTextOn],
-          children: t === "response" ? "Response" : "Request"
-        })
-      }, t))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [_primitives.blockStyles.mono, styles.body],
-      numberOfLines: 14,
-      selectable: true,
-      children: text.length > 1600 ? `${text.slice(0, 1600)}\n…` : text
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ActionRow, {
-      blockId: block.id,
-      actions: [{
-        label: "Open in Network",
-        openTool: {
-          toolId: "network",
-          select: block.request.id
-        }
-      }]
-    }), h.supports?.openTool === false ? null : null]
-  });
-}
-function RuleCard({
-  block
-}) {
-  const r = block.rule;
-  const outcome = r.kind === "fail" ? "fails (no network)" : r.kind === "delay" ? `delayed ${r.delayMs ?? 0} ms` : `returns ${r.status ?? 200}`;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    title: r.name ?? "Network override",
-    source: block.source,
-    testID: `buoy-block-rule-${block.id}`,
-    tone: r.enabled ? "warning" : undefined,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.ruleBody,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.ruleLine,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.ruleKey,
-          children: [r.methods?.length ? r.methods.join("/") : "ANY", " "]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: _primitives.blockStyles.mono,
-          children: r.urlPattern
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.ruleLine,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.ruleKey,
-          children: "\u2192 "
-        }), outcome, r.times ? ` · ${r.times === 1 ? "once" : `${r.times} times`}` : " · every time", r.hits !== undefined ? ` · ${r.hits} hit${r.hits === 1 ? "" : "s"}` : ""]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [_primitives.blockStyles.pill, r.enabled ? styles.on : styles.off],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [_primitives.blockStyles.pillText, {
-            color: r.enabled ? _sharedUi.night.color.onAccent : _sharedUi.night.color.textSecondary
-          }],
-          children: r.enabled ? "ON" : "OFF"
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ActionRow, {
-      blockId: block.id,
-      actions: [r.enabled ? {
-        label: "Turn off",
-        dispatch: {
-          toolId: "network",
-          action: "setOverrideRuleEnabled",
-          params: {
-            id: r.id,
-            enabled: false
-          }
-        }
-      } : {
-        label: "Turn on",
-        primary: true,
-        dispatch: {
-          toolId: "network",
-          action: "setOverrideRuleEnabled",
-          params: {
-            id: r.id,
-            enabled: true
-          }
-        }
-      }, {
-        label: "Delete",
-        dispatch: {
-          toolId: "network",
-          action: "deleteOverrideRule",
-          params: {
-            id: r.id
-          }
-        }
-      }]
-    })]
-  });
-}
-function ScreenElements({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  const {
-    visible,
-    expanded,
-    toggle
-  } = (0, _primitives.useExpand)(block.elements, _agentCore.CAPS.chips);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    title: block.title ?? "On screen right now",
-    source: block.source,
-    testID: `buoy-block-screen-${block.id}`,
-    children: [visible.map((e, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-      onPress: () => void h.runAction({
-        label: "Highlight",
-        dispatch: {
-          toolId: "highlight-updates",
-          action: "setSpotlight",
-          params: {
-            nativeTag: e.nativeTag
-          }
-        }
-      }, block.id),
-      disabled: h.supports?.dispatch === false,
-      style: [_primitives.blockStyles.row, i > 0 && _primitives.blockStyles.rowDivider],
-      accessibilityRole: "button",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Eye, {
-        size: 12,
-        color: _sharedUi.night.color.textTertiary
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: _primitives.blockStyles.rowTitle,
-        numberOfLines: 1,
-        children: e.label ?? e.testID ?? e.name
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: _primitives.blockStyles.rowTrailing,
-        numberOfLines: 1,
-        children: e.name
-      })]
-    }, e.nativeTag)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.More, {
-      shown: visible.length,
-      total: block.total,
-      onExpand: block.elements.length > visible.length || expanded ? toggle : undefined,
-      expanded: expanded
-    })]
-  });
-}
-function RouteChips({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  const [expanded, setExpanded] = (0, _react.useState)(false);
-  const routes = expanded ? block.routes : block.routes.slice(0, _agentCore.CAPS.chips);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    title: block.current ? `Routes · you're on ${block.current}` : "Routes",
-    source: block.source,
-    testID: `buoy-block-routes-${block.id}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.chips,
-      children: routes.map(r => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        disabled: h.supports?.dispatch === false,
-        onPress: () => r.dynamic ? h.answer({
-          blockId: block.id,
-          kind: "input",
-          value: `Open ${r.path} — which id?`
-        }) : void h.runAction({
-          label: `Open ${r.path}`,
-          dispatch: {
-            toolId: "route-events",
-            action: "navigate",
-            params: {
-              path: r.path
-            }
-          }
-        }, block.id),
-        style: [styles.chip, r.path === block.current && styles.chipCurrent],
-        accessibilityRole: "button",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.chipText, r.dynamic && styles.chipDynamic],
-          children: r.path
-        })
-      }, r.path))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.More, {
-      shown: routes.length,
-      total: block.total ?? block.routes.length,
-      onExpand: () => setExpanded(v => !v),
-      expanded: expanded
-    })]
-  });
-}
-const LEVEL_COLOR = {
-  error: _sharedUi.night.color.danger,
-  warn: _sharedUi.night.color.warning,
-  warning: _sharedUi.night.color.warning,
-  info: _sharedUi.night.color.info
-};
-function LogList({
-  block
-}) {
-  const {
-    visible,
-    expanded,
-    toggle
-  } = (0, _primitives.useExpand)(block.entries, _agentCore.CAPS.listItems);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    title: "Console",
-    source: block.source,
-    testID: `buoy-block-logs-${block.id}`,
-    children: [visible.map((e, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [_primitives.blockStyles.row, i > 0 && _primitives.blockStyles.rowDivider, styles.logRow],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [_primitives.blockStyles.pill, {
-          backgroundColor: `${LEVEL_COLOR[e.level] ?? _sharedUi.night.color.textTertiary}22`
-        }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [_primitives.blockStyles.pillText, {
-            color: LEVEL_COLOR[e.level] ?? _sharedUi.night.color.textSecondary
-          }],
-          children: e.level.toUpperCase()
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [_primitives.blockStyles.rowTitle, _primitives.blockStyles.mono],
-        numberOfLines: 3,
-        children: e.message
-      }), e.count > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: _primitives.blockStyles.rowTrailing,
-        children: ["\xD7", e.count]
-      }) : null]
-    }, `${e.level}-${e.message}-${i}`)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.More, {
-      shown: visible.length,
-      total: block.total,
-      onExpand: block.entries.length > visible.length || expanded ? toggle : undefined,
-      expanded: expanded
-    })]
-  });
-}
-function Crash({
-  block
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    tone: "danger",
-    testID: `buoy-block-crash-${block.id}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.crashHead,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
-        size: 14,
-        color: _sharedUi.night.color.danger
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.crashTitle,
-        children: ["The app crashed", block.route ? ` on ${block.route}` : ""]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [_primitives.blockStyles.mono, styles.crashMsg],
-      numberOfLines: 4,
-      selectable: true,
-      children: block.message
-    }), block.suspect ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-      style: styles.suspect,
-      children: ["Most likely cause: ", block.suspect.label]
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ActionRow, {
-      blockId: block.id,
-      actions: [...(block.suspect?.action ? [{
-        ...block.suspect.action,
-        primary: true
-      }] : []), ...(block.actions ?? [])].slice(0, 2)
-    })]
-  });
-}
-
-/** A chip, not a card: the agent moved the app; let the user look. */
-function Peek({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  const can = h.supports?.minimize !== false;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-    testID: `buoy-block-peek-${block.id}`,
-    disabled: !can,
-    onPress: () => void h.runAction({
-      label: "Look",
-      minimize: true
-    }, block.id),
-    style: ({
-      pressed
-    }) => [styles.peek, pressed && {
-      opacity: 0.7
-    }],
-    accessibilityRole: "button",
-    accessibilityLabel: `${block.label}. Look at the app`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.peekText,
-      children: block.label
-    }), can ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.peekLook,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Eye, {
-        size: 12,
-        color: _sharedUi.night.color.accent
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.peekLookText,
-        children: "Look"
-      })]
-    }) : null]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  method: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.micro,
-    fontWeight: "700",
-    letterSpacing: 0.4,
-    width: 44
-  },
-  // The provenance chip for a response an override rule synthesized. Loud on
-  // purpose: mocked data rendered like live data is how testers file bugs
-  // against reality that never existed.
-  mockedChip: {
-    color: _sharedUi.night.color.warning,
-    backgroundColor: _sharedUi.night.color.warningSoft,
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    paddingHorizontal: 5,
-    paddingVertical: 1,
-    borderRadius: _sharedUi.night.radius.badge,
-    overflow: "hidden"
-  },
-  reqHead: {
-    paddingTop: 12
-  },
-  tabs: {
-    flexDirection: "row",
-    gap: 6,
-    paddingHorizontal: 12,
-    paddingTop: 4,
-    paddingBottom: 8
-  },
-  tab: {
-    paddingHorizontal: 10,
-    paddingVertical: 5,
-    borderRadius: _sharedUi.night.radius.badge,
-    backgroundColor: _sharedUi.night.color.fill
-  },
-  tabOn: {
-    backgroundColor: _sharedUi.night.color.accentSoft
-  },
-  tabText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.micro,
-    fontWeight: "600"
-  },
-  tabTextOn: {
-    color: _sharedUi.night.color.accent
-  },
-  body: {
-    paddingHorizontal: 12,
-    paddingBottom: 4,
-    lineHeight: 16,
-    color: _sharedUi.night.color.textSecondary
-  },
-  ruleBody: {
-    paddingHorizontal: 12,
-    paddingTop: 4,
-    paddingBottom: 4,
-    gap: 4
-  },
-  ruleLine: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    lineHeight: 18
-  },
-  ruleKey: {
-    color: _sharedUi.night.color.textSecondary,
-    fontWeight: "700"
-  },
-  on: {
-    alignSelf: "flex-start",
-    backgroundColor: _sharedUi.night.color.accent,
-    marginTop: 4
-  },
-  off: {
-    alignSelf: "flex-start",
-    backgroundColor: _sharedUi.night.color.fillTertiary,
-    marginTop: 4
-  },
-  chips: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6,
-    padding: 12
-  },
-  chip: {
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    borderRadius: _sharedUi.night.radius.chip,
-    backgroundColor: _sharedUi.night.color.fill,
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderColor: _sharedUi.night.color.border
-  },
-  chipCurrent: {
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderColor: _sharedUi.night.color.accentBorderStrong
-  },
-  chipText: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    fontFamily: "Menlo"
-  },
-  chipDynamic: {
-    color: _sharedUi.night.color.textSecondary
-  },
-  logRow: {
-    alignItems: "flex-start"
-  },
-  crashHead: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingTop: 12
-  },
-  crashTitle: {
-    color: _sharedUi.night.color.danger,
-    fontSize: _sharedUi.night.font.row,
-    fontWeight: "600"
-  },
-  crashMsg: {
-    paddingHorizontal: 12,
-    paddingTop: 6,
-    color: _sharedUi.night.color.text
-  },
-  suspect: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption,
-    paddingHorizontal: 12,
-    paddingTop: 6
-  },
-  peek: {
-    alignSelf: "flex-start",
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    paddingLeft: 12,
-    paddingRight: 10,
-    paddingVertical: 7,
-    borderRadius: _sharedUi.night.radius.chip,
-    backgroundColor: _sharedUi.night.color.fill
-  },
-  peekText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption
-  },
-  peekLook: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4
-  },
-  peekLookText: {
-    color: _sharedUi.night.color.accent,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  }
-});
-//# sourceMappingURL=ReceiptBlocks.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Crash=Crash,exports.LogList=LogList,exports.Peek=Peek,exports.RequestCard=RequestCard,exports.RequestList=RequestList,exports.RouteChips=RouteChips,exports.RuleCard=RuleCard,exports.ScreenElements=ScreenElements;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_agentCore=require("@buoy-gg/agent-core"),_context=require("./context"),_primitives=require("./primitives"),_jsxRuntime=require("react/jsx-runtime");function statusColor(e){return void 0===e?_sharedUi.night.color.textTertiary:e>=500?_sharedUi.night.color.danger:e>=400?_sharedUi.night.color.warning:e>=300?_sharedUi.night.color.info:_sharedUi.night.color.accent}function pathOf(e){try{const t=new URL(e);return t.pathname+(t.search?"?…":"")}catch{return e}}function StatusPill({status:e}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_primitives.blockStyles.pill,{backgroundColor:`${statusColor(e)}22`}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_primitives.blockStyles.pillText,{color:statusColor(e)}],children:e??"…"})})}function RequestList({block:e}){const t=(0,_context.useBlockHandlers)(),i=!1!==t.supports?.openTool,{visible:s,expanded:r,toggle:o}=(0,_primitives.useExpand)(e.requests,_agentCore.CAPS.listItems);return(0,_jsxRuntime.jsxs)(_primitives.Card,{title:e.title??"Network requests",source:e.source,testID:`buoy-block-requests-${e.id}`,children:[s.map((s,r)=>(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{disabled:!i,onPress:()=>{t.runAction({label:"Open in Network",openTool:{toolId:"network",select:s.id}},e.id)},style:[_primitives.blockStyles.row,r>0&&_primitives.blockStyles.rowDivider],accessibilityRole:i?"button":void 0,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.method,children:s.method}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_primitives.blockStyles.rowTitle,numberOfLines:1,children:pathOf(s.url)}),s.mocked?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.mockedChip,children:"MOCKED"}):null,void 0!==s.durationMs?(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:_primitives.blockStyles.rowTrailing,children:[s.durationMs," ms"]}):null,(0,_jsxRuntime.jsx)(StatusPill,{status:s.status}),i?(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:12,color:_sharedUi.night.color.textTertiary}):null]},s.id)),(0,_jsxRuntime.jsx)(_primitives.More,{shown:s.length,total:e.total??e.requests.length,onExpand:e.requests.length>s.length||r?o:void 0,expanded:r})]})}function RequestCard({block:e}){const[t,i]=(0,_react.useState)("response"),s="response"===t?e.responseBody:e.requestBody,r=void 0===s?"(none)":"string"==typeof s?s:JSON.stringify(s,null,2),o=(0,_context.useBlockHandlers)();return(0,_jsxRuntime.jsxs)(_primitives.Card,{source:e.source,testID:`buoy-block-request-${e.id}`,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[_primitives.blockStyles.row,styles.reqHead],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.method,children:e.request.method}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_primitives.blockStyles.rowTitle,numberOfLines:2,children:pathOf(e.request.url)}),e.request.mocked?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.mockedChip,children:"MOCKED"}):null,(0,_jsxRuntime.jsx)(StatusPill,{status:e.request.status})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.tabs,children:["response","request"].map(e=>(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>i(e),style:[styles.tab,t===e&&styles.tabOn],accessibilityRole:"tab",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.tabText,t===e&&styles.tabTextOn],children:"response"===e?"Response":"Request"})},e))}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_primitives.blockStyles.mono,styles.body],numberOfLines:14,selectable:!0,children:r.length>1600?`${r.slice(0,1600)}\n…`:r}),(0,_jsxRuntime.jsx)(_primitives.ActionRow,{blockId:e.id,actions:[{label:"Open in Network",openTool:{toolId:"network",select:e.request.id}}]}),(o.supports,null)]})}function RuleCard({block:e}){const t=e.rule,i="fail"===t.kind?"fails (no network)":"delay"===t.kind?`delayed ${t.delayMs??0} ms`:`returns ${t.status??200}`;return(0,_jsxRuntime.jsxs)(_primitives.Card,{title:t.name??"Network override",source:e.source,testID:`buoy-block-rule-${e.id}`,tone:t.enabled?"warning":void 0,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.ruleBody,children:[(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.ruleLine,children:[(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.ruleKey,children:[t.methods?.length?t.methods.join("/"):"ANY"," "]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_primitives.blockStyles.mono,children:t.urlPattern})]}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.ruleLine,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.ruleKey,children:"→ "}),i,t.times?" · "+(1===t.times?"once":`${t.times} times`):" · every time",void 0!==t.hits?` · ${t.hits} hit${1===t.hits?"":"s"}`:""]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_primitives.blockStyles.pill,t.enabled?styles.on:styles.off],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_primitives.blockStyles.pillText,{color:t.enabled?_sharedUi.night.color.onAccent:_sharedUi.night.color.textSecondary}],children:t.enabled?"ON":"OFF"})})]}),(0,_jsxRuntime.jsx)(_primitives.ActionRow,{blockId:e.id,actions:[t.enabled?{label:"Turn off",dispatch:{toolId:"network",action:"setOverrideRuleEnabled",params:{id:t.id,enabled:!1}}}:{label:"Turn on",primary:!0,dispatch:{toolId:"network",action:"setOverrideRuleEnabled",params:{id:t.id,enabled:!0}}},{label:"Delete",dispatch:{toolId:"network",action:"deleteOverrideRule",params:{id:t.id}}}]})]})}function ScreenElements({block:e}){const t=(0,_context.useBlockHandlers)(),{visible:i,expanded:s,toggle:r}=(0,_primitives.useExpand)(e.elements,_agentCore.CAPS.chips);return(0,_jsxRuntime.jsxs)(_primitives.Card,{title:e.title??"On screen right now",source:e.source,testID:`buoy-block-screen-${e.id}`,children:[i.map((i,s)=>(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>{t.runAction({label:"Highlight",dispatch:{toolId:"highlight-updates",action:"setSpotlight",params:{nativeTag:i.nativeTag}}},e.id)},disabled:!1===t.supports?.dispatch,style:[_primitives.blockStyles.row,s>0&&_primitives.blockStyles.rowDivider],accessibilityRole:"button",children:[(0,_jsxRuntime.jsx)(_sharedUi.Eye,{size:12,color:_sharedUi.night.color.textTertiary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_primitives.blockStyles.rowTitle,numberOfLines:1,children:i.label??i.testID??i.name}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_primitives.blockStyles.rowTrailing,numberOfLines:1,children:i.name})]},i.nativeTag)),(0,_jsxRuntime.jsx)(_primitives.More,{shown:i.length,total:e.total,onExpand:e.elements.length>i.length||s?r:void 0,expanded:s})]})}function RouteChips({block:e}){const t=(0,_context.useBlockHandlers)(),[i,s]=(0,_react.useState)(!1),r=i?e.routes:e.routes.slice(0,_agentCore.CAPS.chips);return(0,_jsxRuntime.jsxs)(_primitives.Card,{title:e.current?`Routes · you're on ${e.current}`:"Routes",source:e.source,testID:`buoy-block-routes-${e.id}`,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.chips,children:r.map(i=>(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:!1===t.supports?.dispatch,onPress:()=>i.dynamic?t.answer({blockId:e.id,kind:"input",value:`Open ${i.path} — which id?`}):void t.runAction({label:`Open ${i.path}`,dispatch:{toolId:"route-events",action:"navigate",params:{path:i.path}}},e.id),style:[styles.chip,i.path===e.current&&styles.chipCurrent],accessibilityRole:"button",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.chipText,i.dynamic&&styles.chipDynamic],children:i.path})},i.path))}),(0,_jsxRuntime.jsx)(_primitives.More,{shown:r.length,total:e.total??e.routes.length,onExpand:()=>s(e=>!e),expanded:i})]})}const LEVEL_COLOR={error:_sharedUi.night.color.danger,warn:_sharedUi.night.color.warning,warning:_sharedUi.night.color.warning,info:_sharedUi.night.color.info};function LogList({block:e}){const{visible:t,expanded:i,toggle:s}=(0,_primitives.useExpand)(e.entries,_agentCore.CAPS.listItems);return(0,_jsxRuntime.jsxs)(_primitives.Card,{title:"Console",source:e.source,testID:`buoy-block-logs-${e.id}`,children:[t.map((e,t)=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[_primitives.blockStyles.row,t>0&&_primitives.blockStyles.rowDivider,styles.logRow],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_primitives.blockStyles.pill,{backgroundColor:`${LEVEL_COLOR[e.level]??_sharedUi.night.color.textTertiary}22`}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_primitives.blockStyles.pillText,{color:LEVEL_COLOR[e.level]??_sharedUi.night.color.textSecondary}],children:e.level.toUpperCase()})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_primitives.blockStyles.rowTitle,_primitives.blockStyles.mono],numberOfLines:3,children:e.message}),e.count>1?(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:_primitives.blockStyles.rowTrailing,children:["×",e.count]}):null]},`${e.level}-${e.message}-${t}`)),(0,_jsxRuntime.jsx)(_primitives.More,{shown:t.length,total:e.total,onExpand:e.entries.length>t.length||i?s:void 0,expanded:i})]})}function Crash({block:e}){return(0,_jsxRuntime.jsxs)(_primitives.Card,{tone:"danger",testID:`buoy-block-crash-${e.id}`,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.crashHead,children:[(0,_jsxRuntime.jsx)(_sharedUi.AlertTriangle,{size:14,color:_sharedUi.night.color.danger}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.crashTitle,children:["The app crashed",e.route?` on ${e.route}`:""]})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_primitives.blockStyles.mono,styles.crashMsg],numberOfLines:4,selectable:!0,children:e.message}),e.suspect?(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.suspect,children:["Most likely cause: ",e.suspect.label]}):null,(0,_jsxRuntime.jsx)(_primitives.ActionRow,{blockId:e.id,actions:[...e.suspect?.action?[{...e.suspect.action,primary:!0}]:[],...e.actions??[]].slice(0,2)})]})}function Peek({block:e}){const t=(0,_context.useBlockHandlers)(),i=!1!==t.supports?.minimize;return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{testID:`buoy-block-peek-${e.id}`,disabled:!i,onPress:()=>{t.runAction({label:"Look",minimize:!0},e.id)},style:({pressed:e})=>[styles.peek,e&&{opacity:.7}],accessibilityRole:"button",accessibilityLabel:`${e.label}. Look at the app`,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.peekText,children:e.label}),i?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.peekLook,children:[(0,_jsxRuntime.jsx)(_sharedUi.Eye,{size:12,color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.peekLookText,children:"Look"})]}):null]})}const styles=_reactNative.StyleSheet.create({method:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.micro,fontWeight:"700",letterSpacing:.4,width:44},mockedChip:{color:_sharedUi.night.color.warning,backgroundColor:_sharedUi.night.color.warningSoft,fontSize:9,fontWeight:"700",letterSpacing:.6,paddingHorizontal:5,paddingVertical:1,borderRadius:_sharedUi.night.radius.badge,overflow:"hidden"},reqHead:{paddingTop:12},tabs:{flexDirection:"row",gap:6,paddingHorizontal:12,paddingTop:4,paddingBottom:8},tab:{paddingHorizontal:10,paddingVertical:5,borderRadius:_sharedUi.night.radius.badge,backgroundColor:_sharedUi.night.color.fill},tabOn:{backgroundColor:_sharedUi.night.color.accentSoft},tabText:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.micro,fontWeight:"600"},tabTextOn:{color:_sharedUi.night.color.accent},body:{paddingHorizontal:12,paddingBottom:4,lineHeight:16,color:_sharedUi.night.color.textSecondary},ruleBody:{paddingHorizontal:12,paddingTop:4,paddingBottom:4,gap:4},ruleLine:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,lineHeight:18},ruleKey:{color:_sharedUi.night.color.textSecondary,fontWeight:"700"},on:{alignSelf:"flex-start",backgroundColor:_sharedUi.night.color.accent,marginTop:4},off:{alignSelf:"flex-start",backgroundColor:_sharedUi.night.color.fillTertiary,marginTop:4},chips:{flexDirection:"row",flexWrap:"wrap",gap:6,padding:12},chip:{paddingHorizontal:10,paddingVertical:6,borderRadius:_sharedUi.night.radius.chip,backgroundColor:_sharedUi.night.color.fill,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.border},chipCurrent:{backgroundColor:_sharedUi.night.color.accentSoft,borderColor:_sharedUi.night.color.accentBorderStrong},chipText:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,fontFamily:"Menlo"},chipDynamic:{color:_sharedUi.night.color.textSecondary},logRow:{alignItems:"flex-start"},crashHead:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:12,paddingTop:12},crashTitle:{color:_sharedUi.night.color.danger,fontSize:_sharedUi.night.font.row,fontWeight:"600"},crashMsg:{paddingHorizontal:12,paddingTop:6,color:_sharedUi.night.color.text},suspect:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,paddingHorizontal:12,paddingTop:6},peek:{alignSelf:"flex-start",flexDirection:"row",alignItems:"center",gap:10,paddingLeft:12,paddingRight:10,paddingVertical:7,borderRadius:_sharedUi.night.radius.chip,backgroundColor:_sharedUi.night.color.fill},peekText:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption},peekLook:{flexDirection:"row",alignItems:"center",gap:4},peekLookText:{color:_sharedUi.night.color.accent,fontSize:_sharedUi.night.font.caption,fontWeight:"600"}});

package/lib/commonjs/blocks/context.js

@@ -1,42 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BlockHandlersProvider = BlockHandlersProvider;
-exports.actionKey = actionKey;
-exports.useBlockHandlers = useBlockHandlers;
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * How a block talks back to the sheet.
- *
- * Blocks are pure data; everything that happens when one is tapped goes
- * through this context so the same renderers work inside the real transcript,
- * on the example app's review page, and (later) on the desktop with a
- * different set of handlers behind them.
- */
-
-const noop = {
-  answer: () => {},
-  runAction: () => {},
-  answered: {},
-  supports: {}
-};
-const Ctx = /*#__PURE__*/(0, _react.createContext)(noop);
-function BlockHandlersProvider({
-  value,
-  children
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Ctx.Provider, {
-    value: value,
-    children: children
-  });
-}
-function useBlockHandlers() {
-  return (0, _react.useContext)(Ctx);
-}
-function actionKey(blockId, action) {
-  return `${blockId}:${action.label}`;
-}
-//# sourceMappingURL=context.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BlockHandlersProvider=BlockHandlersProvider,exports.actionKey=actionKey,exports.useBlockHandlers=useBlockHandlers;var _react=require("react"),_jsxRuntime=require("react/jsx-runtime");const noop={answer:()=>{},runAction:()=>{},answered:{},supports:{}},Ctx=(0,_react.createContext)(noop);function BlockHandlersProvider({value:e,children:r}){return(0,_jsxRuntime.jsx)(Ctx.Provider,{value:e,children:r})}function useBlockHandlers(){return(0,_react.useContext)(Ctx)}function actionKey(e,r){return`${e}:${r.label}`}