@buoy-gg/ask-buoy 7.0.36 → 7.0.38

package/lib/commonjs/components/ApprovalCard.js

@@ -1,244 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ApprovalCard = ApprovalCard;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * The approval prompt, shown only when the policy asks for a tap.
- *
- * It renders the EFFECT, not the payload. That is the whole design constraint:
- * every other agent product assumes a developer is reading the proposed
- * command before approving it, and the people this tool is for cannot evaluate
- * `redux_dispatch({type:'SET_ENTITLEMENTS', payload:{…}})`. An approval prompt
- * nobody can read is not oversight — it is a rubber stamp that looks like
- * oversight, which is worse than having no prompt at all.
- *
- * WHICH IS WHY THE DETAIL IS COLLAPSED. The card sits between the message list
- * and the composer, so its height is taken out of the transcript rather than
- * scrolled: a card taller than the sheet pushes its own buttons off the bottom
- * with nothing to scroll them back. That is what happened — `description` is
- * the catalog summary, written for the MODEL, and zustand's runs to a
- * twenty-line paragraph about merge semantics. A prompt you physically cannot
- * answer is the worst failure mode this component has.
- *
- * So the visible card is fixed-height by construction — the title, the effect
- * in one line, the consequence in one line, a disclosure, and the buttons —
- * and the long text lives behind the disclosure inside a capped scroll box, so
- * expanding it can never push the buttons away again either.
- */
-
-function ApprovalCard({
-  pending,
-  onAnswer
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.card,
-    testID: "buoy-ask-buoy-approval",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.titleRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
-        size: 14,
-        color: _sharedUi.night.color.warning
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.title,
-        children: "Allow this change?"
-      })]
-    }), pending.restored ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.restored,
-      testID: "buoy-ask-buoy-approval-restored",
-      children: "Asked before the app restarted \u2014 check it still applies."
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.label,
-      children: pending.label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.reason,
-      children: pending.reason
-    }), pending.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ApprovalDetails, {
-      text: pending.description
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.actions,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        testID: "buoy-ask-buoy-approve",
-        accessibilityRole: "button",
-        onPress: () => onAnswer(true),
-        style: ({
-          pressed
-        }) => [styles.button, styles.approve, pressed && styles.pressed],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.approveText,
-          children: "Allow"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        testID: "buoy-ask-buoy-reject",
-        accessibilityRole: "button",
-        onPress: () => onAnswer(false),
-        style: ({
-          pressed
-        }) => [styles.button, styles.reject, pressed && styles.pressed],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.rejectText,
-          children: "Not now"
-        })
-      })]
-    })]
-  });
-}
-
-/**
- * The catalog's own description, behind a disclosure, closed by default.
- *
- * Owns its open state rather than taking it as a prop: nothing above the card
- * needs to know, and answering the prompt unmounts the whole thing anyway.
- * One ChevronDown rotated in place, not a swap between two icon components —
- * the tree keeps its shape whichever way it is pointing.
- */
-function ApprovalDetails({
-  text
-}) {
-  const [open, setOpen] = (0, _react.useState)(false);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-      testID: "buoy-ask-buoy-approval-details",
-      accessibilityRole: "button",
-      accessibilityState: {
-        expanded: open
-      },
-      onPress: () => setOpen(prev => !prev),
-      style: ({
-        pressed
-      }) => [styles.disclosure, pressed && styles.pressed],
-      hitSlop: 6,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: open ? styles.chevronOpen : styles.chevronClosed,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronDown, {
-          size: 12,
-          color: _sharedUi.night.color.textTertiary
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.disclosureText,
-        children: open ? "Hide details" : "Details"
-      })]
-    }), open ?
-    /*#__PURE__*/
-    // Capped and scrollable: the text behind this is unbounded, and the
-    // buttons below must stay on screen whatever it says.
-    (0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      style: styles.detail,
-      contentContainerStyle: styles.detailContent,
-      nestedScrollEnabled: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.description,
-        children: text
-      })
-    }) : null]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  card: {
-    marginHorizontal: _sharedUi.night.gutter,
-    marginBottom: 10,
-    padding: _sharedUi.night.cardPad,
-    borderRadius: _sharedUi.night.radius.card,
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderColor: _sharedUi.night.color.accentBorderStrong,
-    backgroundColor: _sharedUi.night.color.surface,
-    gap: 6
-  },
-  titleRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6
-  },
-  title: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption,
-    fontWeight: "600"
-  },
-  label: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.row,
-    fontWeight: "600",
-    lineHeight: 20
-  },
-  description: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.caption,
-    lineHeight: 18
-  },
-  reason: {
-    color: _sharedUi.night.color.warning,
-    fontSize: _sharedUi.night.font.caption,
-    lineHeight: 18
-  },
-  restored: {
-    color: _sharedUi.night.color.info,
-    backgroundColor: _sharedUi.night.color.infoSoft,
-    fontSize: _sharedUi.night.font.micro,
-    lineHeight: 16,
-    paddingHorizontal: 8,
-    paddingVertical: 5,
-    borderRadius: 8
-  },
-  disclosure: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4,
-    paddingVertical: 4
-  },
-  disclosureText: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: _sharedUi.night.font.micro,
-    fontWeight: "600"
-  },
-  chevronOpen: {
-    transform: [{
-      rotate: "0deg"
-    }]
-  },
-  chevronClosed: {
-    transform: [{
-      rotate: "-90deg"
-    }]
-  },
-  detail: {
-    maxHeight: 150,
-    marginTop: 2
-  },
-  detailContent: {
-    paddingBottom: 2
-  },
-  actions: {
-    flexDirection: "row",
-    gap: 8,
-    marginTop: 6
-  },
-  button: {
-    paddingHorizontal: 16,
-    paddingVertical: 9,
-    borderRadius: _sharedUi.night.radius.row
-  },
-  approve: {
-    backgroundColor: _sharedUi.night.color.accent
-  },
-  approveText: {
-    color: _sharedUi.night.color.onAccent,
-    fontWeight: "600",
-    fontSize: _sharedUi.night.font.caption
-  },
-  reject: {
-    backgroundColor: _sharedUi.night.color.button
-  },
-  rejectText: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption
-  },
-  pressed: {
-    opacity: 0.7
-  }
-});
-//# sourceMappingURL=ApprovalCard.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApprovalCard=ApprovalCard;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_jsxRuntime=require("react/jsx-runtime");function ApprovalCard({pending:e,onAnswer:t}){const[r,i]=(0,_react.useState)("");return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.card,testID:"buoy-ask-buoy-approval",children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.titleRow,children:[(0,_jsxRuntime.jsx)(_sharedUi.AlertTriangle,{size:14,color:_sharedUi.night.color.warning}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.title,children:"Allow this change?"})]}),e.restored?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.restored,testID:"buoy-ask-buoy-approval-restored",children:"Asked before the app restarted — check it still applies."}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.label,children:e.label}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.reason,children:e.reason}),e.description?(0,_jsxRuntime.jsx)(ApprovalDetails,{text:e.description}):null,(0,_jsxRuntime.jsx)(_reactNative.TextInput,{testID:"buoy-ask-buoy-approval-note",value:r,onChangeText:i,placeholder:"Add a note for the agent (optional)",placeholderTextColor:_sharedUi.night.color.textTertiary,style:styles.note,returnKeyType:"done",blurOnSubmit:!0}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actions,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-approve",accessibilityRole:"button",onPress:()=>t({approved:!0,reason:r}),style:({pressed:e})=>[styles.button,styles.approve,e&&styles.pressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.approveText,children:"Allow"})}),e.restored?null:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-approve-trust",accessibilityRole:"button",onPress:()=>t({approved:!0,reason:r,trust:!0}),style:({pressed:e})=>[styles.button,styles.trust,e&&styles.pressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.trustText,children:"Allow for this chat"})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{testID:"buoy-ask-buoy-reject",accessibilityRole:"button",onPress:()=>t({approved:!1,reason:r}),style:({pressed:e})=>[styles.button,styles.reject,e&&styles.pressed],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rejectText,children:"Not now"})})]})]})}function ApprovalDetails({text:e}){const[t,r]=(0,_react.useState)(!1);return(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{testID:"buoy-ask-buoy-approval-details",accessibilityRole:"button",accessibilityState:{expanded:t},onPress:()=>r(e=>!e),style:({pressed:e})=>[styles.disclosure,e&&styles.pressed],hitSlop:6,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:t?styles.chevronOpen:styles.chevronClosed,children:(0,_jsxRuntime.jsx)(_sharedUi.ChevronDown,{size:12,color:_sharedUi.night.color.textTertiary})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.disclosureText,children:t?"Hide details":"Details"})]}),t?(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{style:styles.detail,contentContainerStyle:styles.detailContent,nestedScrollEnabled:!0,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.description,children:e})}):null]})}const styles=_reactNative.StyleSheet.create({card:{marginHorizontal:_sharedUi.night.gutter,marginBottom:10,padding:_sharedUi.night.cardPad,borderRadius:_sharedUi.night.radius.card,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.accentBorderStrong,backgroundColor:_sharedUi.night.color.surface,gap:6},titleRow:{flexDirection:"row",alignItems:"center",gap:6},title:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,fontWeight:"600"},label:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.row,fontWeight:"600",lineHeight:20},description:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.caption,lineHeight:18},reason:{color:_sharedUi.night.color.warning,fontSize:_sharedUi.night.font.caption,lineHeight:18},restored:{color:_sharedUi.night.color.info,backgroundColor:_sharedUi.night.color.infoSoft,fontSize:_sharedUi.night.font.micro,lineHeight:16,paddingHorizontal:8,paddingVertical:5,borderRadius:8},disclosure:{flexDirection:"row",alignItems:"center",gap:4,paddingVertical:4},disclosureText:{color:_sharedUi.night.color.textTertiary,fontSize:_sharedUi.night.font.micro,fontWeight:"600"},chevronOpen:{transform:[{rotate:"0deg"}]},chevronClosed:{transform:[{rotate:"-90deg"}]},detail:{maxHeight:150,marginTop:2},detailContent:{paddingBottom:2},note:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption,paddingHorizontal:10,paddingVertical:7,borderRadius:_sharedUi.night.radius.row,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.border,backgroundColor:_sharedUi.night.color.button,marginTop:2},actions:{flexDirection:"row",flexWrap:"wrap",gap:8,marginTop:6},button:{paddingHorizontal:16,paddingVertical:9,borderRadius:_sharedUi.night.radius.row},approve:{backgroundColor:_sharedUi.night.color.accent},approveText:{color:_sharedUi.night.color.onAccent,fontWeight:"600",fontSize:_sharedUi.night.font.caption},trust:{backgroundColor:_sharedUi.night.color.button,borderWidth:_reactNative.StyleSheet.hairlineWidth,borderColor:_sharedUi.night.color.accentBorderStrong},trustText:{color:_sharedUi.night.color.accent,fontWeight:"600",fontSize:_sharedUi.night.font.caption},reject:{backgroundColor:_sharedUi.night.color.button},rejectText:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption},pressed:{opacity:.7}});

package/lib/commonjs/components/AskBuoyHeader.js

@@ -1,196 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AskBuoyHeader = AskBuoyHeader;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _useCopyAction = require("./useCopyAction");
-var _activityGroups = require("../store/activityGroups");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * The sheet header.
- *
- * Built on the shared `ModalHeader` so it matches Console, Network and Events
- * 1:1 — the stock JsModal header was designed for a single centred title and
- * paints its "Double tap: Toggle • Triple tap: Close" hint through the middle
- * of it, which is how "Ask Buoy" ended up overprinted by grey italics.
- *
- * The subtitle is the one piece of live status the sheet has: what the agent
- * is doing right now, in words a tester can act on. "Thinking…" while a
- * response is streaming with no tool in flight, the current tool's title
- * while one runs, and the reachable tool count at rest so a "why can't it
- * see my network calls" question has an answer in the header.
- *
- * "New conversation" moved up here from a 11pt text link under the composer.
- * A reset that lives under the keyboard is a reset nobody finds. Copy sits
- * beside it for the same reason: the transcript actions under the newest
- * answer are only reachable once you have scrolled back down to it.
- */
-
-/**
- * Slower than the sprite's default 140ms.
- *
- * This mascot is ambient status a user stares at for the length of a turn,
- * not a moment of delight they glance at once — at the stock tick it read as
- * fidgeting in the corner of the eye while you were trying to read the
- * answer next to it. Every other placement keeps the default.
- */const HEADER_TICK_MS = 200;
-
-/** No conversation to copy — the button is left out rather than left dead. */
-const NO_TRANSCRIPT = () => "";
-function AskBuoyHeader({
-  configured,
-  busy,
-  failed = false,
-  activeLabel,
-  awaitingApproval = false,
-  startedAt = null,
-  stopping = false,
-  readOnly = false,
-  toolCount,
-  hasMessages,
-  onBack,
-  onReset,
-  getTranscript,
-  onOpenSettings,
-  onTicket
-}) {
-  const {
-    copied,
-    copy
-  } = (0, _useCopyAction.useCopyAction)(getTranscript ?? NO_TRANSCRIPT);
-
-  /**
-   * ONE mascot state per turn, held to the end of it.
-   *
-   * `activeLabel` drops to null in the gap between two tool calls, so deriving
-   * the state from it directly flipped robot → thinking → robot on every
-   * boundary. A turn that runs four tools swapped the sprite eight times in
-   * about three seconds — a strobe that reads as a glitch, not as progress.
-   * So the robot latches: once this turn has driven a tool it stays `robot`
-   * until the turn ends, which is also the honest summary of that turn.
-   *
-   * The SUBTITLE still tracks each call, because updating a line of text is
-   * informative where restarting an animation is just noise.
-   */
-  const [droveTool, setDroveTool] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    if (!busy) setDroveTool(false);else if (activeLabel) setDroveTool(true);
-  }, [busy, activeLabel]);
-
-  /**
-   * The elapsed clock. Ticks only while a turn is running and not parked on
-   * the user (nothing is elapsing while an approval card waits for a tap).
-   */
-  const ticking = busy && !awaitingApproval && startedAt !== null;
-  const [now, setNow] = (0, _react.useState)(() => Date.now());
-  (0, _react.useEffect)(() => {
-    if (!ticking) return;
-    setNow(Date.now());
-    const timer = setInterval(() => setNow(Date.now()), 1000);
-    return () => clearInterval(timer);
-  }, [ticking]);
-  const elapsed = ticking && startedAt !== null ? (0, _activityGroups.formatElapsed)(now - startedAt) : null;
-
-  /**
-   * Otto mirrors the subtitle, never contradicts it. This is the one place in
-   * the product where a mascot earns continuous presence: the user is waiting
-   * on a machine and the header is the only thing reporting on it.
-   *
-   * `robot` while a tool runs is literal — the agent IS driving the tools.
-   */
-  const otto = !configured ? "confused" : failed ? "error" : busy ? activeLabel || droveTool ? "robot" : "thinking" : "idle";
-  const working = stopping ? "Stopping" : activeLabel ?? "Thinking";
-  const subtitle = !configured ? "Not set up in this app" : awaitingApproval ? "Waiting for you" : busy ? elapsed ? `${working} · ${elapsed}` : `${working}…` : readOnly ? `Read only${toolCount > 0 ? ` · ${toolCount} tool${toolCount === 1 ? "" : "s"}` : ""}` : toolCount > 0 ? `Ready · ${toolCount} tool${toolCount === 1 ? "" : "s"} available` : "Ready";
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
-    children: [onBack ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation, {
-      onBack: onBack
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.otto,
-      testID: "buoy-ask-buoy-otto",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Otto, {
-        state: otto,
-        pixelSize: 2,
-        tickMs: HEADER_TICK_MS,
-        water: false
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
-      title: "Ask Buoy",
-      subtitle: subtitle,
-      testID: "buoy-ask-buoy-title"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions, {
-      children: [onTicket ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        testID: "buoy-ask-buoy-ticket",
-        accessibilityRole: "button",
-        accessibilityLabel: "Summarize for a ticket",
-        disabled: !hasMessages || busy,
-        onPress: onTicket,
-        style: [styles.actionBtn, (!hasMessages || busy) && styles.actionBtnDisabled],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.FileText, {
-          size: 14,
-          color: hasMessages && !busy ? _sharedUi.night.color.textSecondary : _sharedUi.night.color.textTertiary
-        })
-      }) : null, getTranscript ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        testID: "buoy-ask-buoy-copy-chat",
-        accessibilityRole: "button",
-        accessibilityLabel: copied ? "Conversation copied" : "Copy conversation",
-        disabled: !hasMessages,
-        onPress: copy,
-        style: [styles.actionBtn, !hasMessages && styles.actionBtnDisabled],
-        children: copied ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Check, {
-          size: 14,
-          color: _sharedUi.night.color.accent
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Copy, {
-          size: 14,
-          color: hasMessages ? _sharedUi.night.color.textSecondary : _sharedUi.night.color.textTertiary
-        })
-      }) : null, onOpenSettings ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        testID: "buoy-ask-buoy-settings",
-        accessibilityRole: "button",
-        accessibilityLabel: "Settings",
-        onPress: onOpenSettings,
-        style: styles.actionBtn,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SettingsSolid, {
-          size: 14,
-          color: _sharedUi.night.color.textSecondary
-        })
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        testID: "buoy-ask-buoy-reset",
-        accessibilityRole: "button",
-        accessibilityLabel: "New conversation",
-        disabled: !hasMessages,
-        onPress: onReset,
-        style: [styles.actionBtn, !hasMessages && styles.actionBtnDisabled],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Plus, {
-          size: 14,
-          color: hasMessages ? _sharedUi.night.color.textSecondary : _sharedUi.night.color.textTertiary
-        })
-      })]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  // 32pt of Otto (16 grid × 2pt) reading as the header's status glyph.
-  otto: {
-    marginRight: 8,
-    justifyContent: "center"
-  },
-  // Same plate as the Console header's action buttons.
-  actionBtn: {
-    width: 32,
-    height: 32,
-    borderRadius: 8,
-    backgroundColor: _sharedUi.night.color.buttonSurface,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  actionBtnDisabled: {
-    opacity: 0.55
-  }
-});
-//# sourceMappingURL=AskBuoyHeader.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AskBuoyHeader=AskBuoyHeader;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_useCopyAction=require("./useCopyAction"),_activityGroups=require("../store/activityGroups"),_jsxRuntime=require("react/jsx-runtime");const HEADER_TICK_MS=200,NO_TRANSCRIPT=()=>"";function AskBuoyHeader({configured:e,busy:t,failed:i=!1,activeLabel:s,awaitingApproval:o=!1,startedAt:a=null,stopping:r=!1,readOnly:n=!1,toolCount:c,hasMessages:l,onBack:u,onReset:d,getTranscript:y,onOpenSettings:_,onTicket:h}){const{copied:b,copy:x}=(0,_useCopyAction.useCopyAction)(y??NO_TRANSCRIPT),[j,p]=(0,_react.useState)(!1);(0,_react.useEffect)(()=>{t?s&&p(!0):p(!1)},[t,s]);const R=t&&!o&&null!==a,[g,m]=(0,_react.useState)(()=>Date.now());(0,_react.useEffect)(()=>{if(!R)return;m(Date.now());const e=setInterval(()=>m(Date.now()),1e3);return()=>clearInterval(e)},[R]);const v=R&&null!==a?(0,_activityGroups.formatElapsed)(g-a):null,U=e?i?"error":t?s||j?"robot":"thinking":"idle":"confused",k=r?"Stopping":s??"Thinking",S=e?o?"Waiting for you":t?v?`${k} · ${v}`:`${k}…`:n?"Read only"+(c>0?` · ${c} tool${1===c?"":"s"}`:""):c>0?`Ready · ${c} tool${1===c?"":"s"} available`:"Ready":"Not set up in this app";return(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader,{children:[u?(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation,{onBack:u}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.otto,testID:"buoy-ask-buoy-otto",children:(0,_jsxRuntime.jsx)(_sharedUi.Otto,{state:U,pixelSize:2,tickMs:HEADER_TICK_MS,water:!1})}),(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Content,{title:"Ask Buoy",subtitle:S,testID:"buoy-ask-buoy-title"}),(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions,{children:[h?(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{testID:"buoy-ask-buoy-ticket",accessibilityRole:"button",accessibilityLabel:"Summarize for a ticket",disabled:!l||t,onPress:h,style:[styles.actionBtn,(!l||t)&&styles.actionBtnDisabled],children:(0,_jsxRuntime.jsx)(_sharedUi.FileText,{size:14,color:l&&!t?_sharedUi.night.color.textSecondary:_sharedUi.night.color.textTertiary})}):null,y?(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{testID:"buoy-ask-buoy-copy-chat",accessibilityRole:"button",accessibilityLabel:b?"Conversation copied":"Copy conversation",disabled:!l,onPress:x,style:[styles.actionBtn,!l&&styles.actionBtnDisabled],children:b?(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:14,color:_sharedUi.night.color.accent}):(0,_jsxRuntime.jsx)(_sharedUi.Copy,{size:14,color:l?_sharedUi.night.color.textSecondary:_sharedUi.night.color.textTertiary})}):null,_?(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{testID:"buoy-ask-buoy-settings",accessibilityRole:"button",accessibilityLabel:"Settings",onPress:_,style:styles.actionBtn,children:(0,_jsxRuntime.jsx)(_sharedUi.SettingsSolid,{size:14,color:_sharedUi.night.color.textSecondary})}):null,(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{testID:"buoy-ask-buoy-reset",accessibilityRole:"button",accessibilityLabel:"New conversation",disabled:!l,onPress:d,style:[styles.actionBtn,!l&&styles.actionBtnDisabled],children:(0,_jsxRuntime.jsx)(_sharedUi.Plus,{size:14,color:l?_sharedUi.night.color.textSecondary:_sharedUi.night.color.textTertiary})})]})]})}const styles=_reactNative.StyleSheet.create({otto:{marginRight:8,justifyContent:"center"},actionBtn:{width:32,height:32,borderRadius:8,backgroundColor:_sharedUi.night.color.buttonSurface,borderWidth:1,borderColor:_sharedUi.night.color.border,alignItems:"center",justifyContent:"center"},actionBtnDisabled:{opacity:.55}});

package/lib/commonjs/components/AskBuoyIcon.js

@@ -1,19 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ASK_BUOY_ICON_COLOR", {
-  enumerable: true,
-  get: function () {
-    return _floatingToolsCore.ASK_BUOY_ICON_COLOR;
-  }
-});
-Object.defineProperty(exports, "AskBuoyIcon", {
-  enumerable: true,
-  get: function () {
-    return _floatingToolsCore.AskBuoyIcon;
-  }
-});
-var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
-//# sourceMappingURL=AskBuoyIcon.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ASK_BUOY_ICON_COLOR",{enumerable:!0,get:function(){return _floatingToolsCore.ASK_BUOY_ICON_COLOR}}),Object.defineProperty(exports,"AskBuoyIcon",{enumerable:!0,get:function(){return _floatingToolsCore.AskBuoyIcon}});var _floatingToolsCore=require("@buoy-gg/floating-tools-core");