@buoy-gg/ask-buoy 7.0.34 → 7.0.35

package/lib/module/blocks/ExtraBlocks.js

@@ -1 +1,1827 @@
-"use strict";import{useEffect,useRef,useState}from"react";import{Animated,Image,Pressable,ScrollView,StyleSheet,Switch,Text,TextInput,View}from"react-native";import{AlertTriangle,Check,ChevronDown,ChevronRight,night,RefreshCw,Search,X}from"@buoy-gg/shared-ui";import{BlockRenderer}from"./BlockRenderer";import{useBlockHandlers}from"./context";import{ActionRow,blockStyles as b,Card,toneColor}from"./primitives";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";const fmt=e=>"string"==typeof e?e:void 0===e?"—":JSON.stringify(e);export function Suggestions({block:e}){const t=useBlockHandlers();return _jsx(View,{style:styles.chips,testID:`buoy-block-suggestions-${e.id}`,children:e.chips.slice(0,4).map(l=>_jsx(Pressable,{disabled:!!t.busy,onPress:()=>{t.runAction({label:l.label,send:l.send??l.label},e.id)},style:({pressed:e})=>[styles.chip,e&&styles.pressed],accessibilityRole:"button",children:_jsx(Text,{style:styles.chipText,children:l.label})},l.label))})}export function MultiSelect({block:e}){const t=useBlockHandlers(),l=t.answered[e.id],o=!!l,[i,s]=useState([]),n="multi"===l?.kind?l.optionIds:i,r=i.length>=(e.min??1)&&(!e.max||i.length<=e.max);return _jsxs(Card,{testID:`buoy-block-multi-${e.id}`,tone:o?void 0:"info",children:[_jsx(Text,{style:styles.question,children:e.question}),_jsx(View,{style:styles.optionsBox,children:e.options.map((e,t)=>{const l=n.includes(e.id);return _jsxs(Pressable,{disabled:o,onPress:()=>{return t=e.id,s(e=>e.includes(t)?e.filter(e=>e!==t):[...e,t]);var t},style:[styles.option,t>0&&b.rowDivider,o&&!l&&styles.dim],accessibilityRole:"checkbox",accessibilityState:{checked:l},children:[_jsx(View,{style:[styles.checkbox,l&&styles.checkboxOn],children:l?_jsx(Check,{size:11,color:night.color.onAccent}):null}),_jsxs(View,{style:styles.flex,children:[_jsx(Text,{style:styles.optionLabel,children:e.label}),e.detail?_jsx(Text,{style:styles.optionDetail,children:e.detail}):null]})]},e.id)})}),o?null:_jsx(View,{style:styles.rowEnd,children:_jsx(Pressable,{testID:"buoy-block-multi-submit",disabled:!r,onPress:()=>t.answer({blockId:e.id,kind:"multi",optionIds:i,labels:e.options.filter(e=>i.includes(e.id)).map(e=>e.label)}),style:[styles.button,styles.buttonPrimary,!r&&styles.disabled],children:_jsx(Text,{style:styles.buttonTextPrimary,children:e.submitLabel??`Use ${i.length||""}`.trim()})})})]})}export function Select({block:e}){const t=useBlockHandlers(),l=t.answered[e.id],[o,i]=useState(""),[s,n]=useState(!1),r="select"===l?.kind?l.label:null,a=e.options.filter(e=>!o||e.label.toLowerCase().includes(o.toLowerCase())).slice(0,8);return _jsxs(Card,{testID:`buoy-block-select-${e.id}`,tone:l?void 0:"info",children:[_jsx(Text,{style:styles.question,children:e.label}),r?_jsx(Text,{style:styles.decided,children:r}):_jsxs(View,{style:styles.selectBox,children:[_jsxs(Pressable,{onPress:()=>n(e=>!e),style:styles.selectField,accessibilityRole:"button",children:[_jsx(Text,{style:styles.selectPlaceholder,children:s?"Choose…":`${e.options.length} options`}),_jsx(ChevronDown,{size:14,color:night.color.textSecondary})]}),s&&_jsxs(_Fragment,{children:[!1!==e.searchable&&_jsxs(View,{style:styles.search,children:[_jsx(Search,{size:12,color:night.color.textSecondary}),_jsx(TextInput,{style:styles.searchInput,value:o,onChangeText:i,placeholder:"Search",placeholderTextColor:night.color.placeholder,autoCapitalize:"none",autoCorrect:!1})]}),a.map((l,o)=>_jsxs(Pressable,{onPress:()=>t.answer({blockId:e.id,kind:"select",optionId:l.id,label:l.label}),style:[styles.option,o>0&&b.rowDivider],accessibilityRole:"button",children:[_jsxs(View,{style:styles.flex,children:[_jsx(Text,{style:styles.optionLabel,children:l.label}),l.detail?_jsx(Text,{style:styles.optionDetail,children:l.detail}):null]}),_jsx(ChevronRight,{size:12,color:night.color.textTertiary})]},l.id)),e.options.length>a.length?_jsxs(Text,{style:styles.hint,children:[e.options.length-a.length," more — keep typing"]}):null]})]})]})}function SliderControl({min:e,max:t,step:l=1,value:o,unit:i,onChange:s,disabled:n}){const r=useRef(0),a=t>e?(o-e)/(t-e)*100:0,c=o=>Math.min(t,Math.max(e,+(Math.round((o-e)/l)*l+e).toFixed(6))),d=e=>!n&&s(c(o+e*l));return _jsxs(View,{style:styles.sliderRow,children:[_jsx(Pressable,{disabled:n,onPress:()=>d(-1),style:styles.stepBtn,accessibilityRole:"button",accessibilityLabel:"Decrease",children:_jsx(Text,{style:styles.stepText,children:"−"})}),_jsx(Pressable,{style:styles.trackHit,onLayout:e=>{r.current=e.nativeEvent.layout.width},onPress:l=>{if(n||r.current<=0)return;const o=Math.min(1,Math.max(0,l.nativeEvent.locationX/r.current));s(c(e+o*(t-e)))},disabled:n,accessibilityRole:"adjustable",accessibilityValue:{min:e,max:t,now:o},accessibilityActions:[{name:"increment"},{name:"decrement"}],onAccessibilityAction:e=>d("increment"===e.nativeEvent.actionName?1:-1),children:_jsxs(View,{style:styles.track,pointerEvents:"none",children:[_jsx(View,{style:[styles.fill,{width:`${a}%`}]}),_jsx(View,{style:[styles.thumb,{left:`${a}%`}]})]})}),_jsx(Pressable,{disabled:n,onPress:()=>d(1),style:styles.stepBtn,accessibilityRole:"button",accessibilityLabel:"Increase",children:_jsx(Text,{style:styles.stepText,children:"+"})}),_jsxs(Text,{style:styles.sliderValue,children:[o,i?` ${i}`:""]})]})}export function Slider({block:e}){const t=useBlockHandlers(),l=t.answered[e.id],[o,i]=useState(e.value??e.min);return _jsxs(Card,{testID:`buoy-block-slider-${e.id}`,tone:l?void 0:"info",children:[_jsx(Text,{style:styles.question,children:e.label}),_jsx(View,{style:styles.pad,children:_jsx(SliderControl,{min:e.min,max:e.max,step:e.step,value:"slider"===l?.kind?l.value:o,unit:e.unit,onChange:i,disabled:!!l})}),l?null:_jsx(View,{style:styles.rowEnd,children:_jsx(Pressable,{onPress:()=>t.answer({blockId:e.id,kind:"slider",value:o,unit:e.unit}),style:[styles.button,styles.buttonPrimary],children:_jsxs(Text,{style:styles.buttonTextPrimary,children:["Use ",o,e.unit?` ${e.unit}`:""]})})})]})}export function DateTime({block:e}){const t=useBlockHandlers(),l=t.answered[e.id],[o,i]=useState(""),s=e.presets??[{label:"Now",value:(new Date).toISOString()},{label:"Tomorrow",value:new Date(Date.now()+864e5).toISOString()},{label:"+7 days",value:new Date(Date.now()+6048e5).toISOString()},{label:"+30 days",value:new Date(Date.now()+2592e6).toISOString()}];return _jsxs(Card,{testID:`buoy-block-datetime-${e.id}`,tone:l?void 0:"info",children:[_jsx(Text,{style:styles.question,children:e.label}),l?_jsx(Text,{style:styles.decided,children:"dateTime"===l.kind?l.label??l.value:"(skipped)"}):_jsxs(_Fragment,{children:[_jsx(View,{style:[styles.chips,styles.pad],children:s.map(l=>_jsx(Pressable,{onPress:()=>t.answer({blockId:e.id,kind:"dateTime",value:l.value,label:l.label}),style:styles.chip,children:_jsx(Text,{style:styles.chipText,children:l.label})},l.label))}),_jsxs(View,{style:[styles.inputRow,styles.pad],children:[_jsx(TextInput,{style:styles.input,value:o,onChangeText:i,placeholder:"time"===e.mode?"14:30":"2026-09-15",placeholderTextColor:night.color.placeholder,keyboardType:"numbers-and-punctuation"}),_jsx(Pressable,{disabled:!o.trim(),onPress:()=>t.answer({blockId:e.id,kind:"dateTime",value:o.trim()}),style:[styles.button,styles.buttonPrimary,!o.trim()&&styles.disabled],children:_jsx(Text,{style:styles.buttonTextPrimary,children:"Use"})})]})]})]})}function FieldRow({f:e,value:t,onChange:l,disabled:o}){return"toggle"===e.type?_jsxs(View,{style:styles.fieldRow,children:[_jsx(Text,{style:styles.fieldLabel,children:e.label}),_jsx(Switch,{value:!!t,onValueChange:l,disabled:o,trackColor:{true:night.color.accent,false:night.color.fillTertiary},thumbColor:night.color.knob})]}):"select"===e.type?_jsxs(View,{style:styles.fieldCol,children:[_jsx(Text,{style:styles.fieldLabel,children:e.label}),_jsx(View,{style:styles.chips,children:e.options.map(e=>_jsx(Pressable,{disabled:o,onPress:()=>l(e.id),style:[styles.chip,t===e.id&&styles.chipOn],children:_jsx(Text,{style:[styles.chipText,t===e.id&&styles.chipTextOn],children:e.label})},e.id))})]}):"slider"===e.type?_jsxs(View,{style:styles.fieldCol,children:[_jsx(Text,{style:styles.fieldLabel,children:e.label}),_jsx(SliderControl,{min:e.min,max:e.max,step:e.step,unit:e.unit,value:"number"==typeof t?t:e.min,onChange:l,disabled:o})]}):_jsxs(View,{style:styles.fieldRow,children:[_jsx(Text,{style:styles.fieldLabel,children:e.label}),_jsx(TextInput,{style:styles.fieldInput,value:null==t?"":String(t),onChangeText:l,editable:!o,placeholder:e.placeholder??"",placeholderTextColor:night.color.placeholder,keyboardType:"number"===e.type?"numeric":"ascii-capable",secureTextEntry:"secret"===e.type,autoCapitalize:"none",autoCorrect:!1})]})}function useFormValues(e){const[t,l]=useState(()=>Object.fromEntries(e.map(e=>[e.key,e.value])));return{values:t,set:(e,t)=>l(l=>({...l,[e]:t}))}}export function Form({block:e}){const t=useBlockHandlers(),l=t.answered[e.id],{values:o,set:i}=useFormValues(e.fields);return _jsxs(Card,{title:e.title,testID:`buoy-block-form-${e.id}`,tone:l?void 0:"info",children:[_jsx(View,{style:styles.pad,children:e.fields.map(e=>_jsx(FieldRow,{f:e,value:o[e.key],onChange:t=>i(e.key,t),disabled:!!l},e.key))}),l?_jsx(Text,{style:styles.decided,children:"Sent"}):_jsx(View,{style:styles.rowEnd,children:_jsx(Pressable,{onPress:()=>t.answer({blockId:e.id,kind:"form",values:o}),style:[styles.button,styles.buttonPrimary],children:_jsx(Text,{style:styles.buttonTextPrimary,children:e.submitLabel??"Send"})})})]})}export function Proposal({block:e}){const t=useBlockHandlers(),l=t.answered[e.id],{values:o,set:i}=useFormValues(e.fields),s="proposal"===l?.kind?l.approved:null;return _jsxs(Card,{testID:`buoy-block-proposal-${e.id}`,tone:l?void 0:"warning",children:[_jsx(Text,{style:styles.confirmTitle,children:e.title}),_jsx(Text,{style:styles.confirmChange,children:e.change}),_jsx(View,{style:styles.pad,children:e.fields.map(e=>_jsx(FieldRow,{f:e,value:o[e.key],onChange:t=>i(e.key,t),disabled:!!l},e.key))}),e.consequence?_jsx(Text,{style:styles.consequence,children:e.consequence}):null,_jsx(View,{style:styles.actionsRow,children:l?_jsx(Text,{style:styles.decided,children:s?"✓ Applied with these values":"✕ Not applied"}):_jsxs(_Fragment,{children:[_jsx(Pressable,{onPress:()=>t.answer({blockId:e.id,kind:"proposal",approved:!0,values:o}),style:[styles.button,styles.buttonPrimary],children:_jsx(Text,{style:styles.buttonTextPrimary,children:e.approveLabel??"Apply"})}),_jsx(Pressable,{onPress:()=>t.answer({blockId:e.id,kind:"proposal",approved:!1}),style:[styles.button,styles.buttonPlate],children:_jsx(Text,{style:styles.buttonTextPlate,children:"Not now"})})]})})]})}export function Claim({block:e}){const t=useBlockHandlers(),[l,o]=useState(null),i=t.actionState?.[`${e.id}:${e.verify?.label??"Verify"}`],s=e.verified||"done"===i;return _jsxs(View,{style:styles.claim,testID:`buoy-block-claim-${e.id}`,children:[_jsxs(Text,{style:styles.claimText,children:[e.text,e.sources.map((e,t)=>_jsxs(Text,{onPress:()=>o(l===t?null:t),style:styles.cite,children:[" [",t+1,"]"]},t)),s?_jsx(Text,{style:styles.verified,children:"  ✓ verified"}):null]}),null!==l&&e.sources[l]?_jsxs(View,{style:styles.citeBox,children:[_jsxs(Text,{style:styles.citeLabel,children:["[",l+1,"] ",e.sources[l].label]}),e.sources[l].detail?_jsx(Text,{style:styles.citeDetail,children:e.sources[l].detail}):null]}):null,e.verify&&!s?_jsxs(Pressable,{onPress:()=>{t.runAction(e.verify,e.id)},style:styles.verifyBtn,accessibilityRole:"button",children:[_jsx(RefreshCw,{size:11,color:night.color.accent}),_jsx(Text,{style:styles.verifyText,children:"running"===i?"Checking…":e.verify.label})]}):null]})}export function Details({block:e}){const[t,l]=useState(!!e.open);return _jsxs(Card,{testID:`buoy-block-details-${e.id}`,children:[_jsxs(Pressable,{onPress:()=>l(e=>!e),style:b.row,accessibilityRole:"button",accessibilityState:{expanded:t},children:[_jsx(Text,{style:b.rowTitle,children:e.summary}),_jsx(t?ChevronDown:ChevronRight,{size:12,color:night.color.textTertiary})]}),t?_jsx(Text,{style:styles.detailsBody,selectable:!0,children:e.body}):null]})}export function Tabs({block:e}){const[t,l]=useState(0);return _jsxs(View,{style:styles.tabsWrap,testID:`buoy-block-tabs-${e.id}`,children:[_jsx(View,{style:styles.tabBar,children:e.tabs.map((e,o)=>_jsx(Pressable,{onPress:()=>l(o),style:[styles.tab,t===o&&styles.tabOn],accessibilityRole:"tab",children:_jsx(Text,{style:[styles.tabText,t===o&&styles.tabTextOn],children:e.label})},e.label))}),e.tabs[t]?_jsx(BlockRenderer,{block:e.tabs[t].block}):null]})}export function Timeline({block:e}){return _jsxs(Card,{title:e.title??"What happened",source:e.source,testID:`buoy-block-timeline-${e.id}`,children:[e.events.slice(0,10).map((t,l)=>_jsxs(View,{style:styles.tlRow,children:[_jsx(Text,{style:styles.tlAt,children:t.at}),_jsxs(View,{style:styles.tlLine,children:[_jsx(View,{style:[styles.tlDot,{backgroundColor:toneColor(t.tone??"muted")}]}),l<e.events.length-1?_jsx(View,{style:styles.tlStem}):null]}),_jsxs(View,{style:styles.flex,children:[_jsx(Text,{style:styles.tlSource,children:t.source.toUpperCase()}),_jsx(Text,{style:b.rowTitle,numberOfLines:2,children:t.label})]})]},l)),e.total&&e.total>e.events.length?_jsxs(Text,{style:styles.hint,children:["+",e.total-e.events.length," more"]}):null]})}export function Sparkline({block:e}){const t=e.series.slice(-60),l=Math.max(1,...t),o=Math.min(...t,0);return _jsxs(Card,{title:e.title,source:e.source,testID:`buoy-block-sparkline-${e.id}`,children:[_jsxs(View,{style:styles.sparkHead,children:[_jsxs(Text,{style:styles.sparkCurrent,children:[e.current??t[t.length-1],e.unit?_jsxs(Text,{style:styles.sparkUnit,children:[" ",e.unit]}):null]}),e.live?_jsx(LivePill,{}):null]}),_jsx(View,{style:[styles.spark,{height:44}],children:t.map((e,i)=>_jsx(View,{style:[styles.sparkBar,{height:Math.max(2,(e-o)/(l-o||1)*44),backgroundColor:i===t.length-1?night.color.accent:night.color.accentBorderStrong}]},i))}),e.label?_jsx(Text,{style:styles.hint,children:e.label}):null]})}export function LivePill(){const e=useRef(new Animated.Value(1)).current;return useEffect(()=>{const t=Animated.loop(Animated.sequence([Animated.timing(e,{toValue:.3,duration:700,useNativeDriver:!0}),Animated.timing(e,{toValue:1,duration:700,useNativeDriver:!0})]));return t.start(),()=>t.stop()},[e]),_jsxs(View,{style:styles.live,children:[_jsx(Animated.View,{style:[styles.liveDot,{opacity:e}]}),_jsx(Text,{style:styles.liveText,children:"LIVE"})]})}export function Compare({block:e}){const t=[...new Set([...e.left.pairs.map(e=>e.key),...e.right.pairs.map(e=>e.key)])],l=Object.fromEntries(e.left.pairs.map(e=>[e.key,e.value])),o=Object.fromEntries(e.right.pairs.map(e=>[e.key,e.value]));return _jsxs(Card,{title:e.title,source:e.source,testID:`buoy-block-compare-${e.id}`,children:[_jsxs(View,{style:styles.cmpHead,children:[_jsx(Text,{style:styles.cmpKey}),_jsx(Text,{style:styles.cmpCol,children:e.left.title}),_jsx(Text,{style:styles.cmpCol,children:e.right.title})]}),t.map((e,t)=>{const i=JSON.stringify(l[e])!==JSON.stringify(o[e]);return _jsxs(View,{style:[styles.cmpRow,t>0&&b.rowDivider,i&&styles.cmpDiff],children:[_jsx(Text,{style:styles.cmpKey,numberOfLines:1,children:e}),_jsx(Text,{style:[styles.cmpVal,i&&{color:night.color.danger}],numberOfLines:2,children:fmt(l[e])}),_jsx(Text,{style:[styles.cmpVal,i&&{color:night.color.accent}],numberOfLines:2,children:fmt(o[e])})]},e)})]})}function CardBody({c:e,id:t}){return _jsxs(_Fragment,{children:[e.image?_jsx(Image,{source:{uri:e.image},style:styles.cardImage,resizeMode:"cover",accessibilityLabel:e.title}):null,_jsxs(View,{style:styles.cardText,children:[_jsx(Text,{style:styles.cardTitle,numberOfLines:2,children:e.title}),e.subtitle?_jsx(Text,{style:b.rowSub,numberOfLines:2,children:e.subtitle}):null,e.facts?.slice(0,4).map(e=>_jsxs(View,{style:styles.fact,children:[_jsx(Text,{style:styles.factLabel,children:e.label}),_jsx(Text,{style:[styles.factValue,e.tone&&{color:toneColor(e.tone)}],children:e.value})]},e.label))]}),_jsx(ActionRow,{actions:e.actions,blockId:t})]})}export function CardView({block:e}){return _jsx(Card,{source:e.source,testID:`buoy-block-card-${e.id}`,children:_jsx(CardBody,{c:e,id:e.id})})}export function CardCarousel({block:e}){return _jsxs(View,{testID:`buoy-block-cardcarousel-${e.id}`,children:[e.title?_jsx(Text,{style:styles.carouselTitle,children:e.title}):null,_jsx(ScrollView,{horizontal:!0,showsHorizontalScrollIndicator:!1,snapToInterval:232,decelerationRate:"fast",contentContainerStyle:styles.carousel,children:e.cards.slice(0,8).map((t,l)=>_jsx(View,{style:styles.carouselCard,children:_jsx(CardBody,{c:t,id:`${e.id}-${l}`})},`${t.title}-${l}`))})]})}export function Screenshot({block:e}){const[t,l]=useState(!1);return _jsxs(Card,{title:e.route?`Screen · ${e.route}`:"Screen",source:e.source,testID:`buoy-block-screenshot-${e.id}`,children:[_jsx(Pressable,{onPress:()=>l(e=>!e),accessibilityRole:"imagebutton",accessibilityLabel:e.caption??"Screenshot",children:_jsx(Image,{source:{uri:e.url},style:[styles.shot,t&&styles.shotBig],resizeMode:"contain"})}),e.caption?_jsx(Text,{style:styles.hint,children:e.caption}):null]})}export function Plan({block:e}){const t=e.steps.filter(e=>"done"===e.state).length;return _jsxs(Card,{title:e.title,testID:`buoy-block-plan-${e.id}`,tone:e.pending?"info":void 0,children:[_jsx(View,{style:styles.progress,children:_jsx(View,{style:[styles.progressFill,{width:t/Math.max(1,e.steps.length)*100+"%"}]})}),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,"running"===e.state&&styles.stepRunning],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})}),_jsxs(Text,{style:[b.rowTitle,"done"===e.state&&styles.muted],children:[e.text,"running"===e.state?"…":""]})]},t)),_jsx(ActionRow,{actions:e.actions??(e.pending?[{label:"Go",primary:!0,send:"Go ahead with the plan."},{label:"Change it",send:"Let me change the plan first."}]:void 0),blockId:e.id})]})}export function Checkpoint({block:e}){const t=useBlockHandlers();return _jsxs(Pressable,{testID:`buoy-block-checkpoint-${e.id}`,disabled:!e.restore,onPress:()=>e.restore&&void t.runAction(e.restore,e.id),style:styles.checkpoint,accessibilityRole:"button",children:[_jsx(View,{style:styles.cpFlag}),_jsxs(Text,{style:styles.cpText,children:[e.label,e.at?` · ${e.at}`:""]}),e.restore?_jsx(Text,{style:styles.cpRestore,children:e.restore.label}):null]})}export function Task({block:e}){const t="failed"===e.status?night.color.danger:"done"===e.status?night.color.accent:night.color.info;return _jsxs(Card,{testID:`buoy-block-task-${e.id}`,children:[_jsxs(View,{style:styles.taskHead,children:[_jsx(Text,{style:styles.cardTitle,children:e.title}),_jsx(View,{style:[b.pill,{backgroundColor:`${t}22`}],children:_jsx(Text,{style:[b.pillText,{color:t}],children:e.status.toUpperCase()})})]}),void 0!==e.progress?_jsx(View,{style:[styles.progress,styles.pad],children:_jsx(View,{style:[styles.progressFill,{width:`${Math.round(100*e.progress)}%`,backgroundColor:t}]})}):null,e.detail?_jsx(Text,{style:styles.hint,children:e.detail}):null,_jsx(ActionRow,{actions:e.actions,blockId:e.id})]})}export function Banner({block:e}){const t="danger"===e.tone?night.color.danger:"warning"===e.tone?night.color.warning:night.color.info;return _jsxs(View,{style:[styles.banner,{borderColor:t,backgroundColor:`${t}1A`}],testID:`buoy-block-banner-${e.id}`,children:[_jsx(AlertTriangle,{size:13,color:t}),_jsx(Text,{style:[styles.bannerText,{color:t}],numberOfLines:2,children:e.text}),e.actions?.[0]?_jsx(ActionRow,{actions:e.actions.slice(0,1),blockId:e.id,align:"right"}):null]})}export function File({block:e}){return _jsxs(Card,{testID:`buoy-block-file-${e.id}`,children:[_jsxs(View,{style:b.row,children:[_jsx(View,{style:styles.fileIcon,children:_jsx(Text,{style:styles.fileExt,children:(e.type??e.name.split(".").pop()??"file").toUpperCase().slice(0,4)})}),_jsxs(View,{style:styles.flex,children:[_jsx(Text,{style:b.rowTitle,numberOfLines:1,children:e.name}),e.size?_jsx(Text,{style:b.rowSub,children:e.size}):null]})]}),_jsx(ActionRow,{actions:e.actions,blockId:e.id})]})}export function Upload({block:e}){const t=useBlockHandlers(),l=t.answered[e.id];return _jsxs(Card,{testID:`buoy-block-upload-${e.id}`,tone:l?void 0:"info",children:[_jsx(Text,{style:styles.question,children:e.label}),l?_jsx(Text,{style:styles.decided,children:"upload"===l.kind?`Attached ${l.name}`:"(skipped)"}):_jsx(View,{style:[styles.rowEnd,{justifyContent:"flex-start"}],children:_jsx(Pressable,{onPress:()=>t.answer({blockId:e.id,kind:"upload",name:"screenshot.png"}),style:[styles.button,styles.buttonPlate],children:_jsx(Text,{style:styles.buttonTextPlate,children:"image"===e.accept?"Choose a screenshot":"Choose a file"})})})]})}const styles=StyleSheet.create({flex:{flex:1},pad:{paddingHorizontal:12,paddingBottom:8},muted:{color:night.color.textSecondary},dim:{opacity:.45},disabled:{opacity:.5},pressed:{opacity:.7},question:{color:night.color.text,fontSize:night.font.row,fontWeight:"600",lineHeight:20,paddingHorizontal:12,paddingTop:12,paddingBottom:8},hint:{color:night.color.textTertiary,fontSize:night.font.micro,paddingHorizontal:12,paddingBottom:10},decided:{color:night.color.textSecondary,fontSize:night.font.caption,fontWeight:"600",paddingHorizontal:12,paddingVertical:10},rowEnd:{flexDirection:"row",justifyContent:"flex-end",paddingHorizontal:12,paddingBottom:12,gap:8},actionsRow:{flexDirection:"row",gap:8,paddingHorizontal:12,paddingVertical:12,alignItems:"center"},button:{paddingHorizontal:14,paddingVertical:9,borderRadius:night.radius.row},buttonPrimary:{backgroundColor:night.color.accent},buttonPlate:{backgroundColor:night.color.button},buttonTextPrimary:{color:night.color.onAccent,fontSize:night.font.caption,fontWeight:"600"},buttonTextPlate:{color:night.color.text,fontSize:night.font.caption,fontWeight:"600"},chips:{flexDirection:"row",flexWrap:"wrap",gap:6},chip:{paddingHorizontal:12,paddingVertical:7,borderRadius:night.radius.chip,backgroundColor:night.color.fill,borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.border},chipOn:{backgroundColor:night.color.accentSoft,borderColor:night.color.accentBorderStrong},chipText:{color:night.color.text,fontSize:night.font.caption},chipTextOn:{color:night.color.accent,fontWeight:"600"},optionsBox:{marginHorizontal:8,marginBottom:8,borderRadius:night.radius.row,backgroundColor:night.color.surfaceElevated,overflow:"hidden"},option:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:12,paddingVertical:10},optionLabel:{color:night.color.text,fontSize:night.font.body,fontWeight:"500"},optionDetail:{color:night.color.textSecondary,fontSize:night.font.caption},checkbox:{width:20,height:20,borderRadius:6,borderWidth:1.5,borderColor:night.color.textTertiary,alignItems:"center",justifyContent:"center"},checkboxOn:{backgroundColor:night.color.accent,borderColor:night.color.accent},selectBox:{marginHorizontal:12,marginBottom:12,borderRadius:night.radius.row,backgroundColor:night.color.surfaceElevated,overflow:"hidden"},selectField:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:11},selectPlaceholder:{color:night.color.textSecondary,fontSize:night.font.body},search:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:12,paddingVertical:6,borderTopWidth:StyleSheet.hairlineWidth,borderTopColor:night.color.separator},searchInput:{flex:1,color:night.color.text,fontSize:night.font.caption,paddingVertical:4},sliderRow:{flexDirection:"row",alignItems:"center",gap:8},stepBtn:{width:28,height:28,borderRadius:14,backgroundColor:night.color.fill,alignItems:"center",justifyContent:"center"},stepText:{color:night.color.text,fontSize:16,fontWeight:"600"},trackHit:{flex:1,height:36,justifyContent:"center"},track:{height:6,borderRadius:3,backgroundColor:night.color.fillTertiary,justifyContent:"center"},fill:{height:6,borderRadius:3,backgroundColor:night.color.accent},thumb:{position:"absolute",width:20,height:20,borderRadius:10,backgroundColor:night.color.knob,marginLeft:-10,shadowColor:"#000",shadowOpacity:.35,shadowRadius:3,shadowOffset:{width:0,height:1}},sliderValue:{width:64,textAlign:"right",color:night.color.text,fontSize:night.font.caption,fontWeight:"600"},inputRow:{flexDirection:"row",alignItems:"center",gap:8,paddingBottom:12},input:{flex:1,height:38,paddingHorizontal:12,borderRadius:night.radius.row,backgroundColor:night.color.surfaceElevated,color:night.color.text,fontSize:night.font.body},fieldRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:10,paddingVertical:6},fieldCol:{paddingVertical:6,gap:6},fieldLabel:{color:night.color.textSecondary,fontSize:night.font.caption,width:110},fieldInput:{flex:1,height:34,paddingHorizontal:10,borderRadius:night.radius.segment,backgroundColor:night.color.surfaceElevated,color:night.color.text,fontSize:night.font.caption},confirmTitle:{color:night.color.text,fontSize:night.font.row,fontWeight:"600",paddingHorizontal:12,paddingTop:12},confirmChange:{color:night.color.text,fontSize:night.font.body,lineHeight:19,paddingHorizontal:12,paddingTop:6,paddingBottom:6},consequence:{color:night.color.warning,fontSize:night.font.caption,paddingHorizontal:12},claim:{gap:6,paddingHorizontal:2},claimText:{color:night.color.text,fontSize:night.font.row,lineHeight:22},cite:{color:night.color.accent,fontSize:night.font.caption,fontWeight:"700"},verified:{color:night.color.accent,fontSize:night.font.caption,fontWeight:"600"},citeBox:{padding:10,borderRadius:night.radius.row,backgroundColor:night.color.surface,borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.border,gap:2},citeLabel:{color:night.color.text,fontSize:night.font.caption,fontWeight:"600"},citeDetail:{color:night.color.textSecondary,fontSize:night.font.caption,fontFamily:"Menlo"},verifyBtn:{alignSelf:"flex-start",flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:10,paddingVertical:5,borderRadius:night.radius.chip,backgroundColor:night.color.accentSoft},verifyText:{color:night.color.accent,fontSize:night.font.micro,fontWeight:"700"},detailsBody:{color:night.color.textSecondary,fontSize:night.font.caption,lineHeight:18,paddingHorizontal:12,paddingBottom:12},tabsWrap:{gap:8},tabBar:{flexDirection:"row",gap:6},tab:{paddingHorizontal:12,paddingVertical:6,borderRadius:night.radius.badge,backgroundColor:night.color.fill},tabOn:{backgroundColor:night.color.accentSoft},tabText:{color:night.color.textSecondary,fontSize:night.font.caption,fontWeight:"600"},tabTextOn:{color:night.color.accent},tlRow:{flexDirection:"row",gap:10,paddingHorizontal:12,paddingVertical:4,alignItems:"flex-start"},tlAt:{width:46,color:night.color.textTertiary,fontSize:night.font.micro,fontFamily:"Menlo",paddingTop:3},tlLine:{width:12,alignItems:"center"},tlDot:{width:8,height:8,borderRadius:4,marginTop:5},tlStem:{width:1,flex:1,minHeight:18,backgroundColor:night.color.separator,marginTop:2},tlSource:{color:night.color.textTertiary,fontSize:9,fontWeight:"700",letterSpacing:.6},sparkHead:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingTop:8},sparkCurrent:{color:night.color.text,fontSize:22,fontWeight:"700"},sparkUnit:{color:night.color.textSecondary,fontSize:night.font.caption,fontWeight:"500"},spark:{flexDirection:"row",alignItems:"flex-end",gap:2,paddingHorizontal:12,paddingTop:6,paddingBottom:6},sparkBar:{flex:1,borderRadius:1},live:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:8,paddingVertical:3,borderRadius:night.radius.badge,backgroundColor:night.color.dangerSoft},liveDot:{width:6,height:6,borderRadius:3,backgroundColor:night.color.danger},liveText:{color:night.color.danger,fontSize:9,fontWeight:"800",letterSpacing:.8},cmpHead:{flexDirection:"row",paddingHorizontal:12,paddingVertical:6,backgroundColor:night.color.fill,gap:8},cmpCol:{flex:1,color:night.color.textTertiary,fontSize:night.font.micro,fontWeight:"700",letterSpacing:.6,textTransform:"uppercase"},cmpRow:{flexDirection:"row",paddingHorizontal:12,paddingVertical:8,gap:8,alignItems:"flex-start"},cmpDiff:{backgroundColor:night.color.fill},cmpKey:{width:90,color:night.color.textSecondary,fontSize:night.font.caption},cmpVal:{flex:1,color:night.color.text,fontSize:night.font.caption,fontFamily:"Menlo"},cardImage:{width:"100%",height:140,backgroundColor:night.color.fill},cardText:{paddingHorizontal:12,paddingTop:10,paddingBottom:4,gap:4},cardTitle:{color:night.color.text,fontSize:night.font.row,fontWeight:"600"},fact:{flexDirection:"row",justifyContent:"space-between",gap:8},factLabel:{color:night.color.textSecondary,fontSize:night.font.caption},factValue:{color:night.color.text,fontSize:night.font.caption,fontWeight:"500"},carouselTitle:{color:night.color.text,fontSize:night.font.caption,fontWeight:"600",paddingBottom:8},carousel:{gap:8,paddingRight:8},carouselCard:{width:224,borderRadius:night.radius.card,borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.border,backgroundColor:night.color.surface,overflow:"hidden"},shot:{width:"100%",height:220,backgroundColor:night.color.fill},shotBig:{height:520},progress:{height:4,backgroundColor:night.color.fill,marginHorizontal:12,marginTop:6,marginBottom:8,borderRadius:2,overflow:"hidden"},progressFill:{height:4,backgroundColor:night.color.accent},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},stepRunning:{backgroundColor:night.color.info},stepNum:{color:night.color.text,fontSize:night.font.micro,fontWeight:"700"},checkpoint:{alignSelf:"flex-start",flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:12,paddingVertical:7,borderRadius:night.radius.chip,backgroundColor:night.color.fill},cpFlag:{width:8,height:8,borderRadius:2,backgroundColor:night.color.info},cpText:{color:night.color.textSecondary,fontSize:night.font.caption},cpRestore:{color:night.color.accent,fontSize:night.font.caption,fontWeight:"600"},taskHead:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:8,paddingHorizontal:12,paddingTop:12},banner:{flexDirection:"row",alignItems:"center",gap:8,paddingLeft:12,paddingRight:4,paddingVertical:4,borderRadius:night.radius.row,borderWidth:StyleSheet.hairlineWidth},bannerText:{flex:1,fontSize:night.font.caption,fontWeight:"600"},fileIcon:{width:40,height:40,borderRadius:8,backgroundColor:night.color.fill,alignItems:"center",justifyContent:"center"},fileExt:{color:night.color.textSecondary,fontSize:10,fontWeight:"800"}});
+"use strict";
+
+/**
+ * Second-wave blocks from the survey (plan §11). Prototype-quality on purpose:
+ * each one exists so it can be judged on the review page, and the ones that
+ * survive get the same care as the first wave.
+ */
+import { useEffect, useRef, useState } from "react";
+import { Animated, Image, Pressable, ScrollView, StyleSheet, Switch, Text, TextInput, View } from "react-native";
+import { AlertTriangle, Check, ChevronDown, ChevronRight, night, NightSegmented, RefreshCw, Search, X } from "@buoy-gg/shared-ui";
+import { BlockRenderer } from "./BlockRenderer";
+import { useBlockHandlers } from "./context";
+import { ActionRow, blockStyles as b, Card, More, toneColor, usePaged } from "./primitives";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const fmt = v => typeof v === "string" ? v : v === undefined ? "—" : JSON.stringify(v);
+
+// ---------------------------------------------------------------- Suggestions
+export function Suggestions({
+  block
+}) {
+  const h = useBlockHandlers();
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.chips,
+    testID: `buoy-block-suggestions-${block.id}`,
+    children: block.chips.slice(0, 4).map(c => /*#__PURE__*/_jsx(Pressable, {
+      disabled: !!h.busy,
+      onPress: () => void h.runAction({
+        label: c.label,
+        send: c.send ?? c.label
+      }, block.id),
+      style: ({
+        pressed
+      }) => [styles.chip, pressed && styles.pressed],
+      accessibilityRole: "button",
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.chipText,
+        children: c.label
+      })
+    }, c.label))
+  });
+}
+
+// ---------------------------------------------------------------- MultiSelect
+export function MultiSelect({
+  block
+}) {
+  const h = useBlockHandlers();
+  const answer = h.answered[block.id];
+  const locked = !!answer;
+  const [picked, setPicked] = useState([]);
+  const chosen = answer?.kind === "multi" ? answer.optionIds : picked;
+  const toggle = id => setPicked(p => p.includes(id) ? p.filter(x => x !== id) : [...p, id]);
+  const ok = picked.length >= (block.min ?? 1) && (!block.max || picked.length <= block.max);
+  return /*#__PURE__*/_jsxs(Card, {
+    testID: `buoy-block-multi-${block.id}`,
+    tone: locked ? undefined : "info",
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.question,
+      children: block.question
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.optionsBox,
+      children: block.options.map((o, i) => {
+        const on = chosen.includes(o.id);
+        return /*#__PURE__*/_jsxs(Pressable, {
+          disabled: locked,
+          onPress: () => toggle(o.id),
+          style: [styles.option, i > 0 && b.rowDivider, locked && !on && styles.dim],
+          accessibilityRole: "checkbox",
+          accessibilityState: {
+            checked: on
+          },
+          children: [/*#__PURE__*/_jsx(View, {
+            style: [styles.checkbox, on && styles.checkboxOn],
+            children: on ? /*#__PURE__*/_jsx(Check, {
+              size: 11,
+              color: night.color.onAccent
+            }) : null
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.flex,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.optionLabel,
+              children: o.label
+            }), o.detail ? /*#__PURE__*/_jsx(Text, {
+              style: styles.optionDetail,
+              children: o.detail
+            }) : null]
+          })]
+        }, o.id);
+      })
+    }), locked ? null : /*#__PURE__*/_jsx(View, {
+      style: styles.rowEnd,
+      children: /*#__PURE__*/_jsx(Pressable, {
+        testID: "buoy-block-multi-submit",
+        disabled: !ok,
+        onPress: () => h.answer({
+          blockId: block.id,
+          kind: "multi",
+          optionIds: picked,
+          labels: block.options.filter(o => picked.includes(o.id)).map(o => o.label)
+        }),
+        style: [styles.button, styles.buttonPrimary, !ok && styles.disabled],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.buttonTextPrimary,
+          children: block.submitLabel ?? `Use ${picked.length || ""}`.trim()
+        })
+      })
+    })]
+  });
+}
+
+// ---------------------------------------------------------------- Select (long list)
+export function Select({
+  block
+}) {
+  const h = useBlockHandlers();
+  const answer = h.answered[block.id];
+  const [q, setQ] = useState("");
+  const [open, setOpen] = useState(false);
+  const chosen = answer?.kind === "select" ? answer.label : null;
+  const items = block.options.filter(o => !q || o.label.toLowerCase().includes(q.toLowerCase())).slice(0, 8);
+  return /*#__PURE__*/_jsxs(Card, {
+    testID: `buoy-block-select-${block.id}`,
+    tone: answer ? undefined : "info",
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.question,
+      children: block.label
+    }), chosen ? /*#__PURE__*/_jsx(Text, {
+      style: styles.decided,
+      children: chosen
+    }) : /*#__PURE__*/_jsxs(View, {
+      style: styles.selectBox,
+      children: [/*#__PURE__*/_jsxs(Pressable, {
+        onPress: () => setOpen(v => !v),
+        style: styles.selectField,
+        accessibilityRole: "button",
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.selectPlaceholder,
+          children: open ? "Choose…" : `${block.options.length} options`
+        }), /*#__PURE__*/_jsx(ChevronDown, {
+          size: 14,
+          color: night.color.textSecondary
+        })]
+      }), open && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [block.searchable !== false && /*#__PURE__*/_jsxs(View, {
+          style: styles.search,
+          children: [/*#__PURE__*/_jsx(Search, {
+            size: 12,
+            color: night.color.textSecondary
+          }), /*#__PURE__*/_jsx(TextInput, {
+            style: styles.searchInput,
+            value: q,
+            onChangeText: setQ,
+            placeholder: "Search",
+            placeholderTextColor: night.color.placeholder,
+            autoCapitalize: "none",
+            autoCorrect: false
+          })]
+        }), items.map((o, i) => /*#__PURE__*/_jsxs(Pressable, {
+          onPress: () => h.answer({
+            blockId: block.id,
+            kind: "select",
+            optionId: o.id,
+            label: o.label
+          }),
+          style: [styles.option, i > 0 && b.rowDivider],
+          accessibilityRole: "button",
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.flex,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.optionLabel,
+              children: o.label
+            }), o.detail ? /*#__PURE__*/_jsx(Text, {
+              style: styles.optionDetail,
+              children: o.detail
+            }) : null]
+          }), /*#__PURE__*/_jsx(ChevronRight, {
+            size: 12,
+            color: night.color.textTertiary
+          })]
+        }, o.id)), block.options.length > items.length ? /*#__PURE__*/_jsxs(Text, {
+          style: styles.hint,
+          children: [block.options.length - items.length, " more \u2014 keep typing"]
+        }) : null]
+      })]
+    })]
+  });
+}
+
+// ---------------------------------------------------------------- Slider
+/**
+ * Tap anywhere on the track to jump there, or use the − / + steppers. No drag
+ * on purpose: a drag inside a scrolling transcript fights the list for the
+ * gesture, and a tap-to-place slider does the job with none of that.
+ */
+function SliderControl({
+  min,
+  max,
+  step = 1,
+  value,
+  unit,
+  onChange,
+  disabled
+}) {
+  const width = useRef(0);
+  const pct = max > min ? (value - min) / (max - min) * 100 : 0;
+  const quantise = raw => Math.min(max, Math.max(min, +(Math.round((raw - min) / step) * step + min).toFixed(6)));
+  const bump = d => !disabled && onChange(quantise(value + d * step));
+  const onTrackPress = e => {
+    if (disabled || width.current <= 0) return;
+    const ratio = Math.min(1, Math.max(0, e.nativeEvent.locationX / width.current));
+    onChange(quantise(min + ratio * (max - min)));
+  };
+  const onLayout = e => {
+    width.current = e.nativeEvent.layout.width;
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.sliderRow,
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      disabled: disabled,
+      onPress: () => bump(-1),
+      style: styles.stepBtn,
+      accessibilityRole: "button",
+      accessibilityLabel: "Decrease",
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.stepText,
+        children: "\u2212"
+      })
+    }), /*#__PURE__*/_jsx(Pressable, {
+      style: styles.trackHit,
+      onLayout: onLayout,
+      onPress: onTrackPress,
+      disabled: disabled,
+      accessibilityRole: "adjustable",
+      accessibilityValue: {
+        min,
+        max,
+        now: value
+      },
+      accessibilityActions: [{
+        name: "increment"
+      }, {
+        name: "decrement"
+      }],
+      onAccessibilityAction: e => bump(e.nativeEvent.actionName === "increment" ? 1 : -1),
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.track,
+        pointerEvents: "none",
+        children: [/*#__PURE__*/_jsx(View, {
+          style: [styles.fill, {
+            width: `${pct}%`
+          }]
+        }), /*#__PURE__*/_jsx(View, {
+          style: [styles.thumb, {
+            left: `${pct}%`
+          }]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Pressable, {
+      disabled: disabled,
+      onPress: () => bump(1),
+      style: styles.stepBtn,
+      accessibilityRole: "button",
+      accessibilityLabel: "Increase",
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.stepText,
+        children: "+"
+      })
+    }), /*#__PURE__*/_jsxs(Text, {
+      style: styles.sliderValue,
+      children: [value, unit ? ` ${unit}` : ""]
+    })]
+  });
+}
+export function Slider({
+  block
+}) {
+  const h = useBlockHandlers();
+  const answer = h.answered[block.id];
+  const [v, setV] = useState(block.value ?? block.min);
+  return /*#__PURE__*/_jsxs(Card, {
+    testID: `buoy-block-slider-${block.id}`,
+    tone: answer ? undefined : "info",
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.question,
+      children: block.label
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.pad,
+      children: /*#__PURE__*/_jsx(SliderControl, {
+        min: block.min,
+        max: block.max,
+        step: block.step,
+        value: answer?.kind === "slider" ? answer.value : v,
+        unit: block.unit,
+        onChange: setV,
+        disabled: !!answer
+      })
+    }), answer ? null : /*#__PURE__*/_jsx(View, {
+      style: styles.rowEnd,
+      children: /*#__PURE__*/_jsx(Pressable, {
+        onPress: () => h.answer({
+          blockId: block.id,
+          kind: "slider",
+          value: v,
+          unit: block.unit
+        }),
+        style: [styles.button, styles.buttonPrimary],
+        children: /*#__PURE__*/_jsxs(Text, {
+          style: styles.buttonTextPrimary,
+          children: ["Use ", v, block.unit ? ` ${block.unit}` : ""]
+        })
+      })
+    })]
+  });
+}
+
+// ---------------------------------------------------------------- DateTime
+export function DateTime({
+  block
+}) {
+  const h = useBlockHandlers();
+  const answer = h.answered[block.id];
+  const [text, setText] = useState("");
+  const presets = block.presets ?? [{
+    label: "Now",
+    value: new Date().toISOString()
+  }, {
+    label: "Tomorrow",
+    value: new Date(Date.now() + 864e5).toISOString()
+  }, {
+    label: "+7 days",
+    value: new Date(Date.now() + 7 * 864e5).toISOString()
+  }, {
+    label: "+30 days",
+    value: new Date(Date.now() + 30 * 864e5).toISOString()
+  }];
+  return /*#__PURE__*/_jsxs(Card, {
+    testID: `buoy-block-datetime-${block.id}`,
+    tone: answer ? undefined : "info",
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.question,
+      children: block.label
+    }), answer ? /*#__PURE__*/_jsx(Text, {
+      style: styles.decided,
+      children: answer.kind === "dateTime" ? answer.label ?? answer.value : "(skipped)"
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.chips, styles.pad],
+        children: presets.map(p => /*#__PURE__*/_jsx(Pressable, {
+          onPress: () => h.answer({
+            blockId: block.id,
+            kind: "dateTime",
+            value: p.value,
+            label: p.label
+          }),
+          style: styles.chip,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.chipText,
+            children: p.label
+          })
+        }, p.label))
+      }), /*#__PURE__*/_jsxs(View, {
+        style: [styles.inputRow, styles.pad],
+        children: [/*#__PURE__*/_jsx(TextInput, {
+          style: styles.input,
+          value: text,
+          onChangeText: setText,
+          placeholder: block.mode === "time" ? "14:30" : "2026-09-15",
+          placeholderTextColor: night.color.placeholder,
+          keyboardType: "numbers-and-punctuation"
+        }), /*#__PURE__*/_jsx(Pressable, {
+          disabled: !text.trim(),
+          onPress: () => h.answer({
+            blockId: block.id,
+            kind: "dateTime",
+            value: text.trim()
+          }),
+          style: [styles.button, styles.buttonPrimary, !text.trim() && styles.disabled],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.buttonTextPrimary,
+            children: "Use"
+          })
+        })]
+      })]
+    })]
+  });
+}
+
+// ---------------------------------------------------------------- Form / Proposal
+function FieldRow({
+  f,
+  value,
+  onChange,
+  disabled
+}) {
+  if (f.type === "toggle") {
+    return /*#__PURE__*/_jsxs(View, {
+      style: styles.fieldRow,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.fieldLabel,
+        children: f.label
+      }), /*#__PURE__*/_jsx(Switch, {
+        value: !!value,
+        onValueChange: onChange,
+        disabled: disabled,
+        trackColor: {
+          true: night.color.accent,
+          false: night.color.fillTertiary
+        },
+        thumbColor: night.color.knob
+      })]
+    });
+  }
+  if (f.type === "select") {
+    return /*#__PURE__*/_jsxs(View, {
+      style: styles.fieldCol,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.fieldLabel,
+        children: f.label
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.chips,
+        children: f.options.map(o => /*#__PURE__*/_jsx(Pressable, {
+          disabled: disabled,
+          onPress: () => onChange(o.id),
+          style: [styles.chip, value === o.id && styles.chipOn],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.chipText, value === o.id && styles.chipTextOn],
+            children: o.label
+          })
+        }, o.id))
+      })]
+    });
+  }
+  if (f.type === "slider") {
+    return /*#__PURE__*/_jsxs(View, {
+      style: styles.fieldCol,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.fieldLabel,
+        children: f.label
+      }), /*#__PURE__*/_jsx(SliderControl, {
+        min: f.min,
+        max: f.max,
+        step: f.step,
+        unit: f.unit,
+        value: typeof value === "number" ? value : f.min,
+        onChange: onChange,
+        disabled: disabled
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.fieldRow,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.fieldLabel,
+      children: f.label
+    }), /*#__PURE__*/_jsx(TextInput, {
+      style: styles.fieldInput,
+      value: value === undefined || value === null ? "" : String(value),
+      onChangeText: onChange,
+      editable: !disabled,
+      placeholder: f.placeholder ?? "",
+      placeholderTextColor: night.color.placeholder,
+      keyboardType: f.type === "number" ? "numeric" : "ascii-capable",
+      secureTextEntry: f.type === "secret",
+      autoCapitalize: "none",
+      autoCorrect: false
+    })]
+  });
+}
+function useFormValues(fields) {
+  const [values, setValues] = useState(() => Object.fromEntries(fields.map(f => [f.key, f.value])));
+  return {
+    values,
+    set: (k, v) => setValues(m => ({
+      ...m,
+      [k]: v
+    }))
+  };
+}
+export function Form({
+  block
+}) {
+  const h = useBlockHandlers();
+  const answer = h.answered[block.id];
+  const {
+    values,
+    set
+  } = useFormValues(block.fields);
+  return /*#__PURE__*/_jsxs(Card, {
+    title: block.title,
+    testID: `buoy-block-form-${block.id}`,
+    tone: answer ? undefined : "info",
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.pad,
+      children: block.fields.map(f => /*#__PURE__*/_jsx(FieldRow, {
+        f: f,
+        value: values[f.key],
+        onChange: v => set(f.key, v),
+        disabled: !!answer
+      }, f.key))
+    }), answer ? /*#__PURE__*/_jsx(Text, {
+      style: styles.decided,
+      children: "Sent"
+    }) : /*#__PURE__*/_jsx(View, {
+      style: styles.rowEnd,
+      children: /*#__PURE__*/_jsx(Pressable, {
+        onPress: () => h.answer({
+          blockId: block.id,
+          kind: "form",
+          values
+        }),
+        style: [styles.button, styles.buttonPrimary],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.buttonTextPrimary,
+          children: block.submitLabel ?? "Send"
+        })
+      })
+    })]
+  });
+}
+export function Proposal({
+  block
+}) {
+  const h = useBlockHandlers();
+  const answer = h.answered[block.id];
+  const {
+    values,
+    set
+  } = useFormValues(block.fields);
+  const approved = answer?.kind === "proposal" ? answer.approved : null;
+  return /*#__PURE__*/_jsxs(Card, {
+    testID: `buoy-block-proposal-${block.id}`,
+    tone: answer ? undefined : "warning",
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.confirmTitle,
+      children: block.title
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.confirmChange,
+      children: block.change
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.pad,
+      children: block.fields.map(f => /*#__PURE__*/_jsx(FieldRow, {
+        f: f,
+        value: values[f.key],
+        onChange: v => set(f.key, v),
+        disabled: !!answer
+      }, f.key))
+    }), block.consequence ? /*#__PURE__*/_jsx(Text, {
+      style: styles.consequence,
+      children: block.consequence
+    }) : null, /*#__PURE__*/_jsx(View, {
+      style: styles.actionsRow,
+      children: answer ? /*#__PURE__*/_jsx(Text, {
+        style: styles.decided,
+        children: approved ? "✓ Applied with these values" : "✕ Not applied"
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Pressable, {
+          onPress: () => h.answer({
+            blockId: block.id,
+            kind: "proposal",
+            approved: true,
+            values
+          }),
+          style: [styles.button, styles.buttonPrimary],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.buttonTextPrimary,
+            children: block.approveLabel ?? "Apply"
+          })
+        }), /*#__PURE__*/_jsx(Pressable, {
+          onPress: () => h.answer({
+            blockId: block.id,
+            kind: "proposal",
+            approved: false
+          }),
+          style: [styles.button, styles.buttonPlate],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.buttonTextPlate,
+            children: "Not now"
+          })
+        })]
+      })
+    })]
+  });
+}
+
+// ---------------------------------------------------------------- Claim (citations + verify)
+export function Claim({
+  block
+}) {
+  const h = useBlockHandlers();
+  const [open, setOpen] = useState(null);
+  const state = h.actionState?.[`${block.id}:${block.verify?.label ?? "Verify"}`];
+  const verified = block.verified || state === "done";
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.claim,
+    testID: `buoy-block-claim-${block.id}`,
+    children: [/*#__PURE__*/_jsxs(Text, {
+      style: styles.claimText,
+      children: [block.text, block.sources.map((s, i) => /*#__PURE__*/_jsxs(Text, {
+        onPress: () => setOpen(open === i ? null : i),
+        style: styles.cite,
+        children: [" [", i + 1, "]"]
+      }, i)), verified ? /*#__PURE__*/_jsx(Text, {
+        style: styles.verified,
+        children: "  \u2713 verified"
+      }) : null]
+    }), open !== null && block.sources[open] ? /*#__PURE__*/_jsxs(View, {
+      style: styles.citeBox,
+      children: [/*#__PURE__*/_jsxs(Text, {
+        style: styles.citeLabel,
+        children: ["[", open + 1, "] ", block.sources[open].label]
+      }), block.sources[open].detail ? /*#__PURE__*/_jsx(Text, {
+        style: styles.citeDetail,
+        children: block.sources[open].detail
+      }) : null]
+    }) : null, block.verify && !verified ? /*#__PURE__*/_jsxs(Pressable, {
+      onPress: () => void h.runAction(block.verify, block.id),
+      style: styles.verifyBtn,
+      accessibilityRole: "button",
+      children: [/*#__PURE__*/_jsx(RefreshCw, {
+        size: 11,
+        color: night.color.accent
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.verifyText,
+        children: state === "running" ? "Checking…" : block.verify.label
+      })]
+    }) : null]
+  });
+}
+
+// ---------------------------------------------------------------- Details / Tabs
+export function Details({
+  block
+}) {
+  const [open, setOpen] = useState(!!block.open);
+  return /*#__PURE__*/_jsxs(Card, {
+    testID: `buoy-block-details-${block.id}`,
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      onPress: () => setOpen(v => !v),
+      style: b.row,
+      accessibilityRole: "button",
+      accessibilityState: {
+        expanded: open
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: b.rowTitle,
+        children: block.summary
+      }), open ? /*#__PURE__*/_jsx(ChevronDown, {
+        size: 12,
+        color: night.color.textTertiary
+      }) : /*#__PURE__*/_jsx(ChevronRight, {
+        size: 12,
+        color: night.color.textTertiary
+      })]
+    }), open ? /*#__PURE__*/_jsx(Text, {
+      style: styles.detailsBody,
+      selectable: true,
+      children: block.body
+    }) : null]
+  });
+}
+
+/**
+ * The tool-header segmented control, not a strip of this block's own.
+ *
+ * `NightSegmented` is what the dial settings and the network tool mount, so a
+ * tabbed block now reads as part of the same product rather than as a
+ * lookalike drawn next to it. `sm` is its compact variant, which is what a
+ * control inside a chat bubble wants.
+ *
+ * Keyed by INDEX, not label: two tabs may legitimately share a label, and a
+ * duplicate key would collapse them into one.
+ */
+export function Tabs({
+  block
+}) {
+  const [i, setI] = useState(0);
+  const tabs = block.tabs.map((t, k) => ({
+    key: String(k),
+    label: t.label
+  }));
+  const active = block.tabs[i];
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.tabsWrap,
+    testID: `buoy-block-tabs-${block.id}`,
+    children: [/*#__PURE__*/_jsx(NightSegmented, {
+      tabs: tabs,
+      activeKey: String(i),
+      onChange: key => setI(Number(key)),
+      size: "sm"
+    }), active ? /*#__PURE__*/_jsx(BlockRenderer, {
+      block: active.block
+    }) : null]
+  });
+}
+
+// ---------------------------------------------------------------- Timeline
+/** Ten fits a phone without the answer above it scrolling away. */
+const TIMELINE_CAP = 10;
+export function Timeline({
+  block
+}) {
+  /**
+   * The cap used to be a bare `.slice(0, 10)` while the "+N more" line below
+   * compared `total` against the FULL event array — so eleven events with a
+   * matching total rendered ten and said nothing about the eleventh, and a
+   * total larger than the array rendered a "+N more" that was only ever a
+   * label. Both counts come from the pager now.
+   */
+  const paged = usePaged(block.events, TIMELINE_CAP);
+  return /*#__PURE__*/_jsxs(Card, {
+    title: block.title ?? "What happened",
+    source: block.source,
+    testID: `buoy-block-timeline-${block.id}`,
+    children: [paged.visible.map((e, i) => /*#__PURE__*/_jsxs(View, {
+      style: styles.tlRow,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.tlAt,
+        children: e.at
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.tlLine,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: [styles.tlDot, {
+            backgroundColor: toneColor(e.tone ?? "muted")
+          }]
+        }), i < paged.visible.length - 1 ? /*#__PURE__*/_jsx(View, {
+          style: styles.tlStem
+        }) : null]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.flex,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.tlSource,
+          children: e.source.toUpperCase()
+        }), /*#__PURE__*/_jsx(Text, {
+          style: b.rowTitle,
+          numberOfLines: 2,
+          children: e.label
+        })]
+      })]
+    }, i)), /*#__PURE__*/_jsx(More, {
+      paged: paged
+    })]
+  });
+}
+
+// ---------------------------------------------------------------- Sparkline
+export function Sparkline({
+  block
+}) {
+  const s = block.series.slice(-60);
+  const max = Math.max(1, ...s);
+  const min = Math.min(...s, 0);
+  const H = 44;
+  return /*#__PURE__*/_jsxs(Card, {
+    title: block.title,
+    source: block.source,
+    testID: `buoy-block-sparkline-${block.id}`,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.sparkHead,
+      children: [/*#__PURE__*/_jsxs(Text, {
+        style: styles.sparkCurrent,
+        children: [block.current ?? s[s.length - 1], block.unit ? /*#__PURE__*/_jsxs(Text, {
+          style: styles.sparkUnit,
+          children: [" ", block.unit]
+        }) : null]
+      }), block.live ? /*#__PURE__*/_jsx(LivePill, {}) : null]
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.spark, {
+        height: H
+      }],
+      children: s.map((v, i) => /*#__PURE__*/_jsx(View, {
+        style: [styles.sparkBar, {
+          height: Math.max(2, (v - min) / (max - min || 1) * H),
+          backgroundColor: i === s.length - 1 ? night.color.accent : night.color.accentBorderStrong
+        }]
+      }, i))
+    }), block.label ? /*#__PURE__*/_jsx(Text, {
+      style: styles.hint,
+      children: block.label
+    }) : null]
+  });
+}
+export function LivePill() {
+  const o = useRef(new Animated.Value(1)).current;
+  useEffect(() => {
+    const loop = Animated.loop(Animated.sequence([Animated.timing(o, {
+      toValue: 0.3,
+      duration: 700,
+      useNativeDriver: true
+    }), Animated.timing(o, {
+      toValue: 1,
+      duration: 700,
+      useNativeDriver: true
+    })]));
+    loop.start();
+    return () => loop.stop();
+  }, [o]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.live,
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.liveDot, {
+        opacity: o
+      }]
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.liveText,
+      children: "LIVE"
+    })]
+  });
+}
+
+// ---------------------------------------------------------------- Compare
+export function Compare({
+  block
+}) {
+  const keys = [...new Set([...block.left.pairs.map(p => p.key), ...block.right.pairs.map(p => p.key)])];
+  const l = Object.fromEntries(block.left.pairs.map(p => [p.key, p.value]));
+  const r = Object.fromEntries(block.right.pairs.map(p => [p.key, p.value]));
+  return /*#__PURE__*/_jsxs(Card, {
+    title: block.title,
+    source: block.source,
+    testID: `buoy-block-compare-${block.id}`,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.cmpHead,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.cmpKey
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.cmpCol,
+        children: block.left.title
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.cmpCol,
+        children: block.right.title
+      })]
+    }), keys.map((k, i) => {
+      const diff = JSON.stringify(l[k]) !== JSON.stringify(r[k]);
+      return /*#__PURE__*/_jsxs(View, {
+        style: [styles.cmpRow, i > 0 && b.rowDivider, diff && styles.cmpDiff],
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.cmpKey,
+          numberOfLines: 1,
+          children: k
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.cmpVal, diff && {
+            color: night.color.danger
+          }],
+          numberOfLines: 2,
+          children: fmt(l[k])
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.cmpVal, diff && {
+            color: night.color.accent
+          }],
+          numberOfLines: 2,
+          children: fmt(r[k])
+        })]
+      }, k);
+    })]
+  });
+}
+
+// ---------------------------------------------------------------- Card / carousel
+function CardBody({
+  c,
+  id
+}) {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [c.image ? /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: c.image
+      },
+      style: styles.cardImage,
+      resizeMode: "contain",
+      accessibilityLabel: c.title
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: styles.cardText,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.cardTitle,
+        numberOfLines: 2,
+        children: c.title
+      }), c.subtitle ? /*#__PURE__*/_jsx(Text, {
+        style: b.rowSub,
+        numberOfLines: 2,
+        children: c.subtitle
+      }) : null, c.facts?.slice(0, 4).map(f => /*#__PURE__*/_jsxs(View, {
+        style: styles.fact,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.factLabel,
+          children: f.label
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.factValue, f.tone && {
+            color: toneColor(f.tone)
+          }],
+          children: f.value
+        })]
+      }, f.label))]
+    }), /*#__PURE__*/_jsx(ActionRow, {
+      actions: c.actions,
+      blockId: id
+    })]
+  });
+}
+export function CardView({
+  block
+}) {
+  return /*#__PURE__*/_jsx(Card, {
+    source: block.source,
+    testID: `buoy-block-card-${block.id}`,
+    children: /*#__PURE__*/_jsx(CardBody, {
+      c: block,
+      id: block.id
+    })
+  });
+}
+export function CardCarousel({
+  block
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    testID: `buoy-block-cardcarousel-${block.id}`,
+    children: [block.title ? /*#__PURE__*/_jsx(Text, {
+      style: styles.carouselTitle,
+      children: block.title
+    }) : null, /*#__PURE__*/_jsx(ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      snapToInterval: 232,
+      decelerationRate: "fast",
+      contentContainerStyle: styles.carousel,
+      children: block.cards.slice(0, 8).map((c, i) => /*#__PURE__*/_jsx(View, {
+        style: styles.carouselCard,
+        children: /*#__PURE__*/_jsx(CardBody, {
+          c: c,
+          id: `${block.id}-${i}`
+        })
+      }, `${c.title}-${i}`))
+    })]
+  });
+}
+
+// ---------------------------------------------------------------- Screenshot
+export function Screenshot({
+  block
+}) {
+  const [big, setBig] = useState(false);
+  return /*#__PURE__*/_jsxs(Card, {
+    title: block.route ? `Screen · ${block.route}` : "Screen",
+    source: block.source,
+    testID: `buoy-block-screenshot-${block.id}`,
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      onPress: () => setBig(v => !v),
+      accessibilityRole: "imagebutton",
+      accessibilityLabel: block.caption ?? "Screenshot",
+      children: /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: block.url
+        },
+        style: [styles.shot, big && styles.shotBig],
+        resizeMode: "contain"
+      })
+    }), block.caption ? /*#__PURE__*/_jsx(Text, {
+      style: styles.hint,
+      children: block.caption
+    }) : null]
+  });
+}
+
+// ---------------------------------------------------------------- Plan / Checkpoint / Task
+export function Plan({
+  block
+}) {
+  const done = block.steps.filter(s => s.state === "done").length;
+  return /*#__PURE__*/_jsxs(Card, {
+    title: block.title,
+    testID: `buoy-block-plan-${block.id}`,
+    tone: block.pending ? "info" : undefined,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.progress,
+      children: /*#__PURE__*/_jsx(View, {
+        style: [styles.progressFill, {
+          width: `${done / Math.max(1, block.steps.length) * 100}%`
+        }]
+      })
+    }), 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, s.state === "running" && styles.stepRunning],
+        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__*/_jsxs(Text, {
+        style: [b.rowTitle, s.state === "done" && styles.muted],
+        children: [s.text, s.state === "running" ? "…" : ""]
+      })]
+    }, i)), /*#__PURE__*/_jsx(ActionRow, {
+      actions: block.actions ?? (block.pending ? [{
+        label: "Go",
+        primary: true,
+        send: "Go ahead with the plan."
+      }, {
+        label: "Change it",
+        send: "Let me change the plan first."
+      }] : undefined),
+      blockId: block.id
+    })]
+  });
+}
+export function Checkpoint({
+  block
+}) {
+  const h = useBlockHandlers();
+  return /*#__PURE__*/_jsxs(Pressable, {
+    testID: `buoy-block-checkpoint-${block.id}`,
+    disabled: !block.restore,
+    onPress: () => block.restore && void h.runAction(block.restore, block.id),
+    style: styles.checkpoint,
+    accessibilityRole: "button",
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.cpFlag
+    }), /*#__PURE__*/_jsxs(Text, {
+      style: styles.cpText,
+      children: [block.label, block.at ? ` · ${block.at}` : ""]
+    }), block.restore ? /*#__PURE__*/_jsx(Text, {
+      style: styles.cpRestore,
+      children: block.restore.label
+    }) : null]
+  });
+}
+export function Task({
+  block
+}) {
+  const color = block.status === "failed" ? night.color.danger : block.status === "done" ? night.color.accent : night.color.info;
+  return /*#__PURE__*/_jsxs(Card, {
+    testID: `buoy-block-task-${block.id}`,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.taskHead,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.cardTitle,
+        children: block.title
+      }), /*#__PURE__*/_jsx(View, {
+        style: [b.pill, {
+          backgroundColor: `${color}22`
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [b.pillText, {
+            color
+          }],
+          children: block.status.toUpperCase()
+        })
+      })]
+    }), block.progress !== undefined ? /*#__PURE__*/_jsx(View, {
+      style: [styles.progress, styles.pad],
+      children: /*#__PURE__*/_jsx(View, {
+        style: [styles.progressFill, {
+          width: `${Math.round(block.progress * 100)}%`,
+          backgroundColor: color
+        }]
+      })
+    }) : null, block.detail ? /*#__PURE__*/_jsx(Text, {
+      style: styles.hint,
+      children: block.detail
+    }) : null, /*#__PURE__*/_jsx(ActionRow, {
+      actions: block.actions,
+      blockId: block.id
+    })]
+  });
+}
+
+// ---------------------------------------------------------------- Banner / File / Upload / NotBuilt
+export function Banner({
+  block
+}) {
+  const color = block.tone === "danger" ? night.color.danger : block.tone === "warning" ? night.color.warning : night.color.info;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.banner, {
+      borderColor: color,
+      backgroundColor: `${color}1A`
+    }],
+    testID: `buoy-block-banner-${block.id}`,
+    children: [/*#__PURE__*/_jsx(AlertTriangle, {
+      size: 13,
+      color: color
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.bannerText, {
+        color
+      }],
+      numberOfLines: 2,
+      children: block.text
+    }), block.actions?.[0] ? /*#__PURE__*/_jsx(ActionRow, {
+      actions: block.actions.slice(0, 1),
+      blockId: block.id,
+      align: "right"
+    }) : null]
+  });
+}
+export function File({
+  block
+}) {
+  return /*#__PURE__*/_jsxs(Card, {
+    testID: `buoy-block-file-${block.id}`,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: b.row,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.fileIcon,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.fileExt,
+          children: (block.type ?? block.name.split(".").pop() ?? "file").toUpperCase().slice(0, 4)
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.flex,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: b.rowTitle,
+          numberOfLines: 1,
+          children: block.name
+        }), block.size ? /*#__PURE__*/_jsx(Text, {
+          style: b.rowSub,
+          children: block.size
+        }) : null]
+      })]
+    }), /*#__PURE__*/_jsx(ActionRow, {
+      actions: block.actions,
+      blockId: block.id
+    })]
+  });
+}
+export function Upload({
+  block
+}) {
+  const h = useBlockHandlers();
+  const answer = h.answered[block.id];
+  return /*#__PURE__*/_jsxs(Card, {
+    testID: `buoy-block-upload-${block.id}`,
+    tone: answer ? undefined : "info",
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.question,
+      children: block.label
+    }), answer ? /*#__PURE__*/_jsx(Text, {
+      style: styles.decided,
+      children: answer.kind === "upload" ? `Attached ${answer.name}` : "(skipped)"
+    }) : /*#__PURE__*/_jsx(View, {
+      style: [styles.rowEnd, {
+        justifyContent: "flex-start"
+      }],
+      children: /*#__PURE__*/_jsx(Pressable, {
+        onPress: () => h.answer({
+          blockId: block.id,
+          kind: "upload",
+          name: "screenshot.png"
+        }),
+        style: [styles.button, styles.buttonPlate],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.buttonTextPlate,
+          children: block.accept === "image" ? "Choose a screenshot" : "Choose a file"
+        })
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  flex: {
+    flex: 1
+  },
+  pad: {
+    paddingHorizontal: 12,
+    paddingBottom: 8
+  },
+  muted: {
+    color: night.color.textSecondary
+  },
+  dim: {
+    opacity: 0.45
+  },
+  disabled: {
+    opacity: 0.5
+  },
+  pressed: {
+    opacity: 0.7
+  },
+  question: {
+    color: night.color.text,
+    fontSize: night.font.row,
+    fontWeight: "600",
+    lineHeight: 20,
+    paddingHorizontal: 12,
+    paddingTop: 12,
+    paddingBottom: 8
+  },
+  hint: {
+    color: night.color.textTertiary,
+    fontSize: night.font.micro,
+    paddingHorizontal: 12,
+    paddingBottom: 10
+  },
+  decided: {
+    color: night.color.textSecondary,
+    fontSize: night.font.caption,
+    fontWeight: "600",
+    paddingHorizontal: 12,
+    paddingVertical: 10
+  },
+  rowEnd: {
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    paddingHorizontal: 12,
+    paddingBottom: 12,
+    gap: 8
+  },
+  actionsRow: {
+    flexDirection: "row",
+    gap: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 12,
+    alignItems: "center"
+  },
+  button: {
+    paddingHorizontal: 14,
+    paddingVertical: 9,
+    borderRadius: night.radius.row
+  },
+  buttonPrimary: {
+    backgroundColor: night.color.accent
+  },
+  buttonPlate: {
+    backgroundColor: night.color.button
+  },
+  buttonTextPrimary: {
+    color: night.color.onAccent,
+    fontSize: night.font.caption,
+    fontWeight: "600"
+  },
+  buttonTextPlate: {
+    color: night.color.text,
+    fontSize: night.font.caption,
+    fontWeight: "600"
+  },
+  chips: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 6
+  },
+  chip: {
+    paddingHorizontal: 12,
+    paddingVertical: 7,
+    borderRadius: night.radius.chip,
+    backgroundColor: night.color.fill,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: night.color.border
+  },
+  chipOn: {
+    backgroundColor: night.color.accentSoft,
+    borderColor: night.color.accentBorderStrong
+  },
+  chipText: {
+    color: night.color.text,
+    fontSize: night.font.caption
+  },
+  chipTextOn: {
+    color: night.color.accent,
+    fontWeight: "600"
+  },
+  optionsBox: {
+    marginHorizontal: 8,
+    marginBottom: 8,
+    borderRadius: night.radius.row,
+    backgroundColor: night.color.surfaceElevated,
+    overflow: "hidden"
+  },
+  option: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    paddingHorizontal: 12,
+    paddingVertical: 10
+  },
+  optionLabel: {
+    color: night.color.text,
+    fontSize: night.font.body,
+    fontWeight: "500"
+  },
+  optionDetail: {
+    color: night.color.textSecondary,
+    fontSize: night.font.caption
+  },
+  checkbox: {
+    width: 20,
+    height: 20,
+    borderRadius: 6,
+    borderWidth: 1.5,
+    borderColor: night.color.textTertiary,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  checkboxOn: {
+    backgroundColor: night.color.accent,
+    borderColor: night.color.accent
+  },
+  selectBox: {
+    marginHorizontal: 12,
+    marginBottom: 12,
+    borderRadius: night.radius.row,
+    backgroundColor: night.color.surfaceElevated,
+    overflow: "hidden"
+  },
+  selectField: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 12,
+    paddingVertical: 11
+  },
+  selectPlaceholder: {
+    color: night.color.textSecondary,
+    fontSize: night.font.body
+  },
+  search: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: night.color.separator
+  },
+  searchInput: {
+    flex: 1,
+    color: night.color.text,
+    fontSize: night.font.caption,
+    paddingVertical: 4
+  },
+  sliderRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  stepBtn: {
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    backgroundColor: night.color.fill,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  stepText: {
+    color: night.color.text,
+    fontSize: 16,
+    fontWeight: "600"
+  },
+  trackHit: {
+    flex: 1,
+    height: 36,
+    justifyContent: "center"
+  },
+  track: {
+    height: 6,
+    borderRadius: 3,
+    backgroundColor: night.color.fillTertiary,
+    justifyContent: "center"
+  },
+  fill: {
+    height: 6,
+    borderRadius: 3,
+    backgroundColor: night.color.accent
+  },
+  thumb: {
+    position: "absolute",
+    width: 20,
+    height: 20,
+    borderRadius: 10,
+    backgroundColor: night.color.knob,
+    marginLeft: -10,
+    shadowColor: "#000",
+    shadowOpacity: 0.35,
+    shadowRadius: 3,
+    shadowOffset: {
+      width: 0,
+      height: 1
+    }
+  },
+  sliderValue: {
+    width: 64,
+    textAlign: "right",
+    color: night.color.text,
+    fontSize: night.font.caption,
+    fontWeight: "600"
+  },
+  inputRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    paddingBottom: 12
+  },
+  input: {
+    flex: 1,
+    height: 38,
+    paddingHorizontal: 12,
+    borderRadius: night.radius.row,
+    backgroundColor: night.color.surfaceElevated,
+    color: night.color.text,
+    fontSize: night.font.body
+  },
+  fieldRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 10,
+    paddingVertical: 6
+  },
+  fieldCol: {
+    paddingVertical: 6,
+    gap: 6
+  },
+  fieldLabel: {
+    color: night.color.textSecondary,
+    fontSize: night.font.caption,
+    width: 110
+  },
+  fieldInput: {
+    flex: 1,
+    height: 34,
+    paddingHorizontal: 10,
+    borderRadius: night.radius.segment,
+    backgroundColor: night.color.surfaceElevated,
+    color: night.color.text,
+    fontSize: night.font.caption
+  },
+  confirmTitle: {
+    color: night.color.text,
+    fontSize: night.font.row,
+    fontWeight: "600",
+    paddingHorizontal: 12,
+    paddingTop: 12
+  },
+  confirmChange: {
+    color: night.color.text,
+    fontSize: night.font.body,
+    lineHeight: 19,
+    paddingHorizontal: 12,
+    paddingTop: 6,
+    paddingBottom: 6
+  },
+  consequence: {
+    color: night.color.warning,
+    fontSize: night.font.caption,
+    paddingHorizontal: 12
+  },
+  claim: {
+    gap: 6,
+    paddingHorizontal: 2
+  },
+  claimText: {
+    color: night.color.text,
+    fontSize: night.font.row,
+    lineHeight: 22
+  },
+  cite: {
+    color: night.color.accent,
+    fontSize: night.font.caption,
+    fontWeight: "700"
+  },
+  verified: {
+    color: night.color.accent,
+    fontSize: night.font.caption,
+    fontWeight: "600"
+  },
+  citeBox: {
+    padding: 10,
+    borderRadius: night.radius.row,
+    backgroundColor: night.color.surface,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: night.color.border,
+    gap: 2
+  },
+  citeLabel: {
+    color: night.color.text,
+    fontSize: night.font.caption,
+    fontWeight: "600"
+  },
+  citeDetail: {
+    color: night.color.textSecondary,
+    fontSize: night.font.caption,
+    fontFamily: "Menlo"
+  },
+  verifyBtn: {
+    alignSelf: "flex-start",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 5,
+    paddingHorizontal: 10,
+    paddingVertical: 5,
+    borderRadius: night.radius.chip,
+    backgroundColor: night.color.accentSoft
+  },
+  verifyText: {
+    color: night.color.accent,
+    fontSize: night.font.micro,
+    fontWeight: "700"
+  },
+  detailsBody: {
+    color: night.color.textSecondary,
+    fontSize: night.font.caption,
+    lineHeight: 18,
+    paddingHorizontal: 12,
+    paddingBottom: 12
+  },
+  tabsWrap: {
+    gap: 8
+  },
+  tabBar: {
+    flexDirection: "row",
+    gap: 6
+  },
+  tab: {
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderRadius: night.radius.badge,
+    backgroundColor: night.color.fill
+  },
+  tabOn: {
+    backgroundColor: night.color.accentSoft
+  },
+  tabText: {
+    color: night.color.textSecondary,
+    fontSize: night.font.caption,
+    fontWeight: "600"
+  },
+  tabTextOn: {
+    color: night.color.accent
+  },
+  tlRow: {
+    flexDirection: "row",
+    gap: 10,
+    paddingHorizontal: 12,
+    paddingVertical: 4,
+    alignItems: "flex-start"
+  },
+  tlAt: {
+    width: 46,
+    color: night.color.textTertiary,
+    fontSize: night.font.micro,
+    fontFamily: "Menlo",
+    paddingTop: 3
+  },
+  tlLine: {
+    width: 12,
+    alignItems: "center"
+  },
+  tlDot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    marginTop: 5
+  },
+  tlStem: {
+    width: 1,
+    flex: 1,
+    minHeight: 18,
+    backgroundColor: night.color.separator,
+    marginTop: 2
+  },
+  tlSource: {
+    color: night.color.textTertiary,
+    fontSize: 9,
+    fontWeight: "700",
+    letterSpacing: 0.6
+  },
+  sparkHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 12,
+    paddingTop: 8
+  },
+  sparkCurrent: {
+    color: night.color.text,
+    fontSize: 22,
+    fontWeight: "700"
+  },
+  sparkUnit: {
+    color: night.color.textSecondary,
+    fontSize: night.font.caption,
+    fontWeight: "500"
+  },
+  spark: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    gap: 2,
+    paddingHorizontal: 12,
+    paddingTop: 6,
+    paddingBottom: 6
+  },
+  sparkBar: {
+    flex: 1,
+    borderRadius: 1
+  },
+  live: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 5,
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+    borderRadius: night.radius.badge,
+    backgroundColor: night.color.dangerSoft
+  },
+  liveDot: {
+    width: 6,
+    height: 6,
+    borderRadius: 3,
+    backgroundColor: night.color.danger
+  },
+  liveText: {
+    color: night.color.danger,
+    fontSize: 9,
+    fontWeight: "800",
+    letterSpacing: 0.8
+  },
+  cmpHead: {
+    flexDirection: "row",
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    backgroundColor: night.color.fill,
+    gap: 8
+  },
+  cmpCol: {
+    flex: 1,
+    color: night.color.textTertiary,
+    fontSize: night.font.micro,
+    fontWeight: "700",
+    letterSpacing: 0.6,
+    textTransform: "uppercase"
+  },
+  cmpRow: {
+    flexDirection: "row",
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    gap: 8,
+    alignItems: "flex-start"
+  },
+  cmpDiff: {
+    backgroundColor: night.color.fill
+  },
+  cmpKey: {
+    width: 90,
+    color: night.color.textSecondary,
+    fontSize: night.font.caption
+  },
+  cmpVal: {
+    flex: 1,
+    color: night.color.text,
+    fontSize: night.font.caption,
+    fontFamily: "Menlo"
+  },
+  /**
+   * A fixed box the image is fitted INTO, never cropped to.
+   *
+   * This was `cover`, which is right for a decorative banner and wrong for
+   * everything the agent actually passes: product art, avatars and sprites are
+   * square, and a square scaled to fill a 2.4:1 box loses its top and bottom —
+   * a Charizard reduced to a band of its own middle. These pictures are the
+   * app's DATA, being looked at in a devtool; cropping hides the thing you
+   * opened the card to see. `contain` letterboxes a wide image instead, which
+   * costs a little space and no information. The fill behind it is the
+   * letterbox. Same reasoning as the screenshot block, which was already
+   * `contain`.
+   */
+  cardImage: {
+    width: "100%",
+    height: 140,
+    backgroundColor: night.color.fill
+  },
+  cardText: {
+    paddingHorizontal: 12,
+    paddingTop: 10,
+    paddingBottom: 4,
+    gap: 4
+  },
+  cardTitle: {
+    color: night.color.text,
+    fontSize: night.font.row,
+    fontWeight: "600"
+  },
+  fact: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    gap: 8
+  },
+  factLabel: {
+    color: night.color.textSecondary,
+    fontSize: night.font.caption
+  },
+  factValue: {
+    color: night.color.text,
+    fontSize: night.font.caption,
+    fontWeight: "500"
+  },
+  carouselTitle: {
+    color: night.color.text,
+    fontSize: night.font.caption,
+    fontWeight: "600",
+    paddingBottom: 8
+  },
+  carousel: {
+    gap: 8,
+    paddingRight: 8
+  },
+  carouselCard: {
+    width: 224,
+    borderRadius: night.radius.card,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: night.color.border,
+    backgroundColor: night.color.surface,
+    overflow: "hidden"
+  },
+  shot: {
+    width: "100%",
+    height: 220,
+    backgroundColor: night.color.fill
+  },
+  shotBig: {
+    height: 520
+  },
+  progress: {
+    height: 4,
+    backgroundColor: night.color.fill,
+    marginHorizontal: 12,
+    marginTop: 6,
+    marginBottom: 8,
+    borderRadius: 2,
+    overflow: "hidden"
+  },
+  progressFill: {
+    height: 4,
+    backgroundColor: night.color.accent
+  },
+  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
+  },
+  stepRunning: {
+    backgroundColor: night.color.info
+  },
+  stepNum: {
+    color: night.color.text,
+    fontSize: night.font.micro,
+    fontWeight: "700"
+  },
+  checkpoint: {
+    alignSelf: "flex-start",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 7,
+    borderRadius: night.radius.chip,
+    backgroundColor: night.color.fill
+  },
+  cpFlag: {
+    width: 8,
+    height: 8,
+    borderRadius: 2,
+    backgroundColor: night.color.info
+  },
+  cpText: {
+    color: night.color.textSecondary,
+    fontSize: night.font.caption
+  },
+  cpRestore: {
+    color: night.color.accent,
+    fontSize: night.font.caption,
+    fontWeight: "600"
+  },
+  taskHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 8,
+    paddingHorizontal: 12,
+    paddingTop: 12
+  },
+  banner: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    paddingLeft: 12,
+    paddingRight: 4,
+    paddingVertical: 4,
+    borderRadius: night.radius.row,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  bannerText: {
+    flex: 1,
+    fontSize: night.font.caption,
+    fontWeight: "600"
+  },
+  fileIcon: {
+    width: 40,
+    height: 40,
+    borderRadius: 8,
+    backgroundColor: night.color.fill,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  fileExt: {
+    color: night.color.textSecondary,
+    fontSize: 10,
+    fontWeight: "800"
+  }
+});
+//# sourceMappingURL=ExtraBlocks.js.map