@buoy-gg/ask-buoy 7.0.34 → 7.0.35

package/lib/commonjs/blocks/DataBlocks.js

@@ -1 +1,688 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Chart=Chart,exports.Code=Code,exports.Diff=Diff,exports.Finding=Finding,exports.KeyValue=KeyValue,exports.List=List,exports.Notice=Notice,exports.Steps=Steps,exports.Table=Table;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_agentCore=require("@buoy-gg/agent-core"),_primitivesIndex=require("./primitivesIndex"),_Markdown=require("../components/Markdown"),_icons=require("./icons"),_jsxRuntime=require("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)}}function Table({block:e}){const{visible:t,expanded:i,toggle:n}=(0,_primitivesIndex.useExpand)(e.rows,_agentCore.CAPS.tableRows),r=e.columns.slice(0,4);return(0,_jsxRuntime.jsxs)(_primitivesIndex.Card,{title:e.title,source:e.source,testID:`buoy-block-table-${e.id}`,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.tableHead,children:r.map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.th,0===t&&styles.firstCol],numberOfLines:1,children:e},e))}),t.map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.tr,t>0&&_primitivesIndex.blockStyles.rowDivider],children:r.map((t,i)=>{const n=e[i],r="string"==typeof n?n:n?.text??"",s="string"==typeof n?void 0:n?.tone;return(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.td,0===i&&styles.firstCol,0===i&&styles.tdFirst,s&&{color:(0,_primitivesIndex.toneColor)(s)}],numberOfLines:2,children:(0,_Markdown.renderInline)(r,styles.td)},i)})},t)),(0,_jsxRuntime.jsx)(_primitivesIndex.More,{shown:t.length,total:e.total??e.rows.length,onExpand:e.rows.length>t.length||i?n:void 0,expanded:i})]})}function KeyValue({block:e}){const{visible:t,expanded:i,toggle:n}=(0,_primitivesIndex.useExpand)(e.pairs,_agentCore.CAPS.keyValuePairs),[r,s]=(0,_react.useState)(null);return(0,_jsxRuntime.jsxs)(_primitivesIndex.Card,{title:e.title,source:e.source,testID:`buoy-block-keyvalue-${e.id}`,children:[t.map((e,t)=>{const i="object"==typeof e.value&&null!==e.value,n=r===e.key;return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:i?()=>s(n?null:e.key):void 0,style:[styles.kvRow,t>0&&_primitivesIndex.blockStyles.rowDivider],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.kvKey,numberOfLines:1,children:e.key}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.kvValue,n&&_primitivesIndex.blockStyles.mono],numberOfLines:n?void 0:2,selectable:!0,children:n?JSON.stringify(e.value,null,2):fmt(e.value)})]},e.key)}),(0,_jsxRuntime.jsx)(_primitivesIndex.More,{shown:t.length,total:e.pairs.length,onExpand:e.pairs.length>_agentCore.CAPS.keyValuePairs?n:void 0,expanded:i})]})}function List({block:e}){const t=(0,_primitivesIndex.useBlockHandlers)(),{visible:i,expanded:n,toggle:r}=(0,_primitivesIndex.useExpand)(e.items,_agentCore.CAPS.listItems);return(0,_jsxRuntime.jsxs)(_primitivesIndex.Card,{title:e.title,source:e.source,testID:`buoy-block-list-${e.id}`,children:[i.map((i,n)=>{const r=i.action?_reactNative.Pressable:_reactNative.View;return(0,_jsxRuntime.jsxs)(r,{...i.action?{onPress:()=>{t.runAction(i.action,e.id)},accessibilityRole:"button"}:{},style:[_primitivesIndex.blockStyles.row,n>0&&_primitivesIndex.blockStyles.rowDivider],children:[i.image?(0,_jsxRuntime.jsx)(_reactNative.Image,{source:{uri:i.image},style:styles.thumb,accessibilityLabel:i.title}):i.icon?(0,_jsxRuntime.jsx)(_icons.BlockIcon,{name:i.icon}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.flex,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_primitivesIndex.blockStyles.rowTitle,i.tone&&{color:(0,_primitivesIndex.toneColor)(i.tone)}],numberOfLines:2,children:(0,_Markdown.renderInline)(i.title,_primitivesIndex.blockStyles.rowTitle)}),i.subtitle?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_primitivesIndex.blockStyles.rowSub,numberOfLines:2,children:(0,_Markdown.renderInline)(i.subtitle,_primitivesIndex.blockStyles.rowSub)}):null]}),i.trailing?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_primitivesIndex.blockStyles.rowTrailing,i.tone&&{color:(0,_primitivesIndex.toneColor)(i.tone)}],numberOfLines:1,children:i.trailing}):null,i.action?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rowAction,children:i.action.label}):null]},i.id??`${i.title}-${n}`)}),(0,_jsxRuntime.jsx)(_primitivesIndex.More,{shown:i.length,total:e.total??e.items.length,onExpand:e.items.length>i.length||n?r:void 0,expanded:n})]})}function Diff({block:e}){return(0,_jsxRuntime.jsxs)(_primitivesIndex.Card,{title:e.title??"What changed",source:e.source,testID:`buoy-block-diff-${e.id}`,children:[e.changes.slice(0,_agentCore.CAPS.keyValuePairs).map((e,t)=>{const i=void 0===e.before&&void 0!==e.after,n=void 0===e.after&&void 0!==e.before;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.diffRow,t>0&&_primitivesIndex.blockStyles.rowDivider],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.diffPath,numberOfLines:1,children:e.path}),i?null:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.diffLine,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.diffMark,{color:_sharedUi.night.color.danger}],children:"−"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.diffValue,{color:_sharedUi.night.color.danger}],numberOfLines:3,selectable:!0,children:fmt(e.before)})]}),n?null:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.diffLine,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.diffMark,{color:_sharedUi.night.color.accent}],children:"+"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.diffValue,{color:_sharedUi.night.color.accent}],numberOfLines:3,selectable:!0,children:fmt(e.after)})]})]},`${e.path}-${t}`)}),(0,_jsxRuntime.jsx)(_primitivesIndex.More,{shown:Math.min(e.changes.length,_agentCore.CAPS.keyValuePairs),total:e.changes.length})]})}function Chart({block:e}){const t=e.bars.slice(0,_agentCore.CAPS.chartBars),i=e.max??Math.max(1,...t.map(e=>e.value));return(0,_jsxRuntime.jsx)(_primitivesIndex.Card,{title:e.title,source:e.source,testID:`buoy-block-chart-${e.id}`,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.chart,children:t.map(e=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.barRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.barLabel,numberOfLines:1,children:e.label}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.barTrack,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.bar,{width:`${Math.max(2,Math.round(e.value/i*100))}%`,backgroundColor:(0,_primitivesIndex.toneColor)(e.tone??"accent")}]})}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.barValue,numberOfLines:1,children:[e.value,e.unit?` ${e.unit}`:""]})]},e.label))})})}function Steps({block:e}){return(0,_jsxRuntime.jsx)(_primitivesIndex.Card,{title:e.title,testID:`buoy-block-steps-${e.id}`,children:e.steps.map((e,t)=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.step,t>0&&_primitivesIndex.blockStyles.rowDivider],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.stepMark,"done"===e.state&&styles.stepDone,"failed"===e.state&&styles.stepFailed],children:"done"===e.state?(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:10,color:_sharedUi.night.color.onAccent}):"failed"===e.state?(0,_jsxRuntime.jsx)(_sharedUi.X,{size:10,color:_sharedUi.night.color.text}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.stepNum,children:t+1})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_primitivesIndex.blockStyles.rowTitle,"done"===e.state&&styles.stepTextDone],children:e.text})]},t))})}function Code({block:e}){const t="json"===e.language?tryPretty(e.text):e.text;return(0,_jsxRuntime.jsx)(_primitivesIndex.Card,{title:e.title,testID:`buoy-block-code-${e.id}`,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_primitivesIndex.blockStyles.mono,styles.code],selectable:!0,children:t})})}function tryPretty(e){try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}}function Notice({block:e}){const t="danger"===e.tone?_sharedUi.night.color.danger:"warning"===e.tone?_sharedUi.night.color.warning:_sharedUi.night.color.info,i="info"===e.tone?_sharedUi.Info:_sharedUi.AlertTriangle;return(0,_jsxRuntime.jsxs)(_primitivesIndex.Card,{tone:e.tone,testID:`buoy-block-notice-${e.id}`,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.noticeRow,children:[(0,_jsxRuntime.jsx)(i,{size:14,color:t}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.noticeText,children:e.text})]}),(0,_jsxRuntime.jsx)(_primitivesIndex.ActionRow,{actions:e.actions,blockId:e.id})]})}function Finding({block:e}){return(0,_jsxRuntime.jsxs)(_primitivesIndex.Card,{title:e.title,source:e.source,testID:`buoy-block-finding-${e.id}`,tone:"warning",children:[e.evidence.map((e,t)=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.kvRow,t>0&&_primitivesIndex.blockStyles.rowDivider],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.kvKey,numberOfLines:1,children:e.label}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.kvValue,e.tone&&{color:(0,_primitivesIndex.toneColor)(e.tone)}],numberOfLines:3,children:e.value})]},`${e.label}-${t}`)),(0,_jsxRuntime.jsx)(_primitivesIndex.ActionRow,{actions:e.actions,blockId:e.id})]})}const styles=_reactNative.StyleSheet.create({flex:{flex:1},tableHead:{flexDirection:"row",paddingHorizontal:12,paddingVertical:6,gap:8,backgroundColor:_sharedUi.night.color.fill},th:{flex:1,color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.micro,fontWeight:"700",letterSpacing:.6,textTransform:"uppercase"},tr:{flexDirection:"row",paddingHorizontal:12,paddingVertical:8,gap:8,alignItems:"center"},td:{flex:1,color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,lineHeight:17},tdFirst:{color:_sharedUi.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:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,paddingTop:1},kvValue:{flex:1,color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,lineHeight:17},thumb:{width:40,height:40,borderRadius:8,backgroundColor:_sharedUi.night.color.fill},rowAction:{color:_sharedUi.night.color.accent,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},diffRow:{paddingHorizontal:12,paddingVertical:8,gap:3},diffPath:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.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:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption},barTrack:{flex:1,height:10,borderRadius:5,backgroundColor:_sharedUi.night.color.fill,overflow:"hidden"},bar:{height:10,borderRadius:5},barValue:{width:72,textAlign:"right",color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},step:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:12,paddingVertical:9},stepMark:{width:20,height:20,borderRadius:10,backgroundColor:_sharedUi.night.color.fillTertiary,alignItems:"center",justifyContent:"center"},stepDone:{backgroundColor:_sharedUi.night.color.accent},stepFailed:{backgroundColor:_sharedUi.night.color.danger},stepNum:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.micro,fontWeight:"700"},stepTextDone:{color:_sharedUi.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:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,lineHeight:18}});
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Chart = Chart;
+exports.Code = Code;
+exports.Diff = Diff;
+exports.Finding = Finding;
+exports.KeyValue = KeyValue;
+exports.List = List;
+exports.Notice = Notice;
+exports.Steps = Steps;
+exports.Table = Table;
+exports.listRowBehaviour = listRowBehaviour;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
+var _agentCore = require("@buoy-gg/agent-core");
+var _primitivesIndex = require("./primitivesIndex");
+var _Markdown = require("../components/Markdown");
+var _icons = require("./icons");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Show blocks — data the user should see rather than read.
+ * Every one honours a cap and says "+N more" rather than growing the page.
+ */
+
+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);
+  }
+}
+function Table({
+  block
+}) {
+  const paged = (0, _primitivesIndex.usePaged)(block.rows, _agentCore.CAPS.tableRows);
+  const {
+    visible
+  } = paged;
+  const cols = block.columns.slice(0, 4);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitivesIndex.Card, {
+    title: block.title,
+    source: block.source,
+    testID: `buoy-block-table-${block.id}`,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.tableHead,
+      children: cols.map((c, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.th, i === 0 && styles.firstCol],
+        numberOfLines: 1,
+        children: c
+      }, c))
+    }), visible.map((row, r) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.tr, r > 0 && _primitivesIndex.blockStyles.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__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.td, i === 0 && styles.firstCol, i === 0 && styles.tdFirst, tone && {
+            color: (0, _primitivesIndex.toneColor)(tone)
+          }],
+          numberOfLines: 2,
+          children: (0, _Markdown.renderInline)(text, styles.td)
+        }, i);
+      })
+    }, r)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.More, {
+      paged: paged
+    })]
+  });
+}
+function KeyValue({
+  block
+}) {
+  const paged = (0, _primitivesIndex.usePaged)(block.pairs, _agentCore.CAPS.keyValuePairs);
+  const {
+    visible
+  } = paged;
+  const [open, setOpen] = (0, _react.useState)(null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitivesIndex.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__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+        onPress: long ? () => setOpen(isOpen ? null : p.key) : undefined,
+        style: [styles.kvRow, i > 0 && _primitivesIndex.blockStyles.rowDivider],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.kvKey,
+          numberOfLines: 1,
+          children: p.key
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.kvValue, isOpen && _primitivesIndex.blockStyles.mono],
+          numberOfLines: isOpen ? undefined : 2,
+          selectable: true,
+          children: isOpen ? JSON.stringify(p.value, null, 2) : fmt(p.value)
+        })]
+      }, p.key);
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.More, {
+      paged: paged
+    })]
+  });
+}
+
+/**
+ * Keys carry the index as well as the id.
+ *
+ * The ids in here come from the app's own data, and app data is not required
+ * to be unique — a Poké Mart bag in this repo holds two lines sharing one
+ * `lineId`, which is a bug in that app but must not be one in a devtool
+ * rendering it. Paging made it visible: the duplicate sat past the initial cap,
+ * so React only saw the collision on the first "Show more".
+ */
+/**
+ * What a tapped list row does.
+ *
+ * A row can carry a picture and an action, and they want the same gesture. The
+ * picture wins the row body — looking at a thing must not fire it — and the
+ * action keeps its label as its own control. A row with no picture is
+ * unchanged: the whole row runs the action, which is what it did before rows
+ * could open.
+ */
+function listRowBehaviour(item) {
+  const canExpand = Boolean(item.image);
+  return {
+    canExpand,
+    rowRunsAction: Boolean(item.action) && !canExpand,
+    actionIsOwnControl: Boolean(item.action) && canExpand
+  };
+}
+function List({
+  block
+}) {
+  const h = (0, _primitivesIndex.useBlockHandlers)();
+  const paged = (0, _primitivesIndex.usePaged)(block.items, _agentCore.CAPS.listItems);
+  const {
+    visible
+  } = paged;
+  // One row open at a time, keyed the same way the row is — the list can hold
+  // duplicate ids (see the note above), so the index is part of the key.
+  const [open, setOpen] = (0, _react.useState)(null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitivesIndex.Card, {
+    title: block.title,
+    source: block.source,
+    testID: `buoy-block-list-${block.id}`,
+    children: [visible.map((it, i) => {
+      const key = `${it.id ?? it.title}-${i}`;
+      const expanded = open === key;
+      // A row with a picture opens it; a row without one keeps the old
+      // behaviour, where the whole row runs its action. When an item has
+      // BOTH, the body toggles the image and the action label becomes its
+      // own control — otherwise the two gestures would sit on one target and
+      // looking at a thing would fire it.
+      const {
+        canExpand,
+        rowRunsAction,
+        actionIsOwnControl
+      } = listRowBehaviour(it);
+      const Row = canExpand || rowRunsAction ? _reactNative.Pressable : _reactNative.View;
+      const rowProps = canExpand ? {
+        onPress: () => setOpen(expanded ? null : key),
+        accessibilityRole: "button",
+        accessibilityState: {
+          expanded
+        },
+        accessibilityLabel: `${it.title}, ${expanded ? "hide" : "show"} picture`,
+        testID: `buoy-block-list-row-${key}`
+      } : rowRunsAction ? {
+        onPress: () => void h.runAction(it.action, block.id),
+        accessibilityRole: "button"
+      } : {};
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: i > 0 ? _primitivesIndex.blockStyles.rowDivider : undefined,
+        children: [expanded && it.image ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          onPress: () => setOpen(null),
+          accessibilityRole: "button",
+          accessibilityLabel: `Hide ${it.title}`,
+          testID: `buoy-block-list-hero-${key}`,
+          style: styles.listHero,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+            source: {
+              uri: it.image
+            },
+            style: styles.listHeroImage,
+            resizeMode: "contain",
+            accessibilityLabel: it.title
+          })
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(Row, {
+          ...rowProps,
+          style: _primitivesIndex.blockStyles.row,
+          children: [it.image && !expanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+            source: {
+              uri: it.image
+            },
+            style: styles.thumb,
+            resizeMode: "contain",
+            accessibilityLabel: it.title
+          }) : it.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.BlockIcon, {
+            name: it.icon
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.flex,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [_primitivesIndex.blockStyles.rowTitle, it.tone && {
+                color: (0, _primitivesIndex.toneColor)(it.tone)
+              }],
+              numberOfLines: expanded ? undefined : 2,
+              children: (0, _Markdown.renderInline)(it.title, _primitivesIndex.blockStyles.rowTitle)
+            }), it.subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: _primitivesIndex.blockStyles.rowSub,
+              numberOfLines: expanded ? undefined : 2,
+              children: (0, _Markdown.renderInline)(it.subtitle, _primitivesIndex.blockStyles.rowSub)
+            }) : null]
+          }), it.trailing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [_primitivesIndex.blockStyles.rowTrailing, it.tone && {
+              color: (0, _primitivesIndex.toneColor)(it.tone)
+            }],
+            numberOfLines: 1,
+            children: it.trailing
+          }) : null, it.action ? actionIsOwnControl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+            onPress: () => void h.runAction(it.action, block.id),
+            accessibilityRole: "button",
+            accessibilityLabel: it.action.label,
+            hitSlop: 8,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.rowAction,
+              children: it.action.label
+            })
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.rowAction,
+            children: it.action.label
+          }) : null]
+        })]
+      }, key);
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.More, {
+      paged: paged
+    })]
+  });
+}
+function Diff({
+  block
+}) {
+  const paged = (0, _primitivesIndex.usePaged)(block.changes, _agentCore.CAPS.keyValuePairs);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitivesIndex.Card, {
+    title: block.title ?? "What changed",
+    source: block.source,
+    testID: `buoy-block-diff-${block.id}`,
+    children: [paged.visible.map((c, i) => {
+      const added = c.before === undefined && c.after !== undefined;
+      const removed = c.after === undefined && c.before !== undefined;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.diffRow, i > 0 && _primitivesIndex.blockStyles.rowDivider],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.diffPath,
+          numberOfLines: 1,
+          children: c.path
+        }), !added ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.diffLine,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.diffMark, {
+              color: _sharedUi.night.color.danger
+            }],
+            children: "\u2212"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.diffValue, {
+              color: _sharedUi.night.color.danger
+            }],
+            numberOfLines: 3,
+            selectable: true,
+            children: fmt(c.before)
+          })]
+        }) : null, !removed ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.diffLine,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.diffMark, {
+              color: _sharedUi.night.color.accent
+            }],
+            children: "+"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.diffValue, {
+              color: _sharedUi.night.color.accent
+            }],
+            numberOfLines: 3,
+            selectable: true,
+            children: fmt(c.after)
+          })]
+        }) : null]
+      }, `${c.path}-${i}`);
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.More, {
+      paged: paged
+    })]
+  });
+}
+function Chart({
+  block
+}) {
+  const bars = block.bars.slice(0, _agentCore.CAPS.chartBars);
+  const max = block.max ?? Math.max(1, ...bars.map(x => x.value));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.Card, {
+    title: block.title,
+    source: block.source,
+    testID: `buoy-block-chart-${block.id}`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.chart,
+      children: bars.map((x, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.barRow,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.barLabel,
+          numberOfLines: 1,
+          children: x.label
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.barTrack,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.bar, {
+              width: `${Math.max(2, Math.round(x.value / max * 100))}%`,
+              backgroundColor: (0, _primitivesIndex.toneColor)(x.tone ?? "accent")
+            }]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          style: styles.barValue,
+          numberOfLines: 1,
+          children: [x.value, x.unit ? ` ${x.unit}` : ""]
+        })]
+      }, `${x.label}-${i}`))
+    })
+  });
+}
+function Steps({
+  block
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.Card, {
+    title: block.title,
+    testID: `buoy-block-steps-${block.id}`,
+    children: block.steps.map((s, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.step, i > 0 && _primitivesIndex.blockStyles.rowDivider],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.stepMark, s.state === "done" && styles.stepDone, s.state === "failed" && styles.stepFailed],
+        children: s.state === "done" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Check, {
+          size: 10,
+          color: _sharedUi.night.color.onAccent
+        }) : s.state === "failed" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
+          size: 10,
+          color: _sharedUi.night.color.text
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.stepNum,
+          children: i + 1
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [_primitivesIndex.blockStyles.rowTitle, s.state === "done" && styles.stepTextDone],
+        children: s.text
+      })]
+    }, i))
+  });
+}
+
+/**
+ * Parsed JSON, or `undefined` when the payload is not JSON at all.
+ *
+ * A bare string, number or boolean parses fine and is deliberately rejected:
+ * `"hello"` is valid JSON and a tree of one leaf is a worse way to read it
+ * than the line itself.
+ */
+function parseJson(text) {
+  try {
+    const value = JSON.parse(text);
+    return value !== null && typeof value === "object" ? value : undefined;
+  } catch {
+    return undefined;
+  }
+}
+
+/**
+ * A JSON payload, in the same explorer Storage and Network use.
+ *
+ * Worth the weight over a pretty-printed string: it collapses, it types its
+ * values, and the thing you are usually hunting — one wrong field deep in a
+ * response body — is findable instead of buried in forty lines of monospace.
+ * The explorer's own lists run `scrollEnabled={false}` and grow to their
+ * content, so nothing nests a scroller inside the transcript.
+ */
+function JsonCode({
+  block,
+  value
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.Card, {
+    title: block.title,
+    testID: `buoy-block-code-${block.id}`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.viewer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
+        title: block.title ?? "Payload",
+        data: value,
+        initialExpanded: true,
+        showTypeFilter: false,
+        testIDPrefix: `buoy-block-code-${block.id}`
+      })
+    })
+  });
+}
+
+/** Anything that is not a JSON object: a log line, a stack, a snippet. */
+function TextCode({
+  block
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.Card, {
+    title: block.title,
+    testID: `buoy-block-code-${block.id}`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [_primitivesIndex.blockStyles.mono, styles.code],
+      selectable: true,
+      children: block.text
+    })
+  });
+}
+
+/**
+ * Router, per rule4: two specialised components rather than one that changes
+ * shape. A `cond ? <A/> : <B/>` inside a single component is the Fabric
+ * view-index hazard, and these two subtrees have nothing in common.
+ */
+function Code({
+  block
+}) {
+  const value = parseJson(block.text);
+  if (value === undefined) return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextCode, {
+    block: block
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(JsonCode, {
+    block: block,
+    value: value
+  });
+}
+function Notice({
+  block
+}) {
+  const color = block.tone === "danger" ? _sharedUi.night.color.danger : block.tone === "warning" ? _sharedUi.night.color.warning : _sharedUi.night.color.info;
+  const Icon = block.tone === "info" ? _sharedUi.Info : _sharedUi.AlertTriangle;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitivesIndex.Card, {
+    tone: block.tone,
+    testID: `buoy-block-notice-${block.id}`,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.noticeRow,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        size: 14,
+        color: color
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.noticeText,
+        children: block.text
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.ActionRow, {
+      actions: block.actions,
+      blockId: block.id
+    })]
+  });
+}
+function Finding({
+  block
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitivesIndex.Card, {
+    title: block.title,
+    source: block.source,
+    testID: `buoy-block-finding-${block.id}`,
+    tone: "warning",
+    children: [block.evidence.map((e, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.kvRow, i > 0 && _primitivesIndex.blockStyles.rowDivider],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.kvKey,
+        numberOfLines: 1,
+        children: e.label
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.kvValue, e.tone && {
+          color: (0, _primitivesIndex.toneColor)(e.tone)
+        }],
+        numberOfLines: 3,
+        children: e.value
+      })]
+    }, `${e.label}-${i}`)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitivesIndex.ActionRow, {
+      actions: block.actions,
+      blockId: block.id
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  flex: {
+    flex: 1
+  },
+  tableHead: {
+    flexDirection: "row",
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    gap: 8,
+    backgroundColor: _sharedUi.night.color.fill
+  },
+  th: {
+    flex: 1,
+    color: _sharedUi.night.color.textTertiary,
+    fontSize: _sharedUi.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: _sharedUi.night.color.textSecondary,
+    fontSize: _sharedUi.night.font.caption,
+    lineHeight: 17
+  },
+  tdFirst: {
+    color: _sharedUi.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: _sharedUi.night.color.textSecondary,
+    fontSize: _sharedUi.night.font.caption,
+    paddingTop: 1
+  },
+  kvValue: {
+    flex: 1,
+    color: _sharedUi.night.color.text,
+    fontSize: _sharedUi.night.font.caption,
+    lineHeight: 17
+  },
+  thumb: {
+    width: 40,
+    height: 40,
+    borderRadius: 8,
+    backgroundColor: _sharedUi.night.color.fill
+  },
+  // The enlarged picture, sitting above the row it belongs to. Same height and
+  // fitting as `imageGrid`'s hero so the two blocks enlarge alike.
+  listHero: {
+    paddingHorizontal: 12,
+    paddingTop: 12
+  },
+  listHeroImage: {
+    width: "100%",
+    height: 240,
+    borderRadius: _sharedUi.night.radius.row,
+    backgroundColor: _sharedUi.night.color.fill
+  },
+  rowAction: {
+    color: _sharedUi.night.color.accent,
+    fontSize: _sharedUi.night.font.caption,
+    fontWeight: "600"
+  },
+  diffRow: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    gap: 3
+  },
+  diffPath: {
+    color: _sharedUi.night.color.textSecondary,
+    fontSize: _sharedUi.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: _sharedUi.night.color.textSecondary,
+    fontSize: _sharedUi.night.font.caption
+  },
+  barTrack: {
+    flex: 1,
+    height: 10,
+    borderRadius: 5,
+    backgroundColor: _sharedUi.night.color.fill,
+    overflow: "hidden"
+  },
+  bar: {
+    height: 10,
+    borderRadius: 5
+  },
+  barValue: {
+    width: 72,
+    textAlign: "right",
+    color: _sharedUi.night.color.text,
+    fontSize: _sharedUi.night.font.caption,
+    fontWeight: "600"
+  },
+  step: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    paddingHorizontal: 12,
+    paddingVertical: 9
+  },
+  stepMark: {
+    width: 20,
+    height: 20,
+    borderRadius: 10,
+    backgroundColor: _sharedUi.night.color.fillTertiary,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  stepDone: {
+    backgroundColor: _sharedUi.night.color.accent
+  },
+  stepFailed: {
+    backgroundColor: _sharedUi.night.color.danger
+  },
+  stepNum: {
+    color: _sharedUi.night.color.text,
+    fontSize: _sharedUi.night.font.micro,
+    fontWeight: "700"
+  },
+  stepTextDone: {
+    color: _sharedUi.night.color.textSecondary
+  },
+  // The explorer draws its own rows; this is only the inset that keeps them
+  // off the card's edge, matching every other block's 12pt gutter.
+  viewer: {
+    paddingHorizontal: 4,
+    paddingBottom: 8
+  },
+  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: _sharedUi.night.color.text,
+    fontSize: _sharedUi.night.font.caption,
+    lineHeight: 18
+  }
+});
+//# sourceMappingURL=DataBlocks.js.map