@assistant-ui/react-native 0.1.36 → 0.1.38

package/dist/primitives/threadListItem/ThreadListItemTrigger.js

@@ -1,36 +1,67 @@
+import { useAuiState } from "@assistant-ui/store";
 import { useThreadListItemTrigger } from "@assistant-ui/core/react";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { Pressable } from "react-native";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/threadListItem/ThreadListItemTrigger.tsx
 const ThreadListItemTrigger = (t0) => {
-	const $ = c(7);
+	const $ = c(15);
+	let accessibilityState;
 	let children;
 	let pressableProps;
 	if ($[0] !== t0) {
-		({children, ...pressableProps} = t0);
+		({children, accessibilityState, ...pressableProps} = t0);
 		$[0] = t0;
-		$[1] = children;
-		$[2] = pressableProps;
+		$[1] = accessibilityState;
+		$[2] = children;
+		$[3] = pressableProps;
 	} else {
-		children = $[1];
-		pressableProps = $[2];
+		accessibilityState = $[1];
+		children = $[2];
+		pressableProps = $[3];
 	}
+	const isActive = useAuiState(_temp);
 	const { switchTo } = useThreadListItemTrigger();
 	let t1;
-	if ($[3] !== children || $[4] !== pressableProps || $[5] !== switchTo) {
-		t1 = /* @__PURE__ */ jsx(Pressable, {
+	if ($[4] !== accessibilityState || $[5] !== isActive) {
+		t1 = {
+			selected: isActive,
+			...accessibilityState
+		};
+		$[4] = accessibilityState;
+		$[5] = isActive;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== children || $[8] !== isActive) {
+		t2 = typeof children === "function" ? (state) => children({
+			...state,
+			isActive
+		}) : children;
+		$[7] = children;
+		$[8] = isActive;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== pressableProps || $[11] !== switchTo || $[12] !== t1 || $[13] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Pressable, {
 			onPress: switchTo,
+			accessibilityRole: "button",
+			accessibilityState: t1,
 			...pressableProps,
-			children
+			children: t2
 		});
-		$[3] = children;
-		$[4] = pressableProps;
-		$[5] = switchTo;
-		$[6] = t1;
-	} else t1 = $[6];
-	return t1;
+		$[10] = pressableProps;
+		$[11] = switchTo;
+		$[12] = t1;
+		$[13] = t2;
+		$[14] = t3;
+	} else t3 = $[14];
+	return t3;
 };
+function _temp(s) {
+	return s.threads.mainThreadId === s.threadListItem.id;
+}
 //#endregion
 export { ThreadListItemTrigger };
 

package/dist/primitives/threadListItem/ThreadListItemTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemTrigger.js","names":["ReactNode","Pressable","PressableProps","useThreadListItemTrigger","ThreadListItemTriggerProps","Omit","children","ThreadListItemTrigger","t0","$","_c","pressableProps","switchTo","t1"],"sources":["../../../src/primitives/threadListItem/ThreadListItemTrigger.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Pressable, type PressableProps } from \"react-native\";\nimport { useThreadListItemTrigger } from \"@assistant-ui/core/react\";\n\nexport type ThreadListItemTriggerProps = Omit<PressableProps, \"onPress\"> & {\n  children: ReactNode;\n};\n\nexport const ThreadListItemTrigger = ({\n  children,\n  ...pressableProps\n}: ThreadListItemTriggerProps) => {\n  const { switchTo } = useThreadListItemTrigger();\n\n  return (\n    <Pressable onPress={switchTo} {...pressableProps}>\n      {children}\n    </Pressable>\n  );\n};\n"],"mappings":";;;;;AAQA,MAAaO,yBAAwBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAJ;CAAA,IAAAK;CAAA,IAAAF,EAAA,OAAAD,IAAA;EAAC,CAAA,CAAAF,aAAAK,kBAAAH;EAGTC,EAAA,KAAAD;EAAAC,EAAA,KAAAH;EAAAG,EAAA,KAAAE;CAAA,OAAA;EAAAL,WAAAG,EAAA;EAAAE,iBAAAF,EAAA;CAAA;CAC3B,MAAA,EAAAG,aAAqBT,yBAAyB;CAAE,IAAAU;CAAA,IAAAJ,EAAA,OAAAH,YAAAG,EAAA,OAAAE,kBAAAF,EAAA,OAAAG,UAAA;EAG9CC,KAAA,oBAAC,WAAD;GAAoBD,SAAAA;GAAQ,GAAMD;GAC/BL;EADO,CAAA;EAEEG,EAAA,KAAAH;EAAAG,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAFZI;AAEY"}
+{"version":3,"file":"ThreadListItemTrigger.js","names":["ReactNode","Pressable","PressableProps","PressableStateCallbackType","useAuiState","useThreadListItemTrigger","ThreadListItemTriggerProps","Omit","children","state","isActive","ThreadListItemTrigger","t0","$","_c","accessibilityState","pressableProps","_temp","switchTo","t1","selected","t2","t3","s","threads","mainThreadId","threadListItem","id"],"sources":["../../../src/primitives/threadListItem/ThreadListItemTrigger.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport {\n  Pressable,\n  type PressableProps,\n  type PressableStateCallbackType,\n} from \"react-native\";\nimport { useAuiState } from \"@assistant-ui/store\";\nimport { useThreadListItemTrigger } from \"@assistant-ui/core/react\";\n\nexport type ThreadListItemTriggerProps = Omit<\n  PressableProps,\n  \"onPress\" | \"children\"\n> & {\n  children:\n    | ReactNode\n    | ((\n        state: PressableStateCallbackType & { isActive: boolean },\n      ) => ReactNode);\n};\n\nexport const ThreadListItemTrigger = ({\n  children,\n  accessibilityState,\n  ...pressableProps\n}: ThreadListItemTriggerProps) => {\n  const isActive = useAuiState(\n    (s) => s.threads.mainThreadId === s.threadListItem.id,\n  );\n  const { switchTo } = useThreadListItemTrigger();\n\n  return (\n    <Pressable\n      onPress={switchTo}\n      accessibilityRole=\"button\"\n      accessibilityState={{ selected: isActive, ...accessibilityState }}\n      {...pressableProps}\n    >\n      {typeof children === \"function\"\n        ? (state) => children({ ...state, isActive })\n        : children}\n    </Pressable>\n  );\n};\n"],"mappings":";;;;;;AAoBA,MAAaW,yBAAwBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAP;CAAA,IAAAQ;CAAA,IAAAH,EAAA,OAAAD,IAAA;EAAC,CAAA,CAAAJ,UAAAO,uBAAAC,kBAAAJ;EAITC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAL;EAAAK,EAAA,KAAAG;CAAA,OAAA;EAAAD,qBAAAF,EAAA;EAAAL,WAAAK,EAAA;EAAAG,iBAAAH,EAAA;CAAA;CAC3B,MAAAH,WAAiBN,YACfa,KACF;CACA,MAAA,EAAAC,aAAqBb,yBAAyB;CAAE,IAAAc;CAAA,IAAAN,EAAA,OAAAE,sBAAAF,EAAA,OAAAH,UAAA;EAMxBS,KAAA;GAAAC,UAAYV;GAAQ,GAAKK;EAAmB;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAH;EAAAG,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,OAAAL,YAAAK,EAAA,OAAAH,UAAA;EAGhEW,KAAA,OAAOb,aAAa,cAApBC,UACcD,SAAS;GAAA,GAAKC;GAAKC;EAAW,CAAC,IAD7CF;EAEWK,EAAA,KAAAL;EAAAK,EAAA,KAAAH;EAAAG,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,QAAAG,kBAAAH,EAAA,QAAAK,YAAAL,EAAA,QAAAM,MAAAN,EAAA,QAAAQ,IAAA;EARdC,KAAA,oBAAC,WAAD;GACWJ,SAAAA;GACS,mBAAA;GACE,oBAAAC;GAA6C,GAC7DH;GAEHK,UAAAA;EANO,CAAA;EASER,EAAA,MAAAG;EAAAH,EAAA,MAAAK;EAAAL,EAAA,MAAAM;EAAAN,EAAA,MAAAQ;EAAAR,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OATZS;AASY;AApBqB,SAAAL,MAAAM,GAAA;CAAA,OAM1BA,EAACC,QAAQC,iBAAkBF,EAACG,eAAeC;AAAG"}

package/dist/primitives/threadListItem/ThreadListItemUnarchive.d.ts

@@ -1,8 +1,7 @@
 import { PressableProps } from "react-native";
-import { ReactNode } from "react";
 //#region src/primitives/threadListItem/ThreadListItemUnarchive.d.ts
-type ThreadListItemUnarchiveProps = Omit<PressableProps, "onPress"> & {
-  children: ReactNode;
+type ThreadListItemUnarchiveProps = Omit<PressableProps, "onPress" | "children"> & {
+  children: PressableProps["children"];
 };
 declare const ThreadListItemUnarchive: ({ children, ...pressableProps }: ThreadListItemUnarchiveProps) => import("react").JSX.Element;
 //#endregion

package/dist/primitives/threadListItem/ThreadListItemUnarchive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemUnarchive.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemUnarchive.tsx"],"mappings":";;;KAIY,+BAA+B,KAAK;EAC9C,UAAU;;cAGC,4BAA2B,aAAA,kBAGrC,iDAA4B,IAAA"}
+{"version":3,"file":"ThreadListItemUnarchive.d.ts","names":[],"sources":["../../../src/primitives/threadListItem/ThreadListItemUnarchive.tsx"],"mappings":";;KAGY,+BAA+B,KACzC;EAGA,UAAU;;cAGC,4BAA2B,aAAA,kBAGrC,iDAA4B,IAAA"}

package/dist/primitives/threadListItem/ThreadListItemUnarchive.js

@@ -21,6 +21,7 @@ const ThreadListItemUnarchive = (t0) => {
 	if ($[3] !== children || $[4] !== pressableProps || $[5] !== unarchive) {
 		t1 = /* @__PURE__ */ jsx(Pressable, {
 			onPress: unarchive,
+			accessibilityRole: "button",
 			...pressableProps,
 			children
 		});

package/dist/primitives/threadListItem/ThreadListItemUnarchive.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListItemUnarchive.js","names":["ReactNode","Pressable","PressableProps","useThreadListItemUnarchive","ThreadListItemUnarchiveProps","Omit","children","ThreadListItemUnarchive","t0","$","_c","pressableProps","unarchive","t1"],"sources":["../../../src/primitives/threadListItem/ThreadListItemUnarchive.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Pressable, type PressableProps } from \"react-native\";\nimport { useThreadListItemUnarchive } from \"@assistant-ui/core/react\";\n\nexport type ThreadListItemUnarchiveProps = Omit<PressableProps, \"onPress\"> & {\n  children: ReactNode;\n};\n\nexport const ThreadListItemUnarchive = ({\n  children,\n  ...pressableProps\n}: ThreadListItemUnarchiveProps) => {\n  const { unarchive } = useThreadListItemUnarchive();\n\n  return (\n    <Pressable onPress={unarchive} {...pressableProps}>\n      {children}\n    </Pressable>\n  );\n};\n"],"mappings":";;;;;AAQA,MAAaO,2BAA0BC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAJ;CAAA,IAAAK;CAAA,IAAAF,EAAA,OAAAD,IAAA;EAAC,CAAA,CAAAF,aAAAK,kBAAAH;EAGTC,EAAA,KAAAD;EAAAC,EAAA,KAAAH;EAAAG,EAAA,KAAAE;CAAA,OAAA;EAAAL,WAAAG,EAAA;EAAAE,iBAAAF,EAAA;CAAA;CAC7B,MAAA,EAAAG,cAAsBT,2BAA2B;CAAE,IAAAU;CAAA,IAAAJ,EAAA,OAAAH,YAAAG,EAAA,OAAAE,kBAAAF,EAAA,OAAAG,WAAA;EAGjDC,KAAA,oBAAC,WAAD;GAAoBD,SAAAA;GAAS,GAAMD;GAChCL;EADO,CAAA;EAEEG,EAAA,KAAAH;EAAAG,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAFZI;AAEY"}
+{"version":3,"file":"ThreadListItemUnarchive.js","names":["Pressable","PressableProps","useThreadListItemUnarchive","ThreadListItemUnarchiveProps","Omit","children","ThreadListItemUnarchive","t0","$","_c","pressableProps","unarchive","t1"],"sources":["../../../src/primitives/threadListItem/ThreadListItemUnarchive.tsx"],"sourcesContent":["import { Pressable, type PressableProps } from \"react-native\";\nimport { useThreadListItemUnarchive } from \"@assistant-ui/core/react\";\n\nexport type ThreadListItemUnarchiveProps = Omit<\n  PressableProps,\n  \"onPress\" | \"children\"\n> & {\n  children: PressableProps[\"children\"];\n};\n\nexport const ThreadListItemUnarchive = ({\n  children,\n  ...pressableProps\n}: ThreadListItemUnarchiveProps) => {\n  const { unarchive } = useThreadListItemUnarchive();\n\n  return (\n    <Pressable\n      onPress={unarchive}\n      accessibilityRole=\"button\"\n      {...pressableProps}\n    >\n      {children}\n    </Pressable>\n  );\n};\n"],"mappings":";;;;;AAUA,MAAaM,2BAA0BC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAJ;CAAA,IAAAK;CAAA,IAAAF,EAAA,OAAAD,IAAA;EAAC,CAAA,CAAAF,aAAAK,kBAAAH;EAGTC,EAAA,KAAAD;EAAAC,EAAA,KAAAH;EAAAG,EAAA,KAAAE;CAAA,OAAA;EAAAL,WAAAG,EAAA;EAAAE,iBAAAF,EAAA;CAAA;CAC7B,MAAA,EAAAG,cAAsBT,2BAA2B;CAAE,IAAAU;CAAA,IAAAJ,EAAA,OAAAH,YAAAG,EAAA,OAAAE,kBAAAF,EAAA,OAAAG,WAAA;EAGjDC,KAAA,oBAAC,WAAD;GACWD,SAAAA;GACS,mBAAA;GAAQ,GACtBD;GAEHL;EALO,CAAA;EAMEG,EAAA,KAAAH;EAAAG,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OANZI;AAMY"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react-native",
-  "version": "0.1.36",
+  "version": "0.1.38",
   "description": "React Native bindings for assistant-ui",
   "keywords": [
     "assistant",
@@ -31,11 +31,11 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@assistant-ui/core": "^0.3.13",
-    "@assistant-ui/store": "^0.3.9",
-    "@assistant-ui/tap": "^0.9.12",
-    "assistant-stream": "^0.3.36",
-    "zustand": "^5.0.14"
+    "@assistant-ui/core": "^0.3.15",
+    "@assistant-ui/store": "^0.3.10",
+    "@assistant-ui/tap": "^0.9.14",
+    "assistant-stream": "^0.3.39",
+    "zustand": "^5.0.15"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -48,15 +48,16 @@
     }
   },
   "devDependencies": {
+    "@babel/core": "^7.29.7",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.4",
     "jsdom": "^30.0.1",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "react-native": "^0.86.2",
+    "react-native": "^0.87.0",
     "react-native-web": "^0.21.2",
     "vitest": "^4.1.10",
-    "@assistant-ui/x-buildutils": "0.0.22"
+    "@assistant-ui/x-buildutils": "0.0.23"
   },
   "publishConfig": {
     "access": "public",

package/src/index.ts

@@ -86,6 +86,7 @@ export type {
   ComposerState,
   AttachmentState,
   ThreadListItemState,
+  QueueItemState,
 } from "@assistant-ui/core/store";
 
 // Store hooks and components
@@ -123,6 +124,7 @@ export { useRemoteThreadListRuntime } from "./runtimes/useRemoteThreadListRuntim
 // Primitives
 export * as ThreadPrimitive from "./primitives/thread";
 export * as ComposerPrimitive from "./primitives/composer";
+export * as QueueItemPrimitive from "./primitives/queueItem";
 export * as MessagePrimitive from "./primitives/message";
 export * as ThreadListPrimitive from "./primitives/threadList";
 export * as ActionBarPrimitive from "./primitives/actionBar";

package/src/primitives/accessibilityRole.test.tsx

@@ -0,0 +1,335 @@
+import { act, type ReactNode } from "react";
+import { createRoot, type Root } from "react-dom/client";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+
+import { ActionBarCopy } from "./actionBar/ActionBarCopy";
+import { ActionBarEdit } from "./actionBar/ActionBarEdit";
+import { ActionBarFeedbackNegative } from "./actionBar/ActionBarFeedbackNegative";
+import { ActionBarFeedbackPositive } from "./actionBar/ActionBarFeedbackPositive";
+import { ActionBarReload } from "./actionBar/ActionBarReload";
+import { AttachmentRemove } from "./attachment/AttachmentRemove";
+import { BranchPickerNext } from "./branchPicker/BranchPickerNext";
+import { BranchPickerPrevious } from "./branchPicker/BranchPickerPrevious";
+import { ChainOfThoughtAccordionTrigger } from "./chainOfThought/ChainOfThoughtAccordionTrigger";
+import { ComposerAddAttachment } from "./composer/ComposerAddAttachment";
+import { ComposerCancel } from "./composer/ComposerCancel";
+import { ComposerQuoteDismiss } from "./composer/ComposerQuoteDismiss";
+import { ComposerSend } from "./composer/ComposerSend";
+import { QueueItemRemove } from "./queueItem/QueueItemRemove";
+import { QueueItemSteer } from "./queueItem/QueueItemSteer";
+import { SuggestionTrigger } from "./suggestion/SuggestionTrigger";
+import { ThreadSuggestion } from "./thread/ThreadSuggestion";
+import { ThreadListNew } from "./threadList/ThreadListNew";
+import { ThreadListItemArchive } from "./threadListItem/ThreadListItemArchive";
+import { ThreadListItemDelete } from "./threadListItem/ThreadListItemDelete";
+import { ThreadListItemTrigger } from "./threadListItem/ThreadListItemTrigger";
+import { ThreadListItemUnarchive } from "./threadListItem/ThreadListItemUnarchive";
+
+vi.mock("@assistant-ui/store", () => ({
+  useAui: () => ({
+    attachment: { remove: vi.fn() },
+    chainOfThought: { setCollapsed: vi.fn() },
+    composer: { setQuote: vi.fn() },
+    queueItem: { remove: vi.fn(), steer: vi.fn() },
+  }),
+  useAuiState: <T,>(
+    selector: (s: {
+      suggestion: { prompt: string };
+      chainOfThought: { collapsed: boolean };
+      threads: { newThreadId: string | null; mainThreadId: string };
+      threadListItem: { id: string };
+    }) => T,
+  ) =>
+    selector({
+      suggestion: { prompt: "p" },
+      chainOfThought: { collapsed: false },
+      threads: { newThreadId: null, mainThreadId: "main" },
+      threadListItem: { id: "thread" },
+    }),
+}));
+
+vi.mock("@assistant-ui/core/react", () => ({
+  useActionBarCopy: () => ({
+    copy: vi.fn(),
+    disabled: false,
+    isCopied: false,
+  }),
+  useActionBarEdit: () => ({ edit: vi.fn(), disabled: false }),
+  useActionBarFeedbackNegative: () => ({
+    submit: vi.fn(),
+    isSubmitted: false,
+  }),
+  useActionBarFeedbackPositive: () => ({
+    submit: vi.fn(),
+    isSubmitted: false,
+  }),
+  useActionBarReload: () => ({ reload: vi.fn(), disabled: false }),
+  useBranchPickerNext: () => ({ next: vi.fn(), disabled: false }),
+  useBranchPickerPrevious: () => ({ previous: vi.fn(), disabled: false }),
+  useComposerAddAttachment: () => ({ disabled: false }),
+  useComposerCancel: () => ({ cancel: vi.fn(), disabled: false }),
+  useComposerSend: () => ({ send: vi.fn(), disabled: false }),
+  useSuggestionTrigger: () => ({ trigger: vi.fn(), disabled: false }),
+  useThreadListNew: () => ({ switchToNewThread: vi.fn() }),
+  useThreadListItemArchive: () => ({ archive: vi.fn() }),
+  useThreadListItemDelete: () => ({ delete: vi.fn() }),
+  useThreadListItemTrigger: () => ({ switchTo: vi.fn() }),
+  useThreadListItemUnarchive: () => ({ unarchive: vi.fn() }),
+}));
+
+(globalThis as Record<string, unknown>).IS_REACT_ACT_ENVIRONMENT = true;
+
+declare global {
+  interface ImportMeta {
+    glob(
+      pattern: string,
+      options: { query: "?raw"; eager: true; import: "default" },
+    ): Record<string, string>;
+  }
+}
+
+type Extra = { accessibilityRole?: "link" | undefined };
+
+const actionable: ReadonlyArray<{
+  name: string;
+  render: (extra: Extra) => ReactNode;
+}> = [
+  {
+    name: "ActionBarCopy",
+    render: (e) => (
+      <ActionBarCopy testID="t" {...e}>
+        x
+      </ActionBarCopy>
+    ),
+  },
+  {
+    name: "ActionBarEdit",
+    render: (e) => (
+      <ActionBarEdit testID="t" {...e}>
+        x
+      </ActionBarEdit>
+    ),
+  },
+  {
+    name: "ActionBarFeedbackNegative",
+    render: (e) => (
+      <ActionBarFeedbackNegative testID="t" {...e}>
+        x
+      </ActionBarFeedbackNegative>
+    ),
+  },
+  {
+    name: "ActionBarFeedbackPositive",
+    render: (e) => (
+      <ActionBarFeedbackPositive testID="t" {...e}>
+        x
+      </ActionBarFeedbackPositive>
+    ),
+  },
+  {
+    name: "ActionBarReload",
+    render: (e) => (
+      <ActionBarReload testID="t" {...e}>
+        x
+      </ActionBarReload>
+    ),
+  },
+  {
+    name: "AttachmentRemove",
+    render: (e) => (
+      <AttachmentRemove testID="t" {...e}>
+        x
+      </AttachmentRemove>
+    ),
+  },
+  {
+    name: "BranchPickerNext",
+    render: (e) => (
+      <BranchPickerNext testID="t" {...e}>
+        x
+      </BranchPickerNext>
+    ),
+  },
+  {
+    name: "BranchPickerPrevious",
+    render: (e) => (
+      <BranchPickerPrevious testID="t" {...e}>
+        x
+      </BranchPickerPrevious>
+    ),
+  },
+  {
+    name: "ChainOfThoughtAccordionTrigger",
+    render: (e) => (
+      <ChainOfThoughtAccordionTrigger testID="t" {...e}>
+        x
+      </ChainOfThoughtAccordionTrigger>
+    ),
+  },
+  {
+    name: "ComposerAddAttachment",
+    render: (e) => (
+      <ComposerAddAttachment testID="t" {...e}>
+        x
+      </ComposerAddAttachment>
+    ),
+  },
+  {
+    name: "ComposerCancel",
+    render: (e) => (
+      <ComposerCancel testID="t" {...e}>
+        x
+      </ComposerCancel>
+    ),
+  },
+  {
+    name: "ComposerSend",
+    render: (e) => (
+      <ComposerSend testID="t" {...e}>
+        x
+      </ComposerSend>
+    ),
+  },
+  {
+    name: "ComposerQuoteDismiss",
+    render: (e) => (
+      <ComposerQuoteDismiss testID="t" {...e}>
+        x
+      </ComposerQuoteDismiss>
+    ),
+  },
+  {
+    name: "QueueItemRemove",
+    render: (e) => (
+      <QueueItemRemove testID="t" {...e}>
+        x
+      </QueueItemRemove>
+    ),
+  },
+  {
+    name: "QueueItemSteer",
+    render: (e) => (
+      <QueueItemSteer testID="t" {...e}>
+        x
+      </QueueItemSteer>
+    ),
+  },
+  {
+    name: "SuggestionTrigger",
+    render: (e) => (
+      <SuggestionTrigger testID="t" {...e}>
+        x
+      </SuggestionTrigger>
+    ),
+  },
+  {
+    name: "ThreadSuggestion",
+    render: (e) => (
+      <ThreadSuggestion testID="t" prompt="p" {...e}>
+        x
+      </ThreadSuggestion>
+    ),
+  },
+  {
+    name: "ThreadListNew",
+    render: (e) => (
+      <ThreadListNew testID="t" {...e}>
+        x
+      </ThreadListNew>
+    ),
+  },
+  {
+    name: "ThreadListItemArchive",
+    render: (e) => (
+      <ThreadListItemArchive testID="t" {...e}>
+        x
+      </ThreadListItemArchive>
+    ),
+  },
+  {
+    name: "ThreadListItemDelete",
+    render: (e) => (
+      <ThreadListItemDelete testID="t" {...e}>
+        x
+      </ThreadListItemDelete>
+    ),
+  },
+  {
+    name: "ThreadListItemTrigger",
+    render: (e) => (
+      <ThreadListItemTrigger testID="t" {...e}>
+        x
+      </ThreadListItemTrigger>
+    ),
+  },
+  {
+    name: "ThreadListItemUnarchive",
+    render: (e) => (
+      <ThreadListItemUnarchive testID="t" {...e}>
+        x
+      </ThreadListItemUnarchive>
+    ),
+  },
+];
+
+describe("react-native primitive accessibility roles", () => {
+  let container: HTMLDivElement;
+  let root: Root;
+
+  beforeEach(() => {
+    container = document.createElement("div");
+    document.body.appendChild(container);
+    root = createRoot(container);
+  });
+
+  afterEach(async () => {
+    await act(async () => {
+      root.unmount();
+    });
+    container.remove();
+  });
+
+  const mount = async (node: ReactNode) => {
+    await act(async () => {
+      root.render(node);
+    });
+    const el = container.querySelector('[data-testid="t"]');
+    expect(el).not.toBeNull();
+    return el as HTMLElement;
+  };
+
+  it("gives every Pressable primitive in the package a button role", () => {
+    const wrappers = Object.entries(
+      import.meta.glob("./**/*.tsx", {
+        query: "?raw",
+        eager: true,
+        import: "default",
+      }),
+    ).filter(
+      ([file, source]) =>
+        !file.endsWith(".test.tsx") && source.includes("<Pressable"),
+    );
+
+    expect(
+      wrappers
+        .filter(([, source]) => !source.includes('accessibilityRole="button"'))
+        .map(([file]) => file),
+    ).toEqual([]);
+
+    expect(
+      wrappers.map(([file]) => file.replace(/^.*\/|\.tsx$/g, "")).sort(),
+    ).toEqual(actionable.map(({ name }) => name).sort());
+  });
+
+  for (const { name, render } of actionable) {
+    it(`${name} defaults its accessibilityRole to button`, async () => {
+      const el = await mount(render({}));
+      expect(el.getAttribute("role")).toBe("button");
+    });
+
+    it(`${name} lets the caller override the role`, async () => {
+      const el = await mount(render({ accessibilityRole: "link" }));
+      expect(el.getAttribute("role")).toBe("link");
+    });
+  }
+});

package/src/primitives/actionBar/ActionBarCopy.tsx

@@ -26,6 +26,7 @@ export const ActionBarCopy = ({
     <Pressable
       onPress={copy}
       disabled={disabledProp ?? disabled}
+      accessibilityRole="button"
       {...pressableProps}
     >
       {typeof children === "function" ? children({ isCopied }) : children}

package/src/primitives/actionBar/ActionBarEdit.tsx

@@ -1,9 +1,11 @@
-import type { ReactNode } from "react";
 import { Pressable, type PressableProps } from "react-native";
 import { useActionBarEdit } from "@assistant-ui/core/react";
 
-export type ActionBarEditProps = Omit<PressableProps, "onPress"> & {
-  children: ReactNode;
+export type ActionBarEditProps = Omit<
+  PressableProps,
+  "onPress" | "children"
+> & {
+  children: PressableProps["children"];
 };
 
 export const ActionBarEdit = ({
@@ -17,6 +19,7 @@ export const ActionBarEdit = ({
     <Pressable
       onPress={edit}
       disabled={disabledProp ?? disabled}
+      accessibilityRole="button"
       {...pressableProps}
     >
       {children}

package/src/primitives/actionBar/ActionBarFeedbackNegative.tsx

@@ -16,7 +16,7 @@ export const ActionBarFeedbackNegative = ({
   const { submit, isSubmitted } = useActionBarFeedbackNegative();
 
   return (
-    <Pressable onPress={submit} {...pressableProps}>
+    <Pressable onPress={submit} accessibilityRole="button" {...pressableProps}>
       {typeof children === "function" ? children({ isSubmitted }) : children}
     </Pressable>
   );

package/src/primitives/actionBar/ActionBarFeedbackPositive.tsx

@@ -16,7 +16,7 @@ export const ActionBarFeedbackPositive = ({
   const { submit, isSubmitted } = useActionBarFeedbackPositive();
 
   return (
-    <Pressable onPress={submit} {...pressableProps}>
+    <Pressable onPress={submit} accessibilityRole="button" {...pressableProps}>
       {typeof children === "function" ? children({ isSubmitted }) : children}
     </Pressable>
   );

package/src/primitives/actionBar/ActionBarReload.tsx

@@ -1,9 +1,11 @@
-import type { ReactNode } from "react";
 import { Pressable, type PressableProps } from "react-native";
 import { useActionBarReload } from "@assistant-ui/core/react";
 
-export type ActionBarReloadProps = Omit<PressableProps, "onPress"> & {
-  children: ReactNode;
+export type ActionBarReloadProps = Omit<
+  PressableProps,
+  "onPress" | "children"
+> & {
+  children: PressableProps["children"];
 };
 
 export const ActionBarReload = ({
@@ -17,6 +19,7 @@ export const ActionBarReload = ({
     <Pressable
       onPress={reload}
       disabled={disabledProp ?? disabled}
+      accessibilityRole="button"
       {...pressableProps}
     >
       {children}

package/src/primitives/attachment/AttachmentRemove.tsx

@@ -1,10 +1,13 @@
-import { type ReactNode, useCallback } from "react";
+import { useCallback } from "react";
 import { Pressable, type PressableProps } from "react-native";
 
 import { useAui } from "@assistant-ui/store";
 
-export type AttachmentRemoveProps = Omit<PressableProps, "onPress"> & {
-  children: ReactNode;
+export type AttachmentRemoveProps = Omit<
+  PressableProps,
+  "onPress" | "children"
+> & {
+  children: PressableProps["children"];
 };
 
 export const AttachmentRemove = ({
@@ -18,7 +21,11 @@ export const AttachmentRemove = ({
   }, [aui]);
 
   return (
-    <Pressable onPress={handleRemove} {...pressableProps}>
+    <Pressable
+      onPress={handleRemove}
+      accessibilityRole="button"
+      {...pressableProps}
+    >
       {children}
     </Pressable>
   );

package/src/primitives/branchPicker/BranchPickerNext.tsx

@@ -1,9 +1,11 @@
-import type { ReactNode } from "react";
 import { Pressable, type PressableProps } from "react-native";
 import { useBranchPickerNext } from "@assistant-ui/core/react";
 
-export type BranchPickerNextProps = Omit<PressableProps, "onPress"> & {
-  children: ReactNode;
+export type BranchPickerNextProps = Omit<
+  PressableProps,
+  "onPress" | "children"
+> & {
+  children: PressableProps["children"];
 };
 
 export const BranchPickerNext = ({
@@ -17,6 +19,7 @@ export const BranchPickerNext = ({
     <Pressable
       onPress={next}
       disabled={disabledProp ?? disabled}
+      accessibilityRole="button"
       {...pressableProps}
     >
       {children}