@buoy-gg/ask-buoy 7.0.35 → 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 ~190 tool actions 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,10 +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",
+    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()}`,
     }),
@@ -30,21 +49,60 @@ 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.
+
+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 }" },
+};
+```
+
+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.
 
-## What keeps it trustworthy
+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.
 
-- **A visible changes bar** the moment it modifies anything — "Changed this app · 2 undoable · 1 permanent" — with real undo: storage writes are pre-read so Undo restores the exact prior value.
-- **Destructive actions wait for a tap** by default; everything else auto-runs behind the bar. Tunable with `policy.requireApproval`, down to `readOnly: true` for a look-but-don't-touch support seat.
-- **Release-build honesty**: actions that can't work outside a dev build are refused 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; the saved transcript keeps what was said but never a tool result (`persistTranscript: false` turns saving off entirely).
+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/copilot](https://www.buoy.gg/docs/tools/copilot)**
+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) lives in [`@buoy-gg/agent-core`](https://www.npmjs.com/package/@buoy-gg/agent-core).
+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
 
-See [buoy.gg](https://www.buoy.gg) for licensing.
+Ask Buoy requires a [Buoy Pro licence](https://buoy.gg/pricing). See [buoy.gg](https://buoy.gg) for licensing.

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}});