bleam 0.0.13 → 0.0.14

package/dist/files.d.ts

@@ -1,2 +1,2 @@
-import { a as DownloadTask, c as FileStat, d as PickOptions, f as RemoveOptions, i as DownloadProgress, l as FileType, m as files, n as DirectoryRef, o as FilePaths, p as WriteOptions, r as DownloadOptions, s as FileRef, t as CreateDirectoryOptions, u as PickFileType } from "./files-4ZEoAWiv.js";
+import { a as DownloadTask, c as FileStat, d as PickOptions, f as RemoveOptions, i as DownloadProgress, l as FileType, m as files, n as DirectoryRef, o as FilePaths, p as WriteOptions, r as DownloadOptions, s as FileRef, t as CreateDirectoryOptions, u as PickFileType } from "./files-VrkQlKIT.js";
 export { CreateDirectoryOptions, DirectoryRef, DownloadOptions, DownloadProgress, DownloadTask, FilePaths, FileRef, FileStat, FileType, PickFileType, PickOptions, RemoveOptions, WriteOptions, files };

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-import { a as HexColor, c as defineConfig, i as BleamUserInterfaceStyle, n as BleamConfig, o as appConfig, r as BleamInternalExpoConfig, s as createExpoConfig, t as BleamAppearance } from "./config-Cms0rvqg.js";
+import { a as HexColor, c as defineConfig, i as BleamUserInterfaceStyle, n as BleamConfig, o as appConfig, r as BleamInternalExpoConfig, s as createExpoConfig, t as BleamAppearance } from "./config-Chi-flpJ.js";
 export { BleamAppearance, BleamConfig, BleamInternalExpoConfig, BleamUserInterfaceStyle, HexColor, appConfig, createExpoConfig, defineConfig };

package/dist/schema.d.ts

@@ -1,2 +1,2 @@
-import { A as array, C as SchemaOutput, D as StandardSchema, E as SchemaShape, F as number, I as object, L as schema, M as getFieldSchema, N as getValueAtPath, O as StringField, P as literal, R as string, S as SchemaJSONSchema, T as SchemaResult, _ as ObjectField, a as FieldAtFieldPath, b as SchemaInput, c as FieldPath, d as FieldValue, f as InferInput, g as NumberField, h as LiteralField, i as DeepPartial, j as boolean, k as ValueAtFieldPath, l as FieldSchema, m as JSONValue, n as BleamSchema, o as FieldInput, p as InferOutput, r as BooleanField, s as FieldOutput, t as ArrayField, u as FieldToken, v as PrimitiveValue, w as SchemaPatch, x as SchemaIssue, y as SchemaError } from "./schema-LxnzAfgw.js";
+import { A as array, C as SchemaOutput, D as StandardSchema, E as SchemaShape, F as number, I as object, L as schema, M as getFieldSchema, N as getValueAtPath, O as StringField, P as literal, R as string, S as SchemaJSONSchema, T as SchemaResult, _ as ObjectField, a as FieldAtFieldPath, b as SchemaInput, c as FieldPath, d as FieldValue, f as InferInput, g as NumberField, h as LiteralField, i as DeepPartial, j as boolean, k as ValueAtFieldPath, l as FieldSchema, m as JSONValue, n as BleamSchema, o as FieldInput, p as InferOutput, r as BooleanField, s as FieldOutput, t as ArrayField, u as FieldToken, v as PrimitiveValue, w as SchemaPatch, x as SchemaIssue, y as SchemaError } from "./schema-DsXZBnvc.js";
 export { ArrayField, BleamSchema, BooleanField, DeepPartial, FieldAtFieldPath, FieldInput, FieldOutput, FieldPath, FieldSchema, FieldToken, FieldValue, InferInput, InferOutput, JSONValue, LiteralField, NumberField, ObjectField, PrimitiveValue, SchemaError, SchemaInput, SchemaIssue, SchemaJSONSchema, SchemaOutput, SchemaPatch, SchemaResult, SchemaShape, StandardSchema, StringField, ValueAtFieldPath, array, boolean, getFieldSchema, getValueAtPath, literal, number, object, schema, string };

package/dist/{state-BZYyrE2-.cjs → state-Bm9GiRnU.cjs}

@@ -8,6 +8,8 @@ let jotai_vanilla = require("jotai/vanilla");
 jotai_vanilla = require_chunk.__toESM(jotai_vanilla);
 let jotai_family = require("jotai-family");
 jotai_family = require_chunk.__toESM(jotai_family);
+let expo_sqlite = require("expo-sqlite");
+expo_sqlite = require_chunk.__toESM(expo_sqlite);
 
 //#region src/state/atom.ts
 const storedAtomsKey = Symbol.for("bleam.state.storedAtoms.v1");
@@ -128,6 +130,55 @@ function internalJotaiWritableAtom(value) {
 }
 const internalStore = (0, jotai_vanilla.getDefaultStore)();
 
+//#endregion
+//#region src/native-sqlite.ts
+const databases = /* @__PURE__ */ new Map();
+function toExpoParameters(parameters) {
+	return parameters;
+}
+function toSQLiteValue(value) {
+	if (typeof value === "string" || typeof value === "number" || value === null) return value;
+	throw new Error("SQLite blobs are not supported by Bleam state yet");
+}
+function toSQLiteRow(row) {
+	const output = {};
+	for (const [key, value] of Object.entries(row)) output[key] = toSQLiteValue(value);
+	return output;
+}
+var NativeSQLiteDatabase = class NativeSQLiteDatabase {
+	constructor(database) {
+		this.database = database;
+	}
+	async execute(query, parameters) {
+		await this.database.runAsync(query, toExpoParameters(parameters) ?? []);
+	}
+	async select(query, parameters) {
+		return (await this.database.getAllAsync(query, toExpoParameters(parameters) ?? [])).map(toSQLiteRow);
+	}
+	async get(query, parameters) {
+		const row = await this.database.getFirstAsync(query, toExpoParameters(parameters) ?? []);
+		return row ? toSQLiteRow(row) : void 0;
+	}
+	async transaction(action) {
+		let result;
+		await this.database.withExclusiveTransactionAsync(async (transaction) => {
+			result = await action(new NativeSQLiteDatabase(transaction));
+		});
+		return result;
+	}
+	close() {
+		return this.database.closeAsync();
+	}
+};
+function openNativeSQLiteDatabase(name = "bleam.sqlite3") {
+	let database = databases.get(name);
+	if (!database) {
+		database = (0, expo_sqlite.openDatabaseAsync)(name).then((value) => new NativeSQLiteDatabase(value));
+		databases.set(name, database);
+	}
+	return database;
+}
+
 //#endregion
 //#region src/state/collection.ts
 var CollectionVersionConflictError = class extends Error {
@@ -155,18 +206,18 @@ let jsonSqlSupportPromise;
 let mutationPipeline = Promise.resolve();
 let transactionCallbackStarting = false;
 function getDatabase() {
-	databasePromise ??= Promise.resolve().then(() => require("./native-sqlite-Dw--FI9a.cjs")).then((module$1) => module$1.openNativeSQLiteDatabase(`${require_app_storage.currentAppStorageKey()}.sqlite3`));
+	databasePromise ??= Promise.resolve().then(() => openNativeSQLiteDatabase(`${require_app_storage.currentAppStorageKey()}.sqlite3`));
 	return databasePromise;
 }
 async function initializedDatabase() {
 	initializedPromise ??= (async () => {
 		const database = await getDatabase();
 		await database.execute("PRAGMA journal_mode = WAL");
-		if (numberValue(await database.get("PRAGMA user_version"), "user_version", 0) !== schemaVersion) await database.transaction(async () => {
-			await database.execute("DROP TABLE IF EXISTS links");
-			await database.execute("DROP TABLE IF EXISTS collections");
-			await createTables(database);
-			await database.execute(`PRAGMA user_version = ${schemaVersion}`);
+		if (numberValue(await database.get("PRAGMA user_version"), "user_version", 0) !== schemaVersion) await database.transaction(async (transaction) => {
+			await transaction.execute("DROP TABLE IF EXISTS links");
+			await transaction.execute("DROP TABLE IF EXISTS collections");
+			await createTables(transaction);
+			await transaction.execute(`PRAGMA user_version = ${schemaVersion}`);
 		});
 		else await createTables(database);
 		return database;
@@ -648,7 +699,7 @@ function enqueueMutation(action) {
 		const database = await initializedDatabase();
 		const changes = /* @__PURE__ */ new Map();
 		try {
-			const value = await database.transaction(() => action(database, changes));
+			const value = await database.transaction((transaction) => action(transaction, changes));
 			publishChanges(changes);
 			resolve(value);
 		} catch (error) {

package/dist/{state-DkaRFkZJ.js → state-D8Firo9w.js}

@@ -4,6 +4,7 @@ import { l as schema } from "./schema-B7ELMpuI.js";
 import { useAtom, useAtomValue, useSetAtom } from "jotai/react";
 import { atom, getDefaultStore } from "jotai/vanilla";
 import { atomFamily } from "jotai-family";
+import { openDatabaseAsync } from "expo-sqlite";
 
 //#region src/state/atom.ts
 const storedAtomsKey = Symbol.for("bleam.state.storedAtoms.v1");
@@ -124,6 +125,55 @@ function internalJotaiWritableAtom(value) {
 }
 const internalStore = getDefaultStore();
 
+//#endregion
+//#region src/native-sqlite.ts
+const databases = /* @__PURE__ */ new Map();
+function toExpoParameters(parameters) {
+	return parameters;
+}
+function toSQLiteValue(value) {
+	if (typeof value === "string" || typeof value === "number" || value === null) return value;
+	throw new Error("SQLite blobs are not supported by Bleam state yet");
+}
+function toSQLiteRow(row) {
+	const output = {};
+	for (const [key, value] of Object.entries(row)) output[key] = toSQLiteValue(value);
+	return output;
+}
+var NativeSQLiteDatabase = class NativeSQLiteDatabase {
+	constructor(database) {
+		this.database = database;
+	}
+	async execute(query, parameters) {
+		await this.database.runAsync(query, toExpoParameters(parameters) ?? []);
+	}
+	async select(query, parameters) {
+		return (await this.database.getAllAsync(query, toExpoParameters(parameters) ?? [])).map(toSQLiteRow);
+	}
+	async get(query, parameters) {
+		const row = await this.database.getFirstAsync(query, toExpoParameters(parameters) ?? []);
+		return row ? toSQLiteRow(row) : void 0;
+	}
+	async transaction(action) {
+		let result;
+		await this.database.withExclusiveTransactionAsync(async (transaction) => {
+			result = await action(new NativeSQLiteDatabase(transaction));
+		});
+		return result;
+	}
+	close() {
+		return this.database.closeAsync();
+	}
+};
+function openNativeSQLiteDatabase(name = "bleam.sqlite3") {
+	let database = databases.get(name);
+	if (!database) {
+		database = openDatabaseAsync(name).then((value) => new NativeSQLiteDatabase(value));
+		databases.set(name, database);
+	}
+	return database;
+}
+
 //#endregion
 //#region src/state/collection.ts
 var CollectionVersionConflictError = class extends Error {
@@ -151,18 +201,18 @@ let jsonSqlSupportPromise;
 let mutationPipeline = Promise.resolve();
 let transactionCallbackStarting = false;
 function getDatabase() {
-	databasePromise ??= import("./native-sqlite-WzRNzCSh.js").then((module) => module.openNativeSQLiteDatabase(`${currentAppStorageKey()}.sqlite3`));
+	databasePromise ??= Promise.resolve().then(() => openNativeSQLiteDatabase(`${currentAppStorageKey()}.sqlite3`));
 	return databasePromise;
 }
 async function initializedDatabase() {
 	initializedPromise ??= (async () => {
 		const database = await getDatabase();
 		await database.execute("PRAGMA journal_mode = WAL");
-		if (numberValue(await database.get("PRAGMA user_version"), "user_version", 0) !== schemaVersion) await database.transaction(async () => {
-			await database.execute("DROP TABLE IF EXISTS links");
-			await database.execute("DROP TABLE IF EXISTS collections");
-			await createTables(database);
-			await database.execute(`PRAGMA user_version = ${schemaVersion}`);
+		if (numberValue(await database.get("PRAGMA user_version"), "user_version", 0) !== schemaVersion) await database.transaction(async (transaction) => {
+			await transaction.execute("DROP TABLE IF EXISTS links");
+			await transaction.execute("DROP TABLE IF EXISTS collections");
+			await createTables(transaction);
+			await transaction.execute(`PRAGMA user_version = ${schemaVersion}`);
 		});
 		else await createTables(database);
 		return database;
@@ -644,7 +694,7 @@ function enqueueMutation(action) {
 		const database = await initializedDatabase();
 		const changes = /* @__PURE__ */ new Map();
 		try {
-			const value = await database.transaction(() => action(database, changes));
+			const value = await database.transaction((transaction) => action(transaction, changes));
 			publishChanges(changes);
 			resolve(value);
 		} catch (error) {

package/dist/state.cjs

@@ -2,7 +2,7 @@ require('./native-runtime-CsXnXkQn.cjs');
 require('./crypto-CT3VZ7lF.cjs');
 require('./app-storage-D8W4n8ey.cjs');
 const require_schema = require('./schema-B7SLUBLN.cjs');
-const require_state = require('./state-BZYyrE2-.cjs');
+const require_state = require('./state-Bm9GiRnU.cjs');
 
 exports.CollectionVersionConflictError = require_state.CollectionVersionConflictError;
 exports.array = require_schema.array;

package/dist/state.d.ts

@@ -1,4 +1,4 @@
-import { A as array, C as SchemaOutput, E as SchemaShape, F as number, I as object, P as literal, R as string, _ as ObjectField, b as SchemaInput, c as FieldPath, j as boolean, k as ValueAtFieldPath, s as FieldOutput, w as SchemaPatch } from "./schema-LxnzAfgw.js";
+import { A as array, C as SchemaOutput, E as SchemaShape, F as number, I as object, P as literal, R as string, _ as ObjectField, b as SchemaInput, c as FieldPath, j as boolean, k as ValueAtFieldPath, s as FieldOutput, w as SchemaPatch } from "./schema-DsXZBnvc.js";
 import "jotai/vanilla";
 
 //#region src/state/atom.d.ts

package/dist/state.js

@@ -2,6 +2,6 @@ import "./native-runtime-C85Nuc4F.js";
 import "./crypto-BB92-Upx.js";
 import "./app-storage-Isi5Bo0R.js";
 import { c as object, n as array, o as literal, r as boolean, s as number, u as string } from "./schema-B7ELMpuI.js";
-import { a as transactionAtom, c as useRow, h as useSetAtom, i as queryAtom, l as atom, m as useAtomValue, n as atomCollection, o as useField, p as useAtom, r as mutateAtom, s as useList, t as CollectionVersionConflictError } from "./state-DkaRFkZJ.js";
+import { a as transactionAtom, c as useRow, h as useSetAtom, i as queryAtom, l as atom, m as useAtomValue, n as atomCollection, o as useField, p as useAtom, r as mutateAtom, s as useList, t as CollectionVersionConflictError } from "./state-D8Firo9w.js";
 
 export { CollectionVersionConflictError, array, atom, atomCollection, boolean, literal, mutateAtom, number, object, queryAtom, string, transactionAtom, useAtom, useAtomValue, useField, useList, useRow, useSetAtom };

package/dist/window.d.cts

@@ -1,4 +1,4 @@
-import { n as SymbolName } from "./elements-CFk0QHw0.cjs";
+import { n as SymbolName } from "./elements-gEI8YGl1.cjs";
 import * as react3 from "react";
 import { ComponentType } from "react";
 import { StyleProp, ViewStyle } from "react-native";

package/dist/window.d.ts

@@ -1,5 +1,5 @@
-import { n as SymbolName } from "./elements-ClGQ41Sc.js";
-import * as react5 from "react";
+import { n as SymbolName } from "./elements-DX_YUveu.js";
+import * as react3 from "react";
 import { ComponentType } from "react";
 import { StyleProp, ViewStyle } from "react-native";
 
@@ -55,7 +55,7 @@ type SidebarNavigatorConfig<Routes extends SidebarScreenMap> = {
   style?: StyleProp<ViewStyle>;
 };
 declare function createSidebarNavigator<const Routes extends SidebarScreenMap>(config: SidebarNavigatorConfig<Routes>): {
-  Navigator: () => react5.JSX.Element;
+  Navigator: () => react3.JSX.Element;
   useNavigation: () => SidebarNavigation<Routes>;
   useRoute: () => SidebarRouteState<Routes>;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bleam",
-  "version": "0.0.13",
-  "packageManager": "yarn@1.22.22",
+  "version": "0.0.14",
+  "packageManager": "yarn@4.17.1",
   "type": "module",
   "files": [
     "dist",
@@ -10,9 +10,7 @@
     "tsconfig.json",
     "tsconfig.base.json"
   ],
-  "bin": {
-    "bleam": "dist/cli.js"
-  },
+  "bin": "dist/cli.js",
   "scripts": {
     "build": "tsdown",
     "prepublishOnly": "tsdown",
@@ -30,11 +28,11 @@
   "dependencies": {
     "@biomejs/biome": "^2.2.0",
     "@expo/metro": "56.0.0",
-    "@nativescript-community/sqlite": "^3.5.9",
     "@nativescript/react-native": "9.0.0-preview.4",
     "@types/react": "~19.2.17",
     "expo": "57",
     "expo-splash-screen": "57.0.2",
+    "expo-sqlite": "~57.0.1",
     "jotai": "2.20.2",
     "jotai-family": "1.0.2",
     "react": "19.2.3",

package/templates/basic/app/index.tsx

@@ -1,139 +1,17 @@
-import { Button } from 'bleam/elements'
-import { atom, useAtom } from 'bleam/state'
 import { sx } from 'bleam/styles'
-import { Toolbar, Window } from 'bleam/window'
+import { Window } from 'bleam/window'
 import { Text, View } from 'react-native'
 
 const appName = 'Bleam Basic'
-const counter = atom(0)
 
 export default function App() {
-  const [count, setCount] = useAtom(counter)
-
   return (
-    <View style={sx('flex-1')}>
-      <Window title={appName} titleVisibility="visible" />
-      <Toolbar toolbarStyle="unified" />
-
-      <View style={sx('flex-1', 'items-center', 'justify-center', 'p-6')}>
-        <View style={sx('flex-1', 'w-full', 'max-w-5xl', 'max-h-3xl')}>
-          <View style={sx('flex-1', 'items-center', 'justify-center', 'px-6')}>
-            <View style={sx('items-center', 'gap-8')}>
-              <View
-                style={sx('h-44', 'w-44', 'items-center', 'justify-center')}
-              >
-                <View
-                  style={sx(
-                    'absolute',
-                    'top-0',
-                    'h-24',
-                    'w-32',
-                    'rounded-2xl',
-                    'border',
-                    'border-tertiary-label',
-                    'bg-system',
-                    'items-center',
-                    'justify-center',
-                    'rotate-30',
-                  )}
-                >
-                  <Text
-                    style={sx(
-                      'text-3xl',
-                      'font-semibold',
-                      'text-system-cyan',
-                      '-rotate-30',
-                    )}
-                  >
-                    B
-                  </Text>
-                </View>
-
-                <View
-                  style={sx(
-                    'absolute',
-                    'bottom-2',
-                    'h-24',
-                    'w-32',
-                    'rounded-2xl',
-                    'border-2',
-                    'border-system-purple',
-                    'bg-secondary-system',
-                    'items-center',
-                    'justify-center',
-                    'rotate-30',
-                  )}
-                >
-                  <Text
-                    style={sx(
-                      'text-3xl',
-                      'font-bold',
-                      'text-system-purple',
-                      '-rotate-30',
-                    )}
-                  >
-                    JS
-                  </Text>
-                </View>
-              </View>
-
-              <View style={sx('items-center')}>
-                <Text
-                  style={sx(
-                    'text-5xl',
-                    'font-semibold',
-                    'tracking-tighter',
-                    'text-label',
-                    'text-center',
-                  )}
-                >
-                  Get started
-                </Text>
-                <Text
-                  style={sx(
-                    'mt-6',
-                    'text-lg',
-                    'text-secondary-label',
-                    'text-center',
-                  )}
-                >
-                  Edit{' '}
-                  <Text
-                    style={sx(
-                      'rounded-md',
-                      'italic',
-                      'px-2',
-                      'py-1',
-                      'text-label',
-                    )}
-                  >
-                    app/index.tsx
-                  </Text>{' '}
-                  and save to test{' '}
-                  <Text
-                    style={sx(
-                      'rounded-md',
-                      'italic',
-                      'px-2',
-                      'py-1',
-                      'text-label',
-                    )}
-                  >
-                    live reload
-                  </Text>
-                </Text>
-              </View>
-
-              <Button
-                label={`Count is ${count}`}
-                variant="secondary"
-                size="regular"
-                onPress={() => setCount((value) => value + 1)}
-              />
-            </View>
-          </View>
-        </View>
-      </View>
+    <View style={sx('flex-1', 'items-center', 'justify-center', 'px-6')}>
+      <Window title={appName} />
+      <Text style={sx('text-3xl', 'font-bold', 'text-label')}>{appName}</Text>
+      <Text style={sx('mt-2', 'text-base', 'text-secondary-label')}>
+        Open app/index.tsx to start working on your app.
+      </Text>
     </View>
   )
 }

package/templates/foundation-models/app/index.tsx

@@ -1,13 +1,47 @@
 import { chat, useChat, useChatList } from 'bleam/ai'
-import { Button } from 'bleam/elements'
+import {
+  Button,
+  Conversation,
+  ConversationContent,
+  ConversationEmptyState,
+  ConversationScrollButton,
+  Message,
+  MessageActions,
+  MessageContent,
+  MessageStatus,
+  MessageText,
+  PromptInput,
+  PromptInputFooter,
+  PromptInputSubmit,
+  PromptInputTextarea,
+} from 'bleam/elements'
 import { sx } from 'bleam/styles'
 import { Window } from 'bleam/window'
-import { useEffect, useRef, useState } from 'react'
-import { Text, TextInput, View } from 'react-native'
+import { Suspense, useEffect, useRef, useState } from 'react'
+import { Text, View } from 'react-native'
 
 const appName = 'Bleam Basic'
 
 export default function App() {
+  return (
+    <View style={sx('flex-1', 'p-8', 'gap-6')}>
+      <Window title={appName} />
+      <Text style={sx('text-3xl', 'font-semibold')}>Foundation Models</Text>
+      <Text style={sx('text-secondary-label')}>
+        Chats persist on this Mac and use Apple Foundation Models by default.
+      </Text>
+      <Suspense
+        fallback={
+          <Text style={sx('text-secondary-label')}>Loading local chats...</Text>
+        }
+      >
+        <ChatSession />
+      </Suspense>
+    </View>
+  )
+}
+
+function ChatSession() {
   const chats = useChatList()
   const creating = useRef(false)
   const [error, setError] = useState('')
@@ -25,15 +59,10 @@ export default function App() {
   }, [chats.length])
 
   return (
-    <View style={sx('flex-1', 'p-8', 'gap-6')}>
-      <Window title={appName} />
-      <Text style={sx('text-3xl', 'font-semibold')}>Foundation Models</Text>
-      <Text style={sx('text-secondary-label')}>
-        Chats persist on this Mac and use Apple Foundation Models by default.
-      </Text>
+    <View style={sx('flex-1')}>
       {error ? <Text style={sx('text-system-red')}>{error}</Text> : null}
       {chats[0] ? (
-        <Conversation id={chats[0].id} />
+        <ChatConversation id={chats[0].id} />
       ) : (
         <Text>Creating chat...</Text>
       )}
@@ -41,7 +70,7 @@ export default function App() {
   )
 }
 
-function Conversation({ id }: { id: string }) {
+function ChatConversation({ id }: { id: string }) {
   const conversation = useChat(id, {
     system: 'You suggest practical, concise native Mac app ideas.',
   })
@@ -56,39 +85,69 @@ function Conversation({ id }: { id: string }) {
       : null
 
   return (
-    <View style={sx('gap-4')}>
-      <TextInput
+    <View style={sx('flex-1', 'gap-4')}>
+      <Conversation>
+        <ConversationContent
+          data={conversation.messages}
+          keyExtractor={(message) => message.id}
+          ListEmptyComponent={
+            <ConversationEmptyState
+              title="Start a conversation"
+              description="Ask for a practical native Mac app idea."
+            />
+          }
+          renderItem={({ item: message }) => (
+            <Message from={message.role}>
+              {message.content ? (
+                <MessageContent>
+                  <MessageText>{message.content}</MessageText>
+                </MessageContent>
+              ) : null}
+              {message.status !== 'completed' ? (
+                <MessageStatus status={message.status} />
+              ) : null}
+              {retryable?.id === message.id ? (
+                <MessageActions>
+                  <Button
+                    label="Retry"
+                    size="small"
+                    variant="secondary"
+                    onPress={() => void conversation.retry(message.id)}
+                  />
+                </MessageActions>
+              ) : null}
+            </Message>
+          )}
+        />
+        <ConversationScrollButton />
+      </Conversation>
+
+      <PromptInput
+        disabled={!conversation.canSend && !conversation.canCancel}
+        status={conversation.status}
         value={prompt}
         onChangeText={setPrompt}
-        style={sx('rounded-xl', 'border', 'border-separator', 'p-4')}
-      />
-      <View style={sx('flex-row', 'gap-3')}>
-        <Button
-          label="Send"
-          loading={conversation.isGenerating}
-          disabled={!conversation.canSend}
-          onPress={() => void conversation.send(prompt)}
-        />
-        <Button
-          label="Cancel"
-          variant="secondary"
-          disabled={!conversation.canCancel}
-          onPress={() => void conversation.cancel()}
-        />
-        {retryable ? (
-          <Button
-            label="Retry"
-            variant="secondary"
-            onPress={() => void conversation.retry(retryable.id)}
+        onSubmit={({ text }) => {
+          setPrompt('')
+          void conversation.send(text)
+        }}
+      >
+        <PromptInputTextarea />
+        <PromptInputFooter>
+          <View />
+          <PromptInputSubmit
+            disabled={!conversation.canCancel && !prompt.trim()}
+            onPress={({ text }) => {
+              if (conversation.canCancel) {
+                void conversation.cancel()
+              } else {
+                setPrompt('')
+                void conversation.send(text)
+              }
+            }}
           />
-        ) : null}
-      </View>
-      {conversation.messages.map((message) => (
-        <Text key={message.id} style={sx('text-lg', 'text-label')}>
-          {message.role === 'user' ? 'You: ' : 'Assistant: '}
-          {message.content || message.status}
-        </Text>
-      ))}
+        </PromptInputFooter>
+      </PromptInput>
     </View>
   )
 }

package/templates/native/ios/Podfile.lock

@@ -71,6 +71,8 @@ PODS:
   - ExpoModulesWorklets (57.0.2):
     - ExpoModulesCore
     - ExpoModulesJSI
+  - ExpoSQLite (57.0.1):
+    - ExpoModulesCore
   - FBLazyVector (0.86.0)
   - hermes-engine (250829098.0.14):
     - hermes-engine/Pre-built (= 250829098.0.14)
@@ -1932,6 +1934,7 @@ DEPENDENCIES:
   - ExpoModulesCore (from `../node_modules/expo-modules-core`)
   - ExpoModulesJSI (from `../node_modules/expo-modules-jsi/apple`)
   - ExpoModulesWorklets (from `../node_modules/expo-modules-core`)
+  - ExpoSQLite (from `../node_modules/expo-sqlite/ios`)
   - FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`)
   - hermes-engine (from `../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec`)
   - "NativeScriptNativeApi (from `../node_modules/@nativescript/react-native`)"
@@ -2035,6 +2038,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/expo-modules-jsi/apple"
   ExpoModulesWorklets:
     :path: "../node_modules/expo-modules-core"
+  ExpoSQLite:
+    :path: "../node_modules/expo-sqlite/ios"
   FBLazyVector:
     :path: "../node_modules/react-native/Libraries/FBLazyVector"
   hermes-engine:
@@ -2202,6 +2207,7 @@ SPEC CHECKSUMS:
   ExpoModulesCore: 747a01dfe7af61ad2e869f80bf983af1caa63378
   ExpoModulesJSI: ef7f197a8e7eeb245557f560ade794bfc1abdc79
   ExpoModulesWorklets: 0340ed9a30017f8597b90a1ef9aa210c43e44c4b
+  ExpoSQLite: ddd65ed74bdebcff20f6766e682f9321ecb28ab8
   FBLazyVector: b3e7ad108f0d882e30445c5527d774e3fd432f3d
   hermes-engine: 6f298675a7f5d45e1a61a3c664a2b9618befb1e1
   NativeScriptNativeApi: b35cf5bb2727adf20eb13d2b1bd8651d0698a362