@buoy-gg/ask-buoy 7.0.36 → 7.0.38

package/README.md

@@ -1,17 +1,37 @@
 # @buoy-gg/ask-buoy
 
-**Ask Buoy** — an AI chat sheet inside your React Native app that drives every Buoy devtool, for the people on your team who don't read code.
+Ask Buoy adds an AI chat to your React Native app. It can inspect and act through installed Buoy tools, subject to your policy and each tool’s integration.
 
-Your QA tester types *"make the double burger out of stock at store 100 and put it in my cart"* and it happens. No ticket, no dev, no knowing what a cart-item object looks like. Behind the chat, an agent calls the same **192 tool actions across 24 tools** that Buoy Desktop and the MCP server drive — network overrides, storage writes, react-query cache pokes, impersonation, navigation — and reports back in plain English.
+For example, a tester can ask it to simulate a failed checkout request when Network overrides are configured. It reports the actions it took and exposes available undo operations. Some changes cannot be undone.
 
-**The model is yours.** Buoy never holds an API key and never proxies a request. You point Ask Buoy at your own endpoint and hand it headers from your app's own session.
+You configure the model endpoint and authentication. Requests go from the app to that endpoint. Use an authenticated gateway that validates the caller and keeps provider secrets on the server.
 
 ## Setup
 
 ```bash
-npm install @buoy-gg/ask-buoy
+npm install @buoy-gg/core @buoy-gg/ask-buoy
 ```
 
+## Account and configuration
+
+Ask Buoy requires Pro access. Use a development build with `@buoy-gg/core` and configure your Buoy account key. From your app’s directory, sign in:
+
+```bash
+npx --package=@buoy-gg/core buoy login
+```
+
+For Expo, initialize Buoy before rendering the menu:
+
+```tsx
+import { Buoy } from "@buoy-gg/core";
+
+Buoy.init({ licenseKey: process.env.EXPO_PUBLIC_BUOY_KEY });
+```
+
+The login command writes the Expo key to `.env.local`. For React Native CLI, pass the key from your app’s environment configuration; React Native does not load `.env.local` automatically. Mount `FloatingDevTools` inside the same providers as your screens and restart the development server after installation. The [Quick Start](https://buoy.gg/buoy/latest/docs/quick-start) shows the complete root component setup.
+
+This configuration fragment uses your existing `auth.getToken()` implementation. Your gateway must validate that token. Replace the endpoint and model with values your gateway supports.
+
 ```tsx
 import { FloatingDevTools } from "@buoy-gg/core";
 
@@ -19,11 +39,9 @@ import { FloatingDevTools } from "@buoy-gg/core";
   askBuoy={{
     endpoint: "https://ai.acme.com/v1/messages",
     protocol: "anthropic",          // or "openai" — Azure, Gemini-compat, most gateways
-    model: "claude-opus-5",
-    maxTokens: 8192,                // raise it on a thinking model; reasoning bills against this
+    model: "YOUR_MODEL_ID",
 
     // Called before every request, so short-lived tokens work.
-    // This is the whole auth story: your credential, your gateway.
     headers: async () => ({
       Authorization: `Bearer ${await auth.getToken()}`,
     }),
@@ -31,44 +49,57 @@ import { FloatingDevTools } from "@buoy-gg/core";
 />
 ```
 
-The tool appears in the dial as **ASK BUOY**. This package is the chat; the *hands* are the other Buoy tools you have installed — each tool package you add (network, storage, impersonate, …) becomes something the agent can do.
+Open Ask Buoy and ask it to read a known captured request. Confirm that it reports the actual request before trying a write. Available actions depend on installed tools and policy. Start with `policy: { readOnly: true }` in the `askBuoy` configuration if you want to validate reads first.
 
-**Already running Buoy?** Upgrade every `@buoy-gg/*` package to the same version in one command — `@buoy-gg/license` is an exact peer, and `npm install` exits 0 on the invalid tree it otherwise leaves behind.
+Keep package versions compatible with their declared peer dependencies, especially `@buoy-gg/license`. Check package-manager peer warnings when upgrading.
 
 ### Teach it your data
 
-The one input that most determines whether it gets your app right. Buoy discovers routes, query keys, store names and storage keys by watching the app run, and reads the item shape of every non-empty list it can see — what it can't know is what any of that *means*, or the shape of a collection that is currently empty.
+Buoy discovers routes, query keys, store names and storage keys by watching the app run, and reads the item shape of every non-empty list it can see — what it can't know is what any of that *means*, or the shape of a collection that is currently empty.
+
+Add `context` inside the `askBuoy` configuration. For example:
 
 ```tsx
-context: {
+const context = {
   notes: ["Prices are integer cents everywhere. `/api/*` ids are prefixed — ord_, usr_, itm_."],
   types: { CartLine: "{ lineId: string; itemId: string; qty: number; unitPrice: number }" },
-}
+};
 ```
 
 The docs carry a prompt you can paste into a coding agent to draft both from your repo.
 
-## What keeps it trustworthy
+Tasks that aren't guessable from the app — *"reproduce the pricing glitch"*, *"put this account in the expired state"* — go in `context.procedures`: an `id`, a one-line `summary` (the only part in every prompt), and a `body` with the steps, loaded when a request matches. A tester types **"run the expired-subscription check"** and the agent opens the playbook first instead of asking what that means. A procedure guides; it grants nothing.
+
+## Permissions and verification
+
+The changes bar lists undoable and permanent changes. Supported storage and query-cache writes capture the prior value for undo. Changes without a captured prior value are marked permanent.
+
+Destructive actions require approval by default. Configure `policy` to require more approvals, allow or deny actions, limit steps, or enable read-only access. An approval note is passed to the model. **Allow for this chat** waives approval for that action during the conversation; it does not override read-only mode, deny rules, or release restrictions. Review or revoke these waivers in Settings.
+
+Supported writes have outcome checks. The activity row reports **Verified**, **Done · not yet visible**, or **Done · check failed**. Inspect the affected screen or state when a result is unverified. Actions requiring development hooks are refused in release builds.
+
+Credential redaction uses field names and value patterns. SecureStore values require `policy.secureReads`. Review the data your tools expose; redaction cannot establish that arbitrary app data is safe to send to a model.
+
+## Sessions and debugging
+
+- Saved sessions can restore the transcript, agent memory, and pending approvals. Set `persistTranscript: false` to disable transcript persistence. Saved transcripts omit tool results.
+- Large, redacted results remain in memory for the conversation. The agent can retrieve fields or sections omitted from the model’s initial result. This evidence store is not persisted across restarts.
+- Eligible rate-limit and overload responses are retried when no output was generated. Oversized requests can trim history and retry. The sheet reports retry activity.
+- Answers can include tables, choices, diffs, images, receipts, and approval cards. Messages sent during a turn queue for later processing.
+- **Settings → Chat → Show agent thinking** exposes available reasoning and step payloads, results, timing, and token counts. Inspect the result as well as the step status when diagnosing a failed action.
+- A ticket summary can collect steps, expected and observed behavior, build information, and available evidence without running new actions.
+
+## Desktop and custom integrations
 
-- **A visible changes bar** the moment it modifies anything — "Changed this app · 2 undoable · 1 permanent" — with real undo: storage writes and query-cache edits are pre-read so Undo restores the exact prior value, and anything with no captured prior value is labelled permanent rather than folded into a count Undo can't deliver.
-- **Destructive actions wait for a tap** by default; everything else auto-runs behind the bar. Tunable with `policy` — `requireApproval`, `requireApprovalFor`, `allow`, `deny`, `maxSteps`, down to `readOnly: true` for a look-but-don't-touch support seat. **Settings → Permissions** exposes **Read only** and **Skip approval prompts** on the device, without a rebuild.
-- **Release-build honesty**: the 24 actions that can't work outside a dev build are refused before dispatch with an explanation, never silently "succeed".
-- **Credential redaction** by field name and value shape before anything reaches your model; the agent's own traffic is invisible to it; SecureStore *values* need `policy.secureReads`; the saved transcript keeps what was said but never a tool result (`persistTranscript: false` turns saving off entirely).
-- **Show your work**: **Settings → Chat → Show agent thinking** adds a collapsed strip to every answer — `2 steps · 1 thought · 3.2s · 6210 tokens` — that opens into the model's reasoning and each step's exact payload and result. A step whose status is `ok` and whose result is `{"ok": false}` looks like a working step until you can see it.
+Desktop can mirror the conversation and expose supported remote undo. There is no remote composer. Mirroring requires external sync and account admission; your app still controls authorization.
 
-## Beyond the chat
+Custom tools need a sync adapter and a `ToolDescriptor` passed through `tools`. They use the same parameter validation and policy checks as built-in actions.
 
-- **It survives a reload, a restart or a crash** — transcript, agent memory and unanswered approvals all come back, so "undo that" still means something.
-- **Rich answers, not walls of text** — tables, choices, diffs, image grids, receipts and approval cards, from a closed block catalog the model authors against.
-- **Keep typing while it works** — messages you send mid-turn park above the composer and send one at a time.
-- **Summarize for a ticket** — one card with steps, expected, observed, build and the evidence it actually saw. Nothing is run or changed to produce it.
-- **Watch it from Buoy Desktop** — the desk gets a read-only mirror of the conversation, what the agent changed and what it spent, plus remote undo. There is no remote composer on purpose: the broker has no auth.
-- **Your own tools too** — a custom tool with a sync adapter is dispatchable as `custom:<id>`; hand Ask Buoy a `ToolDescriptor` for it via `tools` and the agent can drive it with the same validation, policy gates and release-truth refusals as a built-in.
-- **`onEvent`** streams every engine event — tool starts and results, blocks, approvals, errors, per-request token usage — so you can log agent activity to your own systems and meter cost per seat.
+Use `onEvent` to observe tool calls, outcome checks, approvals, retries, errors, and token usage. Each `done` event includes a `stopReason`.
 
 ## Docs
 
-Full guide — gateway templates, model guidance, the exact list of what's sent to the model, policy reference: **[buoy.gg/docs/tools/ask-buoy](https://buoy.gg/buoy/latest/docs/tools/ask-buoy)**
+For gateway requirements, model configuration, data sent to the model, and policy options, see **[buoy.gg/docs/tools/ask-buoy](https://buoy.gg/buoy/latest/docs/tools/ask-buoy)**
 
 The headless engine (catalog, providers, turn loop, effect ledger, blocks) lives in [`@buoy-gg/agent-core`](https://www.npmjs.com/package/@buoy-gg/agent-core).
 

package/lib/commonjs/blocks/AskBlocks.js

@@ -1,338 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Choice = Choice;
-exports.Confirm = Confirm;
-exports.Input = Input;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _context = require("./context");
-var _icons = require("./icons");
-var _primitives = require("./primitives");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Ask blocks — the user has to decide, and the turn is waiting.
- *
- * Choice, Confirm and Input all lock once answered: the chosen option stays
- * highlighted, the rest dim, and nothing in history is tappable twice. The
- * answer is handed to the sheet as a BlockAnswer and becomes the next user
- * message, so the model reads plain words ("Business checkout"), never JSON.
- */
-
-function Choice({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  const answer = h.answered[block.id];
-  const chosen = answer?.kind === "choice" ? answer.optionId : null;
-  const locked = !!answer;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    testID: `buoy-block-choice-${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.options,
-      children: block.options.slice(0, 5).map((o, i) => {
-        const isChosen = chosen === o.id;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-          testID: `buoy-block-option-${o.id}`,
-          accessibilityRole: "button",
-          accessibilityState: {
-            selected: isChosen,
-            disabled: locked
-          },
-          disabled: locked,
-          onPress: () => h.answer({
-            blockId: block.id,
-            kind: "choice",
-            optionId: o.id,
-            label: o.label
-          }),
-          style: ({
-            pressed
-          }) => [styles.option, i > 0 && styles.optionDivider, isChosen && styles.optionChosen, locked && !isChosen && styles.optionDimmed, pressed && !locked && styles.pressed],
-          children: [o.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.BlockIcon, {
-            name: o.icon
-          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.optionText,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.optionLabel, isChosen && styles.optionLabelChosen],
-              children: o.label
-            }), o.detail ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.optionDetail,
-              children: o.detail
-            }) : null]
-          }), isChosen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Check, {
-            size: 14,
-            color: _sharedUi.night.color.accent
-          }) : locked ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-            size: 14,
-            color: _sharedUi.night.color.textTertiary
-          })]
-        }, o.id);
-      })
-    }), !locked && block.allowFreeText !== false ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.hint,
-      children: "Or just type your answer below."
-    }) : null]
-  });
-}
-function Confirm({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  const answer = h.answered[block.id];
-  const locked = !!answer;
-  const approved = answer?.kind === "confirm" ? answer.approved : null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    testID: `buoy-block-confirm-${block.id}`,
-    tone: locked ? 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
-    }), block.consequence ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.confirmConsequence,
-      children: block.consequence
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.confirmActions,
-      children: locked ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.decided,
-        children: approved ? `✓ ${block.approveLabel ?? "Done"}` : `✕ ${block.declineLabel ?? "Not now"}`
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-          testID: "buoy-block-approve",
-          accessibilityRole: "button",
-          onPress: () => h.answer({
-            blockId: block.id,
-            kind: "confirm",
-            approved: true
-          }),
-          style: ({
-            pressed
-          }) => [styles.button, styles.buttonPrimary, pressed && styles.pressed],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.buttonTextPrimary,
-            children: block.approveLabel ?? "Do it"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-          testID: "buoy-block-decline",
-          accessibilityRole: "button",
-          onPress: () => h.answer({
-            blockId: block.id,
-            kind: "confirm",
-            approved: false
-          }),
-          style: ({
-            pressed
-          }) => [styles.button, styles.buttonPlate, pressed && styles.pressed],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.buttonTextPlate,
-            children: block.declineLabel ?? "Not now"
-          })
-        })]
-      })
-    })]
-  });
-}
-function Input({
-  block
-}) {
-  const h = (0, _context.useBlockHandlers)();
-  const answer = h.answered[block.id];
-  const locked = !!answer;
-  const [value, setValue] = (0, _react.useState)("");
-  const secret = block.type === "secret";
-  const submit = () => {
-    const v = value.trim();
-    if (!v) return;
-    h.answer({
-      blockId: block.id,
-      kind: "input",
-      value: v
-    });
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    testID: `buoy-block-input-${block.id}`,
-    tone: locked ? undefined : "info",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.question,
-      children: block.label
-    }), locked ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.decided,
-      children: answer.kind === "input" ? secret ? "••••••" : answer.value : "(skipped)"
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.inputRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-        testID: "buoy-block-input-field",
-        style: styles.input,
-        value: value,
-        onChangeText: setValue,
-        placeholder: block.placeholder ?? "",
-        placeholderTextColor: _sharedUi.night.color.placeholder,
-        keyboardType: block.type === "number" ? "numeric" : "ascii-capable",
-        secureTextEntry: secret,
-        autoCapitalize: "none",
-        autoCorrect: false,
-        returnKeyType: "send",
-        onSubmitEditing: submit
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        testID: "buoy-block-input-submit",
-        accessibilityRole: "button",
-        disabled: !value.trim(),
-        onPress: submit,
-        style: ({
-          pressed
-        }) => [styles.button, styles.buttonPrimary, !value.trim() && styles.buttonDisabled, pressed && styles.pressed],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.buttonTextPrimary,
-          children: block.submitLabel ?? "Send"
-        })
-      })]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  question: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.row,
-    fontWeight: "600",
-    lineHeight: 20,
-    paddingHorizontal: 12,
-    paddingTop: 12,
-    paddingBottom: 8
-  },
-  options: {
-    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: 11
-  },
-  optionDivider: {
-    borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderTopColor: _sharedUi.night.color.separator
-  },
-  optionChosen: {
-    backgroundColor: _sharedUi.night.color.accentSoft
-  },
-  optionDimmed: {
-    opacity: 0.45
-  },
-  optionText: {
-    flex: 1,
-    gap: 2
-  },
-  optionLabel: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.body,
-    fontWeight: "500"
-  },
-  optionLabelChosen: {
-    color: _sharedUi.night.color.accent
-  },
-  optionDetail: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption,
-    lineHeight: 17
-  },
-  hint: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: _sharedUi.night.font.micro,
-    paddingHorizontal: 12,
-    paddingBottom: 10
-  },
-  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
-  },
-  confirmConsequence: {
-    color: _sharedUi.night.color.warning,
-    fontSize: _sharedUi.night.font.caption,
-    lineHeight: 17,
-    paddingHorizontal: 12,
-    paddingTop: 6
-  },
-  confirmActions: {
-    flexDirection: "row",
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 12,
-    alignItems: "center"
-  },
-  decided: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600",
-    paddingHorizontal: 12,
-    paddingVertical: 10
-  },
-  inputRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 12,
-    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
-  },
-  button: {
-    paddingHorizontal: 14,
-    paddingVertical: 9,
-    borderRadius: _sharedUi.night.radius.row
-  },
-  buttonPrimary: {
-    backgroundColor: _sharedUi.night.color.accent
-  },
-  buttonPlate: {
-    backgroundColor: _sharedUi.night.color.button
-  },
-  buttonDisabled: {
-    opacity: 0.5
-  },
-  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"
-  },
-  pressed: {
-    opacity: 0.7
-  }
-});
-//# sourceMappingURL=AskBlocks.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Choice=Choice,exports.Confirm=Confirm,exports.Input=Input;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_context=require("./context"),_icons=require("./icons"),_primitives=require("./primitives"),_jsxRuntime=require("react/jsx-runtime");function Choice({block:e}){const t=(0,_context.useBlockHandlers)(),i=t.answered[e.id],o="choice"===i?.kind?i.optionId:null,n=!!i;return(0,_jsxRuntime.jsxs)(_primitives.Card,{testID:`buoy-block-choice-${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.options,children:e.options.slice(0,5).map((i,s)=>{const r=o===i.id;return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{testID:`buoy-block-option-${i.id}`,accessibilityRole:"button",accessibilityState:{selected:r,disabled:n},disabled:n,onPress:()=>t.answer({blockId:e.id,kind:"choice",optionId:i.id,label:i.label}),style:({pressed:e})=>[styles.option,s>0&&styles.optionDivider,r&&styles.optionChosen,n&&!r&&styles.optionDimmed,e&&!n&&styles.pressed],children:[i.icon?(0,_jsxRuntime.jsx)(_icons.BlockIcon,{name:i.icon}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.optionText,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.optionLabel,r&&styles.optionLabelChosen],children:i.label}),i.detail?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.optionDetail,children:i.detail}):null]}),r?(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:14,color:_sharedUi.night.color.accent}):n?null:(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:14,color:_sharedUi.night.color.textTertiary})]},i.id)})}),n||!1===e.allowFreeText?null:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.hint,children:"Or just type your answer below."})]})}function Confirm({block:e}){const t=(0,_context.useBlockHandlers)(),i=t.answered[e.id],o=!!i,n="confirm"===i?.kind?i.approved:null;return(0,_jsxRuntime.jsxs)(_primitives.Card,{testID:`buoy-block-confirm-${e.id}`,tone:o?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}),e.consequence?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.confirmConsequence,children:e.consequence}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.confirmActions,children:o?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.decided,children:n?`✓ ${e.approveLabel??"Done"}`:`✕ ${e.declineLabel??"Not now"}`}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-block-approve",accessibilityRole:"button",onPress:()=>t.answer({blockId:e.id,kind:"confirm",approved:!0}),style:({pressed:e})=>[styles.button,styles.buttonPrimary,e&&styles.pressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.buttonTextPrimary,children:e.approveLabel??"Do it"})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-block-decline",accessibilityRole:"button",onPress:()=>t.answer({blockId:e.id,kind:"confirm",approved:!1}),style:({pressed:e})=>[styles.button,styles.buttonPlate,e&&styles.pressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.buttonTextPlate,children:e.declineLabel??"Not now"})})]})})]})}function Input({block:e}){const t=(0,_context.useBlockHandlers)(),i=t.answered[e.id],o=!!i,[n,s]=(0,_react.useState)(""),r="secret"===e.type,a=()=>{const i=n.trim();i&&t.answer({blockId:e.id,kind:"input",value:i})};return(0,_jsxRuntime.jsxs)(_primitives.Card,{testID:`buoy-block-input-${e.id}`,tone:o?void 0:"info",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.question,children:e.label}),o?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.decided,children:"input"===i.kind?r?"••••••":i.value:"(skipped)"}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.inputRow,children:[(0,_jsxRuntime.jsx)(_reactNative.TextInput,{testID:"buoy-block-input-field",style:styles.input,value:n,onChangeText:s,placeholder:e.placeholder??"",placeholderTextColor:_sharedUi.night.color.placeholder,keyboardType:"number"===e.type?"numeric":"ascii-capable",secureTextEntry:r,autoCapitalize:"none",autoCorrect:!1,returnKeyType:"send",onSubmitEditing:a}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-block-input-submit",accessibilityRole:"button",disabled:!n.trim(),onPress:a,style:({pressed:e})=>[styles.button,styles.buttonPrimary,!n.trim()&&styles.buttonDisabled,e&&styles.pressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.buttonTextPrimary,children:e.submitLabel??"Send"})})]})]})}const styles=_reactNative.StyleSheet.create({question:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.row,fontWeight:"600",lineHeight:20,paddingHorizontal:12,paddingTop:12,paddingBottom:8},options:{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:11},optionDivider:{borderTopWidth:_reactNative.StyleSheet.hairlineWidth,borderTopColor:_sharedUi.night.color.separator},optionChosen:{backgroundColor:_sharedUi.night.color.accentSoft},optionDimmed:{opacity:.45},optionText:{flex:1,gap:2},optionLabel:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.body,fontWeight:"500"},optionLabelChosen:{color:_sharedUi.night.color.accent},optionDetail:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,lineHeight:17},hint:{color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.micro,paddingHorizontal:12,paddingBottom:10},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},confirmConsequence:{color:_sharedUi.night.color.warning,fontSize:_sharedUi.night.font.caption,lineHeight:17,paddingHorizontal:12,paddingTop:6},confirmActions:{flexDirection:"row",gap:8,paddingHorizontal:12,paddingVertical:12,alignItems:"center"},decided:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,fontWeight:"600",paddingHorizontal:12,paddingVertical:10},inputRow:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:12,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},button:{paddingHorizontal:14,paddingVertical:9,borderRadius:_sharedUi.night.radius.row},buttonPrimary:{backgroundColor:_sharedUi.night.color.accent},buttonPlate:{backgroundColor:_sharedUi.night.color.button},buttonDisabled:{opacity:.5},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"},pressed:{opacity:.7}});