@buoy-gg/ask-buoy 7.0.41 → 7.0.42

package/lib/commonjs/blocks/ExtraBlocks.js

@@ -1,1862 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Banner = Banner;
-exports.CardCarousel = CardCarousel;
-exports.CardView = CardView;
-exports.Checkpoint = Checkpoint;
-exports.Claim = Claim;
-exports.Compare = Compare;
-exports.DateTime = DateTime;
-exports.Details = Details;
-exports.File = File;
-exports.Form = Form;
-exports.LivePill = LivePill;
-exports.MultiSelect = MultiSelect;
-exports.Plan = Plan;
-exports.Proposal = Proposal;
-exports.Screenshot = Screenshot;
-exports.Select = Select;
-exports.Slider = Slider;
-exports.Sparkline = Sparkline;
-exports.Suggestions = Suggestions;
-exports.Tabs = Tabs;
-exports.Task = Task;
-exports.Timeline = Timeline;
-exports.Upload = Upload;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _context = require("./context");
-var _primitives = require("./primitives");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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.
- */
-
-const fmt = v => typeof v === "string" ? v : v === undefined ? "—" : JSON.stringify(v);
-
-// ---------------------------------------------------------------- Suggestions
-function Suggestions({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.chips,
-    testID: `buoy-block-suggestions-${block.id}`,
-    children: block.chips.slice(0, 4).map(c => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.chipText,
-        children: c.label
-      })
-    }, c.label))
-  });
-}
-
-// ---------------------------------------------------------------- MultiSelect
-function MultiSelect({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  const answer = h.answered[block.id];
-  const locked = !!answer;
-  const [picked, setPicked] = (0, _react.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__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    testID: `buoy-block-multi-${block.id}`,
-    tone: locked ? undefined : "info",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.question,
-      children: block.question
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.optionsBox,
-      children: block.options.map((o, i) => {
-        const on = chosen.includes(o.id);
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-          disabled: locked,
-          onPress: () => toggle(o.id),
-          style: [styles.option, i > 0 && _primitives.blockStyles.rowDivider, locked && !on && styles.dim],
-          accessibilityRole: "checkbox",
-          accessibilityState: {
-            checked: on
-          },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: [styles.checkbox, on && styles.checkboxOn],
-            children: on ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Check, {
-              size: 11,
-              color: _sharedUi.night.color.onAccent
-            }) : null
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.flex,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.optionLabel,
-              children: o.label
-            }), o.detail ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.optionDetail,
-              children: o.detail
-            }) : null]
-          })]
-        }, o.id);
-      })
-    }), locked ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.rowEnd,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.buttonTextPrimary,
-          children: block.submitLabel ?? `Use ${picked.length || ""}`.trim()
-        })
-      })
-    })]
-  });
-}
-
-// ---------------------------------------------------------------- Select (long list)
-/** Options needed before a search field earns its space. */
-const SEARCH_FROM = 8;
-function Select({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  const answer = h.answered[block.id];
-  const [q, setQ] = (0, _react.useState)("");
-  const [open, setOpen] = (0, _react.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);
-  /**
-   * A search field over four options is furniture. `searchable` stays the
-   * author's opt-OUT (false always hides it); it is no longer an opt-IN for a
-   * list short enough to read at a glance.
-   */
-  const showSearch = block.searchable !== false && block.options.length >= SEARCH_FROM;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    testID: `buoy-block-select-${block.id}`,
-    tone: answer ? undefined : "info",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.question,
-      children: block.label
-    }), chosen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.decided,
-      children: chosen
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.selectBox,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-        onPress: () => setOpen(v => !v),
-        style: styles.selectField,
-        accessibilityRole: "button",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.selectPlaceholder,
-          children: open ? "Choose…" : `${block.options.length} options`
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronDown, {
-          size: 14,
-          color: _sharedUi.night.color.textSecondary
-        })]
-      }), open && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [showSearch && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.search,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
-            size: 12,
-            color: _sharedUi.night.color.textSecondary
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-            style: styles.searchInput,
-            value: q,
-            onChangeText: setQ,
-            placeholder: "Search",
-            placeholderTextColor: _sharedUi.night.color.placeholder,
-            autoCapitalize: "none",
-            autoCorrect: false
-          })]
-        }), items.map((o, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-          onPress: () => h.answer({
-            blockId: block.id,
-            kind: "select",
-            optionId: o.id,
-            label: o.label
-          }),
-          style: [styles.option, i > 0 && _primitives.blockStyles.rowDivider],
-          accessibilityRole: "button",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.flex,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.optionLabel,
-              children: o.label
-            }), o.detail ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.optionDetail,
-              children: o.detail
-            }) : null]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-            size: 12,
-            color: _sharedUi.night.color.textTertiary
-          })]
-        }, o.id)), block.options.length > items.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.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 = (0, _react.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.sliderRow,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-      disabled: disabled,
-      onPress: () => bump(-1),
-      style: styles.stepBtn,
-      accessibilityRole: "button",
-      accessibilityLabel: "Decrease",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.stepText,
-        children: "\u2212"
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.track,
-        pointerEvents: "none",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.fill, {
-            width: `${pct}%`
-          }]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.thumb, {
-            left: `${pct}%`
-          }]
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-      disabled: disabled,
-      onPress: () => bump(1),
-      style: styles.stepBtn,
-      accessibilityRole: "button",
-      accessibilityLabel: "Increase",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.stepText,
-        children: "+"
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-      style: styles.sliderValue,
-      children: [value, unit ? ` ${unit}` : ""]
-    })]
-  });
-}
-function Slider({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  const answer = h.answered[block.id];
-  const [v, setV] = (0, _react.useState)(block.value ?? block.min);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    testID: `buoy-block-slider-${block.id}`,
-    tone: answer ? undefined : "info",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.question,
-      children: block.label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.pad,
-      children: /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.rowEnd,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        onPress: () => h.answer({
-          blockId: block.id,
-          kind: "slider",
-          value: v,
-          unit: block.unit
-        }),
-        style: [styles.button, styles.buttonPrimary],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.buttonTextPrimary,
-          children: ["Use ", v, block.unit ? ` ${block.unit}` : ""]
-        })
-      })
-    })]
-  });
-}
-
-// ---------------------------------------------------------------- DateTime
-function DateTime({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  const answer = h.answered[block.id];
-  const [text, setText] = (0, _react.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__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    testID: `buoy-block-datetime-${block.id}`,
-    tone: answer ? undefined : "info",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.question,
-      children: block.label
-    }), answer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.decided,
-      children: answer.kind === "dateTime" ? answer.label ?? answer.value : "(skipped)"
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.chips, styles.pad],
-        children: presets.map(p => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-          onPress: () => h.answer({
-            blockId: block.id,
-            kind: "dateTime",
-            value: p.value,
-            label: p.label
-          }),
-          style: styles.chip,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.chipText,
-            children: p.label
-          })
-        }, p.label))
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: [styles.inputRow, styles.pad],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-          style: styles.input,
-          value: text,
-          onChangeText: setText,
-          placeholder: block.mode === "time" ? "14:30" : "2026-09-15",
-          placeholderTextColor: _sharedUi.night.color.placeholder,
-          keyboardType: "numbers-and-punctuation"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.buttonTextPrimary,
-            children: "Use"
-          })
-        })]
-      })]
-    })]
-  });
-}
-
-// ---------------------------------------------------------------- Form / Proposal
-function FieldRow({
-  f,
-  value,
-  onChange,
-  disabled
-}) {
-  if (f.type === "toggle") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.fieldRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.fieldLabel,
-        children: f.label
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Switch, {
-        value: !!value,
-        onValueChange: onChange,
-        disabled: disabled,
-        trackColor: {
-          true: _sharedUi.night.color.accent,
-          false: _sharedUi.night.color.fillTertiary
-        },
-        thumbColor: _sharedUi.night.color.knob
-      })]
-    });
-  }
-  if (f.type === "select") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.fieldCol,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.fieldLabel,
-        children: f.label
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.chips,
-        children: f.options.map(o => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-          disabled: disabled,
-          onPress: () => onChange(o.id),
-          style: [styles.chip, value === o.id && styles.chipOn],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.chipText, value === o.id && styles.chipTextOn],
-            children: o.label
-          })
-        }, o.id))
-      })]
-    });
-  }
-  if (f.type === "slider") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.fieldCol,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.fieldLabel,
-        children: f.label
-      }), /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.fieldRow,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.fieldLabel,
-      children: f.label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-      style: styles.fieldInput,
-      value: value === undefined || value === null ? "" : String(value),
-      onChangeText: onChange,
-      editable: !disabled,
-      placeholder: f.placeholder ?? "",
-      placeholderTextColor: _sharedUi.night.color.placeholder,
-      keyboardType: f.type === "number" ? "numeric" : "ascii-capable",
-      secureTextEntry: f.type === "secret",
-      autoCapitalize: "none",
-      autoCorrect: false
-    })]
-  });
-}
-function useFormValues(fields) {
-  const [values, setValues] = (0, _react.useState)(() => Object.fromEntries(fields.map(f => [f.key, f.value])));
-  return {
-    values,
-    set: (k, v) => setValues(m => ({
-      ...m,
-      [k]: v
-    }))
-  };
-}
-function Form({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  const answer = h.answered[block.id];
-  const {
-    values,
-    set
-  } = useFormValues(block.fields);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    title: block.title,
-    testID: `buoy-block-form-${block.id}`,
-    tone: answer ? undefined : "info",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.pad,
-      children: block.fields.map(f => /*#__PURE__*/(0, _jsxRuntime.jsx)(FieldRow, {
-        f: f,
-        value: values[f.key],
-        onChange: v => set(f.key, v),
-        disabled: !!answer
-      }, f.key))
-    }), answer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.decided,
-      children: "Sent"
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.rowEnd,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        onPress: () => h.answer({
-          blockId: block.id,
-          kind: "form",
-          values
-        }),
-        style: [styles.button, styles.buttonPrimary],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.buttonTextPrimary,
-          children: block.submitLabel ?? "Send"
-        })
-      })
-    })]
-  });
-}
-function Proposal({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  const answer = h.answered[block.id];
-  const {
-    values,
-    set
-  } = useFormValues(block.fields);
-  const approved = answer?.kind === "proposal" ? answer.approved : null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    testID: `buoy-block-proposal-${block.id}`,
-    tone: answer ? undefined : "warning",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.confirmTitle,
-      children: block.title
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.confirmChange,
-      children: block.change
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.pad,
-      children: block.fields.map(f => /*#__PURE__*/(0, _jsxRuntime.jsx)(FieldRow, {
-        f: f,
-        value: values[f.key],
-        onChange: v => set(f.key, v),
-        disabled: !!answer
-      }, f.key))
-    }), block.consequence ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.consequence,
-      children: block.consequence
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.actionsRow,
-      children: answer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.decided,
-        children: approved ? "✓ Applied with these values" : "✕ Not applied"
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-          onPress: () => h.answer({
-            blockId: block.id,
-            kind: "proposal",
-            approved: true,
-            values
-          }),
-          style: [styles.button, styles.buttonPrimary],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.buttonTextPrimary,
-            children: block.approveLabel ?? "Apply"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-          onPress: () => h.answer({
-            blockId: block.id,
-            kind: "proposal",
-            approved: false
-          }),
-          style: [styles.button, styles.buttonPlate],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.buttonTextPlate,
-            children: "Not now"
-          })
-        })]
-      })
-    })]
-  });
-}
-
-// ---------------------------------------------------------------- Claim (citations + verify)
-function Claim({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  const [open, setOpen] = (0, _react.useState)(null);
-  const state = h.actionState?.[`${block.id}:${block.verify?.label ?? "Verify"}`];
-  const verified = block.verified || state === "done";
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.claim,
-    testID: `buoy-block-claim-${block.id}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-      style: styles.claimText,
-      children: [block.text, block.sources.map((s, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        onPress: () => setOpen(open === i ? null : i),
-        style: styles.cite,
-        children: [" [", i + 1, "]"]
-      }, i)), verified ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.verified,
-        children: "  \u2713 verified"
-      }) : null]
-    }), open !== null && block.sources[open] ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.citeBox,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.citeLabel,
-        children: ["[", open + 1, "] ", block.sources[open].label]
-      }), block.sources[open].detail ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.citeDetail,
-        children: block.sources[open].detail
-      }) : null]
-    }) : null, block.verify && !verified ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-      onPress: () => void h.runAction(block.verify, block.id),
-      style: styles.verifyBtn,
-      accessibilityRole: "button",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.RefreshCw, {
-        size: 11,
-        color: _sharedUi.night.color.accent
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.verifyText,
-        children: state === "running" ? "Checking…" : block.verify.label
-      })]
-    }) : null]
-  });
-}
-
-// ---------------------------------------------------------------- Details / Tabs
-function Details({
-  block
-}) {
-  const [open, setOpen] = (0, _react.useState)(!!block.open);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    testID: `buoy-block-details-${block.id}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-      onPress: () => setOpen(v => !v),
-      style: _primitives.blockStyles.row,
-      accessibilityRole: "button",
-      accessibilityState: {
-        expanded: open
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: _primitives.blockStyles.rowTitle,
-        children: block.summary
-      }), open ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronDown, {
-        size: 12,
-        color: _sharedUi.night.color.textTertiary
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-        size: 12,
-        color: _sharedUi.night.color.textTertiary
-      })]
-    }), open ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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.
- */
-function Tabs({
-  block,
-  renderNested
-}) {
-  const [i, setI] = (0, _react.useState)(0);
-  const tabs = block.tabs.map((t, k) => ({
-    key: String(k),
-    label: t.label
-  }));
-  const active = block.tabs[i];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.tabsWrap,
-    testID: `buoy-block-tabs-${block.id}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightSegmented, {
-      tabs: tabs,
-      activeKey: String(i),
-      onChange: key => setI(Number(key)),
-      size: "sm"
-    }), active && renderNested ? renderNested(active.block) : null]
-  });
-}
-
-// ---------------------------------------------------------------- Timeline
-/** Ten fits a phone without the answer above it scrolling away. */
-const TIMELINE_CAP = 10;
-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 = (0, _primitives.usePaged)(block.events, TIMELINE_CAP);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    title: block.title ?? "What happened",
-    source: block.source,
-    testID: `buoy-block-timeline-${block.id}`,
-    children: [paged.visible.map((e, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.tlRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.tlAt,
-        children: e.at
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.tlLine,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.tlDot, {
-            backgroundColor: (0, _primitives.toneColor)(e.tone ?? "muted")
-          }]
-        }), i < paged.visible.length - 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.tlStem
-        }) : null]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.flex,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.tlSource,
-          children: e.source.toUpperCase()
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: _primitives.blockStyles.rowTitle,
-          numberOfLines: 2,
-          children: e.label
-        })]
-      })]
-    }, i)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.More, {
-      paged: paged
-    })]
-  });
-}
-
-// ---------------------------------------------------------------- Sparkline
-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__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    title: block.title,
-    source: block.source,
-    testID: `buoy-block-sparkline-${block.id}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.sparkHead,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.sparkCurrent,
-        children: [block.current ?? s[s.length - 1], block.unit ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.sparkUnit,
-          children: [" ", block.unit]
-        }) : null]
-      }), block.live ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LivePill, {}) : null]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.spark, {
-        height: H
-      }],
-      children: s.map((v, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.sparkBar, {
-          height: Math.max(2, (v - min) / (max - min || 1) * H),
-          backgroundColor: i === s.length - 1 ? _sharedUi.night.color.accent : _sharedUi.night.color.accentBorderStrong
-        }]
-      }, i))
-    }), block.label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.hint,
-      children: block.label
-    }) : null]
-  });
-}
-function LivePill() {
-  const o = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
-  (0, _react.useEffect)(() => {
-    const loop = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(o, {
-      toValue: 0.3,
-      duration: 700,
-      useNativeDriver: true
-    }), _reactNative.Animated.timing(o, {
-      toValue: 1,
-      duration: 700,
-      useNativeDriver: true
-    })]));
-    loop.start();
-    return () => loop.stop();
-  }, [o]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.live,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: [styles.liveDot, {
-        opacity: o
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.liveText,
-      children: "LIVE"
-    })]
-  });
-}
-
-// ---------------------------------------------------------------- Compare
-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__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    title: block.title,
-    source: block.source,
-    testID: `buoy-block-compare-${block.id}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.cmpHead,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.cmpKey
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.cmpCol,
-        children: block.left.title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.cmpCol,
-        children: block.right.title
-      })]
-    }), keys.map((k, i) => {
-      const diff = JSON.stringify(l[k]) !== JSON.stringify(r[k]);
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: [styles.cmpRow, i > 0 && _primitives.blockStyles.rowDivider, diff && styles.cmpDiff],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.cmpKey,
-          numberOfLines: 1,
-          children: k
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.cmpVal, diff && {
-            color: _sharedUi.night.color.danger
-          }],
-          numberOfLines: 2,
-          children: fmt(l[k])
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.cmpVal, diff && {
-            color: _sharedUi.night.color.accent
-          }],
-          numberOfLines: 2,
-          children: fmt(r[k])
-        })]
-      }, k);
-    })]
-  });
-}
-
-// ---------------------------------------------------------------- Card / carousel
-function CardBody({
-  c,
-  id
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [c.image ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-      testID: "buoy-internal-chat-image",
-      source: {
-        uri: c.image
-      },
-      style: styles.cardImage,
-      resizeMode: "contain",
-      accessibilityLabel: c.title
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.cardText,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.cardTitle,
-        numberOfLines: 2,
-        children: c.title
-      }), c.subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: _primitives.blockStyles.rowSub,
-        numberOfLines: 2,
-        children: c.subtitle
-      }) : null, c.facts?.slice(0, 4).map(f => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.fact,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.factLabel,
-          children: f.label
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.factValue, f.tone && {
-            color: (0, _primitives.toneColor)(f.tone)
-          }],
-          children: f.value
-        })]
-      }, f.label))]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ActionRow, {
-      actions: c.actions,
-      blockId: id
-    })]
-  });
-}
-function CardView({
-  block
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Card, {
-    source: block.source,
-    testID: `buoy-block-card-${block.id}`,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CardBody, {
-      c: block,
-      id: block.id
-    })
-  });
-}
-function CardCarousel({
-  block
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    testID: `buoy-block-cardcarousel-${block.id}`,
-    children: [block.title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.carouselTitle,
-      children: block.title
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      horizontal: true,
-      showsHorizontalScrollIndicator: false,
-      snapToInterval: 232,
-      decelerationRate: "fast",
-      contentContainerStyle: styles.carousel,
-      children: block.cards.slice(0, 8).map((c, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.carouselCard,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CardBody, {
-          c: c,
-          id: `${block.id}-${i}`
-        })
-      }, `${c.title}-${i}`))
-    })]
-  });
-}
-
-// ---------------------------------------------------------------- Screenshot
-function Screenshot({
-  block
-}) {
-  const [big, setBig] = (0, _react.useState)(false);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    title: block.route ? `Screen · ${block.route}` : "Screen",
-    source: block.source,
-    testID: `buoy-block-screenshot-${block.id}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-      onPress: () => setBig(v => !v),
-      accessibilityRole: "imagebutton",
-      accessibilityLabel: block.caption ?? "Screenshot",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-        testID: "buoy-internal-chat-image",
-        source: {
-          uri: block.url
-        },
-        style: [styles.shot, big && styles.shotBig],
-        resizeMode: "contain"
-      })
-    }), block.caption ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.hint,
-      children: block.caption
-    }) : null]
-  });
-}
-
-// ---------------------------------------------------------------- Plan / Checkpoint / Task
-function Plan({
-  block
-}) {
-  const done = block.steps.filter(s => s.state === "done").length;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    title: block.title,
-    testID: `buoy-block-plan-${block.id}`,
-    tone: block.pending ? "info" : undefined,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.progress,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.progressFill, {
-          width: `${done / Math.max(1, block.steps.length) * 100}%`
-        }]
-      })
-    }), block.steps.map((s, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.step, i > 0 && _primitives.blockStyles.rowDivider],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.stepMark, s.state === "done" && styles.stepDone, s.state === "failed" && styles.stepFailed, s.state === "running" && styles.stepRunning],
-        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.jsxs)(_reactNative.Text, {
-        style: [_primitives.blockStyles.rowTitle, s.state === "done" && styles.muted],
-        children: [s.text, s.state === "running" ? "…" : ""]
-      })]
-    }, i)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.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
-    })]
-  });
-}
-function Checkpoint({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.cpFlag
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-      style: styles.cpText,
-      children: [block.label, block.at ? ` · ${block.at}` : ""]
-    }), block.restore ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.cpRestore,
-      children: block.restore.label
-    }) : null]
-  });
-}
-function Task({
-  block
-}) {
-  const color = block.status === "failed" ? _sharedUi.night.color.danger : block.status === "done" ? _sharedUi.night.color.accent : _sharedUi.night.color.info;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    testID: `buoy-block-task-${block.id}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.taskHead,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.cardTitle,
-        children: block.title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [_primitives.blockStyles.pill, {
-          backgroundColor: `${color}22`
-        }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [_primitives.blockStyles.pillText, {
-            color
-          }],
-          children: block.status.toUpperCase()
-        })
-      })]
-    }), block.progress !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.progress, styles.pad],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.progressFill, {
-          width: `${Math.round(block.progress * 100)}%`,
-          backgroundColor: color
-        }]
-      })
-    }) : null, block.detail ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.hint,
-      children: block.detail
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ActionRow, {
-      actions: block.actions,
-      blockId: block.id
-    })]
-  });
-}
-
-// ---------------------------------------------------------------- Banner / File / Upload / NotBuilt
-function Banner({
-  block
-}) {
-  const color = block.tone === "danger" ? _sharedUi.night.color.danger : block.tone === "warning" ? _sharedUi.night.color.warning : _sharedUi.night.color.info;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.banner, {
-      borderColor: color,
-      backgroundColor: `${color}1A`
-    }],
-    testID: `buoy-block-banner-${block.id}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
-      size: 13,
-      color: color
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.bannerText, {
-        color
-      }],
-      numberOfLines: 2,
-      children: block.text
-    }), block.actions?.[0] ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ActionRow, {
-      actions: block.actions.slice(0, 1),
-      blockId: block.id,
-      align: "right"
-    }) : null]
-  });
-}
-function File({
-  block
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    testID: `buoy-block-file-${block.id}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: _primitives.blockStyles.row,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.fileIcon,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.fileExt,
-          children: (block.type ?? block.name.split(".").pop() ?? "file").toUpperCase().slice(0, 4)
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.flex,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: _primitives.blockStyles.rowTitle,
-          numberOfLines: 1,
-          children: block.name
-        }), block.size ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: _primitives.blockStyles.rowSub,
-          children: block.size
-        }) : null]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ActionRow, {
-      actions: block.actions,
-      blockId: block.id
-    })]
-  });
-}
-function Upload({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  const answer = h.answered[block.id];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    testID: `buoy-block-upload-${block.id}`,
-    tone: answer ? undefined : "info",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.question,
-      children: block.label
-    }), answer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.decided,
-      children: answer.kind === "upload" ? `Attached ${answer.name}` : "(skipped)"
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.rowEnd, {
-        justifyContent: "flex-start"
-      }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        onPress: () => h.answer({
-          blockId: block.id,
-          kind: "upload",
-          name: "screenshot.png"
-        }),
-        style: [styles.button, styles.buttonPlate],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.buttonTextPlate,
-          children: block.accept === "image" ? "Choose a screenshot" : "Choose a file"
-        })
-      })
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  flex: {
-    flex: 1
-  },
-  pad: {
-    paddingHorizontal: 12,
-    paddingBottom: 8
-  },
-  muted: {
-    color: _sharedUi.night.color.textSecondary
-  },
-  dim: {
-    opacity: 0.45
-  },
-  disabled: {
-    opacity: 0.5
-  },
-  pressed: {
-    opacity: 0.7
-  },
-  question: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.row,
-    fontWeight: "600",
-    lineHeight: 20,
-    paddingHorizontal: 12,
-    paddingTop: 12,
-    paddingBottom: 8
-  },
-  hint: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: _sharedUi.night.font.micro,
-    paddingHorizontal: 12,
-    paddingBottom: 10
-  },
-  decided: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.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: _sharedUi.night.radius.row
-  },
-  buttonPrimary: {
-    backgroundColor: _sharedUi.night.color.accent
-  },
-  buttonPlate: {
-    backgroundColor: _sharedUi.night.color.button
-  },
-  buttonTextPrimary: {
-    color: _sharedUi.night.color.onAccent,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  },
-  buttonTextPlate: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  },
-  chips: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6
-  },
-  chip: {
-    paddingHorizontal: 12,
-    paddingVertical: 7,
-    borderRadius: _sharedUi.night.radius.chip,
-    backgroundColor: _sharedUi.night.color.fill,
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderColor: _sharedUi.night.color.border
-  },
-  chipOn: {
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderColor: _sharedUi.night.color.accentBorderStrong
-  },
-  chipText: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption
-  },
-  chipTextOn: {
-    color: _sharedUi.night.color.accent,
-    fontWeight: "600"
-  },
-  optionsBox: {
-    marginHorizontal: 8,
-    marginBottom: 8,
-    borderRadius: _sharedUi.night.radius.row,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    overflow: "hidden"
-  },
-  option: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    paddingHorizontal: 12,
-    paddingVertical: 10
-  },
-  optionLabel: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.body,
-    fontWeight: "500"
-  },
-  optionDetail: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption
-  },
-  checkbox: {
-    width: 20,
-    height: 20,
-    borderRadius: 6,
-    borderWidth: 1.5,
-    borderColor: _sharedUi.night.color.textTertiary,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  checkboxOn: {
-    backgroundColor: _sharedUi.night.color.accent,
-    borderColor: _sharedUi.night.color.accent
-  },
-  selectBox: {
-    marginHorizontal: 12,
-    marginBottom: 12,
-    borderRadius: _sharedUi.night.radius.row,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    overflow: "hidden"
-  },
-  selectField: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingHorizontal: 12,
-    paddingVertical: 11
-  },
-  selectPlaceholder: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.body
-  },
-  search: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderTopColor: _sharedUi.night.color.separator
-  },
-  searchInput: {
-    flex: 1,
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    paddingVertical: 4
-  },
-  sliderRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  stepBtn: {
-    width: 28,
-    height: 28,
-    borderRadius: 14,
-    backgroundColor: _sharedUi.night.color.fill,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  stepText: {
-    color: _sharedUi.night.color.text,
-    fontSize: 16,
-    fontWeight: "600"
-  },
-  trackHit: {
-    flex: 1,
-    height: 36,
-    justifyContent: "center"
-  },
-  track: {
-    height: 6,
-    borderRadius: 3,
-    backgroundColor: _sharedUi.night.color.fillTertiary,
-    justifyContent: "center"
-  },
-  fill: {
-    height: 6,
-    borderRadius: 3,
-    backgroundColor: _sharedUi.night.color.accent
-  },
-  thumb: {
-    position: "absolute",
-    width: 20,
-    height: 20,
-    borderRadius: 10,
-    backgroundColor: _sharedUi.night.color.knob,
-    marginLeft: -10,
-    shadowColor: "#000",
-    shadowOpacity: 0.35,
-    shadowRadius: 3,
-    shadowOffset: {
-      width: 0,
-      height: 1
-    }
-  },
-  sliderValue: {
-    width: 64,
-    textAlign: "right",
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  },
-  inputRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingBottom: 12
-  },
-  input: {
-    flex: 1,
-    height: 38,
-    paddingHorizontal: 12,
-    borderRadius: _sharedUi.night.radius.row,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.body
-  },
-  fieldRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: 10,
-    paddingVertical: 6
-  },
-  fieldCol: {
-    paddingVertical: 6,
-    gap: 6
-  },
-  fieldLabel: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption,
-    width: 110
-  },
-  fieldInput: {
-    flex: 1,
-    height: 34,
-    paddingHorizontal: 10,
-    borderRadius: _sharedUi.night.radius.segment,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption
-  },
-  confirmTitle: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.row,
-    fontWeight: "600",
-    paddingHorizontal: 12,
-    paddingTop: 12
-  },
-  confirmChange: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.body,
-    lineHeight: 19,
-    paddingHorizontal: 12,
-    paddingTop: 6,
-    paddingBottom: 6
-  },
-  consequence: {
-    color: _sharedUi.night.color.warning,
-    fontSize: _sharedUi.night.font.caption,
-    paddingHorizontal: 12
-  },
-  claim: {
-    gap: 6,
-    paddingHorizontal: 2
-  },
-  claimText: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.row,
-    lineHeight: 22
-  },
-  cite: {
-    color: _sharedUi.night.color.accent,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "700"
-  },
-  verified: {
-    color: _sharedUi.night.color.accent,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  },
-  citeBox: {
-    padding: 10,
-    borderRadius: _sharedUi.night.radius.row,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderColor: _sharedUi.night.color.border,
-    gap: 2
-  },
-  citeLabel: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  },
-  citeDetail: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption,
-    fontFamily: "Menlo"
-  },
-  verifyBtn: {
-    alignSelf: "flex-start",
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 5,
-    paddingHorizontal: 10,
-    paddingVertical: 5,
-    borderRadius: _sharedUi.night.radius.chip,
-    backgroundColor: _sharedUi.night.color.accentSoft
-  },
-  verifyText: {
-    color: _sharedUi.night.color.accent,
-    fontSize: _sharedUi.night.font.micro,
-    fontWeight: "700"
-  },
-  detailsBody: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption,
-    lineHeight: 18,
-    paddingHorizontal: 12,
-    paddingBottom: 12
-  },
-  tabsWrap: {
-    gap: 8
-  },
-  tabBar: {
-    flexDirection: "row",
-    gap: 6
-  },
-  tab: {
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    borderRadius: _sharedUi.night.radius.badge,
-    backgroundColor: _sharedUi.night.color.fill
-  },
-  tabOn: {
-    backgroundColor: _sharedUi.night.color.accentSoft
-  },
-  tabText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  },
-  tabTextOn: {
-    color: _sharedUi.night.color.accent
-  },
-  tlRow: {
-    flexDirection: "row",
-    gap: 10,
-    paddingHorizontal: 12,
-    paddingVertical: 4,
-    alignItems: "flex-start"
-  },
-  tlAt: {
-    width: 46,
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: _sharedUi.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: _sharedUi.night.color.separator,
-    marginTop: 2
-  },
-  tlSource: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.6
-  },
-  sparkHead: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingHorizontal: 12,
-    paddingTop: 8
-  },
-  sparkCurrent: {
-    color: _sharedUi.night.color.text,
-    fontSize: 22,
-    fontWeight: "700"
-  },
-  sparkUnit: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.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: _sharedUi.night.radius.badge,
-    backgroundColor: _sharedUi.night.color.dangerSoft
-  },
-  liveDot: {
-    width: 6,
-    height: 6,
-    borderRadius: 3,
-    backgroundColor: _sharedUi.night.color.danger
-  },
-  liveText: {
-    color: _sharedUi.night.color.danger,
-    fontSize: 9,
-    fontWeight: "800",
-    letterSpacing: 0.8
-  },
-  cmpHead: {
-    flexDirection: "row",
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    backgroundColor: _sharedUi.night.color.fill,
-    gap: 8
-  },
-  cmpCol: {
-    flex: 1,
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: _sharedUi.night.font.micro,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    textTransform: "uppercase"
-  },
-  cmpRow: {
-    flexDirection: "row",
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    gap: 8,
-    alignItems: "flex-start"
-  },
-  cmpDiff: {
-    backgroundColor: _sharedUi.night.color.fill
-  },
-  cmpKey: {
-    width: 90,
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption
-  },
-  cmpVal: {
-    flex: 1,
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.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: _sharedUi.night.color.fill
-  },
-  cardText: {
-    paddingHorizontal: 12,
-    paddingTop: 10,
-    paddingBottom: 4,
-    gap: 4
-  },
-  cardTitle: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.row,
-    fontWeight: "600"
-  },
-  fact: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    gap: 8
-  },
-  factLabel: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption
-  },
-  factValue: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "500"
-  },
-  carouselTitle: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600",
-    paddingBottom: 8
-  },
-  carousel: {
-    gap: 8,
-    paddingRight: 8
-  },
-  carouselCard: {
-    width: 224,
-    borderRadius: _sharedUi.night.radius.card,
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderColor: _sharedUi.night.color.border,
-    backgroundColor: _sharedUi.night.color.surface,
-    overflow: "hidden"
-  },
-  shot: {
-    width: "100%",
-    height: 220,
-    backgroundColor: _sharedUi.night.color.fill
-  },
-  shotBig: {
-    height: 520
-  },
-  progress: {
-    height: 4,
-    backgroundColor: _sharedUi.night.color.fill,
-    marginHorizontal: 12,
-    marginTop: 6,
-    marginBottom: 8,
-    borderRadius: 2,
-    overflow: "hidden"
-  },
-  progressFill: {
-    height: 4,
-    backgroundColor: _sharedUi.night.color.accent
-  },
-  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
-  },
-  stepRunning: {
-    backgroundColor: _sharedUi.night.color.info
-  },
-  stepNum: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.micro,
-    fontWeight: "700"
-  },
-  checkpoint: {
-    alignSelf: "flex-start",
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 7,
-    borderRadius: _sharedUi.night.radius.chip,
-    backgroundColor: _sharedUi.night.color.fill
-  },
-  cpFlag: {
-    width: 8,
-    height: 8,
-    borderRadius: 2,
-    backgroundColor: _sharedUi.night.color.info
-  },
-  cpText: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption
-  },
-  cpRestore: {
-    color: _sharedUi.night.color.accent,
-    fontSize: _sharedUi.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: _sharedUi.night.radius.row,
-    borderWidth: _reactNative.StyleSheet.hairlineWidth
-  },
-  bannerText: {
-    flex: 1,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  },
-  fileIcon: {
-    width: 40,
-    height: 40,
-    borderRadius: 8,
-    backgroundColor: _sharedUi.night.color.fill,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  fileExt: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 10,
-    fontWeight: "800"
-  }
-});
-//# sourceMappingURL=ExtraBlocks.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.Banner=Banner;exports.CardCarousel=CardCarousel;exports.CardView=CardView;exports.Checkpoint=Checkpoint;exports.Claim=Claim;exports.Compare=Compare;exports.DateTime=DateTime;exports.Details=Details;exports.File=File;exports.Form=Form;exports.LivePill=LivePill;exports.MultiSelect=MultiSelect;exports.Plan=Plan;exports.Proposal=Proposal;exports.Screenshot=Screenshot;exports.Select=Select;exports.Slider=Slider;exports.Sparkline=Sparkline;exports.Suggestions=Suggestions;exports.Tabs=Tabs;exports.Task=Task;exports.Timeline=Timeline;exports.Upload=Upload;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _context=require("./context");var _primitives=require("./primitives");var _jsxRuntime=require("react/jsx-runtime");const fmt=e=>typeof e==="string"?e:e===void 0?"\u2014":JSON.stringify(e);function Suggestions({block:e}){const i=(0,_context.useBlockHandlers)();return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.chips,testID:`buoy-block-suggestions-${e.id}`,children:e.chips.slice(0,4).map(t=>(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:!!i.busy,onPress:()=>void i.runAction({label:t.label,send:t.send??t.label},e.id),style:({pressed:n})=>[styles.chip,n&&styles.pressed],accessibilityRole:"button",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.chipText,children:t.label})},t.label))})}function MultiSelect({block:e}){const i=(0,_context.useBlockHandlers)();const t=i.answered[e.id];const n=!!t;const[o,l]=(0,_react.useState)([]);const r=t?.kind==="multi"?t.optionIds:o;const d=a=>l(s=>s.includes(a)?s.filter(c=>c!==a):[...s,a]);const h=o.length>=(e.min??1)&&(!e.max||o.length<=e.max);return(0,_jsxRuntime.jsxs)(_primitives.Card,{testID:`buoy-block-multi-${e.id}`,tone:n?void 0:"info",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.question,children:e.question}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.optionsBox,children:e.options.map((a,s)=>{const c=r.includes(a.id);return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{disabled:n,onPress:()=>d(a.id),style:[styles.option,s>0&&_primitives.blockStyles.rowDivider,n&&!c&&styles.dim],accessibilityRole:"checkbox",accessibilityState:{checked:c},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.checkbox,c&&styles.checkboxOn],children:c?(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:11,color:_sharedUi.night.color.onAccent}):null}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.flex,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.optionLabel,children:a.label}),a.detail?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.optionDetail,children:a.detail}):null]})]},a.id)})}),n?null:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.rowEnd,children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-block-multi-submit",disabled:!h,onPress:()=>i.answer({blockId:e.id,kind:"multi",optionIds:o,labels:e.options.filter(a=>o.includes(a.id)).map(a=>a.label)}),style:[styles.button,styles.buttonPrimary,!h&&styles.disabled],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.buttonTextPrimary,children:e.submitLabel??`Use ${o.length||""}`.trim()})})})]})}const SEARCH_FROM=8;function Select({block:e}){const i=(0,_context.useBlockHandlers)();const t=i.answered[e.id];const[n,o]=(0,_react.useState)("");const[l,r]=(0,_react.useState)(false);const d=t?.kind==="select"?t.label:null;const h=e.options.filter(s=>!n||s.label.toLowerCase().includes(n.toLowerCase())).slice(0,8);const a=e.searchable!==false&&e.options.length>=SEARCH_FROM;return(0,_jsxRuntime.jsxs)(_primitives.Card,{testID:`buoy-block-select-${e.id}`,tone:t?void 0:"info",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.question,children:e.label}),d?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.decided,children:d}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.selectBox,children:[(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>r(s=>!s),style:styles.selectField,accessibilityRole:"button",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.selectPlaceholder,children:l?"Choose\u2026":`${e.options.length} options`}),(0,_jsxRuntime.jsx)(_sharedUi.ChevronDown,{size:14,color:_sharedUi.night.color.textSecondary})]}),l&&(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[a&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.search,children:[(0,_jsxRuntime.jsx)(_sharedUi.Search,{size:12,color:_sharedUi.night.color.textSecondary}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{style:styles.searchInput,value:n,onChangeText:o,placeholder:"Search",placeholderTextColor:_sharedUi.night.color.placeholder,autoCapitalize:"none",autoCorrect:false})]}),h.map((s,c)=>(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>i.answer({blockId:e.id,kind:"select",optionId:s.id,label:s.label}),style:[styles.option,c>0&&_primitives.blockStyles.rowDivider],accessibilityRole:"button",children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.flex,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.optionLabel,children:s.label}),s.detail?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.optionDetail,children:s.detail}):null]}),(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:12,color:_sharedUi.night.color.textTertiary})]},s.id)),e.options.length>h.length?(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.hint,children:[e.options.length-h.length," more \u2014 keep typing"]}):null]})]})]})}function SliderControl({min:e,max:i,step:t=1,value:n,unit:o,onChange:l,disabled:r}){const d=(0,_react.useRef)(0);const h=i>e?(n-e)/(i-e)*100:0;const a=g=>Math.min(i,Math.max(e,+(Math.round((g-e)/t)*t+e).toFixed(6)));const s=g=>!r&&l(a(n+g*t));const c=g=>{if(r||d.current<=0)return;const x=Math.min(1,Math.max(0,g.nativeEvent.locationX/d.current));l(a(e+x*(i-e)))};const u=g=>{d.current=g.nativeEvent.layout.width};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sliderRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:r,onPress:()=>s(-1),style:styles.stepBtn,accessibilityRole:"button",accessibilityLabel:"Decrease",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.stepText,children:"\u2212"})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:styles.trackHit,onLayout:u,onPress:c,disabled:r,accessibilityRole:"adjustable",accessibilityValue:{min:e,max:i,now:n},accessibilityActions:[{name:"increment"},{name:"decrement"}],onAccessibilityAction:g=>s(g.nativeEvent.actionName==="increment"?1:-1),children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.track,pointerEvents:"none",children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.fill,{width:`${h}%`}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.thumb,{left:`${h}%`}]})]})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:r,onPress:()=>s(1),style:styles.stepBtn,accessibilityRole:"button",accessibilityLabel:"Increase",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.stepText,children:"+"})}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.sliderValue,children:[n,o?` ${o}`:""]})]})}function Slider({block:e}){const i=(0,_context.useBlockHandlers)();const t=i.answered[e.id];const[n,o]=(0,_react.useState)(e.value??e.min);return(0,_jsxRuntime.jsxs)(_primitives.Card,{testID:`buoy-block-slider-${e.id}`,tone:t?void 0:"info",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.question,children:e.label}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.pad,children:(0,_jsxRuntime.jsx)(SliderControl,{min:e.min,max:e.max,step:e.step,value:t?.kind==="slider"?t.value:n,unit:e.unit,onChange:o,disabled:!!t})}),t?null:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.rowEnd,children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>i.answer({blockId:e.id,kind:"slider",value:n,unit:e.unit}),style:[styles.button,styles.buttonPrimary],children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.buttonTextPrimary,children:["Use ",n,e.unit?` ${e.unit}`:""]})})})]})}function DateTime({block:e}){const i=(0,_context.useBlockHandlers)();const t=i.answered[e.id];const[n,o]=(0,_react.useState)("");const l=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()+7*864e5).toISOString()},{label:"+30 days",value:new Date(Date.now()+30*864e5).toISOString()}];return(0,_jsxRuntime.jsxs)(_primitives.Card,{testID:`buoy-block-datetime-${e.id}`,tone:t?void 0:"info",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.question,children:e.label}),t?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.decided,children:t.kind==="dateTime"?t.label??t.value:"(skipped)"}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.chips,styles.pad],children:l.map(r=>(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>i.answer({blockId:e.id,kind:"dateTime",value:r.value,label:r.label}),style:styles.chip,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.chipText,children:r.label})},r.label))}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.inputRow,styles.pad],children:[(0,_jsxRuntime.jsx)(_reactNative.TextInput,{style:styles.input,value:n,onChangeText:o,placeholder:e.mode==="time"?"14:30":"2026-09-15",placeholderTextColor:_sharedUi.night.color.placeholder,keyboardType:"numbers-and-punctuation"}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:!n.trim(),onPress:()=>i.answer({blockId:e.id,kind:"dateTime",value:n.trim()}),style:[styles.button,styles.buttonPrimary,!n.trim()&&styles.disabled],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.buttonTextPrimary,children:"Use"})})]})]})]})}function FieldRow({f:e,value:i,onChange:t,disabled:n}){if(e.type==="toggle"){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.fieldRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.fieldLabel,children:e.label}),(0,_jsxRuntime.jsx)(_reactNative.Switch,{value:!!i,onValueChange:t,disabled:n,trackColor:{true:_sharedUi.night.color.accent,false:_sharedUi.night.color.fillTertiary},thumbColor:_sharedUi.night.color.knob})]})}if(e.type==="select"){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.fieldCol,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.fieldLabel,children:e.label}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.chips,children:e.options.map(o=>(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:n,onPress:()=>t(o.id),style:[styles.chip,i===o.id&&styles.chipOn],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.chipText,i===o.id&&styles.chipTextOn],children:o.label})},o.id))})]})}if(e.type==="slider"){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.fieldCol,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.fieldLabel,children:e.label}),(0,_jsxRuntime.jsx)(SliderControl,{min:e.min,max:e.max,step:e.step,unit:e.unit,value:typeof i==="number"?i:e.min,onChange:t,disabled:n})]})}return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.fieldRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.fieldLabel,children:e.label}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{style:styles.fieldInput,value:i===void 0||i===null?"":String(i),onChangeText:t,editable:!n,placeholder:e.placeholder??"",placeholderTextColor:_sharedUi.night.color.placeholder,keyboardType:e.type==="number"?"numeric":"ascii-capable",secureTextEntry:e.type==="secret",autoCapitalize:"none",autoCorrect:false})]})}function useFormValues(e){const[i,t]=(0,_react.useState)(()=>Object.fromEntries(e.map(n=>[n.key,n.value])));return{values:i,set:(n,o)=>t(l=>({...l,[n]:o}))}}function Form({block:e}){const i=(0,_context.useBlockHandlers)();const t=i.answered[e.id];const{values:n,set:o}=useFormValues(e.fields);return(0,_jsxRuntime.jsxs)(_primitives.Card,{title:e.title,testID:`buoy-block-form-${e.id}`,tone:t?void 0:"info",children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.pad,children:e.fields.map(l=>(0,_jsxRuntime.jsx)(FieldRow,{f:l,value:n[l.key],onChange:r=>o(l.key,r),disabled:!!t},l.key))}),t?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.decided,children:"Sent"}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.rowEnd,children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>i.answer({blockId:e.id,kind:"form",values:n}),style:[styles.button,styles.buttonPrimary],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.buttonTextPrimary,children:e.submitLabel??"Send"})})})]})}function Proposal({block:e}){const i=(0,_context.useBlockHandlers)();const t=i.answered[e.id];const{values:n,set:o}=useFormValues(e.fields);const l=t?.kind==="proposal"?t.approved:null;return(0,_jsxRuntime.jsxs)(_primitives.Card,{testID:`buoy-block-proposal-${e.id}`,tone:t?void 0:"warning",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.confirmTitle,children:e.title}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.confirmChange,children:e.change}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.pad,children:e.fields.map(r=>(0,_jsxRuntime.jsx)(FieldRow,{f:r,value:n[r.key],onChange:d=>o(r.key,d),disabled:!!t},r.key))}),e.consequence?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.consequence,children:e.consequence}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.actionsRow,children:t?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.decided,children:l?"\u2713 Applied with these values":"\u2715 Not applied"}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>i.answer({blockId:e.id,kind:"proposal",approved:true,values:n}),style:[styles.button,styles.buttonPrimary],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.buttonTextPrimary,children:e.approveLabel??"Apply"})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>i.answer({blockId:e.id,kind:"proposal",approved:false}),style:[styles.button,styles.buttonPlate],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.buttonTextPlate,children:"Not now"})})]})})]})}function Claim({block:e}){const i=(0,_context.useBlockHandlers)();const[t,n]=(0,_react.useState)(null);const o=i.actionState?.[`${e.id}:${e.verify?.label??"Verify"}`];const l=e.verified||o==="done";return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.claim,testID:`buoy-block-claim-${e.id}`,children:[(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.claimText,children:[e.text,e.sources.map((r,d)=>(0,_jsxRuntime.jsxs)(_reactNative.Text,{onPress:()=>n(t===d?null:d),style:styles.cite,children:[" [",d+1,"]"]},d)),l?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.verified,children:"  \u2713 verified"}):null]}),t!==null&&e.sources[t]?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.citeBox,children:[(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.citeLabel,children:["[",t+1,"] ",e.sources[t].label]}),e.sources[t].detail?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.citeDetail,children:e.sources[t].detail}):null]}):null,e.verify&&!l?(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>void i.runAction(e.verify,e.id),style:styles.verifyBtn,accessibilityRole:"button",children:[(0,_jsxRuntime.jsx)(_sharedUi.RefreshCw,{size:11,color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.verifyText,children:o==="running"?"Checking\u2026":e.verify.label})]}):null]})}function Details({block:e}){const[i,t]=(0,_react.useState)(!!e.open);return(0,_jsxRuntime.jsxs)(_primitives.Card,{testID:`buoy-block-details-${e.id}`,children:[(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>t(n=>!n),style:_primitives.blockStyles.row,accessibilityRole:"button",accessibilityState:{expanded:i},children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_primitives.blockStyles.rowTitle,children:e.summary}),i?(0,_jsxRuntime.jsx)(_sharedUi.ChevronDown,{size:12,color:_sharedUi.night.color.textTertiary}):(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:12,color:_sharedUi.night.color.textTertiary})]}),i?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.detailsBody,selectable:true,children:e.body}):null]})}function Tabs({block:e,renderNested:i}){const[t,n]=(0,_react.useState)(0);const o=e.tabs.map((r,d)=>({key:String(d),label:r.label}));const l=e.tabs[t];return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.tabsWrap,testID:`buoy-block-tabs-${e.id}`,children:[(0,_jsxRuntime.jsx)(_sharedUi.NightSegmented,{tabs:o,activeKey:String(t),onChange:r=>n(Number(r)),size:"sm"}),l&&i?i(l.block):null]})}const TIMELINE_CAP=10;function Timeline({block:e}){const i=(0,_primitives.usePaged)(e.events,TIMELINE_CAP);return(0,_jsxRuntime.jsxs)(_primitives.Card,{title:e.title??"What happened",source:e.source,testID:`buoy-block-timeline-${e.id}`,children:[i.visible.map((t,n)=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.tlRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.tlAt,children:t.at}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.tlLine,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.tlDot,{backgroundColor:(0,_primitives.toneColor)(t.tone??"muted")}]}),n<i.visible.length-1?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.tlStem}):null]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.flex,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.tlSource,children:t.source.toUpperCase()}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_primitives.blockStyles.rowTitle,numberOfLines:2,children:t.label})]})]},n)),(0,_jsxRuntime.jsx)(_primitives.More,{paged:i})]})}function Sparkline({block:e}){const i=e.series.slice(-60);const t=Math.max(1,...i);const n=Math.min(...i,0);const o=44;return(0,_jsxRuntime.jsxs)(_primitives.Card,{title:e.title,source:e.source,testID:`buoy-block-sparkline-${e.id}`,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sparkHead,children:[(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.sparkCurrent,children:[e.current??i[i.length-1],e.unit?(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.sparkUnit,children:[" ",e.unit]}):null]}),e.live?(0,_jsxRuntime.jsx)(LivePill,{}):null]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.spark,{height:o}],children:i.map((l,r)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.sparkBar,{height:Math.max(2,(l-n)/(t-n||1)*o),backgroundColor:r===i.length-1?_sharedUi.night.color.accent:_sharedUi.night.color.accentBorderStrong}]},r))}),e.label?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.hint,children:e.label}):null]})}function LivePill(){const e=(0,_react.useRef)(new _reactNative.Animated.Value(1)).current;(0,_react.useEffect)(()=>{const i=_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(e,{toValue:.3,duration:700,useNativeDriver:true}),_reactNative.Animated.timing(e,{toValue:1,duration:700,useNativeDriver:true})]));i.start();return()=>i.stop()},[e]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.live,children:[(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.liveDot,{opacity:e}]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.liveText,children:"LIVE"})]})}function Compare({block:e}){const i=[...new Set([...e.left.pairs.map(o=>o.key),...e.right.pairs.map(o=>o.key)])];const t=Object.fromEntries(e.left.pairs.map(o=>[o.key,o.value]));const n=Object.fromEntries(e.right.pairs.map(o=>[o.key,o.value]));return(0,_jsxRuntime.jsxs)(_primitives.Card,{title:e.title,source:e.source,testID:`buoy-block-compare-${e.id}`,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.cmpHead,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.cmpKey}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.cmpCol,children:e.left.title}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.cmpCol,children:e.right.title})]}),i.map((o,l)=>{const r=JSON.stringify(t[o])!==JSON.stringify(n[o]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.cmpRow,l>0&&_primitives.blockStyles.rowDivider,r&&styles.cmpDiff],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.cmpKey,numberOfLines:1,children:o}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.cmpVal,r&&{color:_sharedUi.night.color.danger}],numberOfLines:2,children:fmt(t[o])}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.cmpVal,r&&{color:_sharedUi.night.color.accent}],numberOfLines:2,children:fmt(n[o])})]},o)})]})}function CardBody({c:e,id:i}){return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[e.image?(0,_jsxRuntime.jsx)(_reactNative.Image,{testID:"buoy-internal-chat-image",source:{uri:e.image},style:styles.cardImage,resizeMode:"contain",accessibilityLabel:e.title}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.cardText,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.cardTitle,numberOfLines:2,children:e.title}),e.subtitle?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_primitives.blockStyles.rowSub,numberOfLines:2,children:e.subtitle}):null,e.facts?.slice(0,4).map(t=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.fact,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.factLabel,children:t.label}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.factValue,t.tone&&{color:(0,_primitives.toneColor)(t.tone)}],children:t.value})]},t.label))]}),(0,_jsxRuntime.jsx)(_primitives.ActionRow,{actions:e.actions,blockId:i})]})}function CardView({block:e}){return(0,_jsxRuntime.jsx)(_primitives.Card,{source:e.source,testID:`buoy-block-card-${e.id}`,children:(0,_jsxRuntime.jsx)(CardBody,{c:e,id:e.id})})}function CardCarousel({block:e}){return(0,_jsxRuntime.jsxs)(_reactNative.View,{testID:`buoy-block-cardcarousel-${e.id}`,children:[e.title?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.carouselTitle,children:e.title}):null,(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{horizontal:true,showsHorizontalScrollIndicator:false,snapToInterval:232,decelerationRate:"fast",contentContainerStyle:styles.carousel,children:e.cards.slice(0,8).map((i,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.carouselCard,children:(0,_jsxRuntime.jsx)(CardBody,{c:i,id:`${e.id}-${t}`})},`${i.title}-${t}`))})]})}function Screenshot({block:e}){const[i,t]=(0,_react.useState)(false);return(0,_jsxRuntime.jsxs)(_primitives.Card,{title:e.route?`Screen \xB7 ${e.route}`:"Screen",source:e.source,testID:`buoy-block-screenshot-${e.id}`,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>t(n=>!n),accessibilityRole:"imagebutton",accessibilityLabel:e.caption??"Screenshot",children:(0,_jsxRuntime.jsx)(_reactNative.Image,{testID:"buoy-internal-chat-image",source:{uri:e.url},style:[styles.shot,i&&styles.shotBig],resizeMode:"contain"})}),e.caption?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.hint,children:e.caption}):null]})}function Plan({block:e}){const i=e.steps.filter(t=>t.state==="done").length;return(0,_jsxRuntime.jsxs)(_primitives.Card,{title:e.title,testID:`buoy-block-plan-${e.id}`,tone:e.pending?"info":void 0,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.progress,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.progressFill,{width:`${i/Math.max(1,e.steps.length)*100}%`}]})}),e.steps.map((t,n)=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.step,n>0&&_primitives.blockStyles.rowDivider],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.stepMark,t.state==="done"&&styles.stepDone,t.state==="failed"&&styles.stepFailed,t.state==="running"&&styles.stepRunning],children:t.state==="done"?(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:10,color:_sharedUi.night.color.onAccent}):t.state==="failed"?(0,_jsxRuntime.jsx)(_sharedUi.X,{size:10,color:_sharedUi.night.color.text}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.stepNum,children:n+1})}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[_primitives.blockStyles.rowTitle,t.state==="done"&&styles.muted],children:[t.text,t.state==="running"?"\u2026":""]})]},n)),(0,_jsxRuntime.jsx)(_primitives.ActionRow,{actions:e.actions??(e.pending?[{label:"Go",primary:true,send:"Go ahead with the plan."},{label:"Change it",send:"Let me change the plan first."}]:void 0),blockId:e.id})]})}function Checkpoint({block:e}){const i=(0,_context.useBlockHandlers)();return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{testID:`buoy-block-checkpoint-${e.id}`,disabled:!e.restore,onPress:()=>e.restore&&void i.runAction(e.restore,e.id),style:styles.checkpoint,accessibilityRole:"button",children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.cpFlag}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.cpText,children:[e.label,e.at?` \xB7 ${e.at}`:""]}),e.restore?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.cpRestore,children:e.restore.label}):null]})}function Task({block:e}){const i=e.status==="failed"?_sharedUi.night.color.danger:e.status==="done"?_sharedUi.night.color.accent:_sharedUi.night.color.info;return(0,_jsxRuntime.jsxs)(_primitives.Card,{testID:`buoy-block-task-${e.id}`,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.taskHead,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.cardTitle,children:e.title}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_primitives.blockStyles.pill,{backgroundColor:`${i}22`}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_primitives.blockStyles.pillText,{color:i}],children:e.status.toUpperCase()})})]}),e.progress!==void 0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.progress,styles.pad],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.progressFill,{width:`${Math.round(e.progress*100)}%`,backgroundColor:i}]})}):null,e.detail?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.hint,children:e.detail}):null,(0,_jsxRuntime.jsx)(_primitives.ActionRow,{actions:e.actions,blockId:e.id})]})}function Banner({block:e}){const i=e.tone==="danger"?_sharedUi.night.color.danger:e.tone==="warning"?_sharedUi.night.color.warning:_sharedUi.night.color.info;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.banner,{borderColor:i,backgroundColor:`${i}1A`}],testID:`buoy-block-banner-${e.id}`,children:[(0,_jsxRuntime.jsx)(_sharedUi.AlertTriangle,{size:13,color:i}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.bannerText,{color:i}],numberOfLines:2,children:e.text}),e.actions?.[0]?(0,_jsxRuntime.jsx)(_primitives.ActionRow,{actions:e.actions.slice(0,1),blockId:e.id,align:"right"}):null]})}function File({block:e}){return(0,_jsxRuntime.jsxs)(_primitives.Card,{testID:`buoy-block-file-${e.id}`,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_primitives.blockStyles.row,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.fileIcon,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.fileExt,children:(e.type??e.name.split(".").pop()??"file").toUpperCase().slice(0,4)})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.flex,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_primitives.blockStyles.rowTitle,numberOfLines:1,children:e.name}),e.size?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_primitives.blockStyles.rowSub,children:e.size}):null]})]}),(0,_jsxRuntime.jsx)(_primitives.ActionRow,{actions:e.actions,blockId:e.id})]})}function Upload({block:e}){const i=(0,_context.useBlockHandlers)();const t=i.answered[e.id];return(0,_jsxRuntime.jsxs)(_primitives.Card,{testID:`buoy-block-upload-${e.id}`,tone:t?void 0:"info",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.question,children:e.label}),t?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.decided,children:t.kind==="upload"?`Attached ${t.name}`:"(skipped)"}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.rowEnd,{justifyContent:"flex-start"}],children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>i.answer({blockId:e.id,kind:"upload",name:"screenshot.png"}),style:[styles.button,styles.buttonPlate],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.buttonTextPlate,children:e.accept==="image"?"Choose a screenshot":"Choose a file"})})})]})}const styles=_reactNative.StyleSheet.create({flex:{flex:1},pad:{paddingHorizontal:12,paddingBottom:8},muted:{color:_sharedUi.night.color.textSecondary},dim:{opacity:.45},disabled:{opacity:.5},pressed:{opacity:.7},question:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.row,fontWeight:"600",lineHeight:20,paddingHorizontal:12,paddingTop:12,paddingBottom:8},hint:{color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.micro,paddingHorizontal:12,paddingBottom:10},decided:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.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:_sharedUi.night.radius.row},buttonPrimary:{backgroundColor:_sharedUi.night.color.accent},buttonPlate:{backgroundColor:_sharedUi.night.color.button},buttonTextPrimary:{color:_sharedUi.night.color.onAccent,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},buttonTextPlate:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},chips:{flexDirection:"row",flexWrap:"wrap",gap:6},chip:{paddingHorizontal:12,paddingVertical:7,borderRadius:_sharedUi.night.radius.chip,backgroundColor:_sharedUi.night.color.fill,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.border},chipOn:{backgroundColor:_sharedUi.night.color.accentSoft,borderColor:_sharedUi.night.color.accentBorderStrong},chipText:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption},chipTextOn:{color:_sharedUi.night.color.accent,fontWeight:"600"},optionsBox:{marginHorizontal:8,marginBottom:8,borderRadius:_sharedUi.night.radius.row,backgroundColor:_sharedUi.night.color.surfaceElevated,overflow:"hidden"},option:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:12,paddingVertical:10},optionLabel:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.body,fontWeight:"500"},optionDetail:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption},checkbox:{width:20,height:20,borderRadius:6,borderWidth:1.5,borderColor:_sharedUi.night.color.textTertiary,alignItems:"center",justifyContent:"center"},checkboxOn:{backgroundColor:_sharedUi.night.color.accent,borderColor:_sharedUi.night.color.accent},selectBox:{marginHorizontal:12,marginBottom:12,borderRadius:_sharedUi.night.radius.row,backgroundColor:_sharedUi.night.color.surfaceElevated,overflow:"hidden"},selectField:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:11},selectPlaceholder:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.body},search:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:12,paddingVertical:6,borderTopWidth:_reactNative.StyleSheet.hairlineWidth,borderTopColor:_sharedUi.night.color.separator},searchInput:{flex:1,color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,paddingVertical:4},sliderRow:{flexDirection:"row",alignItems:"center",gap:8},stepBtn:{width:28,height:28,borderRadius:14,backgroundColor:_sharedUi.night.color.fill,alignItems:"center",justifyContent:"center"},stepText:{color:_sharedUi.night.color.text,fontSize:16,fontWeight:"600"},trackHit:{flex:1,height:36,justifyContent:"center"},track:{height:6,borderRadius:3,backgroundColor:_sharedUi.night.color.fillTertiary,justifyContent:"center"},fill:{height:6,borderRadius:3,backgroundColor:_sharedUi.night.color.accent},thumb:{position:"absolute",width:20,height:20,borderRadius:10,backgroundColor:_sharedUi.night.color.knob,marginLeft:-10,shadowColor:"#000",shadowOpacity:.35,shadowRadius:3,shadowOffset:{width:0,height:1}},sliderValue:{width:64,textAlign:"right",color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},inputRow:{flexDirection:"row",alignItems:"center",gap:8,paddingBottom:12},input:{flex:1,height:38,paddingHorizontal:12,borderRadius:_sharedUi.night.radius.row,backgroundColor:_sharedUi.night.color.surfaceElevated,color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.body},fieldRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:10,paddingVertical:6},fieldCol:{paddingVertical:6,gap:6},fieldLabel:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,width:110},fieldInput:{flex:1,height:34,paddingHorizontal:10,borderRadius:_sharedUi.night.radius.segment,backgroundColor:_sharedUi.night.color.surfaceElevated,color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption},confirmTitle:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.row,fontWeight:"600",paddingHorizontal:12,paddingTop:12},confirmChange:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.body,lineHeight:19,paddingHorizontal:12,paddingTop:6,paddingBottom:6},consequence:{color:_sharedUi.night.color.warning,fontSize:_sharedUi.night.font.caption,paddingHorizontal:12},claim:{gap:6,paddingHorizontal:2},claimText:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.row,lineHeight:22},cite:{color:_sharedUi.night.color.accent,fontSize:_sharedUi.night.font.caption,fontWeight:"700"},verified:{color:_sharedUi.night.color.accent,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},citeBox:{padding:10,borderRadius:_sharedUi.night.radius.row,backgroundColor:_sharedUi.night.color.surface,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.border,gap:2},citeLabel:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},citeDetail:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,fontFamily:"Menlo"},verifyBtn:{alignSelf:"flex-start",flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:10,paddingVertical:5,borderRadius:_sharedUi.night.radius.chip,backgroundColor:_sharedUi.night.color.accentSoft},verifyText:{color:_sharedUi.night.color.accent,fontSize:_sharedUi.night.font.micro,fontWeight:"700"},detailsBody:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,lineHeight:18,paddingHorizontal:12,paddingBottom:12},tabsWrap:{gap:8},tabBar:{flexDirection:"row",gap:6},tab:{paddingHorizontal:12,paddingVertical:6,borderRadius:_sharedUi.night.radius.badge,backgroundColor:_sharedUi.night.color.fill},tabOn:{backgroundColor:_sharedUi.night.color.accentSoft},tabText:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},tabTextOn:{color:_sharedUi.night.color.accent},tlRow:{flexDirection:"row",gap:10,paddingHorizontal:12,paddingVertical:4,alignItems:"flex-start"},tlAt:{width:46,color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.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:_sharedUi.night.color.separator,marginTop:2},tlSource:{color:_sharedUi.night.color.textTertiary,fontSize:9,fontWeight:"700",letterSpacing:.6},sparkHead:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingTop:8},sparkCurrent:{color:_sharedUi.night.color.text,fontSize:22,fontWeight:"700"},sparkUnit:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.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:_sharedUi.night.radius.badge,backgroundColor:_sharedUi.night.color.dangerSoft},liveDot:{width:6,height:6,borderRadius:3,backgroundColor:_sharedUi.night.color.danger},liveText:{color:_sharedUi.night.color.danger,fontSize:9,fontWeight:"800",letterSpacing:.8},cmpHead:{flexDirection:"row",paddingHorizontal:12,paddingVertical:6,backgroundColor:_sharedUi.night.color.fill,gap:8},cmpCol:{flex:1,color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.micro,fontWeight:"700",letterSpacing:.6,textTransform:"uppercase"},cmpRow:{flexDirection:"row",paddingHorizontal:12,paddingVertical:8,gap:8,alignItems:"flex-start"},cmpDiff:{backgroundColor:_sharedUi.night.color.fill},cmpKey:{width:90,color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption},cmpVal:{flex:1,color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,fontFamily:"Menlo"},cardImage:{width:"100%",height:140,backgroundColor:_sharedUi.night.color.fill},cardText:{paddingHorizontal:12,paddingTop:10,paddingBottom:4,gap:4},cardTitle:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.row,fontWeight:"600"},fact:{flexDirection:"row",justifyContent:"space-between",gap:8},factLabel:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption},factValue:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,fontWeight:"500"},carouselTitle:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,fontWeight:"600",paddingBottom:8},carousel:{gap:8,paddingRight:8},carouselCard:{width:224,borderRadius:_sharedUi.night.radius.card,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.surface,overflow:"hidden"},shot:{width:"100%",height:220,backgroundColor:_sharedUi.night.color.fill},shotBig:{height:520},progress:{height:4,backgroundColor:_sharedUi.night.color.fill,marginHorizontal:12,marginTop:6,marginBottom:8,borderRadius:2,overflow:"hidden"},progressFill:{height:4,backgroundColor:_sharedUi.night.color.accent},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},stepRunning:{backgroundColor:_sharedUi.night.color.info},stepNum:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.micro,fontWeight:"700"},checkpoint:{alignSelf:"flex-start",flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:12,paddingVertical:7,borderRadius:_sharedUi.night.radius.chip,backgroundColor:_sharedUi.night.color.fill},cpFlag:{width:8,height:8,borderRadius:2,backgroundColor:_sharedUi.night.color.info},cpText:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption},cpRestore:{color:_sharedUi.night.color.accent,fontSize:_sharedUi.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:_sharedUi.night.radius.row,borderWidth:_reactNative.StyleSheet.hairlineWidth},bannerText:{flex:1,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},fileIcon:{width:40,height:40,borderRadius:8,backgroundColor:_sharedUi.night.color.fill,alignItems:"center",justifyContent:"center"},fileExt:{color:_sharedUi.night.color.textSecondary,fontSize:10,fontWeight:"800"}});