@buoy-gg/ask-buoy 7.0.34 → 7.0.35

package/lib/module/blocks/icons.js

@@ -1 +1,91 @@
-"use strict";import{View,StyleSheet}from"react-native";import{AlertTriangle,Check,Clock,Database,Eye,Globe,Image as ImageIcon,Info,Layers,Navigation,night,User}from"@buoy-gg/shared-ui";import{jsx as _jsx}from"react/jsx-runtime";export function BlockIcon({name:e,size:r=14}){const o=night.color.textSecondary,s=(()=>{switch(e){case"network":return _jsx(Globe,{size:r,color:o});case"storage":return _jsx(Database,{size:r,color:o});case"route":return _jsx(Navigation,{size:r,color:o});case"screen":return _jsx(Eye,{size:r,color:o});case"user":return _jsx(User,{size:r,color:o});case"image":return _jsx(ImageIcon,{size:r,color:o});case"check":return _jsx(Check,{size:r,color:night.color.accent});case"warn":return _jsx(AlertTriangle,{size:r,color:night.color.warning});case"info":return _jsx(Info,{size:r,color:night.color.info});case"store":case"query":return _jsx(Layers,{size:r,color:o});case"clock":return _jsx(Clock,{size:r,color:o})}})();return _jsx(View,{style:styles.wrap,children:s})}const styles=StyleSheet.create({wrap:{width:24,height:24,borderRadius:6,backgroundColor:night.color.fill,alignItems:"center",justifyContent:"center"}});
+"use strict";
+
+/** The small named icons a block may ask for. One place, one size. */
+import { View, StyleSheet } from "react-native";
+import { AlertTriangle, Check, Clock, Database, Eye, Globe, Image as ImageIcon, Info, Layers, Navigation, night, User } from "@buoy-gg/shared-ui";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function BlockIcon({
+  name,
+  size = 14
+}) {
+  const c = night.color.textSecondary;
+  const icon = (() => {
+    switch (name) {
+      case "network":
+        return /*#__PURE__*/_jsx(Globe, {
+          size: size,
+          color: c
+        });
+      case "storage":
+        return /*#__PURE__*/_jsx(Database, {
+          size: size,
+          color: c
+        });
+      case "route":
+        return /*#__PURE__*/_jsx(Navigation, {
+          size: size,
+          color: c
+        });
+      case "screen":
+        return /*#__PURE__*/_jsx(Eye, {
+          size: size,
+          color: c
+        });
+      case "user":
+        return /*#__PURE__*/_jsx(User, {
+          size: size,
+          color: c
+        });
+      case "image":
+        return /*#__PURE__*/_jsx(ImageIcon, {
+          size: size,
+          color: c
+        });
+      case "check":
+        return /*#__PURE__*/_jsx(Check, {
+          size: size,
+          color: night.color.accent
+        });
+      case "warn":
+        return /*#__PURE__*/_jsx(AlertTriangle, {
+          size: size,
+          color: night.color.warning
+        });
+      case "info":
+        return /*#__PURE__*/_jsx(Info, {
+          size: size,
+          color: night.color.info
+        });
+      case "store":
+        return /*#__PURE__*/_jsx(Layers, {
+          size: size,
+          color: c
+        });
+      case "query":
+        return /*#__PURE__*/_jsx(Layers, {
+          size: size,
+          color: c
+        });
+      case "clock":
+        return /*#__PURE__*/_jsx(Clock, {
+          size: size,
+          color: c
+        });
+    }
+  })();
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.wrap,
+    children: icon
+  });
+}
+const styles = StyleSheet.create({
+  wrap: {
+    width: 24,
+    height: 24,
+    borderRadius: 6,
+    backgroundColor: night.color.fill,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+//# sourceMappingURL=icons.js.map

package/lib/module/blocks/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","AlertTriangle","Check","Clock","Database","Eye","Globe","Image","ImageIcon","Info","Layers","Navigation","night","User","jsx","_jsx","BlockIcon","name","size","c","color","textSecondary","icon","accent","warning","info","style","styles","wrap","children","create","width","height","borderRadius","backgroundColor","fill","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["blocks/icons.tsx"],"mappings":";;AAAA;AACA,SAASA,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,aAAa,EAAEC,KAAK,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,EAAEC,KAAK,IAAIC,SAAS,EAAEC,IAAI,EAAEC,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAEC,IAAI,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGlJ,OAAO,SAASC,SAASA,CAAC;EAAEC,IAAI;EAAEC,IAAI,GAAG;AAAsC,CAAC,EAAE;EAChF,MAAMC,CAAC,GAAGP,KAAK,CAACQ,KAAK,CAACC,aAAa;EACnC,MAAMC,IAAI,GAAG,CAAC,MAAM;IAClB,QAAQL,IAAI;MACV,KAAK,SAAS;QAAE,oBAAOF,IAAA,CAACT,KAAK;UAACY,IAAI,EAAEA,IAAK;UAACE,KAAK,EAAED;QAAE,CAAE,CAAC;MACtD,KAAK,SAAS;QAAE,oBAAOJ,IAAA,CAACX,QAAQ;UAACc,IAAI,EAAEA,IAAK;UAACE,KAAK,EAAED;QAAE,CAAE,CAAC;MACzD,KAAK,OAAO;QAAE,oBAAOJ,IAAA,CAACJ,UAAU;UAACO,IAAI,EAAEA,IAAK;UAACE,KAAK,EAAED;QAAE,CAAE,CAAC;MACzD,KAAK,QAAQ;QAAE,oBAAOJ,IAAA,CAACV,GAAG;UAACa,IAAI,EAAEA,IAAK;UAACE,KAAK,EAAED;QAAE,CAAE,CAAC;MACnD,KAAK,MAAM;QAAE,oBAAOJ,IAAA,CAACF,IAAI;UAACK,IAAI,EAAEA,IAAK;UAACE,KAAK,EAAED;QAAE,CAAE,CAAC;MAClD,KAAK,OAAO;QAAE,oBAAOJ,IAAA,CAACP,SAAS;UAACU,IAAI,EAAEA,IAAK;UAACE,KAAK,EAAED;QAAE,CAAE,CAAC;MACxD,KAAK,OAAO;QAAE,oBAAOJ,IAAA,CAACb,KAAK;UAACgB,IAAI,EAAEA,IAAK;UAACE,KAAK,EAAER,KAAK,CAACQ,KAAK,CAACG;QAAO,CAAE,CAAC;MACrE,KAAK,MAAM;QAAE,oBAAOR,IAAA,CAACd,aAAa;UAACiB,IAAI,EAAEA,IAAK;UAACE,KAAK,EAAER,KAAK,CAACQ,KAAK,CAACI;QAAQ,CAAE,CAAC;MAC7E,KAAK,MAAM;QAAE,oBAAOT,IAAA,CAACN,IAAI;UAACS,IAAI,EAAEA,IAAK;UAACE,KAAK,EAAER,KAAK,CAACQ,KAAK,CAACK;QAAK,CAAE,CAAC;MACjE,KAAK,OAAO;QAAE,oBAAOV,IAAA,CAACL,MAAM;UAACQ,IAAI,EAAEA,IAAK;UAACE,KAAK,EAAED;QAAE,CAAE,CAAC;MACrD,KAAK,OAAO;QAAE,oBAAOJ,IAAA,CAACL,MAAM;UAACQ,IAAI,EAAEA,IAAK;UAACE,KAAK,EAAED;QAAE,CAAE,CAAC;MACrD,KAAK,OAAO;QAAE,oBAAOJ,IAAA,CAACZ,KAAK;UAACe,IAAI,EAAEA,IAAK;UAACE,KAAK,EAAED;QAAE,CAAE,CAAC;IACtD;EACF,CAAC,EAAE,CAAC;EACJ,oBAAOJ,IAAA,CAAChB,IAAI;IAAC2B,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAC,QAAA,EAAEP;EAAI,CAAO,CAAC;AAChD;AAEA,MAAMK,MAAM,GAAG3B,UAAU,CAAC8B,MAAM,CAAC;EAC/BF,IAAI,EAAE;IAAEG,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,YAAY,EAAE,CAAC;IAAEC,eAAe,EAAEtB,KAAK,CAACQ,KAAK,CAACe,IAAI;IAAEC,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS;AACpI,CAAC,CAAC","ignoreList":[]}

package/lib/module/blocks/index.js

@@ -1 +1,8 @@
-"use strict";export{BlockRenderer}from"./BlockRenderer";export{BlockHandlersProvider,useBlockHandlers}from"./context";export{Card,ActionRow,ProvenanceBadge}from"./primitives";export{MessageActions,ReasoningStrip,ElapsedRow,QueuedComposer,ReloadDivider,Timestamp,EditableUserBubble}from"./ChromePrototypes";export{LivePill}from"./ExtraBlocks";
+"use strict";
+
+export { BlockRenderer } from "./BlockRenderer";
+export { BlockHandlersProvider, useBlockHandlers } from "./context";
+export { Card, ActionRow, ProvenanceBadge } from "./primitives";
+export { MessageActions, ReasoningStrip, ElapsedRow, QueuedComposer, ReloadDivider, Timestamp, EditableUserBubble } from "./ChromePrototypes";
+export { LivePill } from "./ExtraBlocks";
+//# sourceMappingURL=index.js.map

package/lib/module/blocks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BlockRenderer","BlockHandlersProvider","useBlockHandlers","Card","ActionRow","ProvenanceBadge","MessageActions","ReasoningStrip","ElapsedRow","QueuedComposer","ReloadDivider","Timestamp","EditableUserBubble","LivePill"],"sourceRoot":"../../../src","sources":["blocks/index.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,qBAAqB,EAAEC,gBAAgB,QAA4B,WAAW;AACvF,SAASC,IAAI,EAAEC,SAAS,EAAEC,eAAe,QAAQ,cAAc;AAC/D,SAASC,cAAc,EAAEC,cAAc,EAAEC,UAAU,EAAEC,cAAc,EAAEC,aAAa,EAAEC,SAAS,EAAEC,kBAAkB,QAAQ,oBAAoB;AAC7I,SAASC,QAAQ,QAAQ,eAAe","ignoreList":[]}

package/lib/module/blocks/listRow.test.js

@@ -0,0 +1,56 @@
+"use strict";
+
+import { describe, expect, it } from "vitest";
+import { listRowBehaviour } from "./DataBlocks";
+
+/**
+ * A list row can carry a picture AND an action, and both want the tap. These
+ * are the rules that keep them apart — see `listRowBehaviour`.
+ */
+describe("listRowBehaviour", () => {
+  it("a plain row does nothing on tap", () => {
+    expect(listRowBehaviour({})).toEqual({
+      canExpand: false,
+      rowRunsAction: false,
+      actionIsOwnControl: false
+    });
+  });
+  it("a row with a picture opens it", () => {
+    expect(listRowBehaviour({
+      image: "https://x/1.png"
+    })).toEqual({
+      canExpand: true,
+      rowRunsAction: false,
+      actionIsOwnControl: false
+    });
+  });
+  it("a row with only an action keeps running it from the whole row", () => {
+    expect(listRowBehaviour({
+      action: {
+        label: "Retry",
+        send: "retry"
+      }
+    })).toEqual({
+      canExpand: false,
+      rowRunsAction: true,
+      actionIsOwnControl: false
+    });
+  });
+  it("with BOTH, the body opens the picture and the action gets its own control", () => {
+    const b = listRowBehaviour({
+      image: "https://x/1.png",
+      action: {
+        label: "Retry",
+        send: "retry"
+      }
+    });
+    expect(b).toEqual({
+      canExpand: true,
+      rowRunsAction: false,
+      actionIsOwnControl: true
+    });
+    // The row body must never be the action's target — that is the whole point.
+    expect(b.rowRunsAction).toBe(false);
+  });
+});
+//# sourceMappingURL=listRow.test.js.map

package/lib/module/blocks/listRow.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","listRowBehaviour","toEqual","canExpand","rowRunsAction","actionIsOwnControl","image","action","label","send","b","toBe"],"sourceRoot":"../../../src","sources":["blocks/listRow.test.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ,QAAQ;AAE7C,SAASC,gBAAgB,QAAQ,cAAc;;AAE/C;AACA;AACA;AACA;AACAH,QAAQ,CAAC,kBAAkB,EAAE,MAAM;EACjCE,EAAE,CAAC,iCAAiC,EAAE,MAAM;IAC1CD,MAAM,CAACE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO,CAAC;MACnCC,SAAS,EAAE,KAAK;MAChBC,aAAa,EAAE,KAAK;MACpBC,kBAAkB,EAAE;IACtB,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFL,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACxCD,MAAM,CAACE,gBAAgB,CAAC;MAAEK,KAAK,EAAE;IAAkB,CAAC,CAAC,CAAC,CAACJ,OAAO,CAAC;MAC7DC,SAAS,EAAE,IAAI;MACfC,aAAa,EAAE,KAAK;MACpBC,kBAAkB,EAAE;IACtB,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFL,EAAE,CAAC,+DAA+D,EAAE,MAAM;IACxED,MAAM,CAACE,gBAAgB,CAAC;MAAEM,MAAM,EAAE;QAAEC,KAAK,EAAE,OAAO;QAAEC,IAAI,EAAE;MAAQ;IAAE,CAAC,CAAC,CAAC,CAACP,OAAO,CAAC;MAC9EC,SAAS,EAAE,KAAK;MAChBC,aAAa,EAAE,IAAI;MACnBC,kBAAkB,EAAE;IACtB,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFL,EAAE,CAAC,2EAA2E,EAAE,MAAM;IACpF,MAAMU,CAAC,GAAGT,gBAAgB,CAAC;MAAEK,KAAK,EAAE,iBAAiB;MAAEC,MAAM,EAAE;QAAEC,KAAK,EAAE,OAAO;QAAEC,IAAI,EAAE;MAAQ;IAAE,CAAC,CAAC;IACnGV,MAAM,CAACW,CAAC,CAAC,CAACR,OAAO,CAAC;MAAEC,SAAS,EAAE,IAAI;MAAEC,aAAa,EAAE,KAAK;MAAEC,kBAAkB,EAAE;IAAK,CAAC,CAAC;IACtF;IACAN,MAAM,CAACW,CAAC,CAACN,aAAa,CAAC,CAACO,IAAI,CAAC,KAAK,CAAC;EACrC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/blocks/pageState.js

@@ -0,0 +1,30 @@
+"use strict";
+
+/**
+ * The arithmetic behind a block's "+N more" footer, separated from the hook so
+ * it can be tested without a renderer.
+ *
+ * The rule that matters: a control is offered ONLY when it changes what is on
+ * screen. The previous version derived "+N more" from a `total` the source
+ * reported while deriving the tap target from the array actually in hand, so a
+ * block holding five items and claiming six rendered a "+1 more" with nothing
+ * to reveal — a button that did nothing when tapped. This takes a count and a
+ * limit and nothing else, so `canExpand` is the same fact as `hidden > 0`.
+ */
+
+export function pageState(count, cap, limit, step) {
+  const shown = Math.min(limit, count);
+  const hidden = Math.max(0, count - shown);
+  // A block can be re-rendered in place with a shorter list than the one the
+  // limit was raised for; collapsing back to a cap nothing exceeds would move
+  // nothing, so it is not offered.
+  const expanded = limit > cap && count > cap;
+  return {
+    hidden,
+    next: Math.min(hidden, step),
+    expanded,
+    canExpand: hidden > 0,
+    canCollapse: expanded
+  };
+}
+//# sourceMappingURL=pageState.js.map

package/lib/module/blocks/pageState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pageState","count","cap","limit","step","shown","Math","min","hidden","max","expanded","next","canExpand","canCollapse"],"sourceRoot":"../../../src","sources":["blocks/pageState.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYA,OAAO,SAASA,SAASA,CAACC,KAAa,EAAEC,GAAW,EAAEC,KAAa,EAAEC,IAAY,EAAa;EAC5F,MAAMC,KAAK,GAAGC,IAAI,CAACC,GAAG,CAACJ,KAAK,EAAEF,KAAK,CAAC;EACpC,MAAMO,MAAM,GAAGF,IAAI,CAACG,GAAG,CAAC,CAAC,EAAER,KAAK,GAAGI,KAAK,CAAC;EACzC;EACA;EACA;EACA,MAAMK,QAAQ,GAAGP,KAAK,GAAGD,GAAG,IAAID,KAAK,GAAGC,GAAG;EAC3C,OAAO;IACLM,MAAM;IACNG,IAAI,EAAEL,IAAI,CAACC,GAAG,CAACC,MAAM,EAAEJ,IAAI,CAAC;IAC5BM,QAAQ;IACRE,SAAS,EAAEJ,MAAM,GAAG,CAAC;IACrBK,WAAW,EAAEH;EACf,CAAC;AACH","ignoreList":[]}

package/lib/module/blocks/pageState.test.js

@@ -0,0 +1,56 @@
+"use strict";
+
+/**
+ * The "+N more" footer's arithmetic.
+ *
+ * The bug this covers: a list block showed "+1 more" that did nothing when
+ * tapped. The count came from the `total` the model reported, the tap target
+ * came from the array actually in hand, and the two disagreed — so the footer
+ * advertised a row that was never sent. Every case below is about a control
+ * being offered if and only if it changes the screen.
+ */
+import { describe, expect, it } from "vitest";
+import { pageState } from "./pageState";
+const CAP = 10;
+const STEP = 5;
+const at = (count, limit) => pageState(count, CAP, limit, STEP);
+describe("what the footer offers", () => {
+  it("offers nothing when everything already fits", () => {
+    const s = at(4, CAP);
+    expect(s.hidden).toBe(0);
+    expect(s.canExpand).toBe(false);
+    expect(s.canCollapse).toBe(false);
+  });
+  it("never offers an expand that reveals nothing", () => {
+    // The dead "+1 more" this replaced: the label was drawn from a `total` the
+    // source reported, the tap target from the array in hand. `pageState` is
+    // given only the array, so a control it offers always moves something.
+    expect(at(5, CAP).canExpand).toBe(false);
+  });
+  it("reveals a page at a time rather than the whole list", () => {
+    // 100 items, cap 10: 10 → 15 → 20 → 25, exactly one step per tap.
+    expect(at(100, 10).next).toBe(5);
+    expect(at(100, 15).next).toBe(5);
+    expect(at(100, 20).hidden).toBe(80);
+  });
+  it("offers only the remainder on the last page", () => {
+    // 12 items shown to 10: two left, so the label promises two, not five.
+    expect(at(12, 10).next).toBe(2);
+    expect(at(12, 12).canExpand).toBe(false);
+  });
+  it("offers the way back only once something is expanded", () => {
+    expect(at(100, 10).canCollapse).toBe(false);
+    expect(at(100, 15).canCollapse).toBe(true);
+    expect(at(100, 15).expanded).toBe(true);
+  });
+  it("does not offer a collapse that moves nothing", () => {
+    // A block re-rendered in place with a shorter list than the limit was
+    // raised for: 3 items under a limit of 20. Folding back to 10 would look
+    // identical, so it is not offered.
+    const s = at(3, 20);
+    expect(s.canCollapse).toBe(false);
+    expect(s.expanded).toBe(false);
+    expect(s.hidden).toBe(0);
+  });
+});
+//# sourceMappingURL=pageState.test.js.map

package/lib/module/blocks/pageState.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","pageState","CAP","STEP","at","count","limit","s","hidden","toBe","canExpand","canCollapse","next","expanded"],"sourceRoot":"../../../src","sources":["blocks/pageState.test.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ,QAAQ;AAE7C,SAASC,SAAS,QAAQ,aAAa;AAEvC,MAAMC,GAAG,GAAG,EAAE;AACd,MAAMC,IAAI,GAAG,CAAC;AACd,MAAMC,EAAE,GAAGA,CAACC,KAAa,EAAEC,KAAa,KAAKL,SAAS,CAACI,KAAK,EAAEH,GAAG,EAAEI,KAAK,EAAEH,IAAI,CAAC;AAE/EL,QAAQ,CAAC,wBAAwB,EAAE,MAAM;EACvCE,EAAE,CAAC,6CAA6C,EAAE,MAAM;IACtD,MAAMO,CAAC,GAAGH,EAAE,CAAC,CAAC,EAAEF,GAAG,CAAC;IACpBH,MAAM,CAACQ,CAAC,CAACC,MAAM,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;IACxBV,MAAM,CAACQ,CAAC,CAACG,SAAS,CAAC,CAACD,IAAI,CAAC,KAAK,CAAC;IAC/BV,MAAM,CAACQ,CAAC,CAACI,WAAW,CAAC,CAACF,IAAI,CAAC,KAAK,CAAC;EACnC,CAAC,CAAC;EAEFT,EAAE,CAAC,6CAA6C,EAAE,MAAM;IACtD;IACA;IACA;IACAD,MAAM,CAACK,EAAE,CAAC,CAAC,EAAEF,GAAG,CAAC,CAACQ,SAAS,CAAC,CAACD,IAAI,CAAC,KAAK,CAAC;EAC1C,CAAC,CAAC;EAEFT,EAAE,CAAC,qDAAqD,EAAE,MAAM;IAC9D;IACAD,MAAM,CAACK,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAACQ,IAAI,CAAC,CAACH,IAAI,CAAC,CAAC,CAAC;IAChCV,MAAM,CAACK,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAACQ,IAAI,CAAC,CAACH,IAAI,CAAC,CAAC,CAAC;IAChCV,MAAM,CAACK,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAACI,MAAM,CAAC,CAACC,IAAI,CAAC,EAAE,CAAC;EACrC,CAAC,CAAC;EAEFT,EAAE,CAAC,4CAA4C,EAAE,MAAM;IACrD;IACAD,MAAM,CAACK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAACQ,IAAI,CAAC,CAACH,IAAI,CAAC,CAAC,CAAC;IAC/BV,MAAM,CAACK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAACM,SAAS,CAAC,CAACD,IAAI,CAAC,KAAK,CAAC;EAC1C,CAAC,CAAC;EAEFT,EAAE,CAAC,qDAAqD,EAAE,MAAM;IAC9DD,MAAM,CAACK,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAACO,WAAW,CAAC,CAACF,IAAI,CAAC,KAAK,CAAC;IAC3CV,MAAM,CAACK,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAACO,WAAW,CAAC,CAACF,IAAI,CAAC,IAAI,CAAC;IAC1CV,MAAM,CAACK,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAACS,QAAQ,CAAC,CAACJ,IAAI,CAAC,IAAI,CAAC;EACzC,CAAC,CAAC;EAEFT,EAAE,CAAC,8CAA8C,EAAE,MAAM;IACvD;IACA;IACA;IACA,MAAMO,CAAC,GAAGH,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;IACnBL,MAAM,CAACQ,CAAC,CAACI,WAAW,CAAC,CAACF,IAAI,CAAC,KAAK,CAAC;IACjCV,MAAM,CAACQ,CAAC,CAACM,QAAQ,CAAC,CAACJ,IAAI,CAAC,KAAK,CAAC;IAC9BV,MAAM,CAACQ,CAAC,CAACC,MAAM,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;EAC1B,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/blocks/primitives.js

@@ -1 +1,389 @@
-"use strict";import{useState}from"react";import{ActivityIndicator,Pressable,StyleSheet,Text,View}from"react-native";import{Check,ChevronDown,night,X}from"@buoy-gg/shared-ui";import{actionKey,useBlockHandlers}from"./context";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function toneColor(t){switch(t){case"accent":return night.color.accent;case"warning":return night.color.warning;case"danger":return night.color.danger;case"info":return night.color.info;case"muted":return night.color.textTertiary;default:return night.color.text}}export function ProvenanceBadge({source:t}){if(!t||"live"===t)return null;const e="changed"===t?"CHANGED BY ASK BUOY":"mocked"===t?"MOCKED":"FROM THE MODEL",o="changed"===t?night.color.warning:"mocked"===t?night.color.danger:night.color.textTertiary;return _jsx(View,{style:[styles.badge,{borderColor:o}],children:_jsx(Text,{style:[styles.badgeText,{color:o}],children:e})})}export function Card({title:t,source:e,children:o,testID:r,tone:n}){return _jsxs(View,{style:[styles.card,"warning"===n&&styles.cardWarning,"danger"===n&&styles.cardDanger,"info"===n&&styles.cardInfo],testID:r,children:[(t||e&&"live"!==e)&&_jsxs(View,{style:styles.titleRow,children:[t?_jsx(Text,{style:styles.title,numberOfLines:2,children:t}):_jsx(View,{style:styles.flex}),_jsx(ProvenanceBadge,{source:e})]}),o]})}export function More({shown:t,total:e,onExpand:o,expanded:r}){return!e||e<=t?null:_jsxs(Pressable,{onPress:o,disabled:!o,style:styles.more,accessibilityRole:"button",children:[_jsx(Text,{style:styles.moreText,children:r?"Show fewer":`+${e-t} more`}),o?_jsx(ChevronDown,{size:12,color:night.color.textTertiary}):null]})}export function useExpand(t,e){const[o,r]=useState(!1);return{visible:o?t:t.slice(0,e),expanded:o,toggle:()=>r(t=>!t)}}export function ActionRow({actions:t,blockId:e,align:o="left"}){const r=useBlockHandlers();if(!t?.length)return null;const n=t.filter(t=>t.openTool?!1!==r.supports?.openTool:t.minimize?!1!==r.supports?.minimize:!t.dispatch||!1!==r.supports?.dispatch);return 0===n.length?null:_jsx(View,{style:[styles.actions,"right"===o&&styles.actionsRight],children:n.slice(0,2).map(t=>{const o=r.actionState?.[actionKey(e,t)],n=!!r.busy||"running"===o||"done"===o;return _jsxs(Pressable,{accessibilityRole:"button",accessibilityLabel:t.label,testID:`buoy-block-action-${t.label.toLowerCase().replace(/\s+/g,"-")}`,disabled:n,onPress:()=>{r.runAction(t,e)},style:({pressed:e})=>[styles.button,t.primary?styles.buttonPrimary:styles.buttonPlate,n&&styles.buttonDisabled,e&&!n&&styles.pressed],children:["running"===o?_jsx(ActivityIndicator,{size:"small",color:t.primary?night.color.onAccent:night.color.text}):"done"===o?_jsx(Check,{size:12,color:t.primary?night.color.onAccent:night.color.accent}):"failed"===o?_jsx(X,{size:12,color:night.color.danger}):null,_jsx(Text,{style:[styles.buttonText,t.primary?styles.buttonTextPrimary:styles.buttonTextPlate],children:t.label})]},t.label)})})}export const blockStyles=StyleSheet.create({row:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:12,paddingVertical:9},rowDivider:{borderTopWidth:StyleSheet.hairlineWidth,borderTopColor:night.color.separator},rowTitle:{flex:1,color:night.color.text,fontSize:night.font.body,lineHeight:19},rowSub:{color:night.color.textSecondary,fontSize:night.font.caption,lineHeight:17},rowTrailing:{color:night.color.textTertiary,fontSize:night.font.caption,maxWidth:120,textAlign:"right"},mono:{fontFamily:"Menlo",fontSize:12,color:night.color.text},pill:{paddingHorizontal:7,paddingVertical:2,borderRadius:night.radius.badge,backgroundColor:night.color.fill},pillText:{fontSize:night.font.micro,fontWeight:"700",letterSpacing:.4,color:night.color.textSecondary}});const styles=StyleSheet.create({card:{borderRadius:night.radius.card,borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.border,backgroundColor:night.color.surface,overflow:"hidden"},cardWarning:{borderColor:night.color.warning,backgroundColor:night.color.warningSoft},cardDanger:{borderColor:night.color.danger,backgroundColor:night.color.dangerSoft},cardInfo:{borderColor:night.color.accentBorderStrong,backgroundColor:night.color.accentSoft},titleRow:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:12,paddingTop:10,paddingBottom:6},flex:{flex:1},title:{flex:1,color:night.color.text,fontSize:night.font.caption,fontWeight:"600"},badge:{borderWidth:StyleSheet.hairlineWidth,borderRadius:night.radius.badge,paddingHorizontal:6,paddingVertical:2},badgeText:{fontSize:9,fontWeight:"700",letterSpacing:.6},more:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:4,paddingVertical:9,borderTopWidth:StyleSheet.hairlineWidth,borderTopColor:night.color.separator},moreText:{color:night.color.textSecondary,fontSize:night.font.caption,fontWeight:"600"},actions:{flexDirection:"row",gap:8,paddingHorizontal:12,paddingVertical:10,flexWrap:"wrap"},actionsRight:{justifyContent:"flex-end"},button:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:14,paddingVertical:9,borderRadius:night.radius.row},buttonPrimary:{backgroundColor:night.color.accent},buttonPlate:{backgroundColor:night.color.button},buttonDisabled:{opacity:.55},buttonText:{fontSize:night.font.caption,fontWeight:"600"},buttonTextPrimary:{color:night.color.onAccent},buttonTextPlate:{color:night.color.text},pressed:{opacity:.7}});
+"use strict";
+
+/**
+ * The few visual pieces every block shares: the card, its title row with the
+ * provenance badge, a "+N more" expander, and the two-button action row.
+ * Night tokens only — a block must look like every other Buoy surface.
+ */
+import { useState } from "react";
+import { ActivityIndicator, Pressable, StyleSheet, Text, View } from "react-native";
+import { Check, ChevronDown, ChevronUp, night, X } from "@buoy-gg/shared-ui";
+import { actionKey, useBlockHandlers } from "./context";
+import { pageState } from "./pageState";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function toneColor(tone) {
+  switch (tone) {
+    case "accent":
+      return night.color.accent;
+    case "warning":
+      return night.color.warning;
+    case "danger":
+      return night.color.danger;
+    case "info":
+      return night.color.info;
+    case "muted":
+      return night.color.textTertiary;
+    default:
+      return night.color.text;
+  }
+}
+
+/** Quiet when live; loud when the data was changed, mocked, or invented. */
+export function ProvenanceBadge({
+  source
+}) {
+  if (!source || source === "live") return null;
+  const label = source === "changed" ? "CHANGED BY ASK BUOY" : source === "mocked" ? "MOCKED" : "FROM THE MODEL";
+  const color = source === "changed" ? night.color.warning : source === "mocked" ? night.color.danger : night.color.textTertiary;
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.badge, {
+      borderColor: color
+    }],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.badgeText, {
+        color
+      }],
+      children: label
+    })
+  });
+}
+export function Card({
+  title,
+  source,
+  children,
+  testID,
+  tone
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.card, tone === "warning" && styles.cardWarning, tone === "danger" && styles.cardDanger, tone === "info" && styles.cardInfo],
+    testID: testID,
+    children: [(title || source && source !== "live") && /*#__PURE__*/_jsxs(View, {
+      style: styles.titleRow,
+      children: [title ? /*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        numberOfLines: 2,
+        children: title
+      }) : /*#__PURE__*/_jsx(View, {
+        style: styles.flex
+      }), /*#__PURE__*/_jsx(ProvenanceBadge, {
+        source: source
+      })]
+    }), children]
+  });
+}
+
+/**
+ * How many rows one tap of "Show N more" reveals.
+ *
+ * Deliberately smaller than any block's initial cap. Expanding used to be
+ * all-or-nothing, so a hundred-row list arrived in one tap and buried the
+ * answer it was attached to under a scroll the reader had to fight back up.
+ * A page at a time keeps the conversation the thing you are reading.
+ */
+const PAGE_STEP = 5;
+/**
+ * A capped list that grows a page at a time.
+ *
+ * The callers used to spell the expander's enabled-ness out themselves
+ * (`items.length > visible.length || expanded ? toggle : undefined`) at seven
+ * call sites, and getting it wrong rendered a "+N more" that did nothing when
+ * tapped. Both halves live here now so a call site cannot express that state.
+ */
+export function usePaged(items, cap, step = PAGE_STEP) {
+  const [limit, setLimit] = useState(cap);
+  const {
+    hidden,
+    next,
+    expanded,
+    canExpand,
+    canCollapse
+  } = pageState(items.length, cap, limit, step);
+  return {
+    visible: items.slice(0, limit),
+    hidden,
+    next,
+    expanded,
+    showMore: canExpand ? () => setLimit(n => n + step) : undefined,
+    showLess: canCollapse ? () => setLimit(cap) : undefined
+  };
+}
+
+/**
+ * The footer of a paged list: reveal one more page, or fold back to the cap.
+ *
+ * It knows nothing about any `total` the source reported, and that is the
+ * point. The old version drew its count from that number while drawing its tap
+ * target from the array actually in hand — so a block holding five items and
+ * claiming six rendered "+1 more" with nothing behind it. The engine hands the
+ * whole list over now (see agent-core's receipts), so what this can show and
+ * what it can reveal are the same thing by construction.
+ */
+export function More({
+  paged
+}) {
+  const {
+    next,
+    showMore,
+    showLess
+  } = paged;
+  if (!showMore && !showLess) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.moreRow,
+    children: [showMore ? /*#__PURE__*/_jsxs(Pressable, {
+      testID: "buoy-block-show-more",
+      onPress: showMore,
+      style: [styles.more, styles.moreCell],
+      accessibilityRole: "button",
+      children: [/*#__PURE__*/_jsxs(Text, {
+        style: styles.moreText,
+        children: ["Show ", next, " more"]
+      }), /*#__PURE__*/_jsx(ChevronDown, {
+        size: 12,
+        color: night.color.textTertiary
+      })]
+    }) : null, showLess ? /*#__PURE__*/_jsxs(Pressable, {
+      testID: "buoy-block-show-fewer",
+      onPress: showLess,
+      style: [styles.more, styles.moreCell],
+      accessibilityRole: "button",
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.moreText,
+        children: "Show fewer"
+      }), /*#__PURE__*/_jsx(ChevronUp, {
+        size: 12,
+        color: night.color.textTertiary
+      })]
+    }) : null]
+  });
+}
+
+/**
+ * A list that CANNOT grow: the cap was applied where the block was built, so
+ * the rest was never sent. Stated, never offered as a tap.
+ */
+export function MoreNote({
+  shown,
+  total
+}) {
+  if (!total || total <= shown) return null;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.more,
+    children: /*#__PURE__*/_jsxs(Text, {
+      style: styles.moreNote,
+      children: [shown, " of ", total, " shown"]
+    })
+  });
+}
+
+/** Up to two buttons. One primary (accent, dark ink), one plate. */
+export function ActionRow({
+  actions,
+  blockId,
+  align = "left"
+}) {
+  const h = useBlockHandlers();
+  if (!actions?.length) return null;
+  const supported = actions.filter(a => {
+    if (a.openTool) return h.supports?.openTool !== false;
+    if (a.minimize) return h.supports?.minimize !== false;
+    if (a.dispatch) return h.supports?.dispatch !== false;
+    return true;
+  });
+  if (supported.length === 0) return null;
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.actions, align === "right" && styles.actionsRight],
+    children: supported.slice(0, 2).map(a => {
+      const state = h.actionState?.[actionKey(blockId, a)];
+      const disabled = !!h.busy || state === "running" || state === "done";
+      return /*#__PURE__*/_jsxs(Pressable, {
+        accessibilityRole: "button",
+        accessibilityLabel: a.label,
+        testID: `buoy-block-action-${a.label.toLowerCase().replace(/\s+/g, "-")}`,
+        disabled: disabled,
+        onPress: () => void h.runAction(a, blockId),
+        style: ({
+          pressed
+        }) => [styles.button, a.primary ? styles.buttonPrimary : styles.buttonPlate, disabled && styles.buttonDisabled, pressed && !disabled && styles.pressed],
+        children: [state === "running" ? /*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "small",
+          color: a.primary ? night.color.onAccent : night.color.text
+        }) : state === "done" ? /*#__PURE__*/_jsx(Check, {
+          size: 12,
+          color: a.primary ? night.color.onAccent : night.color.accent
+        }) : state === "failed" ? /*#__PURE__*/_jsx(X, {
+          size: 12,
+          color: night.color.danger
+        }) : null, /*#__PURE__*/_jsx(Text, {
+          style: [styles.buttonText, a.primary ? styles.buttonTextPrimary : styles.buttonTextPlate],
+          children: a.label
+        })]
+      }, a.label);
+    })
+  });
+}
+export const blockStyles = StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    paddingHorizontal: 12,
+    paddingVertical: 9
+  },
+  rowDivider: {
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: night.color.separator
+  },
+  rowTitle: {
+    flex: 1,
+    color: night.color.text,
+    fontSize: night.font.body,
+    lineHeight: 19
+  },
+  rowSub: {
+    color: night.color.textSecondary,
+    fontSize: night.font.caption,
+    lineHeight: 17
+  },
+  rowTrailing: {
+    color: night.color.textTertiary,
+    fontSize: night.font.caption,
+    maxWidth: 120,
+    textAlign: "right"
+  },
+  mono: {
+    fontFamily: "Menlo",
+    fontSize: 12,
+    color: night.color.text
+  },
+  pill: {
+    paddingHorizontal: 7,
+    paddingVertical: 2,
+    borderRadius: night.radius.badge,
+    backgroundColor: night.color.fill
+  },
+  pillText: {
+    fontSize: night.font.micro,
+    fontWeight: "700",
+    letterSpacing: 0.4,
+    color: night.color.textSecondary
+  }
+});
+const styles = StyleSheet.create({
+  card: {
+    borderRadius: night.radius.card,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: night.color.border,
+    backgroundColor: night.color.surface,
+    overflow: "hidden"
+  },
+  cardWarning: {
+    borderColor: night.color.warning,
+    backgroundColor: night.color.warningSoft
+  },
+  cardDanger: {
+    borderColor: night.color.danger,
+    backgroundColor: night.color.dangerSoft
+  },
+  cardInfo: {
+    borderColor: night.color.accentBorderStrong,
+    backgroundColor: night.color.accentSoft
+  },
+  titleRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    paddingHorizontal: 12,
+    paddingTop: 10,
+    paddingBottom: 6
+  },
+  flex: {
+    flex: 1
+  },
+  title: {
+    flex: 1,
+    color: night.color.text,
+    fontSize: night.font.caption,
+    fontWeight: "600"
+  },
+  badge: {
+    borderWidth: StyleSheet.hairlineWidth,
+    borderRadius: night.radius.badge,
+    paddingHorizontal: 6,
+    paddingVertical: 2
+  },
+  badgeText: {
+    fontSize: 9,
+    fontWeight: "700",
+    letterSpacing: 0.6
+  },
+  // The footer splits into up to three cells; each keeps the full-width rule
+  // above it so the list still reads as ending at a line.
+  moreRow: {
+    flexDirection: "row"
+  },
+  more: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 4,
+    paddingVertical: 9,
+    paddingHorizontal: 8,
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: night.color.separator
+  },
+  // Only inside `moreRow` — a bare `MoreNote` sits in the Card's column,
+  // where flex:1 means "grow vertically".
+  moreCell: {
+    flex: 1
+  },
+  moreText: {
+    color: night.color.textSecondary,
+    fontSize: night.font.caption,
+    fontWeight: "600"
+  },
+  moreNote: {
+    color: night.color.textTertiary,
+    fontSize: night.font.caption
+  },
+  actions: {
+    flexDirection: "row",
+    gap: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    flexWrap: "wrap"
+  },
+  actionsRight: {
+    justifyContent: "flex-end"
+  },
+  button: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingHorizontal: 14,
+    paddingVertical: 9,
+    borderRadius: night.radius.row
+  },
+  buttonPrimary: {
+    backgroundColor: night.color.accent
+  },
+  buttonPlate: {
+    backgroundColor: night.color.button
+  },
+  buttonDisabled: {
+    opacity: 0.55
+  },
+  buttonText: {
+    fontSize: night.font.caption,
+    fontWeight: "600"
+  },
+  buttonTextPrimary: {
+    color: night.color.onAccent
+  },
+  buttonTextPlate: {
+    color: night.color.text
+  },
+  pressed: {
+    opacity: 0.7
+  }
+});
+//# sourceMappingURL=primitives.js.map