@buoy-gg/ask-buoy 7.0.33 → 7.0.34

package/lib/module/blocks/ReceiptBlocks.js

@@ -1,584 +1 @@
-"use strict";
-
-/**
- * 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.
- */
-import { useState } from "react";
-import { Pressable, StyleSheet, Text, View } from "react-native";
-import { AlertTriangle, ChevronRight, Eye, night } from "@buoy-gg/shared-ui";
-import { CAPS } from "@buoy-gg/agent-core";
-import { useBlockHandlers } from "./context";
-import { ActionRow, blockStyles as b, Card, More, useExpand } from "./primitives";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function statusColor(status) {
-  if (status === undefined) return night.color.textTertiary;
-  if (status >= 500) return night.color.danger;
-  if (status >= 400) return night.color.warning;
-  if (status >= 300) return night.color.info;
-  return 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__*/_jsx(View, {
-    style: [b.pill, {
-      backgroundColor: `${statusColor(status)}22`
-    }],
-    children: /*#__PURE__*/_jsx(Text, {
-      style: [b.pillText, {
-        color: statusColor(status)
-      }],
-      children: status ?? "…"
-    })
-  });
-}
-export function RequestList({
-  block
-}) {
-  const h = useBlockHandlers();
-  const canOpen = h.supports?.openTool !== false;
-  const {
-    visible,
-    expanded,
-    toggle
-  } = useExpand(block.requests, CAPS.listItems);
-  return /*#__PURE__*/_jsxs(Card, {
-    title: block.title ?? "Network requests",
-    source: block.source,
-    testID: `buoy-block-requests-${block.id}`,
-    children: [visible.map((r, i) => /*#__PURE__*/_jsxs(Pressable, {
-      disabled: !canOpen,
-      onPress: () => void h.runAction({
-        label: "Open in Network",
-        openTool: {
-          toolId: "network",
-          select: r.id
-        }
-      }, block.id),
-      style: [b.row, i > 0 && b.rowDivider],
-      accessibilityRole: canOpen ? "button" : undefined,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.method,
-        children: r.method
-      }), /*#__PURE__*/_jsx(Text, {
-        style: b.rowTitle,
-        numberOfLines: 1,
-        children: pathOf(r.url)
-      }), r.mocked ? /*#__PURE__*/_jsx(Text, {
-        style: styles.mockedChip,
-        children: "MOCKED"
-      }) : null, r.durationMs !== undefined ? /*#__PURE__*/_jsxs(Text, {
-        style: b.rowTrailing,
-        children: [r.durationMs, " ms"]
-      }) : null, /*#__PURE__*/_jsx(StatusPill, {
-        status: r.status
-      }), canOpen ? /*#__PURE__*/_jsx(ChevronRight, {
-        size: 12,
-        color: night.color.textTertiary
-      }) : null]
-    }, r.id)), /*#__PURE__*/_jsx(More, {
-      shown: visible.length,
-      total: block.total ?? block.requests.length,
-      onExpand: block.requests.length > visible.length || expanded ? toggle : undefined,
-      expanded: expanded
-    })]
-  });
-}
-export function RequestCard({
-  block
-}) {
-  const [tab, setTab] = 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 = useBlockHandlers();
-  return /*#__PURE__*/_jsxs(Card, {
-    source: block.source,
-    testID: `buoy-block-request-${block.id}`,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: [b.row, styles.reqHead],
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.method,
-        children: block.request.method
-      }), /*#__PURE__*/_jsx(Text, {
-        style: b.rowTitle,
-        numberOfLines: 2,
-        children: pathOf(block.request.url)
-      }), block.request.mocked ? /*#__PURE__*/_jsx(Text, {
-        style: styles.mockedChip,
-        children: "MOCKED"
-      }) : null, /*#__PURE__*/_jsx(StatusPill, {
-        status: block.request.status
-      })]
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.tabs,
-      children: ["response", "request"].map(t => /*#__PURE__*/_jsx(Pressable, {
-        onPress: () => setTab(t),
-        style: [styles.tab, tab === t && styles.tabOn],
-        accessibilityRole: "tab",
-        children: /*#__PURE__*/_jsx(Text, {
-          style: [styles.tabText, tab === t && styles.tabTextOn],
-          children: t === "response" ? "Response" : "Request"
-        })
-      }, t))
-    }), /*#__PURE__*/_jsx(Text, {
-      style: [b.mono, styles.body],
-      numberOfLines: 14,
-      selectable: true,
-      children: text.length > 1600 ? `${text.slice(0, 1600)}\n…` : text
-    }), /*#__PURE__*/_jsx(ActionRow, {
-      blockId: block.id,
-      actions: [{
-        label: "Open in Network",
-        openTool: {
-          toolId: "network",
-          select: block.request.id
-        }
-      }]
-    }), h.supports?.openTool === false ? null : null]
-  });
-}
-export 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__*/_jsxs(Card, {
-    title: r.name ?? "Network override",
-    source: block.source,
-    testID: `buoy-block-rule-${block.id}`,
-    tone: r.enabled ? "warning" : undefined,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.ruleBody,
-      children: [/*#__PURE__*/_jsxs(Text, {
-        style: styles.ruleLine,
-        children: [/*#__PURE__*/_jsxs(Text, {
-          style: styles.ruleKey,
-          children: [r.methods?.length ? r.methods.join("/") : "ANY", " "]
-        }), /*#__PURE__*/_jsx(Text, {
-          style: b.mono,
-          children: r.urlPattern
-        })]
-      }), /*#__PURE__*/_jsxs(Text, {
-        style: styles.ruleLine,
-        children: [/*#__PURE__*/_jsx(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__*/_jsx(View, {
-        style: [b.pill, r.enabled ? styles.on : styles.off],
-        children: /*#__PURE__*/_jsx(Text, {
-          style: [b.pillText, {
-            color: r.enabled ? night.color.onAccent : night.color.textSecondary
-          }],
-          children: r.enabled ? "ON" : "OFF"
-        })
-      })]
-    }), /*#__PURE__*/_jsx(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
-          }
-        }
-      }]
-    })]
-  });
-}
-export function ScreenElements({
-  block
-}) {
-  const h = useBlockHandlers();
-  const {
-    visible,
-    expanded,
-    toggle
-  } = useExpand(block.elements, CAPS.chips);
-  return /*#__PURE__*/_jsxs(Card, {
-    title: block.title ?? "On screen right now",
-    source: block.source,
-    testID: `buoy-block-screen-${block.id}`,
-    children: [visible.map((e, i) => /*#__PURE__*/_jsxs(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: [b.row, i > 0 && b.rowDivider],
-      accessibilityRole: "button",
-      children: [/*#__PURE__*/_jsx(Eye, {
-        size: 12,
-        color: night.color.textTertiary
-      }), /*#__PURE__*/_jsx(Text, {
-        style: b.rowTitle,
-        numberOfLines: 1,
-        children: e.label ?? e.testID ?? e.name
-      }), /*#__PURE__*/_jsx(Text, {
-        style: b.rowTrailing,
-        numberOfLines: 1,
-        children: e.name
-      })]
-    }, e.nativeTag)), /*#__PURE__*/_jsx(More, {
-      shown: visible.length,
-      total: block.total,
-      onExpand: block.elements.length > visible.length || expanded ? toggle : undefined,
-      expanded: expanded
-    })]
-  });
-}
-export function RouteChips({
-  block
-}) {
-  const h = useBlockHandlers();
-  const [expanded, setExpanded] = useState(false);
-  const routes = expanded ? block.routes : block.routes.slice(0, CAPS.chips);
-  return /*#__PURE__*/_jsxs(Card, {
-    title: block.current ? `Routes · you're on ${block.current}` : "Routes",
-    source: block.source,
-    testID: `buoy-block-routes-${block.id}`,
-    children: [/*#__PURE__*/_jsx(View, {
-      style: styles.chips,
-      children: routes.map(r => /*#__PURE__*/_jsx(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__*/_jsx(Text, {
-          style: [styles.chipText, r.dynamic && styles.chipDynamic],
-          children: r.path
-        })
-      }, r.path))
-    }), /*#__PURE__*/_jsx(More, {
-      shown: routes.length,
-      total: block.total ?? block.routes.length,
-      onExpand: () => setExpanded(v => !v),
-      expanded: expanded
-    })]
-  });
-}
-const LEVEL_COLOR = {
-  error: night.color.danger,
-  warn: night.color.warning,
-  warning: night.color.warning,
-  info: night.color.info
-};
-export function LogList({
-  block
-}) {
-  const {
-    visible,
-    expanded,
-    toggle
-  } = useExpand(block.entries, CAPS.listItems);
-  return /*#__PURE__*/_jsxs(Card, {
-    title: "Console",
-    source: block.source,
-    testID: `buoy-block-logs-${block.id}`,
-    children: [visible.map((e, i) => /*#__PURE__*/_jsxs(View, {
-      style: [b.row, i > 0 && b.rowDivider, styles.logRow],
-      children: [/*#__PURE__*/_jsx(View, {
-        style: [b.pill, {
-          backgroundColor: `${LEVEL_COLOR[e.level] ?? night.color.textTertiary}22`
-        }],
-        children: /*#__PURE__*/_jsx(Text, {
-          style: [b.pillText, {
-            color: LEVEL_COLOR[e.level] ?? night.color.textSecondary
-          }],
-          children: e.level.toUpperCase()
-        })
-      }), /*#__PURE__*/_jsx(Text, {
-        style: [b.rowTitle, b.mono],
-        numberOfLines: 3,
-        children: e.message
-      }), e.count > 1 ? /*#__PURE__*/_jsxs(Text, {
-        style: b.rowTrailing,
-        children: ["\xD7", e.count]
-      }) : null]
-    }, `${e.level}-${e.message}-${i}`)), /*#__PURE__*/_jsx(More, {
-      shown: visible.length,
-      total: block.total,
-      onExpand: block.entries.length > visible.length || expanded ? toggle : undefined,
-      expanded: expanded
-    })]
-  });
-}
-export function Crash({
-  block
-}) {
-  return /*#__PURE__*/_jsxs(Card, {
-    tone: "danger",
-    testID: `buoy-block-crash-${block.id}`,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.crashHead,
-      children: [/*#__PURE__*/_jsx(AlertTriangle, {
-        size: 14,
-        color: night.color.danger
-      }), /*#__PURE__*/_jsxs(Text, {
-        style: styles.crashTitle,
-        children: ["The app crashed", block.route ? ` on ${block.route}` : ""]
-      })]
-    }), /*#__PURE__*/_jsx(Text, {
-      style: [b.mono, styles.crashMsg],
-      numberOfLines: 4,
-      selectable: true,
-      children: block.message
-    }), block.suspect ? /*#__PURE__*/_jsxs(Text, {
-      style: styles.suspect,
-      children: ["Most likely cause: ", block.suspect.label]
-    }) : null, /*#__PURE__*/_jsx(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. */
-export function Peek({
-  block
-}) {
-  const h = useBlockHandlers();
-  const can = h.supports?.minimize !== false;
-  return /*#__PURE__*/_jsxs(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__*/_jsx(Text, {
-      style: styles.peekText,
-      children: block.label
-    }), can ? /*#__PURE__*/_jsxs(View, {
-      style: styles.peekLook,
-      children: [/*#__PURE__*/_jsx(Eye, {
-        size: 12,
-        color: night.color.accent
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.peekLookText,
-        children: "Look"
-      })]
-    }) : null]
-  });
-}
-const styles = StyleSheet.create({
-  method: {
-    color: night.color.textSecondary,
-    fontSize: 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: night.color.warning,
-    backgroundColor: night.color.warningSoft,
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    paddingHorizontal: 5,
-    paddingVertical: 1,
-    borderRadius: 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: night.radius.badge,
-    backgroundColor: night.color.fill
-  },
-  tabOn: {
-    backgroundColor: night.color.accentSoft
-  },
-  tabText: {
-    color: night.color.textSecondary,
-    fontSize: night.font.micro,
-    fontWeight: "600"
-  },
-  tabTextOn: {
-    color: night.color.accent
-  },
-  body: {
-    paddingHorizontal: 12,
-    paddingBottom: 4,
-    lineHeight: 16,
-    color: night.color.textSecondary
-  },
-  ruleBody: {
-    paddingHorizontal: 12,
-    paddingTop: 4,
-    paddingBottom: 4,
-    gap: 4
-  },
-  ruleLine: {
-    color: night.color.text,
-    fontSize: night.font.caption,
-    lineHeight: 18
-  },
-  ruleKey: {
-    color: night.color.textSecondary,
-    fontWeight: "700"
-  },
-  on: {
-    alignSelf: "flex-start",
-    backgroundColor: night.color.accent,
-    marginTop: 4
-  },
-  off: {
-    alignSelf: "flex-start",
-    backgroundColor: night.color.fillTertiary,
-    marginTop: 4
-  },
-  chips: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6,
-    padding: 12
-  },
-  chip: {
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    borderRadius: night.radius.chip,
-    backgroundColor: night.color.fill,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: night.color.border
-  },
-  chipCurrent: {
-    backgroundColor: night.color.accentSoft,
-    borderColor: night.color.accentBorderStrong
-  },
-  chipText: {
-    color: night.color.text,
-    fontSize: night.font.caption,
-    fontFamily: "Menlo"
-  },
-  chipDynamic: {
-    color: night.color.textSecondary
-  },
-  logRow: {
-    alignItems: "flex-start"
-  },
-  crashHead: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingTop: 12
-  },
-  crashTitle: {
-    color: night.color.danger,
-    fontSize: night.font.row,
-    fontWeight: "600"
-  },
-  crashMsg: {
-    paddingHorizontal: 12,
-    paddingTop: 6,
-    color: night.color.text
-  },
-  suspect: {
-    color: night.color.textSecondary,
-    fontSize: night.font.caption,
-    paddingHorizontal: 12,
-    paddingTop: 6
-  },
-  peek: {
-    alignSelf: "flex-start",
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    paddingLeft: 12,
-    paddingRight: 10,
-    paddingVertical: 7,
-    borderRadius: night.radius.chip,
-    backgroundColor: night.color.fill
-  },
-  peekText: {
-    color: night.color.textSecondary,
-    fontSize: night.font.caption
-  },
-  peekLook: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4
-  },
-  peekLookText: {
-    color: night.color.accent,
-    fontSize: night.font.caption,
-    fontWeight: "600"
-  }
-});
-//# sourceMappingURL=ReceiptBlocks.js.map
+"use strict";import{useState}from"react";import{Pressable,StyleSheet,Text,View}from"react-native";import{AlertTriangle,ChevronRight,Eye,night}from"@buoy-gg/shared-ui";import{CAPS}from"@buoy-gg/agent-core";import{useBlockHandlers}from"./context";import{ActionRow,blockStyles as b,Card,More,useExpand}from"./primitives";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function statusColor(e){return void 0===e?night.color.textTertiary:e>=500?night.color.danger:e>=400?night.color.warning:e>=300?night.color.info: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 _jsx(View,{style:[b.pill,{backgroundColor:`${statusColor(e)}22`}],children:_jsx(Text,{style:[b.pillText,{color:statusColor(e)}],children:e??"…"})})}export function RequestList({block:e}){const t=useBlockHandlers(),o=!1!==t.supports?.openTool,{visible:s,expanded:n,toggle:l}=useExpand(e.requests,CAPS.listItems);return _jsxs(Card,{title:e.title??"Network requests",source:e.source,testID:`buoy-block-requests-${e.id}`,children:[s.map((s,n)=>_jsxs(Pressable,{disabled:!o,onPress:()=>{t.runAction({label:"Open in Network",openTool:{toolId:"network",select:s.id}},e.id)},style:[b.row,n>0&&b.rowDivider],accessibilityRole:o?"button":void 0,children:[_jsx(Text,{style:styles.method,children:s.method}),_jsx(Text,{style:b.rowTitle,numberOfLines:1,children:pathOf(s.url)}),s.mocked?_jsx(Text,{style:styles.mockedChip,children:"MOCKED"}):null,void 0!==s.durationMs?_jsxs(Text,{style:b.rowTrailing,children:[s.durationMs," ms"]}):null,_jsx(StatusPill,{status:s.status}),o?_jsx(ChevronRight,{size:12,color:night.color.textTertiary}):null]},s.id)),_jsx(More,{shown:s.length,total:e.total??e.requests.length,onExpand:e.requests.length>s.length||n?l:void 0,expanded:n})]})}export function RequestCard({block:e}){const[t,o]=useState("response"),s="response"===t?e.responseBody:e.requestBody,n=void 0===s?"(none)":"string"==typeof s?s:JSON.stringify(s,null,2),l=useBlockHandlers();return _jsxs(Card,{source:e.source,testID:`buoy-block-request-${e.id}`,children:[_jsxs(View,{style:[b.row,styles.reqHead],children:[_jsx(Text,{style:styles.method,children:e.request.method}),_jsx(Text,{style:b.rowTitle,numberOfLines:2,children:pathOf(e.request.url)}),e.request.mocked?_jsx(Text,{style:styles.mockedChip,children:"MOCKED"}):null,_jsx(StatusPill,{status:e.request.status})]}),_jsx(View,{style:styles.tabs,children:["response","request"].map(e=>_jsx(Pressable,{onPress:()=>o(e),style:[styles.tab,t===e&&styles.tabOn],accessibilityRole:"tab",children:_jsx(Text,{style:[styles.tabText,t===e&&styles.tabTextOn],children:"response"===e?"Response":"Request"})},e))}),_jsx(Text,{style:[b.mono,styles.body],numberOfLines:14,selectable:!0,children:n.length>1600?`${n.slice(0,1600)}\n…`:n}),_jsx(ActionRow,{blockId:e.id,actions:[{label:"Open in Network",openTool:{toolId:"network",select:e.request.id}}]}),(l.supports,null)]})}export function RuleCard({block:e}){const t=e.rule,o="fail"===t.kind?"fails (no network)":"delay"===t.kind?`delayed ${t.delayMs??0} ms`:`returns ${t.status??200}`;return _jsxs(Card,{title:t.name??"Network override",source:e.source,testID:`buoy-block-rule-${e.id}`,tone:t.enabled?"warning":void 0,children:[_jsxs(View,{style:styles.ruleBody,children:[_jsxs(Text,{style:styles.ruleLine,children:[_jsxs(Text,{style:styles.ruleKey,children:[t.methods?.length?t.methods.join("/"):"ANY"," "]}),_jsx(Text,{style:b.mono,children:t.urlPattern})]}),_jsxs(Text,{style:styles.ruleLine,children:[_jsx(Text,{style:styles.ruleKey,children:"→ "}),o,t.times?" · "+(1===t.times?"once":`${t.times} times`):" · every time",void 0!==t.hits?` · ${t.hits} hit${1===t.hits?"":"s"}`:""]}),_jsx(View,{style:[b.pill,t.enabled?styles.on:styles.off],children:_jsx(Text,{style:[b.pillText,{color:t.enabled?night.color.onAccent:night.color.textSecondary}],children:t.enabled?"ON":"OFF"})})]}),_jsx(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}}}]})]})}export function ScreenElements({block:e}){const t=useBlockHandlers(),{visible:o,expanded:s,toggle:n}=useExpand(e.elements,CAPS.chips);return _jsxs(Card,{title:e.title??"On screen right now",source:e.source,testID:`buoy-block-screen-${e.id}`,children:[o.map((o,s)=>_jsxs(Pressable,{onPress:()=>{t.runAction({label:"Highlight",dispatch:{toolId:"highlight-updates",action:"setSpotlight",params:{nativeTag:o.nativeTag}}},e.id)},disabled:!1===t.supports?.dispatch,style:[b.row,s>0&&b.rowDivider],accessibilityRole:"button",children:[_jsx(Eye,{size:12,color:night.color.textTertiary}),_jsx(Text,{style:b.rowTitle,numberOfLines:1,children:o.label??o.testID??o.name}),_jsx(Text,{style:b.rowTrailing,numberOfLines:1,children:o.name})]},o.nativeTag)),_jsx(More,{shown:o.length,total:e.total,onExpand:e.elements.length>o.length||s?n:void 0,expanded:s})]})}export function RouteChips({block:e}){const t=useBlockHandlers(),[o,s]=useState(!1),n=o?e.routes:e.routes.slice(0,CAPS.chips);return _jsxs(Card,{title:e.current?`Routes · you're on ${e.current}`:"Routes",source:e.source,testID:`buoy-block-routes-${e.id}`,children:[_jsx(View,{style:styles.chips,children:n.map(o=>_jsx(Pressable,{disabled:!1===t.supports?.dispatch,onPress:()=>o.dynamic?t.answer({blockId:e.id,kind:"input",value:`Open ${o.path} — which id?`}):void t.runAction({label:`Open ${o.path}`,dispatch:{toolId:"route-events",action:"navigate",params:{path:o.path}}},e.id),style:[styles.chip,o.path===e.current&&styles.chipCurrent],accessibilityRole:"button",children:_jsx(Text,{style:[styles.chipText,o.dynamic&&styles.chipDynamic],children:o.path})},o.path))}),_jsx(More,{shown:n.length,total:e.total??e.routes.length,onExpand:()=>s(e=>!e),expanded:o})]})}const LEVEL_COLOR={error:night.color.danger,warn:night.color.warning,warning:night.color.warning,info:night.color.info};export function LogList({block:e}){const{visible:t,expanded:o,toggle:s}=useExpand(e.entries,CAPS.listItems);return _jsxs(Card,{title:"Console",source:e.source,testID:`buoy-block-logs-${e.id}`,children:[t.map((e,t)=>_jsxs(View,{style:[b.row,t>0&&b.rowDivider,styles.logRow],children:[_jsx(View,{style:[b.pill,{backgroundColor:`${LEVEL_COLOR[e.level]??night.color.textTertiary}22`}],children:_jsx(Text,{style:[b.pillText,{color:LEVEL_COLOR[e.level]??night.color.textSecondary}],children:e.level.toUpperCase()})}),_jsx(Text,{style:[b.rowTitle,b.mono],numberOfLines:3,children:e.message}),e.count>1?_jsxs(Text,{style:b.rowTrailing,children:["×",e.count]}):null]},`${e.level}-${e.message}-${t}`)),_jsx(More,{shown:t.length,total:e.total,onExpand:e.entries.length>t.length||o?s:void 0,expanded:o})]})}export function Crash({block:e}){return _jsxs(Card,{tone:"danger",testID:`buoy-block-crash-${e.id}`,children:[_jsxs(View,{style:styles.crashHead,children:[_jsx(AlertTriangle,{size:14,color:night.color.danger}),_jsxs(Text,{style:styles.crashTitle,children:["The app crashed",e.route?` on ${e.route}`:""]})]}),_jsx(Text,{style:[b.mono,styles.crashMsg],numberOfLines:4,selectable:!0,children:e.message}),e.suspect?_jsxs(Text,{style:styles.suspect,children:["Most likely cause: ",e.suspect.label]}):null,_jsx(ActionRow,{blockId:e.id,actions:[...e.suspect?.action?[{...e.suspect.action,primary:!0}]:[],...e.actions??[]].slice(0,2)})]})}export function Peek({block:e}){const t=useBlockHandlers(),o=!1!==t.supports?.minimize;return _jsxs(Pressable,{testID:`buoy-block-peek-${e.id}`,disabled:!o,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:[_jsx(Text,{style:styles.peekText,children:e.label}),o?_jsxs(View,{style:styles.peekLook,children:[_jsx(Eye,{size:12,color:night.color.accent}),_jsx(Text,{style:styles.peekLookText,children:"Look"})]}):null]})}const styles=StyleSheet.create({method:{color:night.color.textSecondary,fontSize:night.font.micro,fontWeight:"700",letterSpacing:.4,width:44},mockedChip:{color:night.color.warning,backgroundColor:night.color.warningSoft,fontSize:9,fontWeight:"700",letterSpacing:.6,paddingHorizontal:5,paddingVertical:1,borderRadius: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:night.radius.badge,backgroundColor:night.color.fill},tabOn:{backgroundColor:night.color.accentSoft},tabText:{color:night.color.textSecondary,fontSize:night.font.micro,fontWeight:"600"},tabTextOn:{color:night.color.accent},body:{paddingHorizontal:12,paddingBottom:4,lineHeight:16,color:night.color.textSecondary},ruleBody:{paddingHorizontal:12,paddingTop:4,paddingBottom:4,gap:4},ruleLine:{color:night.color.text,fontSize:night.font.caption,lineHeight:18},ruleKey:{color:night.color.textSecondary,fontWeight:"700"},on:{alignSelf:"flex-start",backgroundColor:night.color.accent,marginTop:4},off:{alignSelf:"flex-start",backgroundColor:night.color.fillTertiary,marginTop:4},chips:{flexDirection:"row",flexWrap:"wrap",gap:6,padding:12},chip:{paddingHorizontal:10,paddingVertical:6,borderRadius:night.radius.chip,backgroundColor:night.color.fill,borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.border},chipCurrent:{backgroundColor:night.color.accentSoft,borderColor:night.color.accentBorderStrong},chipText:{color:night.color.text,fontSize:night.font.caption,fontFamily:"Menlo"},chipDynamic:{color:night.color.textSecondary},logRow:{alignItems:"flex-start"},crashHead:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:12,paddingTop:12},crashTitle:{color:night.color.danger,fontSize:night.font.row,fontWeight:"600"},crashMsg:{paddingHorizontal:12,paddingTop:6,color:night.color.text},suspect:{color:night.color.textSecondary,fontSize:night.font.caption,paddingHorizontal:12,paddingTop:6},peek:{alignSelf:"flex-start",flexDirection:"row",alignItems:"center",gap:10,paddingLeft:12,paddingRight:10,paddingVertical:7,borderRadius:night.radius.chip,backgroundColor:night.color.fill},peekText:{color:night.color.textSecondary,fontSize:night.font.caption},peekLook:{flexDirection:"row",alignItems:"center",gap:4},peekLookText:{color:night.color.accent,fontSize:night.font.caption,fontWeight:"600"}});

package/lib/module/blocks/context.js

@@ -1,35 +1 @@
-"use strict";
-
-/**
- * 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.
- */
-import { createContext, useContext } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-const noop = {
-  answer: () => {},
-  runAction: () => {},
-  answered: {},
-  supports: {}
-};
-const Ctx = /*#__PURE__*/createContext(noop);
-export function BlockHandlersProvider({
-  value,
-  children
-}) {
-  return /*#__PURE__*/_jsx(Ctx.Provider, {
-    value: value,
-    children: children
-  });
-}
-export function useBlockHandlers() {
-  return useContext(Ctx);
-}
-export function actionKey(blockId, action) {
-  return `${blockId}:${action.label}`;
-}
-//# sourceMappingURL=context.js.map
+"use strict";import{createContext,useContext}from"react";import{jsx as _jsx}from"react/jsx-runtime";const noop={answer:()=>{},runAction:()=>{},answered:{},supports:{}},Ctx=createContext(noop);export function BlockHandlersProvider({value:e,children:t}){return _jsx(Ctx.Provider,{value:e,children:t})}export function useBlockHandlers(){return useContext(Ctx)}export function actionKey(e,t){return`${e}:${t.label}`}