@buoy-gg/ask-buoy 7.0.33 → 7.0.34

package/lib/module/blocks/DataBlocks.js

@@ -1,532 +1 @@
-"use strict";
-
-/**
- * Show blocks — data the user should see rather than read.
- * Every one honours a cap and says "+N more" rather than growing the page.
- */
-import { useState } from "react";
-import { Image, Pressable, StyleSheet, Text, View } from "react-native";
-import { AlertTriangle, Check, Info, night, X } from "@buoy-gg/shared-ui";
-import { CAPS } from "@buoy-gg/agent-core";
-import { ActionRow, blockStyles as b, Card, More, toneColor, useBlockHandlers, useExpand } from "./primitivesIndex";
-import { renderInline } from "../components/Markdown";
-import { BlockIcon } from "./icons";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function fmt(v) {
-  if (v === undefined) return "—";
-  if (v === null) return "null";
-  if (typeof v === "string") return v;
-  if (typeof v === "number" || typeof v === "boolean") return String(v);
-  try {
-    const s = JSON.stringify(v);
-    return s.length > 120 ? `${s.slice(0, 117)}…` : s;
-  } catch {
-    return String(v);
-  }
-}
-export function Table({
-  block
-}) {
-  const {
-    visible,
-    expanded,
-    toggle
-  } = useExpand(block.rows, CAPS.tableRows);
-  const cols = block.columns.slice(0, 4);
-  return /*#__PURE__*/_jsxs(Card, {
-    title: block.title,
-    source: block.source,
-    testID: `buoy-block-table-${block.id}`,
-    children: [/*#__PURE__*/_jsx(View, {
-      style: styles.tableHead,
-      children: cols.map((c, i) => /*#__PURE__*/_jsx(Text, {
-        style: [styles.th, i === 0 && styles.firstCol],
-        numberOfLines: 1,
-        children: c
-      }, c))
-    }), visible.map((row, r) => /*#__PURE__*/_jsx(View, {
-      style: [styles.tr, r > 0 && b.rowDivider],
-      children: cols.map((_, i) => {
-        const cell = row[i];
-        const text = typeof cell === "string" ? cell : cell?.text ?? "";
-        const tone = typeof cell === "string" ? undefined : cell?.tone;
-        return /*#__PURE__*/_jsx(Text, {
-          style: [styles.td, i === 0 && styles.firstCol, i === 0 && styles.tdFirst, tone && {
-            color: toneColor(tone)
-          }],
-          numberOfLines: 2,
-          children: renderInline(text, styles.td)
-        }, i);
-      })
-    }, r)), /*#__PURE__*/_jsx(More, {
-      shown: visible.length,
-      total: block.total ?? block.rows.length,
-      onExpand: block.rows.length > visible.length || expanded ? toggle : undefined,
-      expanded: expanded
-    })]
-  });
-}
-export function KeyValue({
-  block
-}) {
-  const {
-    visible,
-    expanded,
-    toggle
-  } = useExpand(block.pairs, CAPS.keyValuePairs);
-  const [open, setOpen] = useState(null);
-  return /*#__PURE__*/_jsxs(Card, {
-    title: block.title,
-    source: block.source,
-    testID: `buoy-block-keyvalue-${block.id}`,
-    children: [visible.map((p, i) => {
-      const long = typeof p.value === "object" && p.value !== null;
-      const isOpen = open === p.key;
-      return /*#__PURE__*/_jsxs(Pressable, {
-        onPress: long ? () => setOpen(isOpen ? null : p.key) : undefined,
-        style: [styles.kvRow, i > 0 && b.rowDivider],
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.kvKey,
-          numberOfLines: 1,
-          children: p.key
-        }), /*#__PURE__*/_jsx(Text, {
-          style: [styles.kvValue, isOpen && b.mono],
-          numberOfLines: isOpen ? undefined : 2,
-          selectable: true,
-          children: isOpen ? JSON.stringify(p.value, null, 2) : fmt(p.value)
-        })]
-      }, p.key);
-    }), /*#__PURE__*/_jsx(More, {
-      shown: visible.length,
-      total: block.pairs.length,
-      onExpand: block.pairs.length > CAPS.keyValuePairs ? toggle : undefined,
-      expanded: expanded
-    })]
-  });
-}
-export function List({
-  block
-}) {
-  const h = useBlockHandlers();
-  const {
-    visible,
-    expanded,
-    toggle
-  } = useExpand(block.items, CAPS.listItems);
-  return /*#__PURE__*/_jsxs(Card, {
-    title: block.title,
-    source: block.source,
-    testID: `buoy-block-list-${block.id}`,
-    children: [visible.map((it, i) => {
-      const Row = it.action ? Pressable : View;
-      return /*#__PURE__*/_jsxs(Row, {
-        ...(it.action ? {
-          onPress: () => void h.runAction(it.action, block.id),
-          accessibilityRole: "button"
-        } : {}),
-        style: [b.row, i > 0 && b.rowDivider],
-        children: [it.image ? /*#__PURE__*/_jsx(Image, {
-          source: {
-            uri: it.image
-          },
-          style: styles.thumb,
-          accessibilityLabel: it.title
-        }) : it.icon ? /*#__PURE__*/_jsx(BlockIcon, {
-          name: it.icon
-        }) : null, /*#__PURE__*/_jsxs(View, {
-          style: styles.flex,
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: [b.rowTitle, it.tone && {
-              color: toneColor(it.tone)
-            }],
-            numberOfLines: 2,
-            children: renderInline(it.title, b.rowTitle)
-          }), it.subtitle ? /*#__PURE__*/_jsx(Text, {
-            style: b.rowSub,
-            numberOfLines: 2,
-            children: renderInline(it.subtitle, b.rowSub)
-          }) : null]
-        }), it.trailing ? /*#__PURE__*/_jsx(Text, {
-          style: [b.rowTrailing, it.tone && {
-            color: toneColor(it.tone)
-          }],
-          numberOfLines: 1,
-          children: it.trailing
-        }) : null, it.action ? /*#__PURE__*/_jsx(Text, {
-          style: styles.rowAction,
-          children: it.action.label
-        }) : null]
-      }, it.id ?? `${it.title}-${i}`);
-    }), /*#__PURE__*/_jsx(More, {
-      shown: visible.length,
-      total: block.total ?? block.items.length,
-      onExpand: block.items.length > visible.length || expanded ? toggle : undefined,
-      expanded: expanded
-    })]
-  });
-}
-export function Diff({
-  block
-}) {
-  return /*#__PURE__*/_jsxs(Card, {
-    title: block.title ?? "What changed",
-    source: block.source,
-    testID: `buoy-block-diff-${block.id}`,
-    children: [block.changes.slice(0, CAPS.keyValuePairs).map((c, i) => {
-      const added = c.before === undefined && c.after !== undefined;
-      const removed = c.after === undefined && c.before !== undefined;
-      return /*#__PURE__*/_jsxs(View, {
-        style: [styles.diffRow, i > 0 && b.rowDivider],
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.diffPath,
-          numberOfLines: 1,
-          children: c.path
-        }), !added ? /*#__PURE__*/_jsxs(View, {
-          style: styles.diffLine,
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: [styles.diffMark, {
-              color: night.color.danger
-            }],
-            children: "\u2212"
-          }), /*#__PURE__*/_jsx(Text, {
-            style: [styles.diffValue, {
-              color: night.color.danger
-            }],
-            numberOfLines: 3,
-            selectable: true,
-            children: fmt(c.before)
-          })]
-        }) : null, !removed ? /*#__PURE__*/_jsxs(View, {
-          style: styles.diffLine,
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: [styles.diffMark, {
-              color: night.color.accent
-            }],
-            children: "+"
-          }), /*#__PURE__*/_jsx(Text, {
-            style: [styles.diffValue, {
-              color: night.color.accent
-            }],
-            numberOfLines: 3,
-            selectable: true,
-            children: fmt(c.after)
-          })]
-        }) : null]
-      }, `${c.path}-${i}`);
-    }), /*#__PURE__*/_jsx(More, {
-      shown: Math.min(block.changes.length, CAPS.keyValuePairs),
-      total: block.changes.length
-    })]
-  });
-}
-export function Chart({
-  block
-}) {
-  const bars = block.bars.slice(0, CAPS.chartBars);
-  const max = block.max ?? Math.max(1, ...bars.map(x => x.value));
-  return /*#__PURE__*/_jsx(Card, {
-    title: block.title,
-    source: block.source,
-    testID: `buoy-block-chart-${block.id}`,
-    children: /*#__PURE__*/_jsx(View, {
-      style: styles.chart,
-      children: bars.map(x => /*#__PURE__*/_jsxs(View, {
-        style: styles.barRow,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.barLabel,
-          numberOfLines: 1,
-          children: x.label
-        }), /*#__PURE__*/_jsx(View, {
-          style: styles.barTrack,
-          children: /*#__PURE__*/_jsx(View, {
-            style: [styles.bar, {
-              width: `${Math.max(2, Math.round(x.value / max * 100))}%`,
-              backgroundColor: toneColor(x.tone ?? "accent")
-            }]
-          })
-        }), /*#__PURE__*/_jsxs(Text, {
-          style: styles.barValue,
-          numberOfLines: 1,
-          children: [x.value, x.unit ? ` ${x.unit}` : ""]
-        })]
-      }, x.label))
-    })
-  });
-}
-export function Steps({
-  block
-}) {
-  return /*#__PURE__*/_jsx(Card, {
-    title: block.title,
-    testID: `buoy-block-steps-${block.id}`,
-    children: block.steps.map((s, i) => /*#__PURE__*/_jsxs(View, {
-      style: [styles.step, i > 0 && b.rowDivider],
-      children: [/*#__PURE__*/_jsx(View, {
-        style: [styles.stepMark, s.state === "done" && styles.stepDone, s.state === "failed" && styles.stepFailed],
-        children: s.state === "done" ? /*#__PURE__*/_jsx(Check, {
-          size: 10,
-          color: night.color.onAccent
-        }) : s.state === "failed" ? /*#__PURE__*/_jsx(X, {
-          size: 10,
-          color: night.color.text
-        }) : /*#__PURE__*/_jsx(Text, {
-          style: styles.stepNum,
-          children: i + 1
-        })
-      }), /*#__PURE__*/_jsx(Text, {
-        style: [b.rowTitle, s.state === "done" && styles.stepTextDone],
-        children: s.text
-      })]
-    }, i))
-  });
-}
-export function Code({
-  block
-}) {
-  const text = block.language === "json" ? tryPretty(block.text) : block.text;
-  return /*#__PURE__*/_jsx(Card, {
-    title: block.title,
-    testID: `buoy-block-code-${block.id}`,
-    children: /*#__PURE__*/_jsx(Text, {
-      style: [b.mono, styles.code],
-      selectable: true,
-      children: text
-    })
-  });
-}
-function tryPretty(text) {
-  try {
-    return JSON.stringify(JSON.parse(text), null, 2);
-  } catch {
-    return text;
-  }
-}
-export function Notice({
-  block
-}) {
-  const color = block.tone === "danger" ? night.color.danger : block.tone === "warning" ? night.color.warning : night.color.info;
-  const Icon = block.tone === "info" ? Info : AlertTriangle;
-  return /*#__PURE__*/_jsxs(Card, {
-    tone: block.tone,
-    testID: `buoy-block-notice-${block.id}`,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.noticeRow,
-      children: [/*#__PURE__*/_jsx(Icon, {
-        size: 14,
-        color: color
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.noticeText,
-        children: block.text
-      })]
-    }), /*#__PURE__*/_jsx(ActionRow, {
-      actions: block.actions,
-      blockId: block.id
-    })]
-  });
-}
-export function Finding({
-  block
-}) {
-  return /*#__PURE__*/_jsxs(Card, {
-    title: block.title,
-    source: block.source,
-    testID: `buoy-block-finding-${block.id}`,
-    tone: "warning",
-    children: [block.evidence.map((e, i) => /*#__PURE__*/_jsxs(View, {
-      style: [styles.kvRow, i > 0 && b.rowDivider],
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.kvKey,
-        numberOfLines: 1,
-        children: e.label
-      }), /*#__PURE__*/_jsx(Text, {
-        style: [styles.kvValue, e.tone && {
-          color: toneColor(e.tone)
-        }],
-        numberOfLines: 3,
-        children: e.value
-      })]
-    }, `${e.label}-${i}`)), /*#__PURE__*/_jsx(ActionRow, {
-      actions: block.actions,
-      blockId: block.id
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  flex: {
-    flex: 1
-  },
-  tableHead: {
-    flexDirection: "row",
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    gap: 8,
-    backgroundColor: night.color.fill
-  },
-  th: {
-    flex: 1,
-    color: night.color.textTertiary,
-    fontSize: night.font.micro,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    textTransform: "uppercase"
-  },
-  tr: {
-    flexDirection: "row",
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    gap: 8,
-    alignItems: "center"
-  },
-  td: {
-    flex: 1,
-    color: night.color.textSecondary,
-    fontSize: night.font.caption,
-    lineHeight: 17
-  },
-  tdFirst: {
-    color: night.color.text,
-    fontWeight: "500"
-  },
-  firstCol: {
-    flex: 1.4
-  },
-  kvRow: {
-    flexDirection: "row",
-    gap: 12,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    alignItems: "flex-start"
-  },
-  kvKey: {
-    width: 110,
-    color: night.color.textSecondary,
-    fontSize: night.font.caption,
-    paddingTop: 1
-  },
-  kvValue: {
-    flex: 1,
-    color: night.color.text,
-    fontSize: night.font.caption,
-    lineHeight: 17
-  },
-  thumb: {
-    width: 40,
-    height: 40,
-    borderRadius: 8,
-    backgroundColor: night.color.fill
-  },
-  rowAction: {
-    color: night.color.accent,
-    fontSize: night.font.caption,
-    fontWeight: "600"
-  },
-  diffRow: {
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    gap: 3
-  },
-  diffPath: {
-    color: night.color.textSecondary,
-    fontSize: night.font.micro,
-    fontWeight: "600",
-    letterSpacing: 0.3
-  },
-  diffLine: {
-    flexDirection: "row",
-    gap: 8,
-    alignItems: "flex-start"
-  },
-  diffMark: {
-    fontFamily: "Menlo",
-    fontSize: 12,
-    width: 10
-  },
-  diffValue: {
-    flex: 1,
-    fontFamily: "Menlo",
-    fontSize: 12,
-    lineHeight: 16
-  },
-  chart: {
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    gap: 8
-  },
-  barRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  barLabel: {
-    width: 96,
-    color: night.color.textSecondary,
-    fontSize: night.font.caption
-  },
-  barTrack: {
-    flex: 1,
-    height: 10,
-    borderRadius: 5,
-    backgroundColor: night.color.fill,
-    overflow: "hidden"
-  },
-  bar: {
-    height: 10,
-    borderRadius: 5
-  },
-  barValue: {
-    width: 72,
-    textAlign: "right",
-    color: night.color.text,
-    fontSize: night.font.caption,
-    fontWeight: "600"
-  },
-  step: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    paddingHorizontal: 12,
-    paddingVertical: 9
-  },
-  stepMark: {
-    width: 20,
-    height: 20,
-    borderRadius: 10,
-    backgroundColor: night.color.fillTertiary,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  stepDone: {
-    backgroundColor: night.color.accent
-  },
-  stepFailed: {
-    backgroundColor: night.color.danger
-  },
-  stepNum: {
-    color: night.color.text,
-    fontSize: night.font.micro,
-    fontWeight: "700"
-  },
-  stepTextDone: {
-    color: night.color.textSecondary
-  },
-  code: {
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    lineHeight: 17
-  },
-  noticeRow: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingTop: 10,
-    paddingBottom: 4
-  },
-  noticeText: {
-    flex: 1,
-    color: night.color.text,
-    fontSize: night.font.caption,
-    lineHeight: 18
-  }
-});
-//# sourceMappingURL=DataBlocks.js.map
+"use strict";import{useState}from"react";import{Image,Pressable,StyleSheet,Text,View}from"react-native";import{AlertTriangle,Check,Info,night,X}from"@buoy-gg/shared-ui";import{CAPS}from"@buoy-gg/agent-core";import{ActionRow,blockStyles as b,Card,More,toneColor,useBlockHandlers,useExpand}from"./primitivesIndex";import{renderInline}from"../components/Markdown";import{BlockIcon}from"./icons";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function fmt(e){if(void 0===e)return"—";if(null===e)return"null";if("string"==typeof e)return e;if("number"==typeof e||"boolean"==typeof e)return String(e);try{const t=JSON.stringify(e);return t.length>120?`${t.slice(0,117)}…`:t}catch{return String(e)}}export function Table({block:e}){const{visible:t,expanded:o,toggle:n}=useExpand(e.rows,CAPS.tableRows),i=e.columns.slice(0,4);return _jsxs(Card,{title:e.title,source:e.source,testID:`buoy-block-table-${e.id}`,children:[_jsx(View,{style:styles.tableHead,children:i.map((e,t)=>_jsx(Text,{style:[styles.th,0===t&&styles.firstCol],numberOfLines:1,children:e},e))}),t.map((e,t)=>_jsx(View,{style:[styles.tr,t>0&&b.rowDivider],children:i.map((t,o)=>{const n=e[o],i="string"==typeof n?n:n?.text??"",l="string"==typeof n?void 0:n?.tone;return _jsx(Text,{style:[styles.td,0===o&&styles.firstCol,0===o&&styles.tdFirst,l&&{color:toneColor(l)}],numberOfLines:2,children:renderInline(i,styles.td)},o)})},t)),_jsx(More,{shown:t.length,total:e.total??e.rows.length,onExpand:e.rows.length>t.length||o?n:void 0,expanded:o})]})}export function KeyValue({block:e}){const{visible:t,expanded:o,toggle:n}=useExpand(e.pairs,CAPS.keyValuePairs),[i,l]=useState(null);return _jsxs(Card,{title:e.title,source:e.source,testID:`buoy-block-keyvalue-${e.id}`,children:[t.map((e,t)=>{const o="object"==typeof e.value&&null!==e.value,n=i===e.key;return _jsxs(Pressable,{onPress:o?()=>l(n?null:e.key):void 0,style:[styles.kvRow,t>0&&b.rowDivider],children:[_jsx(Text,{style:styles.kvKey,numberOfLines:1,children:e.key}),_jsx(Text,{style:[styles.kvValue,n&&b.mono],numberOfLines:n?void 0:2,selectable:!0,children:n?JSON.stringify(e.value,null,2):fmt(e.value)})]},e.key)}),_jsx(More,{shown:t.length,total:e.pairs.length,onExpand:e.pairs.length>CAPS.keyValuePairs?n:void 0,expanded:o})]})}export function List({block:e}){const t=useBlockHandlers(),{visible:o,expanded:n,toggle:i}=useExpand(e.items,CAPS.listItems);return _jsxs(Card,{title:e.title,source:e.source,testID:`buoy-block-list-${e.id}`,children:[o.map((o,n)=>{const i=o.action?Pressable:View;return _jsxs(i,{...o.action?{onPress:()=>{t.runAction(o.action,e.id)},accessibilityRole:"button"}:{},style:[b.row,n>0&&b.rowDivider],children:[o.image?_jsx(Image,{source:{uri:o.image},style:styles.thumb,accessibilityLabel:o.title}):o.icon?_jsx(BlockIcon,{name:o.icon}):null,_jsxs(View,{style:styles.flex,children:[_jsx(Text,{style:[b.rowTitle,o.tone&&{color:toneColor(o.tone)}],numberOfLines:2,children:renderInline(o.title,b.rowTitle)}),o.subtitle?_jsx(Text,{style:b.rowSub,numberOfLines:2,children:renderInline(o.subtitle,b.rowSub)}):null]}),o.trailing?_jsx(Text,{style:[b.rowTrailing,o.tone&&{color:toneColor(o.tone)}],numberOfLines:1,children:o.trailing}):null,o.action?_jsx(Text,{style:styles.rowAction,children:o.action.label}):null]},o.id??`${o.title}-${n}`)}),_jsx(More,{shown:o.length,total:e.total??e.items.length,onExpand:e.items.length>o.length||n?i:void 0,expanded:n})]})}export function Diff({block:e}){return _jsxs(Card,{title:e.title??"What changed",source:e.source,testID:`buoy-block-diff-${e.id}`,children:[e.changes.slice(0,CAPS.keyValuePairs).map((e,t)=>{const o=void 0===e.before&&void 0!==e.after,n=void 0===e.after&&void 0!==e.before;return _jsxs(View,{style:[styles.diffRow,t>0&&b.rowDivider],children:[_jsx(Text,{style:styles.diffPath,numberOfLines:1,children:e.path}),o?null:_jsxs(View,{style:styles.diffLine,children:[_jsx(Text,{style:[styles.diffMark,{color:night.color.danger}],children:"−"}),_jsx(Text,{style:[styles.diffValue,{color:night.color.danger}],numberOfLines:3,selectable:!0,children:fmt(e.before)})]}),n?null:_jsxs(View,{style:styles.diffLine,children:[_jsx(Text,{style:[styles.diffMark,{color:night.color.accent}],children:"+"}),_jsx(Text,{style:[styles.diffValue,{color:night.color.accent}],numberOfLines:3,selectable:!0,children:fmt(e.after)})]})]},`${e.path}-${t}`)}),_jsx(More,{shown:Math.min(e.changes.length,CAPS.keyValuePairs),total:e.changes.length})]})}export function Chart({block:e}){const t=e.bars.slice(0,CAPS.chartBars),o=e.max??Math.max(1,...t.map(e=>e.value));return _jsx(Card,{title:e.title,source:e.source,testID:`buoy-block-chart-${e.id}`,children:_jsx(View,{style:styles.chart,children:t.map(e=>_jsxs(View,{style:styles.barRow,children:[_jsx(Text,{style:styles.barLabel,numberOfLines:1,children:e.label}),_jsx(View,{style:styles.barTrack,children:_jsx(View,{style:[styles.bar,{width:`${Math.max(2,Math.round(e.value/o*100))}%`,backgroundColor:toneColor(e.tone??"accent")}]})}),_jsxs(Text,{style:styles.barValue,numberOfLines:1,children:[e.value,e.unit?` ${e.unit}`:""]})]},e.label))})})}export function Steps({block:e}){return _jsx(Card,{title:e.title,testID:`buoy-block-steps-${e.id}`,children:e.steps.map((e,t)=>_jsxs(View,{style:[styles.step,t>0&&b.rowDivider],children:[_jsx(View,{style:[styles.stepMark,"done"===e.state&&styles.stepDone,"failed"===e.state&&styles.stepFailed],children:"done"===e.state?_jsx(Check,{size:10,color:night.color.onAccent}):"failed"===e.state?_jsx(X,{size:10,color:night.color.text}):_jsx(Text,{style:styles.stepNum,children:t+1})}),_jsx(Text,{style:[b.rowTitle,"done"===e.state&&styles.stepTextDone],children:e.text})]},t))})}export function Code({block:e}){const t="json"===e.language?tryPretty(e.text):e.text;return _jsx(Card,{title:e.title,testID:`buoy-block-code-${e.id}`,children:_jsx(Text,{style:[b.mono,styles.code],selectable:!0,children:t})})}function tryPretty(e){try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}}export function Notice({block:e}){const t="danger"===e.tone?night.color.danger:"warning"===e.tone?night.color.warning:night.color.info,o="info"===e.tone?Info:AlertTriangle;return _jsxs(Card,{tone:e.tone,testID:`buoy-block-notice-${e.id}`,children:[_jsxs(View,{style:styles.noticeRow,children:[_jsx(o,{size:14,color:t}),_jsx(Text,{style:styles.noticeText,children:e.text})]}),_jsx(ActionRow,{actions:e.actions,blockId:e.id})]})}export function Finding({block:e}){return _jsxs(Card,{title:e.title,source:e.source,testID:`buoy-block-finding-${e.id}`,tone:"warning",children:[e.evidence.map((e,t)=>_jsxs(View,{style:[styles.kvRow,t>0&&b.rowDivider],children:[_jsx(Text,{style:styles.kvKey,numberOfLines:1,children:e.label}),_jsx(Text,{style:[styles.kvValue,e.tone&&{color:toneColor(e.tone)}],numberOfLines:3,children:e.value})]},`${e.label}-${t}`)),_jsx(ActionRow,{actions:e.actions,blockId:e.id})]})}const styles=StyleSheet.create({flex:{flex:1},tableHead:{flexDirection:"row",paddingHorizontal:12,paddingVertical:6,gap:8,backgroundColor:night.color.fill},th:{flex:1,color:night.color.textTertiary,fontSize:night.font.micro,fontWeight:"700",letterSpacing:.6,textTransform:"uppercase"},tr:{flexDirection:"row",paddingHorizontal:12,paddingVertical:8,gap:8,alignItems:"center"},td:{flex:1,color:night.color.textSecondary,fontSize:night.font.caption,lineHeight:17},tdFirst:{color:night.color.text,fontWeight:"500"},firstCol:{flex:1.4},kvRow:{flexDirection:"row",gap:12,paddingHorizontal:12,paddingVertical:8,alignItems:"flex-start"},kvKey:{width:110,color:night.color.textSecondary,fontSize:night.font.caption,paddingTop:1},kvValue:{flex:1,color:night.color.text,fontSize:night.font.caption,lineHeight:17},thumb:{width:40,height:40,borderRadius:8,backgroundColor:night.color.fill},rowAction:{color:night.color.accent,fontSize:night.font.caption,fontWeight:"600"},diffRow:{paddingHorizontal:12,paddingVertical:8,gap:3},diffPath:{color:night.color.textSecondary,fontSize:night.font.micro,fontWeight:"600",letterSpacing:.3},diffLine:{flexDirection:"row",gap:8,alignItems:"flex-start"},diffMark:{fontFamily:"Menlo",fontSize:12,width:10},diffValue:{flex:1,fontFamily:"Menlo",fontSize:12,lineHeight:16},chart:{paddingHorizontal:12,paddingVertical:10,gap:8},barRow:{flexDirection:"row",alignItems:"center",gap:8},barLabel:{width:96,color:night.color.textSecondary,fontSize:night.font.caption},barTrack:{flex:1,height:10,borderRadius:5,backgroundColor:night.color.fill,overflow:"hidden"},bar:{height:10,borderRadius:5},barValue:{width:72,textAlign:"right",color:night.color.text,fontSize:night.font.caption,fontWeight:"600"},step:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:12,paddingVertical:9},stepMark:{width:20,height:20,borderRadius:10,backgroundColor:night.color.fillTertiary,alignItems:"center",justifyContent:"center"},stepDone:{backgroundColor:night.color.accent},stepFailed:{backgroundColor:night.color.danger},stepNum:{color:night.color.text,fontSize:night.font.micro,fontWeight:"700"},stepTextDone:{color:night.color.textSecondary},code:{paddingHorizontal:12,paddingVertical:10,lineHeight:17},noticeRow:{flexDirection:"row",alignItems:"flex-start",gap:8,paddingHorizontal:12,paddingTop:10,paddingBottom:4},noticeText:{flex:1,color:night.color.text,fontSize:night.font.caption,lineHeight:18}});