@ai-sdk/svelte 3.0.0-alpha.8 → 3.0.0-beta.1

package/CHANGELOG.md

@@ -1,5 +1,107 @@
 # @ai-sdk/svelte
 
+## 3.0.0-beta.1
+
+### Patch Changes
+
+- Updated dependencies [d88455d]
+- Updated dependencies [45c1ea2]
+- Updated dependencies [9ad0484]
+- Updated dependencies [e025824]
+- Updated dependencies [4048ce3]
+- Updated dependencies [f2b041e]
+- Updated dependencies [cb68df0]
+- Updated dependencies [26695a3]
+- Updated dependencies [bfdca8d]
+- Updated dependencies [e7d2ce3]
+- Updated dependencies [102b066]
+- Updated dependencies [71f938d]
+- Updated dependencies [28a5ed5]
+- Updated dependencies [e862b5b]
+- Updated dependencies [7bd025b]
+  - ai@5.0.0-beta.1
+  - @ai-sdk/provider-utils@3.0.0-beta.1
+
+## 3.0.0-alpha.15
+
+### Patch Changes
+
+- Updated dependencies [b1e3abd]
+- Updated dependencies [8ba77a7]
+- Updated dependencies [04d5063]
+- Updated dependencies [b4b4bb2]
+- Updated dependencies [d884051]
+- Updated dependencies [954aa73]
+- Updated dependencies [142576e]
+- Updated dependencies [395c85e]
+- Updated dependencies [60e2c56]
+  - ai@5.0.0-alpha.15
+  - @ai-sdk/provider-utils@3.0.0-alpha.15
+
+## 3.0.0-alpha.14
+
+### Patch Changes
+
+- Updated dependencies [63f9e9b]
+  - ai@5.0.0-alpha.14
+  - @ai-sdk/provider-utils@3.0.0-alpha.14
+
+## 3.0.0-alpha.13
+
+### Major Changes
+
+- 0a710d8: feat (ui): typed tool parts in ui messages
+- 901df02: feat (ui): use UI_MESSAGE generic
+
+### Patch Changes
+
+- Updated dependencies [0a710d8]
+- Updated dependencies [6a83f7d]
+- Updated dependencies [1f55c21]
+- Updated dependencies [33eb499]
+- Updated dependencies [901df02]
+  - ai@5.0.0-alpha.13
+  - @ai-sdk/provider-utils@3.0.0-alpha.13
+
+## 3.0.0-alpha.12
+
+### Patch Changes
+
+- Updated dependencies [da1e6f0]
+- Updated dependencies [4892798]
+  - ai@5.0.0-alpha.12
+  - @ai-sdk/provider-utils@3.0.0-alpha.12
+
+## 3.0.0-alpha.11
+
+### Patch Changes
+
+- Updated dependencies [e8324c5]
+  - ai@5.0.0-alpha.11
+  - @ai-sdk/provider-utils@3.0.0-alpha.11
+
+## 3.0.0-alpha.10
+
+### Major Changes
+
+- 98f25e5: chore (ui): remove managed chat inputs
+
+### Patch Changes
+
+- Updated dependencies [98f25e5]
+- Updated dependencies [7bb58d4]
+  - ai@5.0.0-alpha.10
+  - @ai-sdk/provider-utils@3.0.0-alpha.10
+
+## 3.0.0-alpha.9
+
+### Patch Changes
+
+- Updated dependencies [8255639]
+- Updated dependencies [9ae327d]
+  - ai@5.0.0-alpha.9
+  - @ai-sdk/provider-utils@3.0.0-alpha.9
+
 ## 3.0.0-alpha.8
 
 ### Patch Changes

package/dist/chat.svelte.d.ts

@@ -1,63 +1,6 @@
-import { type ChatRequestOptions, type ChatStatus, type CreateUIMessage, type InferUIDataParts, type UIDataPartSchemas, type UIMessage, type UseChatOptions } from 'ai';
-export type ChatOptions<MESSAGE_METADATA = unknown, DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas> = Readonly<UseChatOptions<MESSAGE_METADATA, DATA_PART_SCHEMAS>>;
+import { AbstractChat, type ChatInit, type CreateUIMessage, type UIMessage } from 'ai';
 export type { CreateUIMessage, UIMessage };
-export declare class Chat<MESSAGE_METADATA = unknown, DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas> {
-    #private;
-    /**
-     * The id of the chat. If not provided through the constructor, a random ID will be generated
-     * using the provided `generateId` function, or a built-in function if not provided.
-     */
-    readonly chatId: string;
-    /** The current value of the input. Writable, so it can be bound to form inputs. */
-    input: string;
-    /**
-     * Current messages in the chat.
-     *
-     * This is writable, which is useful when you want to edit the messages on the client, and then
-     * trigger {@link reload} to regenerate the AI response.
-     */
-    get messages(): UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>[];
-    set messages(messages: UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>[]);
-    /**
-     * Hook status:
-     *
-     * - `submitted`: The message has been sent to the API and we're awaiting the start of the response stream.
-     * - `streaming`: The response is actively streaming in from the API, receiving chunks of data.
-     * - `ready`: The full response has been received and processed; a new user message can be submitted.
-     * - `error`: An error occurred during the API request, preventing successful completion.
-     */
-    get status(): ChatStatus;
-    set status(value: ChatStatus);
-    /** The error object of the API request */
-    get error(): Error | undefined;
-    set error(value: Error | undefined);
-    constructor(options?: () => ChatOptions<MESSAGE_METADATA, DATA_PART_SCHEMAS>);
-    /**
-     * Append a user message to the chat list. This triggers the API call to fetch
-     * the assistant's response.
-     * @param message The message to append
-     * @param options Additional options to pass to the API call
-     */
-    append: (message: UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>> | CreateUIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>, { headers, body }?: ChatRequestOptions) => Promise<void>;
-    /**
-     * Reload the last AI chat response for the given chat history. If the last
-     * message isn't from the assistant, it will request the API to generate a
-     * new response.
-     */
-    reload: ({ headers, body }?: ChatRequestOptions) => Promise<void>;
-    /**
-     * Abort the current request immediately, keep the generated tokens if any.
-     */
-    stop: () => void;
-    /** Form submission handler to automatically reset input and append a user message */
-    handleSubmit: (event?: {
-        preventDefault?: () => void;
-    }, options?: ChatRequestOptions & {
-        files?: FileList;
-    }) => Promise<void>;
-    addToolResult: ({ toolCallId, result, }: {
-        toolCallId: string;
-        result: unknown;
-    }) => Promise<void>;
+export declare class Chat<UI_MESSAGE extends UIMessage = UIMessage> extends AbstractChat<UI_MESSAGE> {
+    constructor(init: ChatInit<UI_MESSAGE>);
 }
 //# sourceMappingURL=chat.svelte.d.ts.map

package/dist/chat.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat.svelte.d.ts","sourceRoot":"","sources":["../src/chat.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,kBAAkB,EACvB,KAAK,UAAU,EACf,KAAK,eAAe,EAEpB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,IAAI,CAAC;AAOZ,MAAM,MAAM,WAAW,CACrB,gBAAgB,GAAG,OAAO,EAC1B,iBAAiB,SAAS,iBAAiB,GAAG,iBAAiB,IAC7D,QAAQ,CAAC,cAAc,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAElE,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC;AAE3C,qBAAa,IAAI,CACf,gBAAgB,GAAG,OAAO,EAC1B,iBAAiB,SAAS,iBAAiB,GAAG,iBAAiB;;IAK/D;;;OAGG;IACH,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IAExB,mFAAmF;IACnF,KAAK,SAAsB;IAE3B;;;;;OAKG;IACH,IAAI,QAAQ,IAAI,SAAS,CACvB,gBAAgB,EAChB,gBAAgB,CAAC,iBAAiB,CAAC,CACpC,EAAE,CAEF;IACD,IAAI,QAAQ,CACV,QAAQ,EAAE,SAAS,CACjB,gBAAgB,EAChB,gBAAgB,CAAC,iBAAiB,CAAC,CACpC,EAAE,EAGJ;IAED;;;;;;;OAOG;IACH,IAAI,MAAM,IAAI,UAAU,CAEvB;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,UAAU,EAE3B;IAED,0CAA0C;IAC1C,IAAI,KAAK,IAAI,KAAK,GAAG,SAAS,CAE7B;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,EAMjC;gBAGC,OAAO,GAAE,MAAM,WAAW,CACxB,gBAAgB,EAChB,iBAAiB,CACL;IAkChB;;;;;OAKG;IACH,MAAM,YAEA,SAAS,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,GAChE,eAAe,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,sBACvD,kBAAkB,mBAWrC;IAEF;;;;OAIG;IACH,MAAM,uBAA6B,kBAAkB,mBASnD;IAEF;;OAEG;IACH,IAAI,aAEF;IAEF,qFAAqF;IACrF,YAAY,WACF;QAAE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,YAC9B,kBAAkB,GAAG;QAAE,KAAK,CAAC,EAAE,QAAQ,CAAA;KAAE,mBAwBlD;IAEF,aAAa,4BAGV;QACD,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,OAAO,CAAC;KACjB,mBAMC;CACH"}
+{"version":3,"file":"chat.svelte.d.ts","sourceRoot":"","sources":["../src/chat.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,QAAQ,EAGb,KAAK,eAAe,EACpB,KAAK,SAAS,EACf,MAAM,IAAI,CAAC;AAEZ,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC;AAE3C,qBAAa,IAAI,CACf,UAAU,SAAS,SAAS,GAAG,SAAS,CACxC,SAAQ,YAAY,CAAC,UAAU,CAAC;gBACpB,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC;CAMvC"}

package/dist/chat.svelte.js

@@ -1,142 +1,30 @@
-import { ChatStore, convertFileListToFileUIParts, defaultChatStoreOptions, generateId, } from 'ai';
-import { getChatStoreContext, hasChatStoreContext, createChatStore, } from './chat-store.svelte.js';
-export class Chat {
-    #options;
-    #generateId;
-    #chatStore;
-    /**
-     * The id of the chat. If not provided through the constructor, a random ID will be generated
-     * using the provided `generateId` function, or a built-in function if not provided.
-     */
-    chatId;
-    /** The current value of the input. Writable, so it can be bound to form inputs. */
-    input = $state('');
-    /**
-     * Current messages in the chat.
-     *
-     * This is writable, which is useful when you want to edit the messages on the client, and then
-     * trigger {@link reload} to regenerate the AI response.
-     */
-    get messages() {
-        return this.#chatStore.getMessages(this.chatId);
-    }
-    set messages(messages) {
-        this.#chatStore.setMessages({ id: this.chatId, messages });
-    }
-    /**
-     * Hook status:
-     *
-     * - `submitted`: The message has been sent to the API and we're awaiting the start of the response stream.
-     * - `streaming`: The response is actively streaming in from the API, receiving chunks of data.
-     * - `ready`: The full response has been received and processed; a new user message can be submitted.
-     * - `error`: An error occurred during the API request, preventing successful completion.
-     */
-    get status() {
-        return this.#chatStore.getStatus(this.chatId);
-    }
-    set status(value) {
-        this.#chatStore.setStatus({ id: this.chatId, status: value });
-    }
-    /** The error object of the API request */
-    get error() {
-        return this.#chatStore.getError(this.chatId);
-    }
-    set error(value) {
-        this.#chatStore.setStatus({
-            id: this.chatId,
-            status: 'error',
-            error: value,
+import { AbstractChat, } from 'ai';
+export class Chat extends AbstractChat {
+    constructor(init) {
+        super({
+            ...init,
+            state: new SvelteChatState(init.messages),
         });
     }
-    constructor(options = () => ({})) {
-        this.#options = $derived.by(options);
-        this.#generateId = $derived(this.#options.generateId ?? generateId);
-        this.chatId = $derived(this.#options.chatId ?? this.#generateId());
-        if (this.#options.chatStore) {
-            if (typeof this.#options.chatStore === 'function') {
-                this.#chatStore = createChatStore(this.#options.chatStore());
-            }
-            else {
-                this.#chatStore = this.#options.chatStore;
-            }
-        }
-        else if (hasChatStoreContext()) {
-            this.#chatStore = getChatStoreContext();
-        }
-        else {
-            this.#chatStore = createChatStore(defaultChatStoreOptions({
-                api: '/api/chat',
-                generateId: this.#options.generateId || generateId,
-            })());
-        }
-        this.input = this.#options.initialInput ?? '';
-        if (!this.#chatStore.hasChat(this.chatId)) {
-            const messages = $state([]);
-            this.#chatStore.addChat(this.chatId, messages);
-        }
+}
+class SvelteChatState {
+    messages;
+    status = $state('ready');
+    error = $state(undefined);
+    constructor(messages = []) {
+        this.messages = $state(messages);
     }
-    /**
-     * Append a user message to the chat list. This triggers the API call to fetch
-     * the assistant's response.
-     * @param message The message to append
-     * @param options Additional options to pass to the API call
-     */
-    append = async (message, { headers, body } = {}) => {
-        await this.#chatStore.submitMessage({
-            chatId: this.chatId,
-            message,
-            headers,
-            body,
-            onError: this.#options.onError,
-            onToolCall: this.#options.onToolCall,
-            onFinish: this.#options.onFinish,
-        });
+    setMessages = (messages) => {
+        this.messages = messages;
     };
-    /**
-     * Reload the last AI chat response for the given chat history. If the last
-     * message isn't from the assistant, it will request the API to generate a
-     * new response.
-     */
-    reload = async ({ headers, body } = {}) => {
-        await this.#chatStore.resubmitLastUserMessage({
-            chatId: this.chatId,
-            headers,
-            body,
-            onError: this.#options.onError,
-            onToolCall: this.#options.onToolCall,
-            onFinish: this.#options.onFinish,
-        });
+    pushMessage = (message) => {
+        this.messages.push(message);
     };
-    /**
-     * Abort the current request immediately, keep the generated tokens if any.
-     */
-    stop = () => {
-        this.#chatStore.stopStream({ chatId: this.chatId });
+    popMessage = () => {
+        this.messages.pop();
     };
-    /** Form submission handler to automatically reset input and append a user message */
-    handleSubmit = async (event, options = {}) => {
-        event?.preventDefault?.();
-        const fileParts = Array.isArray(options?.files)
-            ? options.files
-            : await convertFileListToFileUIParts(options?.files);
-        if (!this.input && fileParts.length === 0)
-            return;
-        const request = this.append({
-            id: this.#generateId(),
-            role: 'user',
-            parts: [...fileParts, { type: 'text', text: this.input }],
-        }, {
-            headers: options.headers,
-            body: options.body,
-        });
-        this.input = '';
-        await request;
-    };
-    addToolResult = async ({ toolCallId, result, }) => {
-        await this.#chatStore.addToolResult({
-            chatId: this.chatId,
-            toolCallId,
-            result,
-        });
+    replaceMessage = (index, message) => {
+        this.messages[index] = message;
     };
+    snapshot = (thing) => $state.snapshot(thing);
 }

package/dist/context-provider.d.ts

@@ -1,4 +1,2 @@
-import { type ChatStore } from 'ai';
-export declare function createAIContext(chatStore?: ChatStore): void;
-export declare function createChatStoreContext(chatStore?: ChatStore): void;
+export declare function createAIContext(): void;
 //# sourceMappingURL=context-provider.d.ts.map

package/dist/context-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-provider.d.ts","sourceRoot":"","sources":["../src/context-provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,IAAI,CAAC;AAW7D,wBAAgB,eAAe,CAAC,SAAS,CAAC,EAAE,SAAS,QAQpD;AAED,wBAAgB,sBAAsB,CAAC,SAAS,CAAC,EAAE,SAAS,QAS3D"}
+{"version":3,"file":"context-provider.d.ts","sourceRoot":"","sources":["../src/context-provider.ts"],"names":[],"mappings":"AASA,wBAAgB,eAAe,SAM9B"}

package/dist/context-provider.js

@@ -1,17 +1,8 @@
-import { defaultChatStoreOptions } from 'ai';
-import { createChatStore, setChatStoreContext } from './chat-store.svelte.js';
 import { KeyedCompletionStore, setCompletionContext, } from './completion-context.svelte.js';
 import { KeyedStructuredObjectStore, setStructuredObjectContext, } from './structured-object-context.svelte.js';
-export function createAIContext(chatStore) {
-    createChatStoreContext(chatStore);
+export function createAIContext() {
     const completionStore = new KeyedCompletionStore();
     setCompletionContext(completionStore);
     const objectStore = new KeyedStructuredObjectStore();
     setStructuredObjectContext(objectStore);
 }
-export function createChatStoreContext(chatStore) {
-    setChatStoreContext(chatStore ??
-        createChatStore(defaultChatStoreOptions({
-            api: '/api/chat',
-        })()));
-}

package/dist/index.d.ts

@@ -1,6 +1,5 @@
-export { Chat, type ChatOptions, type CreateUIMessage, type UIMessage, } from './chat.svelte.js';
-export { StructuredObject as Experimental_StructuredObject, type Experimental_StructuredObjectOptions, } from './structured-object.svelte.js';
+export { Chat, type CreateUIMessage, type UIMessage } from './chat.svelte.js';
 export { Completion, type CompletionOptions } from './completion.svelte.js';
 export { createAIContext } from './context-provider.js';
-export { createChatStore } from './chat-store.svelte.js';
+export { StructuredObject as Experimental_StructuredObject, type Experimental_StructuredObjectOptions, } from './structured-object.svelte.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,SAAS,GACf,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,gBAAgB,IAAI,6BAA6B,EACjD,KAAK,oCAAoC,GAC1C,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EACL,gBAAgB,IAAI,6BAA6B,EACjD,KAAK,oCAAoC,GAC1C,MAAM,+BAA+B,CAAC"}

package/dist/index.js

@@ -1,5 +1,4 @@
-export { Chat, } from './chat.svelte.js';
-export { StructuredObject as Experimental_StructuredObject, } from './structured-object.svelte.js';
+export { Chat } from './chat.svelte.js';
 export { Completion } from './completion.svelte.js';
 export { createAIContext } from './context-provider.js';
-export { createChatStore } from './chat-store.svelte.js';
+export { StructuredObject as Experimental_StructuredObject, } from './structured-object.svelte.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-sdk/svelte",
-  "version": "3.0.0-alpha.8",
+  "version": "3.0.0-beta.1",
   "license": "Apache-2.0",
   "files": [
     "dist",
@@ -28,7 +28,7 @@
   },
   "peerDependencies": {
     "svelte": "^5.31.0",
-    "zod": "^3.25.46"
+    "zod": "^3.25.49"
   },
   "peerDependenciesMeta": {
     "zod": {
@@ -36,8 +36,8 @@
     }
   },
   "dependencies": {
-    "@ai-sdk/provider-utils": "3.0.0-alpha.8",
-    "ai": "5.0.0-alpha.8"
+    "ai": "5.0.0-beta.1",
+    "@ai-sdk/provider-utils": "3.0.0-beta.1"
   },
   "devDependencies": {
     "@types/node": "20.17.24",
@@ -58,7 +58,7 @@
     "typescript-eslint": "^8.20.0",
     "vite": "^6.0.0",
     "vitest": "^3.0.0",
-    "zod": "3.25.46",
+    "zod": "3.25.49",
     "@vercel/ai-tsconfig": "0.0.0"
   },
   "homepage": "https://ai-sdk.dev/docs",

package/src/chat.svelte.ts

@@ -1,218 +1,51 @@
 import {
-  ChatStore,
-  convertFileListToFileUIParts,
-  defaultChatStoreOptions,
-  generateId,
-  type ChatRequestOptions,
+  AbstractChat,
+  type ChatInit,
+  type ChatState,
   type ChatStatus,
   type CreateUIMessage,
-  type IdGenerator,
-  type InferUIDataParts,
-  type UIDataPartSchemas,
   type UIMessage,
-  type UseChatOptions,
 } from 'ai';
-import {
-  getChatStoreContext,
-  hasChatStoreContext,
-  createChatStore,
-} from './chat-store.svelte.js';
-
-export type ChatOptions<
-  MESSAGE_METADATA = unknown,
-  DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas,
-> = Readonly<UseChatOptions<MESSAGE_METADATA, DATA_PART_SCHEMAS>>;
 
 export type { CreateUIMessage, UIMessage };
 
 export class Chat<
-  MESSAGE_METADATA = unknown,
-  DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas,
-> {
-  readonly #options: ChatOptions<MESSAGE_METADATA, DATA_PART_SCHEMAS>;
-  readonly #generateId: IdGenerator;
-  readonly #chatStore: ChatStore<MESSAGE_METADATA, DATA_PART_SCHEMAS>;
-  /**
-   * The id of the chat. If not provided through the constructor, a random ID will be generated
-   * using the provided `generateId` function, or a built-in function if not provided.
-   */
-  readonly chatId: string;
-
-  /** The current value of the input. Writable, so it can be bound to form inputs. */
-  input = $state<string>('');
-
-  /**
-   * Current messages in the chat.
-   *
-   * This is writable, which is useful when you want to edit the messages on the client, and then
-   * trigger {@link reload} to regenerate the AI response.
-   */
-  get messages(): UIMessage<
-    MESSAGE_METADATA,
-    InferUIDataParts<DATA_PART_SCHEMAS>
-  >[] {
-    return this.#chatStore.getMessages(this.chatId);
-  }
-  set messages(
-    messages: UIMessage<
-      MESSAGE_METADATA,
-      InferUIDataParts<DATA_PART_SCHEMAS>
-    >[],
-  ) {
-    this.#chatStore.setMessages({ id: this.chatId, messages });
-  }
-
-  /**
-   * Hook status:
-   *
-   * - `submitted`: The message has been sent to the API and we're awaiting the start of the response stream.
-   * - `streaming`: The response is actively streaming in from the API, receiving chunks of data.
-   * - `ready`: The full response has been received and processed; a new user message can be submitted.
-   * - `error`: An error occurred during the API request, preventing successful completion.
-   */
-  get status(): ChatStatus {
-    return this.#chatStore.getStatus(this.chatId);
-  }
-  set status(value: ChatStatus) {
-    this.#chatStore.setStatus({ id: this.chatId, status: value });
-  }
-
-  /** The error object of the API request */
-  get error(): Error | undefined {
-    return this.#chatStore.getError(this.chatId);
-  }
-  set error(value: Error | undefined) {
-    this.#chatStore.setStatus({
-      id: this.chatId,
-      status: 'error',
-      error: value,
+  UI_MESSAGE extends UIMessage = UIMessage,
+> extends AbstractChat<UI_MESSAGE> {
+  constructor(init: ChatInit<UI_MESSAGE>) {
+    super({
+      ...init,
+      state: new SvelteChatState(init.messages),
     });
   }
+}
 
-  constructor(
-    options: () => ChatOptions<
-      MESSAGE_METADATA,
-      DATA_PART_SCHEMAS
-    > = () => ({}),
-  ) {
-    this.#options = $derived.by(options);
-    this.#generateId = $derived(this.#options.generateId ?? generateId);
-    this.chatId = $derived(this.#options.chatId ?? this.#generateId());
-
-    if (this.#options.chatStore) {
-      if (typeof this.#options.chatStore === 'function') {
-        this.#chatStore = createChatStore(this.#options.chatStore());
-      } else {
-        this.#chatStore = this.#options.chatStore;
-      }
-    } else if (hasChatStoreContext()) {
-      this.#chatStore = getChatStoreContext() as ChatStore<
-        MESSAGE_METADATA,
-        DATA_PART_SCHEMAS
-      >;
-    } else {
-      this.#chatStore = createChatStore(
-        defaultChatStoreOptions<MESSAGE_METADATA, DATA_PART_SCHEMAS>({
-          api: '/api/chat',
-          generateId: this.#options.generateId || generateId,
-        })(),
-      );
-    }
-
-    this.input = this.#options.initialInput ?? '';
+class SvelteChatState<UI_MESSAGE extends UIMessage>
+  implements ChatState<UI_MESSAGE>
+{
+  messages: UI_MESSAGE[];
+  status = $state<ChatStatus>('ready');
+  error = $state<Error | undefined>(undefined);
 
-    if (!this.#chatStore.hasChat(this.chatId)) {
-      const messages = $state([]);
-      this.#chatStore.addChat(this.chatId, messages);
-    }
+  constructor(messages: UI_MESSAGE[] = []) {
+    this.messages = $state(messages);
   }
 
-  /**
-   * Append a user message to the chat list. This triggers the API call to fetch
-   * the assistant's response.
-   * @param message The message to append
-   * @param options Additional options to pass to the API call
-   */
-  append = async (
-    message:
-      | UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>
-      | CreateUIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>,
-    { headers, body }: ChatRequestOptions = {},
-  ) => {
-    await this.#chatStore.submitMessage({
-      chatId: this.chatId,
-      message,
-      headers,
-      body,
-      onError: this.#options.onError,
-      onToolCall: this.#options.onToolCall,
-      onFinish: this.#options.onFinish,
-    });
+  setMessages = (messages: UI_MESSAGE[]) => {
+    this.messages = messages;
   };
 
-  /**
-   * Reload the last AI chat response for the given chat history. If the last
-   * message isn't from the assistant, it will request the API to generate a
-   * new response.
-   */
-  reload = async ({ headers, body }: ChatRequestOptions = {}) => {
-    await this.#chatStore.resubmitLastUserMessage({
-      chatId: this.chatId,
-      headers,
-      body,
-      onError: this.#options.onError,
-      onToolCall: this.#options.onToolCall,
-      onFinish: this.#options.onFinish,
-    });
+  pushMessage = (message: UI_MESSAGE) => {
+    this.messages.push(message);
   };
 
-  /**
-   * Abort the current request immediately, keep the generated tokens if any.
-   */
-  stop = () => {
-    this.#chatStore.stopStream({ chatId: this.chatId });
+  popMessage = () => {
+    this.messages.pop();
   };
 
-  /** Form submission handler to automatically reset input and append a user message */
-  handleSubmit = async (
-    event?: { preventDefault?: () => void },
-    options: ChatRequestOptions & { files?: FileList } = {},
-  ) => {
-    event?.preventDefault?.();
-
-    const fileParts = Array.isArray(options?.files)
-      ? options.files
-      : await convertFileListToFileUIParts(options?.files);
-
-    if (!this.input && fileParts.length === 0) return;
-
-    const request = this.append(
-      {
-        id: this.#generateId(),
-        role: 'user',
-        parts: [...fileParts, { type: 'text', text: this.input }],
-      },
-      {
-        headers: options.headers,
-        body: options.body,
-      },
-    );
-
-    this.input = '';
-    await request;
+  replaceMessage = (index: number, message: UI_MESSAGE) => {
+    this.messages[index] = message;
   };
 
-  addToolResult = async ({
-    toolCallId,
-    result,
-  }: {
-    toolCallId: string;
-    result: unknown;
-  }) => {
-    await this.#chatStore.addToolResult({
-      chatId: this.chatId,
-      toolCallId,
-      result,
-    });
-  };
+  snapshot = <T>(thing: T): T => $state.snapshot(thing) as T;
 }

package/src/context-provider.ts

@@ -1,5 +1,3 @@
-import { defaultChatStoreOptions, type ChatStore } from 'ai';
-import { createChatStore, setChatStoreContext } from './chat-store.svelte.js';
 import {
   KeyedCompletionStore,
   setCompletionContext,
@@ -9,23 +7,10 @@ import {
   setStructuredObjectContext,
 } from './structured-object-context.svelte.js';
 
-export function createAIContext(chatStore?: ChatStore) {
-  createChatStoreContext(chatStore);
-
+export function createAIContext() {
   const completionStore = new KeyedCompletionStore();
   setCompletionContext(completionStore);
 
   const objectStore = new KeyedStructuredObjectStore();
   setStructuredObjectContext(objectStore);
 }
-
-export function createChatStoreContext(chatStore?: ChatStore) {
-  setChatStoreContext(
-    chatStore ??
-      createChatStore(
-        defaultChatStoreOptions({
-          api: '/api/chat',
-        })(),
-      ),
-  );
-}

package/src/index.ts

@@ -1,17 +1,7 @@
-export {
-  Chat,
-  type ChatOptions,
-  type CreateUIMessage,
-  type UIMessage,
-} from './chat.svelte.js';
-
+export { Chat, type CreateUIMessage, type UIMessage } from './chat.svelte.js';
+export { Completion, type CompletionOptions } from './completion.svelte.js';
+export { createAIContext } from './context-provider.js';
 export {
   StructuredObject as Experimental_StructuredObject,
   type Experimental_StructuredObjectOptions,
 } from './structured-object.svelte.js';
-
-export { Completion, type CompletionOptions } from './completion.svelte.js';
-
-export { createAIContext } from './context-provider.js';
-
-export { createChatStore } from './chat-store.svelte.js';

package/dist/chat-store.svelte.d.ts

@@ -1,4 +0,0 @@
-import { ChatStore, type ChatStoreOptions, type UIDataPartSchemas } from 'ai';
-export declare const hasChatStoreContext: () => boolean, getChatStoreContext: () => ChatStore<unknown, UIDataPartSchemas>, setChatStoreContext: (value: ChatStore<unknown, UIDataPartSchemas>) => ChatStore<unknown, UIDataPartSchemas>;
-export declare function createChatStore<MESSAGE_METADATA = unknown, DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas>(options: ChatStoreOptions<MESSAGE_METADATA, DATA_PART_SCHEMAS>): ChatStore<MESSAGE_METADATA, DATA_PART_SCHEMAS>;
-//# sourceMappingURL=chat-store.svelte.d.ts.map

package/dist/chat-store.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-store.svelte.d.ts","sourceRoot":"","sources":["../src/chat-store.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAKT,KAAK,gBAAgB,EAErB,KAAK,iBAAiB,EAGvB,MAAM,IAAI,CAAC;AAGZ,eAAO,MACO,mBAAmB,iBACnB,mBAAmB,+CACnB,mBAAmB,yFACQ,CAAC;AAqD1C,wBAAgB,eAAe,CAC7B,gBAAgB,GAAG,OAAO,EAC1B,iBAAiB,SAAS,iBAAiB,GAAG,iBAAiB,EAE/D,OAAO,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,GAC7D,SAAS,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAQhD"}

package/dist/chat-store.svelte.js

@@ -1,43 +0,0 @@
-import { ChatStore, SerialJobExecutor, } from 'ai';
-import { createContext } from './utils.svelte.js';
-export const { hasContext: hasChatStoreContext, getContext: getChatStoreContext, setContext: setChatStoreContext, } = createContext('ChatStore');
-class SvelteChat {
-    messages;
-    status = $state('ready');
-    error = $state(undefined);
-    activeResponse = undefined;
-    jobExecutor = new SerialJobExecutor();
-    constructor(messages) {
-        this.messages = $state(messages ?? []);
-    }
-    setStatus = (status) => {
-        this.status = status;
-    };
-    setError = (error) => {
-        this.error = error;
-    };
-    setActiveResponse = (activeResponse) => {
-        this.activeResponse = activeResponse;
-    };
-    setMessages = (messages) => {
-        this.messages = messages;
-    };
-    pushMessage = (message) => {
-        this.messages.push(message);
-    };
-    popMessage = () => {
-        this.messages.pop();
-    };
-    replaceMessage = (index, message) => {
-        this.messages[index] = message;
-    };
-    snapshot = (thing) => {
-        return $state.snapshot(thing);
-    };
-}
-export function createChatStore(options) {
-    return new ChatStore({
-        ...options,
-        createChat: options => new SvelteChat(options.messages),
-    });
-}

package/dist/tests/chat-synchronization.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-  import { createChatStore } from '../chat-store.svelte.js';
-  import { Chat } from '../chat.svelte.js';
-  import { defaultChatStoreOptions } from 'ai';
-  import { createAIContext } from '../context-provider.js';
-
-  let { chatId }: { chatId?: string } = $props();
-
-  createAIContext(
-    createChatStore(defaultChatStoreOptions({ api: '/api/chat' })()),
-  );
-  const chat1 = new Chat(() => ({ chatId }));
-  const chat2 = new Chat(() => ({ chatId }));
-
-  export { chat1, chat2 };
-</script>

package/dist/tests/chat-synchronization.svelte.d.ts

@@ -1,11 +0,0 @@
-import { Chat } from '../chat.svelte.js';
-type $$ComponentProps = {
-    chatId?: string;
-};
-declare const ChatSynchronization: import("svelte").Component<$$ComponentProps, {
-    chat1: Chat<unknown, import("ai").UIDataPartSchemas>;
-    chat2: Chat<unknown, import("ai").UIDataPartSchemas>;
-}, "">;
-type ChatSynchronization = ReturnType<typeof ChatSynchronization>;
-export default ChatSynchronization;
-//# sourceMappingURL=chat-synchronization.svelte.d.ts.map

package/dist/tests/chat-synchronization.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-synchronization.svelte.d.ts","sourceRoot":"","sources":["../../src/tests/chat-synchronization.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAIxC,KAAK,gBAAgB,GAAI;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAoB9C,QAAA,MAAM,mBAAmB;;;MAAsC,CAAC;AAChE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/src/chat-store.svelte.ts

@@ -1,85 +0,0 @@
-import {
-  ChatStore,
-  SerialJobExecutor,
-  type ActiveResponse,
-  type Chat,
-  type ChatStatus,
-  type ChatStoreOptions,
-  type InferUIDataParts,
-  type UIDataPartSchemas,
-  type UIDataTypes,
-  type UIMessage,
-} from 'ai';
-import { createContext } from './utils.svelte.js';
-
-export const {
-  hasContext: hasChatStoreContext,
-  getContext: getChatStoreContext,
-  setContext: setChatStoreContext,
-} = createContext<ChatStore>('ChatStore');
-
-class SvelteChat<MESSAGE_METADATA, DATA_TYPES extends UIDataTypes>
-  implements Chat<MESSAGE_METADATA, DATA_TYPES>
-{
-  messages: UIMessage<MESSAGE_METADATA, DATA_TYPES>[];
-  status = $state<ChatStatus>('ready');
-  error = $state<Error | undefined>(undefined);
-  activeResponse: ActiveResponse<MESSAGE_METADATA> | undefined = undefined;
-  jobExecutor = new SerialJobExecutor();
-
-  constructor(messages?: UIMessage<MESSAGE_METADATA, DATA_TYPES>[]) {
-    this.messages = $state(messages ?? []);
-  }
-
-  setStatus = (status: ChatStatus) => {
-    this.status = status;
-  };
-
-  setError = (error: Error | undefined) => {
-    this.error = error;
-  };
-
-  setActiveResponse = (
-    activeResponse: ActiveResponse<MESSAGE_METADATA> | undefined,
-  ) => {
-    this.activeResponse = activeResponse;
-  };
-
-  setMessages = (messages: UIMessage<MESSAGE_METADATA, DATA_TYPES>[]) => {
-    this.messages = messages;
-  };
-
-  pushMessage = (message: UIMessage<MESSAGE_METADATA, DATA_TYPES>) => {
-    this.messages.push(message);
-  };
-
-  popMessage = () => {
-    this.messages.pop();
-  };
-
-  replaceMessage = (
-    index: number,
-    message: UIMessage<MESSAGE_METADATA, DATA_TYPES>,
-  ) => {
-    this.messages[index] = message;
-  };
-
-  snapshot = <T>(thing: T): T => {
-    return $state.snapshot(thing) as T;
-  };
-}
-
-export function createChatStore<
-  MESSAGE_METADATA = unknown,
-  DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas,
->(
-  options: ChatStoreOptions<MESSAGE_METADATA, DATA_PART_SCHEMAS>,
-): ChatStore<MESSAGE_METADATA, DATA_PART_SCHEMAS> {
-  return new ChatStore<MESSAGE_METADATA, DATA_PART_SCHEMAS>({
-    ...options,
-    createChat: options =>
-      new SvelteChat<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>(
-        options.messages,
-      ),
-  });
-}

package/src/tests/chat-synchronization.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-  import { createChatStore } from '../chat-store.svelte.js';
-  import { Chat } from '../chat.svelte.js';
-  import { defaultChatStoreOptions } from 'ai';
-  import { createAIContext } from '../context-provider.js';
-
-  let { chatId }: { chatId?: string } = $props();
-
-  createAIContext(
-    createChatStore(defaultChatStoreOptions({ api: '/api/chat' })()),
-  );
-  const chat1 = new Chat(() => ({ chatId }));
-  const chat2 = new Chat(() => ({ chatId }));
-
-  export { chat1, chat2 };
-</script>