@buoy-gg/ask-buoy 7.0.41 → 7.0.42

package/README.md

@@ -1,112 +1,27 @@
-# @buoy-gg/ask-buoy
+<div align="center">
 
-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.
+# @buoy-gg/ask-buoy
 
-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.
+An AI chat inside your React Native app. It can inspect and act through your installed Buoy tools, subject to your policy and each tool's integration.
 
-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.
+<a href="https://buoy.gg/buoy/latest/docs/tools/ask-buoy"><b>Ask Buoy guide</b></a> &nbsp;·&nbsp; <a href="https://buoy.gg">buoy.gg</a> &nbsp;·&nbsp; <a href="https://github.com/Buoy-gg/buoy">All tools</a>
 
-## Setup
+[![npm version](https://img.shields.io/npm/v/@buoy-gg/ask-buoy?style=flat-square&labelColor=10302a&color=2a9d78)](https://www.npmjs.com/package/@buoy-gg/ask-buoy) [![npm downloads](https://img.shields.io/npm/dm/@buoy-gg/ask-buoy?style=flat-square&labelColor=10302a&color=2a9d78&label=downloads%2Fmonth)](https://www.npmjs.com/package/@buoy-gg/ask-buoy)
 
-```bash
-npm install @buoy-gg/core @buoy-gg/ask-buoy
-```
+<a href="https://buoy.gg/buoy/latest/docs/tools/ask-buoy"><img src="https://raw.githubusercontent.com/Buoy-gg/buoy/main/.github/readme/tools/ask-buoy.png" alt="Watch the Ask Buoy film on buoy.gg" width="640" /></a>
 
-## Account and configuration
+</div>
 
-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:
+## Install
 
 ```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";
-
-<FloatingDevTools
-  askBuoy={{
-    endpoint: "https://ai.acme.com/v1/messages",
-    protocol: "anthropic",          // or "openai" — Azure, Gemini-compat, most gateways
-    model: "YOUR_MODEL_ID",
-
-    // Called before every request, so short-lived tokens work.
-    headers: async () => ({
-      Authorization: `Bearer ${await auth.getToken()}`,
-    }),
-  }}
-/>
-```
-
-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.
-
-Keep package versions compatible with their declared peer dependencies, especially `@buoy-gg/license`. Check package-manager peer warnings when upgrading.
-
-### Teach it your data
-
-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
-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 }" },
-};
+npm install @buoy-gg/core @buoy-gg/ask-buoy
 ```
 
-The docs carry a prompt you can paste into a coding agent to draft both from your repo.
-
-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
-
-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.
-
-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.
-
-Use `onEvent` to observe tool calls, outcome checks, approvals, retries, errors, and token usage. Each `done` event includes a `stopReason`.
-
-## Docs
-
-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).
-
-## License
+Ask Buoy requires Pro and a model endpoint you configure, passed to `<FloatingDevTools />` through the `askBuoy` prop. It reports the actions it takes and offers undo where it can; some changes can't be undone.
 
-Ask Buoy requires a [Buoy Pro licence](https://buoy.gg/pricing). See [buoy.gg](https://buoy.gg) for licensing.
+The [Ask Buoy guide](https://buoy.gg/buoy/latest/docs/tools/ask-buoy) covers setup, what it captures and its limits. New to Buoy? Start with the [Quick start](https://buoy.gg/buoy/latest/docs/quick-start).
 
-## Web support (unreleased)
+---
 
-Register this package’s /web namespace in FloatingDevTools modules to use its shared panels and actions in a browser app. The browser build is available in this checkout and has not been published yet. See the [web setup guide](https://buoy.gg/buoy/latest/docs/web-preview) for registration, dependencies, and browser boundaries.
+<sub>Part of <a href="https://buoy.gg">Buoy</a>, developer tools that live inside your app. Proprietary software. © Buoy LLC. <a href="https://buoy.gg/terms">Terms</a></sub>

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: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");function Choice({block:e}){const i=(0,_context.useBlockHandlers)();const n=i.answered[e.id];const l=n?.kind==="choice"?n.optionId:null;const o=!!n;return(0,_jsxRuntime.jsxs)(_primitives.Card,{testID:`buoy-block-choice-${e.id}`,tone:o?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((t,a)=>{const r=l===t.id;return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{testID:`buoy-block-option-${t.id}`,accessibilityRole:"button",accessibilityState:{selected:r,disabled:o},disabled:o,onPress:()=>i.answer({blockId:e.id,kind:"choice",optionId:t.id,label:t.label}),style:({pressed:s})=>[styles.option,a>0&&styles.optionDivider,r&&styles.optionChosen,o&&!r&&styles.optionDimmed,s&&!o&&styles.pressed],children:[t.icon?(0,_jsxRuntime.jsx)(_icons.BlockIcon,{name:t.icon}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.optionText,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.optionLabel,r&&styles.optionLabelChosen],children:t.label}),t.detail?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.optionDetail,children:t.detail}):null]}),r?(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:14,color:_sharedUi.night.color.accent}):o?null:(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:14,color:_sharedUi.night.color.textTertiary})]},t.id)})}),!o&&e.allowFreeText!==false?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.hint,children:"Or just type your answer below."}):null]})}function Confirm({block:e}){const i=(0,_context.useBlockHandlers)();const n=i.answered[e.id];const l=!!n;const o=n?.kind==="confirm"?n.approved:null;return(0,_jsxRuntime.jsxs)(_primitives.Card,{testID:`buoy-block-confirm-${e.id}`,tone:l?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:l?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.decided,children:o?`\u2713 ${e.approveLabel??"Done"}`:`\u2715 ${e.declineLabel??"Not now"}`}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-block-approve",accessibilityRole:"button",onPress:()=>i.answer({blockId:e.id,kind:"confirm",approved:true}),style:({pressed:t})=>[styles.button,styles.buttonPrimary,t&&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:()=>i.answer({blockId:e.id,kind:"confirm",approved:false}),style:({pressed:t})=>[styles.button,styles.buttonPlate,t&&styles.pressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.buttonTextPlate,children:e.declineLabel??"Not now"})})]})})]})}function Input({block:e}){const i=(0,_context.useBlockHandlers)();const n=i.answered[e.id];const l=!!n;const[o,t]=(0,_react.useState)("");const a=e.type==="secret";const r=()=>{const s=o.trim();if(!s)return;i.answer({blockId:e.id,kind:"input",value:s})};return(0,_jsxRuntime.jsxs)(_primitives.Card,{testID:`buoy-block-input-${e.id}`,tone:l?void 0:"info",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.question,children:e.label}),l?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.decided,children:n.kind==="input"?a?"\u2022\u2022\u2022\u2022\u2022\u2022":n.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:o,onChangeText:t,placeholder:e.placeholder??"",placeholderTextColor:_sharedUi.night.color.placeholder,keyboardType:e.type==="number"?"numeric":"ascii-capable",secureTextEntry:a,autoCapitalize:"none",autoCorrect:false,returnKeyType:"send",onSubmitEditing:r}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-block-input-submit",accessibilityRole:"button",disabled:!o.trim(),onPress:r,style:({pressed:s})=>[styles.button,styles.buttonPrimary,!o.trim()&&styles.buttonDisabled,s&&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}});